:root{--color-brand-900:#12304a;--color-brand-800:#193e5c;--color-accent-700:#c2410c;--color-accent-800:#9a3412;--color-bg:#f7f7f5;--color-surface:#fff;--color-text:#17212b;--color-muted:#667085;--color-border:#e5e7eb;--color-success:#16803a;--color-warning:#f4c430;--radius-card:12px;--radius-button:10px;--shadow:0 16px 40px #12304a14;--container:1180px;color:var(--color-text);background:var(--color-bg);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--color-bg);min-width:320px;margin:0;line-height:1.6}body:has(dialog[open]){overflow:hidden}img{max-width:100%;display:block}a{color:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-warning);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.15}h1{max-width:15ch;margin-bottom:24px;font-size:clamp(2.35rem,5vw,4.75rem)}h2{margin-bottom:16px;font-size:clamp(2rem,3.5vw,3.2rem)}h3{margin-bottom:10px;font-size:1.12rem}p{color:var(--color-muted)}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.section{padding-block:96px}.section-tinted{background:#edf2f5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#fff;background:var(--color-brand-900);border-radius:8px;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.preview-banner{color:#201800;text-align:center;background:#fff1b8;padding:8px 16px;font-size:.875rem;font-weight:700}.eyebrow{color:var(--color-accent-700);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:800}.site-header{z-index:20;backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #e5e7ebe6;position:sticky;top:0}.header-inner{align-items:center;gap:24px;min-height:76px;display:flex}.brand{max-width:280px;color:var(--color-brand-900);align-items:center;gap:10px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:.02em;font-size:.96rem}.brand small{color:var(--color-accent-700);letter-spacing:.16em;margin-top:2px;font-size:.64rem;font-weight:800}.brand-mark{color:#fff;background:var(--color-brand-900);letter-spacing:.04em;border-radius:9px;flex:none;place-items:center;width:42px;height:42px;font-size:.86rem;display:grid}.primary-nav{align-items:center;gap:24px;margin-left:auto;display:flex}.primary-nav a{color:#344054;padding-block:12px;font-size:.93rem;font-weight:650;text-decoration:none}.primary-nav a:hover{color:var(--color-accent-700)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.menu-button{border:1px solid var(--color-border);background:#fff;border-radius:10px;width:48px;height:48px;padding:12px;display:none}.menu-button span:not(.sr-only){background:var(--color-brand-900);height:2px;margin-block:5px;display:block}.button{border-radius:var(--radius-button);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:11px 18px;font-weight:750;text-decoration:none;transition:background-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #12304a24}.button:disabled{opacity:.65;cursor:wait;transform:none}.button-accent{color:#fff;background:var(--color-accent-700)}.button-accent:hover{background:var(--color-accent-800)}.button-navy{color:#fff;background:var(--color-brand-900)}.button-navy:hover{background:var(--color-brand-800)}.button-quiet{color:var(--color-brand-900);background:#fff;border-color:#cbd5df}.button-large{min-height:56px;padding-inline:24px}.text-link,.icon-link{color:var(--color-accent-700);text-underline-offset:4px;font-weight:750}.hero{background:linear-gradient(120deg,#f7f7f5 0% 54%,#e9eff3 54% 100%);padding-block:72px 90px;position:relative;overflow:clip}.hero:before{content:"";border:1px solid #12304a1a;border-radius:50%;width:500px;height:500px;position:absolute;top:-180px;right:-180px}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:72px;display:grid}.hero-lead{color:#475467;max-width:62ch;margin-bottom:30px;font-size:clamp(1.05rem,1.6vw,1.24rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.hero-actions .button-navy{padding-inline:18px;font-size:.91rem}.service-note{font-size:.9rem}.service-note strong{color:var(--color-text)}.hero-visual{background:var(--color-surface);border:8px solid #fff;border-radius:18px;min-height:580px;position:relative;overflow:hidden;box-shadow:0 30px 70px #12304a2e}.hero-visual picture,.hero-visual img{width:100%;height:100%}.hero-visual img{object-fit:cover;object-position:center 48%;position:absolute;inset:0}.hero-badge{color:#fff;backdrop-filter:blur(8px);background:#12304aeb;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.hero-badge span{color:#d8e3ea;font-size:.84rem}.trust-strip{color:#fff;background:var(--color-brand-900)}.trust-grid{grid-template-columns:repeat(3,1fr);display:grid}.trust-grid p{color:#fff;border-right:1px solid #ffffff26;align-items:center;gap:18px;min-height:92px;margin:0;padding:18px 32px;font-weight:700;display:flex}.trust-grid p:last-child{border:0}.trust-grid span{color:#e9a27d;letter-spacing:.08em;font-size:.76rem}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;display:flex}.section-heading>div{max-width:700px}.section-heading>p{max-width:430px;margin-bottom:8px}.category-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.category-card,.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 1px 2px #1018280a}.category-card{grid-template-columns:116px 1fr;min-height:220px;display:grid}.category-image{background:#f0f2f2;overflow:hidden}.category-image picture,.category-image img{width:100%;height:100%}.category-image img{object-fit:cover}.card-body{flex-direction:column;padding:24px;display:flex}.card-body p{font-size:.94rem}.card-body .text-link{margin-top:auto}.product-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.product-card{flex-direction:column;min-width:0;display:flex}.product-image{aspect-ratio:1;border-bottom:1px solid var(--color-border);background:#fff;padding:20px;overflow:hidden}.product-image picture,.product-image img{width:100%;height:100%}.product-image img{object-fit:contain}.product-card .card-body{flex:1}.status-chip{color:var(--color-success);background:#eaf8ef;border-radius:999px;align-self:flex-start;margin-bottom:12px;padding:5px 9px;font-weight:800;font-size:.72rem!important}.product-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:16px;font-size:.86rem;display:flex}.benefit-layout{grid-template-columns:.75fr 1.25fr;gap:72px;display:grid}.benefit-intro>p:not(.eyebrow){max-width:50ch;margin-bottom:28px}.benefit-grid{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);display:grid}.benefit-grid article{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-height:210px;padding:28px}.benefit-grid article>span{color:var(--color-accent-700);margin-bottom:28px;font-size:.78rem;font-weight:800;display:block}.gallery-section{color:#fff;background:var(--color-brand-900)}.gallery-section h2,.gallery-section h3{color:#fff}.gallery-section .section-heading p{color:#bdcbd6}.gallery-section .eyebrow{color:#ffab80}.gallery-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.gallery-item{aspect-ratio:4/3;color:#fff;border-radius:var(--radius-card);cursor:zoom-in;background:#0b2336;border:0;grid-column:span 4;padding:0;position:relative;overflow:hidden}.gallery-item:first-child,.gallery-item:nth-child(6){grid-column:span 6}.gallery-item picture,.gallery-item img{width:100%;height:100%}.gallery-item img{object-fit:cover;transition:transform .3s}.gallery-item:hover img{transform:scale(1.025)}.gallery-item>span{background:#12304ae0;border-radius:7px;padding:7px 10px;font-size:.8rem;font-weight:700;position:absolute;bottom:12px;right:12px}.gallery-dialog{background:#fff;border:0;border-radius:14px;width:min(900px,100% - 28px);max-height:calc(100dvh - 28px);padding:0;overflow:hidden;box-shadow:0 30px 80px #00000073}.gallery-dialog::backdrop{backdrop-filter:blur(4px);background:#05131ed9}.dialog-header{justify-content:space-between;align-items:center;min-height:60px;padding:10px 16px 10px 22px;display:flex}.dialog-header h2{margin:0;font-size:1rem}.dialog-header button{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:#f2f4f7;border:0;border-radius:50%;font-size:1.8rem}.gallery-dialog img{object-fit:contain;background:#eef1f2;width:100%;max-height:calc(100dvh - 100px)}.process-section{background:#fff}.process-grid{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.process-grid li{padding:8px 50px 8px 0;position:relative}.process-grid li:not(:last-child):after{background:var(--color-accent-700);content:"";width:38px;height:1px;position:absolute;top:24px;left:auto;right:22px}.process-grid li>span{color:#fff;background:var(--color-accent-700);border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:28px;font-size:.8rem;font-weight:800;display:grid}.quote-section{background:#e8eef2}.quote-layout{grid-template-columns:.75fr 1.25fr;align-items:start;gap:64px;display:grid}.quote-copy{position:sticky;top:120px}.quote-copy ul{color:#475467;padding-left:20px}.quote-form{border-radius:var(--radius-card);box-shadow:var(--shadow);background:#fff;padding:34px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.field{flex-direction:column;display:flex}.field-wide{grid-column:1/-1}.field label{margin-bottom:7px;font-size:.88rem;font-weight:750}.optional{color:var(--color-muted);font-weight:500}.field input,.field textarea{width:100%;min-height:48px;color:var(--color-text);background:#fff;border:1px solid #b8c0ca;border-radius:8px;padding:11px 13px}.field textarea{resize:vertical}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#b42318;box-shadow:0 0 0 1px #b42318}.field-error{color:#b42318;min-height:20px;padding-top:4px;font-size:.78rem}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.preview-note{color:#674d00;background:#fff7d6;border-radius:8px;padding:10px 12px;font-size:.82rem}.form-actions{align-items:center;gap:20px;margin-top:22px;display:flex}.form-zalo-links{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.84rem;display:flex}.form-zalo-links span{flex-basis:100%}.form-status{min-height:25px;color:var(--color-brand-900);margin:16px 0 0;font-weight:700}.faq-layout{grid-template-columns:.7fr 1.3fr;gap:80px;display:grid}.faq-list{border-top:1px solid #ccd3da}.faq-list details{border-bottom:1px solid #ccd3da}.faq-list summary{cursor:pointer;padding:22px 46px 22px 0;font-weight:750;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:1.5rem;font-weight:400;position:absolute;top:18px;right:0}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:65ch;padding:0 28px 18px 0}.site-footer{color:#fff;background:#0b2539;padding-top:68px}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:42px;padding-bottom:48px;display:grid}.footer-grid h2{color:#ffb38c;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:.82rem}.footer-grid p{color:#bdcbd6;margin-bottom:10px;font-size:.9rem}.footer-grid a{color:#fff;text-underline-offset:4px}.footer-contact{flex-wrap:wrap;gap:6px 12px;display:flex}.footer-contact a:last-child{color:#ffb38c;font-weight:750}.brand-footer{color:#fff;margin-bottom:20px}.brand-footer .brand-mark{color:var(--color-brand-900);background:#fff}.footer-bottom{padding-block:22px calc(22px + env(safe-area-inset-bottom));border-top:1px solid #ffffff1f}.footer-bottom p{color:#8ca0af;margin:0;font-size:.78rem}.mobile-cta{display:none}@media (width<=1060px){.primary-nav{gap:14px}.header-actions .button-quiet{display:none}.hero-grid{gap:42px}.category-grid,.product-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){html{scroll-padding-top:82px}body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.container{width:min(calc(100% - 28px), var(--container))}.section{padding-block:68px}.header-inner{min-height:68px}.brand{max-width:calc(100% - 32px);font-size:.88rem}.brand-mark{width:38px;height:38px}.header-actions{display:none}.primary-nav{border:1px solid var(--color-border);box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:10px;display:none;position:absolute;top:100%;left:14px;right:14px}.primary-nav.is-open{display:flex}.primary-nav a{padding:12px}.hero{background:linear-gradient(#f7f7f5 0% 55%,#e9eff3 55% 100%);padding-block:52px}.hero-grid,.benefit-layout,.quote-layout,.faq-layout{grid-template-columns:1fr;gap:42px}.hero-copy{order:1}.hero-visual{order:2;min-height:460px}.hero-actions .button{flex:220px}.trust-grid{grid-template-columns:1fr;padding-block:4px}.trust-grid p{border-bottom:1px solid #ffffff26;border-right:0;min-height:66px;padding:12px 6px}.section-heading{flex-direction:column;align-items:start;gap:10px;margin-bottom:30px}.benefit-intro .button{width:100%}.gallery-item,.gallery-item:first-child,.gallery-item:nth-child(6){grid-column:span 6}.quote-copy{position:static}.footer-grid{grid-template-columns:1fr 1fr}.mobile-cta{z-index:19;min-height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);color:#fff;background:var(--color-brand-900);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #12304a2e}.mobile-cta a{border-right:1px solid #ffffff29;place-items:center;min-height:62px;font-size:.84rem;font-weight:800;text-decoration:none;display:grid}.mobile-cta a:last-child{background:var(--color-accent-700);border:0}}@media (width<=560px){h1{font-size:2.5rem}h2{font-size:2rem}.preview-banner{font-size:.72rem}.hero-visual{min-height:400px}.hero-badge{flex-direction:column;align-items:start;gap:2px}.category-grid,.product-grid,.benefit-grid,.form-grid{grid-template-columns:1fr}.category-card{grid-template-columns:104px 1fr;min-height:210px}.category-card .card-body{padding:20px}.benefit-grid{border-left:0}.benefit-grid article{border-right:0;min-height:auto;padding:24px 0}.gallery-grid{gap:10px}.gallery-item,.gallery-item:first-child,.gallery-item:nth-child(6){grid-column:span 12}.process-grid{grid-template-columns:1fr;gap:30px}.process-grid li{padding-right:0}.process-grid li:not(:last-child):after{width:1px;height:32px;inset:58px auto -20px 25px}.quote-form{padding:22px 18px}.field-wide{grid-column:auto}.form-actions{flex-direction:column;align-items:stretch}.footer-grid{grid-template-columns:1fr;gap:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}