@font-face{font-family:BeVietnam;src:url('../fonts/regular.woff2') format('woff2');font-weight:400 500;font-display:swap}@font-face{font-family:BeVietnam;src:url('../fonts/bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{font-family:BeVietnam,Arial,sans-serif;color:#064d65;background:#fff;color-scheme:light;--teal:#064d65;--pink:#e65048;--cta:linear-gradient(180deg,#ff8560,#f66338 48%,#e65048)}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:100px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}img{max-width:100%;display:block}picture{display:block}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #006bb7;outline-offset:4px}.sr-only,.trap{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:100;top:-100px;left:12px;padding:12px;background:white}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;background:#fff}.header-inner{max-width:1600px;min-height:88px;margin:auto;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:215px;height:auto}.primary-nav{display:flex;align-items:center;gap:32px}.primary-nav a{text-decoration:none;white-space:nowrap;font-size:16px;font-weight:600;padding:12px 0}.primary-nav a:hover{text-decoration:underline}.gl-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;border:0;border-radius:999px;padding:12px 24px;background:var(--cta);color:#fff;text-decoration:none;font-weight:700;line-height:1.4;box-shadow:0 7px 13px #b716502b;position:relative}.gl-button::before{content:'';position:absolute;left:24px;right:24px;top:6px;height:1px;background:#98e9df}.gl-button .heart,.gl-button .arrow{flex:none}.gl-button .arrow{font-size:25px;line-height:1}.header-cta{font-size:16px;white-space:nowrap}#menu-toggle{display:none}main{max-width:1600px;margin:auto}.art-section{position:relative;container-type:inline-size;scroll-margin-top:88px}.art-section>picture img{width:100%;height:auto}.art-hotspot{position:absolute;left:var(--dx);top:var(--dy);width:var(--dw);height:var(--dh);padding:0;border:0;background:transparent;border-radius:999px}.art-hotspot.mobile-only{display:none}.art-hotspot:focus-visible{outline:4px solid #003f83;outline-offset:3px}.form-section{background:linear-gradient(135deg,#095ddd,#068ed0 48%,#00b893);min-height:var(--form-bottom,0px)}.form-section.registration{background:linear-gradient(135deg,#095ddd,#068ed0 50%,#00b893)}.form-section>.lead-form{position:absolute;left:var(--fx);top:var(--fy);width:var(--fw)}.lead-form{display:flex;flex-direction:column;gap:13px;margin:0;padding:24px;background:white;border-radius:28px;box-shadow:0 12px 24px #18476a21;color:var(--teal);min-width:0}.lead-form h2,.lead-form h3{font-size:clamp(17px,1.35cqw,22px);line-height:1.4;margin:0 0 8px;font-weight:800}.lead-form>input{height:52px;min-height:44px;width:100%;min-width:0;border:1px solid #a9dacf;border-radius:14px;padding:12px 18px;background:white;color:#123f52;font-size:16px}.lead-form input::placeholder{color:#486d7b;opacity:1}.consent{display:flex;align-items:flex-start;gap:8px;line-height:1.5;font-size:13px;color:#486d7b}.consent input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--teal)}.consent a{text-underline-offset:3px}.form-submit{width:100%;font-size:17px;justify-content:space-between;min-height:53px}.form-submit .button-label{flex:1;text-align:center}.form-submit:disabled{opacity:.7}.form-status{font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.form-status:empty{display:none}.form-status[data-state=error]{color:#a41736;background:#fff0f4;padding:10px;border-radius:10px}.form-status[data-state=success]{color:#006548;background:#e9fbf3;padding:10px;border-radius:10px}.is-success .form-submit{background:linear-gradient(135deg,#008a74,#03aa82)}.footer-inner{max-width:1600px;margin:auto;padding:48px 5% 65px;display:grid;grid-template-columns:1.25fr 1fr 1.3fr;gap:32px}.footer-brand img{width:260px;height:auto;margin-bottom:24px}.footer-phone{font-size:29px;font-weight:800;text-decoration:none}.footer-brand p{margin:15px 0 0;line-height:1.6;color:#486d7b;font-size:16px}.footer-links{display:flex;flex-direction:column;gap:15px;padding-top:10px;font-size:16px}.footer-links a{text-decoration:none;width:fit-content}.footer-links a:hover{text-decoration:underline}.text-button{background:none;border:0;color:inherit;font:inherit;text-align:left;padding:0;width:fit-content}.text-button:hover{text-decoration:underline}.footer-address{grid-column:1/3;color:#486d7b;font-size:16px;line-height:1.9}.footer-address p{margin:0 0 10px}.home-link{align-self:center;padding:18px;text-align:center;border-radius:18px;background:linear-gradient(135deg,#095ddd,#068ed0,#00b893);color:#fff;font-weight:700;text-decoration:none}.sticky-actions{position:fixed;bottom:22px;right:24px;z-index:25;display:flex;gap:10px;align-items:center;padding:8px;border-radius:999px;background:#fff;box-shadow:0 5px 30px #004b5c38}.sticky-actions .call{padding:10px 15px;font-weight:700;text-decoration:none;white-space:nowrap}.sticky-actions[hidden]{display:none}.dialog-open .sticky-actions,.form-editing .sticky-actions{display:none}dialog{width:min(510px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:0;border-radius:28px;padding:29px;background:white;color:var(--teal);box-shadow:0 24px 80px #00394555}dialog::backdrop{background:#003c45a6}dialog .intro{margin:0 32px 22px 0;line-height:1.5;font-size:16px}dialog .lead-form{padding:0;box-shadow:none}dialog .lead-form h2{font-size:23px;margin-right:25px}dialog .form-submit{font-size:17px}.dialog-close{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:transparent;font-size:32px;line-height:1;color:var(--teal)}.dialog-open{overflow:hidden}.noscript{padding:20px;text-align:center;background:#fff}.footer-spacer{height:80px}
@media(min-width:1024px) and (max-width:1279px){.header-inner{gap:18px;padding-inline:4%}.brand img{width:172px}.primary-nav{gap:18px}.primary-nav a{font-size:14px}.header-cta{font-size:14px;padding-inline:17px}.lead-form{padding:18px;gap:9px}.lead-form>input{height:46px}.lead-form h2{font-size:17px;margin-bottom:3px}.form-submit{min-height:48px;font-size:15px}.consent{font-size:12px}}
@media(max-width:1023px){html{scroll-padding-top:74px}.header-inner{min-height:74px;padding:10px 5%;gap:12px}.brand img{width:clamp(132px,29.75vw,215px)}.header-cta{margin-left:auto;padding:10px 14px;font-size:14px;gap:8px}.header-cta .arrow{display:none}#menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;background:none;border:0;flex:none;width:40px;height:44px;padding:8px}#menu-toggle span{width:24px;height:2px;background:var(--teal);border-radius:2px}.primary-nav{display:none;position:absolute;top:100%;left:5%;right:5%;padding:12px 20px;background:#fff;border-radius:0 0 20px 20px;box-shadow:0 15px 25px #00483e21}.primary-nav.is-open{display:flex;flex-direction:column;gap:0;align-items:stretch}.primary-nav a{font-size:16px;padding:15px 0}main{max-width:800px}.art-section{scroll-margin-top:74px}.art-hotspot,.art-hotspot.mobile-only{display:block;left:var(--mx);top:var(--my);width:var(--mw);height:var(--mh)}.art-hotspot.desktop-only{display:none}.form-section{padding-bottom:5%;min-height:0!important}.form-section>.lead-form{position:relative;left:auto;top:auto;width:90%;margin:0 auto}.lead-form{padding:clamp(17px,3.75cqw,30px);gap:clamp(12px,2.3cqw,18px);border-radius:clamp(22px,4cqw,32px)}.lead-form h2{font-size:clamp(18px,3.5cqw,28px);margin:0 0 3px}.lead-form>input{height:clamp(48px,10cqw,80px);font-size:clamp(16px,3.25cqw,26px);padding-inline:clamp(16px,2.75cqw,22px)}.consent{font-size:clamp(13px,2.375cqw,19px);gap:9px}.form-submit{min-height:clamp(52px,10.25cqw,82px);font-size:clamp(16px,3cqw,24px)}.footer-inner{max-width:800px;display:block;padding:40px 5% 35px}.footer-brand img{width:230px}.footer-brand p,.footer-address{font-size:16px}.footer-phone{font-size:28px}.footer-links{padding:0;margin-top:30px;font-size:16px;gap:16px}.footer-address{margin-top:30px}.home-link{display:block;margin-top:26px}.sticky-actions{bottom:0;left:0;right:0;border-radius:0;padding:10px 4% calc(10px + env(safe-area-inset-bottom));gap:8px;justify-content:center}.sticky-actions .gl-button{flex:1;font-size:14px;padding:12px 15px;gap:8px;min-height:48px}.sticky-actions .call{font-size:14px;padding:10px 5px}.sticky-actions .arrow{display:none}.footer-spacer{height:83px}dialog{padding:24px}dialog .lead-form{gap:12px}dialog .lead-form>input{height:50px;font-size:16px}dialog .consent{font-size:13px}dialog .form-submit{font-size:16px;min-height:52px}dialog .lead-form h2{font-size:21px}}
@media(max-width:359px){.header-inner{gap:5px}.header-cta{font-size:13px;padding-inline:11px}.header-cta .heart{display:none}.brand img{width:133px}.sticky-actions .call{font-size:12px}.sticky-actions .gl-button{font-size:13px}.lead-form h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#success-dialog{position:relative;text-align:center;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f4faf7 100%);padding:44px 28px 28px!important;max-width:420px;border:0;border-radius:24px}
#success-dialog::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--pink,#e65048),var(--teal,#064d65))}
#success-dialog .success-icon{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;margin:6px auto 18px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff 0%,#e8f5f0 55%,#d4ebe4 100%);border:2px solid #b8ddd0;box-shadow:0 10px 24px rgba(6,77,101,.12);font-size:38px;line-height:1;color:var(--teal,#064d65);font-weight:800}
#success-dialog h2{margin:0 0 10px;font-size:26px;line-height:1.2;color:var(--teal,#064d65)}
#success-dialog .success-message{font-size:16px;line-height:1.6;color:var(--teal,#064d65);margin:0 auto 14px;max-width:34ch;font-weight:700}
#success-dialog .success-note{font-size:14px;line-height:1.55;color:#486d7b;margin:0 auto 22px;max-width:36ch}
#success-dialog .success-note a{display:inline-block;margin-top:4px;padding:4px 10px;border-radius:999px;background:#e8f5f0;color:var(--teal,#064d65);font-weight:800;text-decoration:none}
#success-dialog .success-ok{width:100%;height:52px;border:0;border-radius:14px;background:var(--teal,#064d65);color:#fff;font-weight:900;font-size:16px;letter-spacing:.02em;box-shadow:0 10px 22px rgba(6,77,101,.22)}
#success-dialog .success-ok:hover,#success-dialog .success-ok:focus-visible{filter:brightness(1.05)}
#success-dialog #success-dialog-close{position:absolute!important;right:12px!important;top:10px!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border:0!important;border-radius:50%!important;background:#e8f5ef!important;color:var(--pink,#e65048)!important;font-size:28px!important;line-height:1!important;cursor:pointer!important;font-weight:700!important}

.gl-button .heart{display:inline-flex;align-items:center;justify-content:center}.gl-button .heart svg{display:block}.art-section .lead-form h2{font-size:clamp(17px,1.35cqw,22px)}@media(max-width:1023px){.art-section .lead-form h2{font-size:clamp(18px,3.5cqw,28px)}}
/* SPOT-MAS: official Green Lab footer and six distinct technology illustrations. */
.site-footer{background:linear-gradient(135deg,#00c064 0%,#00c064 1%,#076f80 40%,#076f80 100%);color:white}.footer-inner{grid-template-columns:1.15fr .8fr 1.15fr 1fr;gap:30px;padding:48px 5% 40px}.footer-brand img{background:white;border-radius:12px;padding:10px;width:250px}.footer-brand p,.footer-links p{font-size:14px;color:white;line-height:1.7;margin:12px 0}.footer-phone{font-size:20px;white-space:nowrap}.footer-links{font-size:15px;line-height:1.65;gap:14px;padding-top:0}.footer-links h2{font-size:18px;line-height:1.4;margin:0 0 5px;color:white}.footer-links iframe{border:0;width:100%;max-width:100%;height:200px;border-radius:12px;background:#ffffff1a}.footer-social{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;margin-top:12px}.footer-social a{border:1px solid #ffffff70;border-radius:99px;padding:5px 9px;text-decoration:none}.home-link{grid-column:1/-1;justify-self:end;min-width:280px;background:var(--cta);border-radius:99px;padding:16px 28px}.home-link span{margin-left:20px}
.benefits{padding:65px 5% 60px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#e3fcff,transparent 50%),#f7fcff;scroll-margin-top:95px}.benefits header{max-width:1000px;margin:0 auto 40px}.eyebrow{color:#027885;letter-spacing:.18em;font-weight:700;font-size:16px;margin:0 0 14px}.benefits h2{font-size:clamp(27px,3vw,46px);line-height:1.28;margin:0 0 20px;font-weight:800;color:#064d65}.benefits header>p:last-child{font-size:18px;line-height:1.6;color:#486d7b}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}.benefit{padding:10px 20px 24px;min-width:0;position:relative}.benefit-visual{width:clamp(150px,17vw,260px);max-width:100%;aspect-ratio:1;margin:0 auto 12px;border-radius:50%;background:radial-gradient(circle,#8ee8ff 0%,#dff8ff 46%,transparent 71%)}.benefit:nth-child(2) .benefit-visual{background:radial-gradient(circle,#6ee3c6,transparent 71%)}.benefit:nth-child(3) .benefit-visual{background:radial-gradient(circle,#ffe48c,transparent 71%)}.benefit:nth-child(4) .benefit-visual{background:radial-gradient(circle,#c3a2ff,transparent 71%)}.benefit:nth-child(5) .benefit-visual{background:radial-gradient(circle,#ffb59f,transparent 71%)}.benefit:nth-child(6) .benefit-visual{background:radial-gradient(circle,#a5efd6,transparent 71%)}.benefit img{width:100%;height:100%;object-fit:contain}.benefit h3{font-size:clamp(16px,1.4vw,22px);line-height:1.5;color:#064d65;margin:0 0 12px}.benefit p{font-size:16px;line-height:1.7;color:#486d7b;margin:0 auto;max-width:350px}.benefit-note{max-width:1020px;margin:25px auto;font-size:14px;line-height:1.7;color:#486d7b}.benefits>.gl-button{max-width:100%;font-size:16px;padding:18px 28px}.gl-button .heart{display:none}
@media(min-width:1024px) and (max-width:1279px){.art-section .lead-form{padding:15px;gap:8px}.art-section .lead-form h2{font-size:15px}.art-section .lead-form>input{height:44px}.art-section .form-submit{min-height:46px;font-size:14px}.art-section .consent{font-size:11px}}
@media(max-width:1023px){.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-links{margin:0}.footer-links:last-of-type{grid-column:1/-1}.footer-links iframe{max-width:440px}.home-link{margin-top:0;justify-self:stretch;min-width:0}.benefits{padding:42px 5%}.benefit-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.benefit{padding:0 8px 16px}.benefit-visual{width:200px}.benefit h3{font-size:17px}.benefit p{font-size:15px}}
@media(max-width:540px){.benefit-grid{grid-template-columns:1fr;gap:30px}.benefit{display:grid;grid-template-columns:120px minmax(0,1fr);gap:15px;align-items:center;text-align:left;padding:0}.benefit-visual{width:120px;margin:0}.benefit h3{font-size:15px;line-height:1.5;margin-bottom:8px}.benefit p{font-size:14px;line-height:1.6}.benefits header{margin-bottom:30px}.benefits header>p:last-child{font-size:16px}.benefits>.gl-button{font-size:14px;padding-inline:20px}.benefit-note{font-size:13px}.footer-inner{display:block}.footer-links{margin-top:30px}.home-link{margin-top:30px}.footer-links p{margin:0}}
@media(max-width:359px){.benefit{grid-template-columns:94px minmax(0,1fr);gap:10px}.benefit-visual{width:94px}.benefit h3{font-size:14px}.benefit p{font-size:13px}.benefits h2{font-size:25px}}
.hero-mobile-note{display:none}@media(max-width:1023px){.hero-mobile-note{display:block;color:#fff;font-size:13px;line-height:1.6;width:90%;margin:22px auto 0;text-align:center}}

/* Giá cập nhật ngày 02/10/2026. Text HTML để không phụ thuộc chữ trong artwork. */
.updated-price{position:absolute;z-index:1;left:5%;top:24.5cqw;width:37.1875%;height:9cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#087ed1;border:1px solid #65caff;border-radius:1.25cqw;color:white;box-shadow:0 .35cqw .8cqw #003f751a;line-height:1.1}
.updated-price .price-before{display:flex;gap:1.1cqw;align-items:center;font-size:1.7cqw;line-height:1.3}
.updated-price del{color:#e0f6ff;text-decoration-thickness:1px}.price-before span{border-radius:99px;background:#ffda75;color:#064d65;font-size:1.35cqw;font-weight:800;padding:.25cqw .7cqw}
.updated-price strong{font-size:5.1cqw;letter-spacing:-.12cqw;color:#ffe483;white-space:nowrap}
#registration .updated-price{top:18.5cqw;width:40%;height:8cqw}#registration .updated-price strong{font-size:4.35cqw;line-height:1.05}
.form-price{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:14px;margin:-5px 0 0;line-height:1.4}.form-price del{color:#637e87}.form-price span{background:#fff0ce;color:#794a00;padding:2px 7px;border-radius:20px;font-weight:700}.form-price strong{color:#c34420;font-size:22px}
.updated-faq-price{position:absolute;left:5%;top:53.75cqw;width:90%;height:13cqw;background:#fff;border:1px solid #dce8eb;border-radius:1.5cqw;padding:1.1cqw 1.5cqw;color:#4b6e7a}
.updated-faq-price h3{font-size:1.625cqw;color:#064d65;line-height:1.4;margin:0 0 1.8cqw}.updated-faq-price p{font-size:1.5cqw;line-height:1.45;margin:0}
@media(max-width:1023px){.updated-price{left:10%;top:49cqw;width:80%;height:18cqw;border-radius:2.5cqw}.updated-price .price-before{font-size:3.4cqw;gap:2.2cqw}.price-before span{font-size:2.7cqw;padding:.5cqw 1.4cqw}.updated-price strong{font-size:10.2cqw;letter-spacing:-.24cqw}#registration .updated-price{left:5%;top:37cqw;width:80%;height:16cqw}#registration .updated-price strong{font-size:8.7cqw}.updated-faq-price{top:139.25cqw;height:31.75cqw;border-radius:3cqw;padding:1.5cqw 3cqw}.updated-faq-price h3{font-size:3.5cqw;line-height:1.4;margin:0 0 2.5cqw}.updated-faq-price p{font-size:3.2cqw;line-height:1.45}.form-price strong{font-size:21px}}
