{"id":12,"date":"2026-11-14T04:13:40","date_gmt":"2026-11-14T04:13:40","guid":{"rendered":"http:\/\/anphatwindoor.vnsoftthai.com\/?p=12"},"modified":"2026-11-14T04:13:40","modified_gmt":"2026-11-14T04:13:40","slug":"cua-nhom-kinh","status":"publish","type":"post","link":"http:\/\/anphatwindoor.vnsoftthai.com\/?p=12","title":{"rendered":"Cua Nhom Kinh"},"content":{"rendered":"<!-- AN PHAT WINDOOR LANDING PAGE - BAN DOC LAP PASTE LA CHAY 100% -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,700&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" \/>\n<style>\n\/* ==========================================================================\n   AN PHAT WINDOOR - ARCHITECTURAL LUMINESCENCE DESIGN SYSTEM\n   Standardized Font: Roboto (Th\u1ebf Gi\u1edbi Di \u0110\u1ed9ng E-Commerce Typography Standards)\n   Sanitized for WordPress Flatsome Child Theme\n   ========================================================================== *\/\n\n\/* 1. Google Material Symbols Outlined Icon Font Rule *\/\n@font-face {\n  font-family: 'Material Symbols Outlined';\n  font-style: normal;\n  font-weight: 100 700;\n  src: url('..\/fonts\/material-symbols-outlined.woff2') format('woff2'),\n       url('https:\/\/fonts.gstatic.com\/s\/materialsymbolsoutlined\/v385\/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2') format('woff2');\n  font-display: swap;\n}\n\n.material-symbols-outlined {\n  font-family: 'Material Symbols Outlined' !important;\n  font-weight: normal;\n  font-style: normal;\n  font-size: 24px;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  word-wrap: normal;\n  direction: ltr;\n  -webkit-font-feature-settings: 'liga' 1;\n  font-feature-settings: 'liga' 1;\n  -webkit-font-smoothing: antialiased;\n  vertical-align: middle;\n}\n\n\/* 2. Global Canvas Reset & Isolation within Flatsome Blank Landingpage *\/\nbody.page-template-page-blank-landingpage {\n  font-family: 'Roboto', Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n  background-color: #faf8ff;\n  color: #131b2e;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow-x: hidden;\n}\n\nbody.page-template-page-blank-landingpage #wrapper,\nbody.page-template-page-blank-landingpage #main,\nbody.page-template-page-blank-landingpage .content-area {\n  margin: 0 !important;\n  padding: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\n.stitch-page {\n  font-family: 'Roboto', Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n  color: #131b2e;\n  line-height: 1.5;\n  width: 100%;\n}\n\n.stitch-page h1,\n.stitch-page h2,\n.stitch-page h3,\n.stitch-page h4,\n.stitch-page h5,\n.stitch-page h6,\n.stitch-page p,\n.stitch-page span,\n.stitch-page div,\n.stitch-page a,\n.stitch-page button,\n.stitch-page select,\n.stitch-page input {\n  font-family: 'Roboto', Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\n\/* 3. UNIFIED FILTER SELECT STYLING - FIX VERTICAL TEXT CLIPPING, OVERFLOW & FLATSOME ARROWS *\/\nselect,\n.stitch-page select,\n.anphat-filter-select,\n#filter-location,\n#filter-mechanism,\n#filter-price,\n#modelSelect,\n#districtSelect {\n  height: 48px !important;\n  min-height: 48px !important;\n  max-height: 48px !important;\n  line-height: 48px !important; \/* CRITICAL: Matches height to prevent Chromium UA vertical overflow triangle \u25bc *\/\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  padding-left: 14px !important;\n  padding-right: 42px !important;\n  font-size: 13.5px !important;\n  font-weight: 600 !important;\n  font-family: 'Roboto', Arial, sans-serif !important;\n  color: #00152C !important;\n  background: #F8FAFC !important;\n  background-color: #F8FAFC !important;\n  background-image: none !important; \/* CRITICAL: Kills Flatsome SVG dropdown arrow *\/\n  border: 1.5px solid #CBD5E1 !important;\n  border-radius: 10px !important;\n  box-sizing: border-box !important;\n  -webkit-appearance: none !important;\n  -moz-appearance: none !important;\n  appearance: none !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  vertical-align: middle !important;\n  outline: none !important;\n  cursor: pointer !important;\n  display: block !important;\n  width: 100% !important;\n  margin: 0 !important;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;\n}\n\nselect::-webkit-inner-spin-button,\nselect::-webkit-calendar-picker-indicator,\nselect::-ms-expand,\n.stitch-page select::-ms-expand,\n.stitch-page .anphat-filter-select::-ms-expand,\n.anphat-filter-select::-ms-expand {\n  display: none !important;\n  -webkit-appearance: none !important;\n}\n\nselect:focus,\n.stitch-page select:focus,\n.stitch-page .anphat-filter-select:focus,\n.anphat-filter-select:focus,\n#filter-location:focus,\n#filter-mechanism:focus,\n#filter-price:focus,\n#modelSelect:focus,\n#districtSelect:focus {\n  border-color: #006398 !important;\n  background-color: #FFFFFF !important;\n  box-shadow: 0 0 0 3px rgba(0, 99, 152, 0.15) !important;\n}\n\n.stitch-page .anphat-select-chevron,\n.anphat-select-chevron,\n.stitch-page .select-arrow-icon {\n  position: absolute !important;\n  right: 14px !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  pointer-events: none !important;\n  color: #64748B !important;\n  font-size: 22px !important;\n  line-height: 1 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  z-index: 5 !important;\n  user-select: none !important;\n}\n\n\/* Quick Filter Pill Buttons *\/\n.stitch-page .quick-tag-btn,\n.quick-tag-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 6px !important;\n  padding: 6px 14px !important;\n  border-radius: 9999px !important;\n  font-family: 'Roboto', Arial, sans-serif !important;\n  font-size: 12.5px !important;\n  font-weight: 600 !important;\n  border: 1.5px solid #CBD5E1 !important;\n  background-color: #F1F5F9 !important;\n  color: #00152C !important;\n  cursor: pointer !important;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  white-space: nowrap !important;\n  line-height: 1.3 !important;\n  text-decoration: none !important;\n  margin: 0 !important;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;\n  user-select: none !important;\n}\n\n.stitch-page .quick-tag-btn:hover,\n.quick-tag-btn:hover {\n  background-color: #E2E8F0 !important;\n  border-color: #94A3B8 !important;\n  color: #00152C !important;\n  transform: translateY(-1px) !important;\n}\n\n.stitch-page .quick-tag-btn.active,\n.quick-tag-btn.active {\n  background-color: #00152C !important;\n  color: #FFFFFF !important;\n  border-color: #00152C !important;\n  font-weight: 700 !important;\n  box-shadow: 0 2px 6px rgba(0, 21, 44, 0.25) !important;\n  transform: translateY(0) !important;\n}\n\n.stitch-page .quick-tag-btn.active:hover,\n.quick-tag-btn.active:hover {\n  background-color: #0a2544 !important;\n  border-color: #0a2544 !important;\n  color: #FFFFFF !important;\n}\n\n\/* Reset \/ Clear Filter Button *\/\n.stitch-page .btn-reset-filter,\n.btn-reset-filter {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 4px !important;\n  font-family: 'Roboto', Arial, sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  color: #64748B !important;\n  background: transparent !important;\n  border: none !important;\n  padding: 4px 8px !important;\n  cursor: pointer !important;\n  transition: color 0.2s ease !important;\n  text-decoration: none !important;\n  line-height: 1.2 !important;\n}\n\n.stitch-page .btn-reset-filter:hover,\n.btn-reset-filter:hover {\n  color: #DC2626 !important;\n}\n\n.stitch-page .filter-chip {\n  font-family: 'Roboto', Arial, sans-serif !important;\n  transition: all 0.2s ease;\n}\n\n.stitch-page .filter-chip.active-chip {\n  background-color: #00152c !important;\n  color: #ffffff !important;\n  border-color: #00152c !important;\n}\n\n\/* 4. UNIFIED PRODUCT CARD COMPONENT STYLES (TGDD STANDARD) *\/\n.stitch-page .anphat-product-card {\n  background-color: #FFFFFF !important;\n  border: 1px solid #E2E8F0 !important;\n  border-radius: 16px !important;\n  overflow: hidden !important;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n.stitch-page .anphat-product-card:hover {\n  box-shadow: 0 12px 28px rgba(14, 42, 71, 0.12) !important;\n  transform: translateY(-2px) !important;\n}\n\n\/* 4.1. UNIFIED FIXED CARD IMAGE CONTAINER (100% UNIFORM SIZE ACROSS ALL CARDS) *\/\n.stitch-page .anphat-card-img-wrap {\n  position: relative !important;\n  width: 100% !important;\n  height: 220px !important;\n  min-height: 220px !important;\n  max-height: 220px !important;\n  aspect-ratio: 16 \/ 10 !important;\n  overflow: hidden !important;\n  border-top-left-radius: 16px !important;\n  border-top-right-radius: 16px !important;\n  background-color: #0b1523 !important;\n  display: block !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.stitch-page .anphat-card-img-wrap > img {\n  width: 100% !important;\n  height: 220px !important;\n  min-height: 220px !important;\n  max-height: 220px !important;\n  object-fit: cover !important;\n  object-position: center !important;\n  display: block !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n.stitch-page .anphat-card-img-wrap:hover > img {\n  transform: scale(1.06) !important;\n}\n\n\/* 4.2. UNIFIED BOTTOM BRAND HOTLINE STRIP (EXACTLY LIKE USER IMAGE) *\/\n.stitch-page .anphat-card-hotline-strip {\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  width: 100% !important;\n  height: 28px !important;\n  background-color: #00152C !important;\n  color: #FFFFFF !important;\n  font-family: 'Roboto', Arial, sans-serif !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.08em !important;\n  text-transform: uppercase !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  text-align: center !important;\n  z-index: 10 !important;\n  pointer-events: none !important;\n  line-height: 1 !important;\n}\n\n\/* 4.3. UNIFIED TOP-LEFT FEATURE BADGE PILL (EXACTLY LIKE USER IMAGE) *\/\n.stitch-page .anphat-card-badge {\n  position: absolute !important;\n  top: 10px !important;\n  left: 10px !important;\n  padding: 4px 12px !important;\n  border-radius: 9999px !important;\n  font-family: 'Roboto', Arial, sans-serif !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  color: #FFFFFF !important;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  z-index: 10 !important;\n  pointer-events: none !important;\n  white-space: nowrap !important;\n  line-height: 1.2 !important;\n}\n\n\/* EMOJI RESET FOR BADGES - PREVENT TWEMOJI INFLATION *\/\n.stitch-page .anphat-card-badge img.emoji,\n.anphat-card-badge img.emoji,\nimg.emoji {\n  display: inline-block !important;\n  width: 14px !important;\n  height: 14px !important;\n  min-width: 14px !important;\n  max-width: 14px !important;\n  min-height: 14px !important;\n  max-height: 14px !important;\n  vertical-align: -2px !important;\n  object-fit: contain !important;\n  margin: 0 4px 0 0 !important;\n  padding: 0 !important;\n  box-shadow: none !important;\n  border: none !important;\n  transform: none !important;\n}\n\n\n.stitch-page .anphat-card-title {\n  font-family: 'Roboto', Arial, sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  color: #00152C !important;\n  line-height: 1.35 !important;\n  transition: color 0.2s ease !important;\n}\n.stitch-page .anphat-card-title:hover {\n  color: #006398 !important;\n}\n\n.stitch-page .anphat-spec-item {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 10px !important;\n  font-family: 'Roboto', Arial, sans-serif !important;\n  font-size: 13.5px !important;\n  color: #43474D !important;\n  line-height: 1.4 !important;\n}\n.stitch-page .anphat-spec-icon {\n  font-family: 'Material Symbols Outlined' !important;\n  font-size: 18px !important;\n  color: #006398 !important;\n  flex-shrink: 0 !important;\n  margin-top: 1px !important;\n  line-height: 1 !important;\n}\n\n.stitch-page .anphat-price-label {\n  font-family: 'Roboto', Arial, sans-serif !important;\n  font-size: 12px !important;\n  color: #74777E !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n}\n.stitch-page .anphat-price-val {\n  font-family: 'Roboto', Arial, sans-serif !important;\n  font-size: 20px !important;\n  font-weight: 800 !important;\n  color: #0E51D1 !important;\n  line-height: 1.2 !important;\n  letter-spacing: -0.01em !important;\n}\n.stitch-page .anphat-price-unit {\n  font-family: 'Roboto', Arial, sans-serif !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  color: #74777E !important;\n}\n\n.stitch-page .anphat-quote-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  background-color: #00152C !important;\n  color: #FFFFFF !important;\n  font-family: 'Roboto', Arial, sans-serif !important;\n  font-size: 13.5px !important;\n  font-weight: 600 !important;\n  padding: 8px 16px !important;\n  border-radius: 8px !important;\n  text-decoration: none !important;\n  transition: all 0.2s ease !important;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n  cursor: pointer !important;\n  white-space: nowrap !important;\n  flex-shrink: 0 !important;\n}\n.stitch-page .anphat-quote-btn:hover {\n  background-color: #006398 !important;\n  color: #FFFFFF !important;\n  box-shadow: 0 4px 12px rgba(0, 99, 152, 0.25) !important;\n  transform: translateY(-1px) !important;\n}\n\n\n\/* ==================== SECTION: C\u00c1CH \u00c2M ==================== *\/\n*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 \/ 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 \/ 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }\/* ! tailwindcss v3.4.17 | MIT License | https:\/\/tailwindcss.com *\/*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([data-abbr-title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.inset-x-0{left:0px;right:0px}.bottom-0{bottom:0px}.left-0{left:0px}.left-1\\\/4{left:25%}.left-2\\.5{left:0.625rem}.left-3{left:0.75rem}.right-0{right:0px}.right-1\\\/4{right:25%}.right-2\\.5{right:0.625rem}.right-3{right:0.75rem}.top-0{top:0px}.top-2\\.5{top:0.625rem}.top-20{top:5rem}.top-3{top:0.75rem}.bottom-6{bottom:1.5rem}.right-6{right:1.5rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:0.25rem}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-space-lg{margin-top:1.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\\[16\\\/10\\]{aspect-ratio:16\/10}.aspect-square{aspect-ratio:1 \/ 1}.aspect-video{aspect-ratio:16 \/ 9}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:0.5rem}.h-20{height:5rem}.h-4{height:1rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:0.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-1\\.5{gap:0.375rem}.gap-2{gap:0.5rem}.gap-2\\.5{gap:0.625rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-gutter{gap:1.5rem}.gap-space-lg{gap:1.5rem}.gap-space-md{gap:1rem}.gap-space-sm{gap:0.5rem}.gap-space-xs{gap:0.25rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:0.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-xl{border-radius:0.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\\[\\#CBD5E1\\]{--tw-border-opacity:1;border-color:rgb(203 213 225 \/ var(--tw-border-opacity, 1))}.border-\\[\\#E2E8F0\\]{--tw-border-opacity:1;border-color:rgb(226 232 240 \/ var(--tw-border-opacity, 1))}.border-\\[\\#F1F5F9\\]{--tw-border-opacity:1;border-color:rgb(241 245 249 \/ var(--tw-border-opacity, 1))}.border-outline-variant\\\/40{border-color:rgb(196 198 206 \/ 0.4)}.border-surface-container{--tw-border-opacity:1;border-color:rgb(234 237 255 \/ var(--tw-border-opacity, 1))}.border-outline-variant{--tw-border-opacity:1;border-color:rgb(196 198 206 \/ var(--tw-border-opacity, 1))}.bg-\\[\\#DC2626\\]{--tw-bg-opacity:1;background-color:rgb(220 38 38 \/ var(--tw-bg-opacity, 1))}.bg-\\[\\#F8FAFC\\]{--tw-bg-opacity:1;background-color:rgb(248 250 252 \/ var(--tw-bg-opacity, 1))}.bg-\\[\\#F97316\\]{--tw-bg-opacity:1;background-color:rgb(249 115 22 \/ var(--tw-bg-opacity, 1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199 \/ var(--tw-bg-opacity, 1))}.bg-background{--tw-bg-opacity:1;background-color:rgb(250 248 255 \/ var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 \/ var(--tw-bg-opacity, 1))}.bg-outline-variant{--tw-bg-opacity:1;background-color:rgb(196 198 206 \/ var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(0 21 44 \/ var(--tw-bg-opacity, 1))}.bg-primary-container{--tw-bg-opacity:1;background-color:rgb(14 42 71 \/ var(--tw-bg-opacity, 1))}.bg-primary\\\/30{background-color:rgb(0 21 44 \/ 0.3)}.bg-primary\\\/70{background-color:rgb(0 21 44 \/ 0.7)}.bg-primary\\\/80{background-color:rgb(0 21 44 \/ 0.8)}.bg-primary\\\/90{background-color:rgb(0 21 44 \/ 0.9)}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 \/ var(--tw-bg-opacity, 1))}.bg-red-50\\\/70{background-color:rgb(254 242 242 \/ 0.7)}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(0 99 152 \/ var(--tw-bg-opacity, 1))}.bg-secondary-fixed{--tw-bg-opacity:1;background-color:rgb(204 229 255 \/ var(--tw-bg-opacity, 1))}.bg-secondary\\\/10{background-color:rgb(0 99 152 \/ 0.1)}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254 \/ var(--tw-bg-opacity, 1))}.bg-sky-50\\\/70{background-color:rgb(240 249 255 \/ 0.7)}.bg-surface{--tw-bg-opacity:1;background-color:rgb(250 248 255 \/ var(--tw-bg-opacity, 1))}.bg-surface-container{--tw-bg-opacity:1;background-color:rgb(234 237 255 \/ var(--tw-bg-opacity, 1))}.bg-surface-container-high{--tw-bg-opacity:1;background-color:rgb(226 231 255 \/ var(--tw-bg-opacity, 1))}.bg-surface-container-low{--tw-bg-opacity:1;background-color:rgb(242 243 255 \/ var(--tw-bg-opacity, 1))}.bg-surface-container-lowest{--tw-bg-opacity:1;background-color:rgb(255 255 255 \/ var(--tw-bg-opacity, 1))}.bg-surface-container-lowest\\\/90{background-color:rgb(255 255 255 \/ 0.9)}.bg-surface-container-lowest\\\/95{background-color:rgb(255 255 255 \/ 0.95)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 \/ var(--tw-bg-opacity, 1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-surface{--tw-gradient-from:#faf8ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 248 255 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-surface-container-low{--tw-gradient-to:#f2f3ff var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-2\\.5{padding:0.625rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-space-sm{padding:0.5rem}.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-3\\.5{padding-left:0.875rem;padding-right:0.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-margin-mobile{padding-left:1rem;padding-right:1rem}.px-space-md{padding-left:1rem;padding-right:1rem}.px-space-sm{padding-left:0.5rem;padding-right:0.5rem}.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-3\\.5{padding-top:0.875rem;padding-bottom:0.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-space-lg{padding-top:1.5rem;padding-bottom:1.5rem}.py-space-sm{padding-top:0.5rem;padding-bottom:0.5rem}.py-space-xl{padding-top:2.5rem;padding-bottom:2.5rem}.py-space-xs{padding-top:0.25rem;padding-bottom:0.25rem}.pb-3{padding-bottom:0.75rem}.pl-11{padding-left:2.75rem}.pr-8{padding-right:2rem}.pt-2{padding-top:0.5rem}.pt-28{padding-top:7rem}.pt-3{padding-top:0.75rem}.pt-4{padding-top:1rem}.pb-space-lg{padding-bottom:1.5rem}.pt-space-md{padding-top:1rem}.pt-space-xl{padding-top:2.5rem}.pt-space-xs{padding-top:0.25rem}.text-left{text-align:left}.text-center{text-align:center}.font-body-lg{font-family:Roboto}.font-body-md{font-family:Roboto}.font-body-sm{font-family:Roboto}.font-headline-md{font-family:Roboto}.font-headline-sm{font-family:Roboto}.font-headline-xl{font-family:Roboto}.font-label-md{font-family:Roboto}.font-label-sm{font-family:Roboto}.font-metric-accent{font-family:Roboto}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[22px\\]{font-size:22px}.text-\\[26px\\]{font-size:26px}.text-\\[28px\\]{font-size:28px}.text-\\[36px\\]{font-size:36px}.text-body-lg{font-size:18px;line-height:28px;font-weight:400}.text-body-md{font-size:16px;line-height:26px;font-weight:400}.text-body-sm{font-size:14px;line-height:22px;font-weight:400}.text-headline-md{font-size:24px;line-height:32px;letter-spacing:-0.01em;font-weight:600}.text-headline-sm{font-size:20px;line-height:28px;letter-spacing:-0.005em;font-weight:600}.text-headline-xl{font-size:40px;line-height:48px;letter-spacing:-0.02em;font-weight:700}.text-label-md{font-size:14px;line-height:20px;letter-spacing:0.01em;font-weight:500}.text-label-sm{font-size:12px;line-height:16px;letter-spacing:0.04em;font-weight:600}.text-\\[24px\\]{font-size:24px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-0.025em}.tracking-wide{letter-spacing:0.025em}.tracking-wider{letter-spacing:0.05em}.tracking-widest{letter-spacing:0.1em}.text-\\[\\#DC2626\\]{--tw-text-opacity:1;color:rgb(220 38 38 \/ var(--tw-text-opacity, 1))}.text-\\[\\#F97316\\]{--tw-text-opacity:1;color:rgb(249 115 22 \/ var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14 \/ var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 \/ var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52 \/ var(--tw-text-opacity, 1))}.text-on-primary{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.text-on-secondary-fixed{--tw-text-opacity:1;color:rgb(0 29 49 \/ var(--tw-text-opacity, 1))}.text-on-surface{--tw-text-opacity:1;color:rgb(19 27 46 \/ var(--tw-text-opacity, 1))}.text-on-surface-variant{--tw-text-opacity:1;color:rgb(67 71 77 \/ var(--tw-text-opacity, 1))}.text-outline{--tw-text-opacity:1;color:rgb(116 119 126 \/ var(--tw-text-opacity, 1))}.text-outline-variant{--tw-text-opacity:1;color:rgb(196 198 206 \/ var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity:1;color:rgb(0 21 44 \/ var(--tw-text-opacity, 1))}.text-secondary{--tw-text-opacity:1;color:rgb(0 99 152 \/ var(--tw-text-opacity, 1))}.text-secondary-fixed{--tw-text-opacity:1;color:rgb(204 229 255 \/ var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225 \/ var(--tw-text-opacity, 1))}.text-tertiary-fixed{--tw-text-opacity:1;color:rgb(254 222 178 \/ var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.text-on-secondary{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-40{opacity:0.4}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 \/ 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_1px_8px_rgba\\(14\\2c 42\\2c 71\\2c 0\\.06\\)\\]{--tw-shadow:0 1px 8px rgba(14,42,71,0.06);--tw-shadow-colored:0 1px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_4px_16px_rgba\\(14\\2c 42\\2c 71\\2c 0\\.06\\)\\]{--tw-shadow:0 4px 16px rgba(14,42,71,0.06);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_4px_20px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.05\\)\\]{--tw-shadow:0 4px 20px rgba(0,0,0,0.05);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 \/ 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_-1px_12px_rgba\\(14\\2c 42\\2c 71\\2c 0\\.04\\)\\]{--tw-shadow:0 -1px 12px rgba(14,42,71,0.04);--tw-shadow-colored:0 -1px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_4px_16px_rgba\\(0\\2c 99\\2c 152\\2c 0\\.25\\)\\]{--tw-shadow:0 4px 16px rgba(0,99,152,0.25);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_4px_16px_rgba\\(14\\2c 42\\2c 71\\2c 0\\.25\\)\\]{--tw-shadow:0 4px 16px rgba(14,42,71,0.25);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-orange-500\\\/25{--tw-shadow-color:rgb(249 115 22 \/ 0.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-orange-500\\\/30{--tw-shadow-color:rgb(249 115 22 \/ 0.3);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 \/ 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 \/ 0.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.hover\\:-translate-y-0\\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:bg-\\[\\#ea580c\\]:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(0 21 44 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-secondary\\\/10:hover{background-color:rgb(0 99 152 \/ 0.1)}.hover\\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-on-secondary-container:hover{--tw-bg-opacity:1;background-color:rgb(0 71 110 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-primary-container:hover{--tw-bg-opacity:1;background-color:rgb(14 42 71 \/ var(--tw-bg-opacity, 1))}.hover\\:text-error:hover{--tw-text-opacity:1;color:rgb(186 26 26 \/ var(--tw-text-opacity, 1))}.hover\\:text-on-surface:hover{--tw-text-opacity:1;color:rgb(19 27 46 \/ var(--tw-text-opacity, 1))}.hover\\:text-secondary:hover{--tw-text-opacity:1;color:rgb(0 99 152 \/ var(--tw-text-opacity, 1))}.hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.focus\\:border-secondary:focus{--tw-border-opacity:1;border-color:rgb(0 99 152 \/ var(--tw-border-opacity, 1))}.focus\\:bg-surface-container-lowest:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255 \/ var(--tw-bg-opacity, 1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\\:ring-secondary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 99 152 \/ var(--tw-ring-opacity, 1))}.group[open] .group-open\\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.sm\\:inline{display:inline}.sm\\:flex{display:flex}.sm\\:inline-flex{display:inline-flex}.sm\\:hidden{display:none}.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:gap-2{gap:0.5rem}.sm\\:p-10{padding:2.5rem}.sm\\:p-6{padding:1.5rem}.sm\\:p-7{padding:1.75rem}}@media (min-width: 768px){.md\\:flex{display:flex}.md\\:inline-flex{display:inline-flex}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\\:p-6{padding:1.5rem}.md\\:text-\\[44px\\]{font-size:44px}.md\\:leading-\\[52px\\]{line-height:52px}}@media (min-width: 1024px){.lg\\:col-span-5{grid-column:span 5 \/ span 5}.lg\\:col-span-7{grid-column:span 7 \/ span 7}.lg\\:col-span-3{grid-column:span 3 \/ span 3}.lg\\:col-span-4{grid-column:span 4 \/ span 4}.lg\\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\\:px-margin{padding-left:3rem;padding-right:3rem}.lg\\:py-space-xl{padding-top:2.5rem;padding-bottom:2.5rem}}@media (min-width: 1280px){.xl\\:flex{display:flex}}\n\n\n\/* ==================== SECTION: XINGFA ==================== *\/\n*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 \/ 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 \/ 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }\/* ! tailwindcss v3.4.17 | MIT License | https:\/\/tailwindcss.com *\/*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([data-abbr-title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.-bottom-16{bottom:-4rem}.-left-16{left:-4rem}.-right-24{right:-6rem}.-top-24{top:-6rem}.bottom-2{bottom:0.5rem}.left-0{left:0px}.left-2{left:0.5rem}.left-3{left:0.75rem}.right-3{right:0.75rem}.top-0{top:0px}.top-3{top:0.75rem}.top-\\[120px\\]{top:120px}.bottom-6{bottom:1.5rem}.right-6{right:1.5rem}.z-30{z-index:30}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-12{margin-top:3rem}.mt-3{margin-top:0.75rem}.mt-6{margin-top:1.5rem}.mb-space-xl{margin-bottom:2.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\\[16\\\/10\\]{aspect-ratio:16\/10}.aspect-\\[4\\\/3\\]{aspect-ratio:4\/3}.aspect-square{aspect-ratio:1 \/ 1}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:0.5rem}.h-20{height:5rem}.h-3{height:0.75rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-\\[42px\\]{height:42px}.h-\\[46px\\]{height:46px}.h-full{height:100%}.min-h-\\[calc\\(100vh-116px\\)\\]{min-height:calc(100vh - 116px)}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:0.5rem}.w-3{width:0.75rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\\[1000px\\]{max-width:1000px}.max-w-\\[1280px\\]{max-width:1280px}.shrink-0{flex-shrink:0}@keyframes ping{75%, 100%{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-1\\.5{gap:0.375rem}.gap-2{gap:0.5rem}.gap-2\\.5{gap:0.625rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-gutter{gap:1.5rem}.gap-x-4{column-gap:1rem}.gap-y-1{row-gap:0.25rem}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded{border-radius:0.125rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:0.75rem}.rounded-lg{border-radius:0.25rem}.rounded-md{border-radius:0.375rem}.rounded-xl{border-radius:0.5rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-\\[\\#D4AF37\\]{--tw-border-opacity:1;border-color:rgb(212 175 55 \/ var(--tw-border-opacity, 1))}.border-surface-container{--tw-border-opacity:1;border-color:rgb(240 237 237 \/ var(--tw-border-opacity, 1))}.bg-\\[\\#EBF2F5\\]{--tw-bg-opacity:1;background-color:rgb(235 242 245 \/ var(--tw-bg-opacity, 1))}.bg-brand-blue{--tw-bg-opacity:1;background-color:rgb(14 81 209 \/ var(--tw-bg-opacity, 1))}.bg-brand-blue\\\/30{background-color:rgb(14 81 209 \/ 0.3)}.bg-brand-blue\\\/5{background-color:rgb(14 81 209 \/ 0.05)}.bg-charcoal-metal{--tw-bg-opacity:1;background-color:rgb(40 40 40 \/ var(--tw-bg-opacity, 1))}.bg-charcoal-metal\\\/80{background-color:rgb(40 40 40 \/ 0.8)}.bg-error{--tw-bg-opacity:1;background-color:rgb(186 26 26 \/ var(--tw-bg-opacity, 1))}.bg-error-container{--tw-bg-opacity:1;background-color:rgb(255 218 214 \/ var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(0 59 163 \/ var(--tw-bg-opacity, 1))}.bg-pure-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 \/ var(--tw-bg-opacity, 1))}.bg-pure-white\\\/10{background-color:rgb(255 255 255 \/ 0.1)}.bg-pure-white\\\/90{background-color:rgb(255 255 255 \/ 0.9)}.bg-pure-white\\\/95{background-color:rgb(255 255 255 \/ 0.95)}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(0 108 74 \/ var(--tw-bg-opacity, 1))}.bg-secondary-container{--tw-bg-opacity:1;background-color:rgb(130 245 193 \/ var(--tw-bg-opacity, 1))}.bg-status-success{--tw-bg-opacity:1;background-color:rgb(5 150 105 \/ var(--tw-bg-opacity, 1))}.bg-surface{--tw-bg-opacity:1;background-color:rgb(252 249 248 \/ var(--tw-bg-opacity, 1))}.bg-surface-container{--tw-bg-opacity:1;background-color:rgb(240 237 237 \/ var(--tw-bg-opacity, 1))}.bg-surface-container-high{--tw-bg-opacity:1;background-color:rgb(234 231 231 \/ var(--tw-bg-opacity, 1))}.bg-surface-container-low{--tw-bg-opacity:1;background-color:rgb(246 243 242 \/ var(--tw-bg-opacity, 1))}.bg-surface-container-lowest{--tw-bg-opacity:1;background-color:rgb(255 255 255 \/ var(--tw-bg-opacity, 1))}.bg-surface-ice{--tw-bg-opacity:1;background-color:rgb(235 242 245 \/ var(--tw-bg-opacity, 1))}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-charcoal-metal\\\/75{--tw-gradient-from:rgb(40 40 40 \/ 0.75) var(--tw-gradient-from-position);--tw-gradient-to:rgb(40 40 40 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:rgb(0 0 0 \/ 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-3\\.5{padding-left:0.875rem;padding-right:0.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-margin-mobile{padding-left:1rem;padding-right:1rem}.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-3\\.5{padding-top:0.875rem;padding-bottom:0.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-space-xl{padding-top:2.5rem;padding-bottom:2.5rem}.pt-0{padding-top:0px}.pt-3{padding-top:0.75rem}.pt-4{padding-top:1rem}.pt-\\[116px\\]{padding-top:116px}.pb-space-lg{padding-bottom:1.5rem}.pt-space-md{padding-top:1rem}.pt-space-xl{padding-top:2.5rem}.text-center{text-align:center}.text-right{text-align:right}.font-body-lg{font-family:Roboto}.font-body-md{font-family:Roboto}.font-body-sm{font-family:Roboto}.font-headline-sm{font-family:Roboto}.font-headline-xl{font-family:Roboto}.font-label-md{font-family:Roboto}.font-label-sm{font-family:Roboto}.font-metric-accent{font-family:Roboto}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[24px\\]{font-size:24px}.text-\\[28px\\]{font-size:28px}.text-\\[32px\\]{font-size:32px}.text-body-lg{font-size:18px;line-height:28px;font-weight:400}.text-body-md{font-size:16px;line-height:26px;font-weight:400}.text-body-sm{font-size:14px;line-height:22px;font-weight:400}.text-headline-sm{font-size:20px;line-height:28px;letter-spacing:-0.005em;font-weight:600}.text-headline-xl{font-size:40px;line-height:48px;letter-spacing:-0.015em;font-weight:700}.text-label-md{font-size:14px;line-height:20px;letter-spacing:0.01em;font-weight:500}.text-label-sm{font-size:12px;line-height:16px;letter-spacing:0.04em;font-weight:600}.text-metric-accent{font-size:22px;line-height:28px;letter-spacing:-0.01em;font-weight:700}.text-\\[22px\\]{font-size:22px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-0.025em}.tracking-wide{letter-spacing:0.025em}.tracking-wider{letter-spacing:0.05em}.text-\\[\\#C5A880\\]{--tw-text-opacity:1;color:rgb(197 168 128 \/ var(--tw-text-opacity, 1))}.text-\\[\\#D4AF37\\]{--tw-text-opacity:1;color:rgb(212 175 55 \/ var(--tw-text-opacity, 1))}.text-brand-blue{--tw-text-opacity:1;color:rgb(14 81 209 \/ var(--tw-text-opacity, 1))}.text-charcoal-metal{--tw-text-opacity:1;color:rgb(40 40 40 \/ var(--tw-text-opacity, 1))}.text-error{--tw-text-opacity:1;color:rgb(186 26 26 \/ var(--tw-text-opacity, 1))}.text-on-error{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.text-on-error-container{--tw-text-opacity:1;color:rgb(147 0 10 \/ var(--tw-text-opacity, 1))}.text-on-primary{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.text-on-secondary-container{--tw-text-opacity:1;color:rgb(0 113 78 \/ var(--tw-text-opacity, 1))}.text-on-surface{--tw-text-opacity:1;color:rgb(27 28 28 \/ var(--tw-text-opacity, 1))}.text-on-surface-variant{--tw-text-opacity:1;color:rgb(67 70 84 \/ var(--tw-text-opacity, 1))}.text-outline{--tw-text-opacity:1;color:rgb(115 118 134 \/ var(--tw-text-opacity, 1))}.text-outline-variant{--tw-text-opacity:1;color:rgb(195 198 215 \/ var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity:1;color:rgb(0 59 163 \/ var(--tw-text-opacity, 1))}.text-pure-white{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.text-secondary{--tw-text-opacity:1;color:rgb(0 108 74 \/ var(--tw-text-opacity, 1))}.text-secondary-container{--tw-text-opacity:1;color:rgb(130 245 193 \/ var(--tw-text-opacity, 1))}.text-secondary-fixed{--tw-text-opacity:1;color:rgb(133 248 196 \/ var(--tw-text-opacity, 1))}.text-status-success{--tw-text-opacity:1;color:rgb(5 150 105 \/ var(--tw-text-opacity, 1))}.text-surface-ice{--tw-text-opacity:1;color:rgb(235 242 245 \/ var(--tw-text-opacity, 1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-90{opacity:0.9}.opacity-95{opacity:0.95}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 \/ 0.1), 0 1px 2px -1px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 \/ 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_1px_8px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.04\\)\\]{--tw-shadow:0 1px 8px rgba(0,0,0,0.04);--tw-shadow-colored:0 1px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 \/ 0.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 \/ 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_8px_24px_rgba\\(14\\2c 81\\2c 209\\2c 0\\.15\\)\\]{--tw-shadow:0 8px 24px rgba(14,81,209,0.15);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_8px_24px_rgba\\(14\\2c 81\\2c 209\\2c 0\\.2\\)\\]{--tw-shadow:0 8px 24px rgba(14,81,209,0.2);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.open\\:shadow-md[open]{--tw-shadow:0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:bg-brand-blue:hover{--tw-bg-opacity:1;background-color:rgb(14 81 209 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-surface-container:hover{--tw-bg-opacity:1;background-color:rgb(240 237 237 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-surface-ice:hover{--tw-bg-opacity:1;background-color:rgb(235 242 245 \/ var(--tw-bg-opacity, 1))}.hover\\:text-on-surface:hover{--tw-text-opacity:1;color:rgb(27 28 28 \/ var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{--tw-text-opacity:1;color:rgb(0 59 163 \/ var(--tw-text-opacity, 1))}.hover\\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\\:opacity-90:hover{opacity:0.9}.hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 59 163 \/ var(--tw-ring-opacity, 1))}.group[open] .group-open\\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.sm\\:inline{display:inline}.sm\\:inline-flex{display:inline-flex}.sm\\:w-auto{width:auto}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:items-end{align-items:flex-end}}@media (min-width: 1024px){.lg\\:col-span-5{grid-column:span 5 \/ span 5}.lg\\:col-span-6{grid-column:span 6 \/ span 6}.lg\\:col-span-7{grid-column:span 7 \/ span 7}.lg\\:inline{display:inline}.lg\\:flex{display:flex}.lg\\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\\:p-12{padding:3rem}.lg\\:p-8{padding:2rem}.lg\\:px-margin{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width: 1280px){.xl\\:flex{display:flex}}\n\n\n\/* ==================== SECTION: NH\u00d4M K\u00cdNH ==================== *\/\n*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 \/ 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 \/ 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }\/* ! tailwindcss v3.4.17 | MIT License | https:\/\/tailwindcss.com *\/*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([data-abbr-title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.-bottom-20{bottom:-5rem}.-left-32{left:-8rem}.-right-20{right:-5rem}.-top-32{top:-8rem}.bottom-2{bottom:0.5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0px}.left-2{left:0.5rem}.left-3{left:0.75rem}.left-4{left:1rem}.right-0{right:0px}.right-3{right:0.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0px}.top-1\\\/2{top:50%}.top-3{top:0.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:0.25rem}.mb-space-lg{margin-bottom:1.5rem}.mb-space-md{margin-bottom:1rem}.mb-space-sm{margin-bottom:0.5rem}.mb-space-xl{margin-bottom:2.5rem}.mb-space-xs{margin-bottom:0.25rem}.mt-0\\.5{margin-top:0.125rem}.mt-auto{margin-top:auto}.mt-space-xs{margin-top:0.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\\[16\\\/9\\]{aspect-ratio:16\/9}.aspect-\\[4\\\/3\\]{aspect-ratio:4\/3}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2\\.5{height:0.625rem}.h-20{height:5rem}.h-8{height:2rem}.h-80{height:20rem}.h-96{height:24rem}.h-\\[500px\\]{height:500px}.h-full{height:100%}.min-h-\\[calc\\(100vh-120px\\)\\]{min-height:calc(100vh - 120px)}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2\\.5{width:0.625rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\\[500px\\]{width:500px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[760px\\]{min-width:760px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\\[1280px\\]{max-width:1280px}.max-w-\\[860px\\]{max-width:860px}.max-w-xl{max-width:36rem}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}@keyframes ping{75%, 100%{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-1\\.5{gap:0.375rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-gutter{gap:1.5rem}.gap-space-lg{gap:1.5rem}.gap-space-md{gap:1rem}.gap-space-sm{gap:0.5rem}.gap-space-xl{gap:2.5rem}.gap-space-xs{gap:0.25rem}.divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-surface-container > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(240 237 237 \/ var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.125rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:0.75rem}.rounded-lg{border-radius:0.25rem}.rounded-md{border-radius:0.375rem}.rounded-xl{border-radius:0.5rem}.bg-charcoal-metal{--tw-bg-opacity:1;background-color:rgb(40 40 40 \/ var(--tw-bg-opacity, 1))}.bg-charcoal-metal\\\/80{background-color:rgb(40 40 40 \/ 0.8)}.bg-primary{--tw-bg-opacity:1;background-color:rgb(0 59 163 \/ var(--tw-bg-opacity, 1))}.bg-primary-fixed\\\/30{background-color:rgb(219 225 255 \/ 0.3)}.bg-primary-fixed\\\/40{background-color:rgb(219 225 255 \/ 0.4)}.bg-primary\\\/95{background-color:rgb(0 59 163 \/ 0.95)}.bg-pure-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 \/ var(--tw-bg-opacity, 1))}.bg-pure-white\\\/10{background-color:rgb(255 255 255 \/ 0.1)}.bg-pure-white\\\/90{background-color:rgb(255 255 255 \/ 0.9)}.bg-pure-white\\\/95{background-color:rgb(255 255 255 \/ 0.95)}.bg-status-success{--tw-bg-opacity:1;background-color:rgb(5 150 105 \/ var(--tw-bg-opacity, 1))}.bg-surface{--tw-bg-opacity:1;background-color:rgb(252 249 248 \/ var(--tw-bg-opacity, 1))}.bg-surface-bright{--tw-bg-opacity:1;background-color:rgb(252 249 248 \/ var(--tw-bg-opacity, 1))}.bg-surface-container{--tw-bg-opacity:1;background-color:rgb(240 237 237 \/ var(--tw-bg-opacity, 1))}.bg-surface-container-low{--tw-bg-opacity:1;background-color:rgb(246 243 242 \/ var(--tw-bg-opacity, 1))}.bg-surface-ice{--tw-bg-opacity:1;background-color:rgb(235 242 245 \/ var(--tw-bg-opacity, 1))}.bg-surface-ice\\\/40{background-color:rgb(235 242 245 \/ 0.4)}.bg-surface-ice\\\/70{background-color:rgb(235 242 245 \/ 0.7)}.object-cover{object-fit:cover}.p-space-lg{padding:1.5rem}.p-space-md{padding:1rem}.p-space-sm{padding:0.5rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-3\\.5{padding-left:0.875rem;padding-right:0.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-margin-mobile{padding-left:1rem;padding-right:1rem}.px-space-lg{padding-left:1.5rem;padding-right:1.5rem}.px-space-md{padding-left:1rem;padding-right:1rem}.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-3\\.5{padding-top:0.875rem;padding-bottom:0.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-space-lg{padding-top:1.5rem;padding-bottom:1.5rem}.py-space-md{padding-top:1rem;padding-bottom:1rem}.py-space-sm{padding-top:0.5rem;padding-bottom:0.5rem}.py-space-xl{padding-top:2.5rem;padding-bottom:2.5rem}.pt-2{padding-top:0.5rem}.pt-\\[120px\\]{padding-top:120px}.pt-space-md{padding-top:1rem}.pt-space-sm{padding-top:0.5rem}.pt-space-xs{padding-top:0.25rem}.text-left{text-align:left}.text-center{text-align:center}.font-body-md{font-family:Roboto}.font-body-sm{font-family:Roboto}.font-headline-sm{font-family:Roboto}.font-headline-xl{font-family:Roboto}.font-label-md{font-family:Roboto}.font-label-sm{font-family:Roboto}.font-metric-accent{font-family:Roboto}.text-\\[10px\\]{font-size:10px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[22px\\]{font-size:22px}.text-\\[24px\\]{font-size:24px}.text-\\[26px\\]{font-size:26px}.text-\\[28px\\]{font-size:28px}.text-\\[30px\\]{font-size:30px}.text-\\[32px\\]{font-size:32px}.text-body-md{font-size:16px;line-height:26px;font-weight:400}.text-body-sm{font-size:14px;line-height:22px;font-weight:400}.text-headline-sm{font-size:20px;line-height:28px;letter-spacing:-0.005em;font-weight:600}.text-headline-xl{font-size:40px;line-height:48px;letter-spacing:-0.015em;font-weight:700}.text-label-md{font-size:14px;line-height:20px;letter-spacing:0.01em;font-weight:500}.text-label-sm{font-size:12px;line-height:16px;letter-spacing:0.04em;font-weight:600}.text-metric-accent{font-size:22px;line-height:28px;letter-spacing:-0.01em;font-weight:700}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-0.025em}.tracking-wider{letter-spacing:0.05em}.tracking-widest{letter-spacing:0.1em}.text-\\[\\#C5A880\\]{--tw-text-opacity:1;color:rgb(197 168 128 \/ var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11 \/ var(--tw-text-opacity, 1))}.text-charcoal-metal{--tw-text-opacity:1;color:rgb(40 40 40 \/ var(--tw-text-opacity, 1))}.text-on-primary{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.text-on-primary-container{--tw-text-opacity:1;color:rgb(199 211 255 \/ var(--tw-text-opacity, 1))}.text-on-surface{--tw-text-opacity:1;color:rgb(27 28 28 \/ var(--tw-text-opacity, 1))}.text-on-surface-variant{--tw-text-opacity:1;color:rgb(67 70 84 \/ var(--tw-text-opacity, 1))}.text-outline-variant{--tw-text-opacity:1;color:rgb(195 198 215 \/ var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity:1;color:rgb(0 59 163 \/ var(--tw-text-opacity, 1))}.text-pure-white{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.text-secondary{--tw-text-opacity:1;color:rgb(0 108 74 \/ var(--tw-text-opacity, 1))}.text-secondary-fixed{--tw-text-opacity:1;color:rgb(133 248 196 \/ var(--tw-text-opacity, 1))}.text-status-success{--tw-text-opacity:1;color:rgb(5 150 105 \/ var(--tw-text-opacity, 1))}.text-tertiary-fixed-dim{--tw-text-opacity:1;color:rgb(192 200 203 \/ var(--tw-text-opacity, 1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-10{opacity:0.1}.opacity-40{opacity:0.4}.shadow-\\[0_1px_4px_rgba\\(40\\2c 40\\2c 40\\2c 0\\.04\\)\\]{--tw-shadow:0 1px 4px rgba(40,40,40,0.04);--tw-shadow-colored:0 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_1px_8px_rgba\\(14\\2c 81\\2c 209\\2c 0\\.06\\)\\]{--tw-shadow:0 1px 8px rgba(14,81,209,0.06);--tw-shadow-colored:0 1px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_2px_8px_rgba\\(14\\2c 81\\2c 209\\2c 0\\.18\\)\\]{--tw-shadow:0 2px 8px rgba(14,81,209,0.18);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_2px_8px_rgba\\(14\\2c 81\\2c 209\\2c 0\\.2\\)\\]{--tw-shadow:0 2px 8px rgba(14,81,209,0.2);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_4px_16px_rgba\\(14\\2c 81\\2c 209\\2c 0\\.25\\)\\]{--tw-shadow:0 4px 16px rgba(14,81,209,0.25);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_4px_16px_rgba\\(14\\2c 81\\2c 209\\2c 0\\.3\\)\\]{--tw-shadow:0 4px 16px rgba(14,81,209,0.3);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_4px_16px_rgba\\(14\\2c 81\\2c 209\\2c 0\\.35\\)\\]{--tw-shadow:0 4px 16px rgba(14,81,209,0.35);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\\[0_4px_16px_rgba\\(5\\2c 150\\2c 105\\2c 0\\.35\\)\\]{--tw-shadow:0 4px 16px rgba(5,150,105,0.35);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 \/ 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.hover\\:-translate-y-0\\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:bg-\\[\\#047857\\]:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-brand-blue:hover{--tw-bg-opacity:1;background-color:rgb(14 81 209 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-surface-container:hover{--tw-bg-opacity:1;background-color:rgb(240 237 237 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-surface-container-low:hover{--tw-bg-opacity:1;background-color:rgb(246 243 242 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-surface-ice:hover{--tw-bg-opacity:1;background-color:rgb(235 242 245 \/ var(--tw-bg-opacity, 1))}.hover\\:text-primary:hover{--tw-text-opacity:1;color:rgb(0 59 163 \/ var(--tw-text-opacity, 1))}.hover\\:text-secondary-fixed:hover{--tw-text-opacity:1;color:rgb(133 248 196 \/ var(--tw-text-opacity, 1))}.hover\\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 59 163 \/ var(--tw-ring-opacity, 1))}.group[open] .group-open\\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:inline{display:inline}.group:hover .group-hover\\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:bg-primary{--tw-bg-opacity:1;background-color:rgb(0 59 163 \/ var(--tw-bg-opacity, 1))}.group:hover .group-hover\\:text-pure-white{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\\:right-auto{right:auto}.sm\\:inline-flex{display:inline-flex}.sm\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.sm\\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\\:flex{display:flex}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:items-end{align-items:flex-end}}@media (min-width: 1024px){.lg\\:col-span-2{grid-column:span 2 \/ span 2}.lg\\:col-span-6{grid-column:span 6 \/ span 6}.lg\\:mx-0{margin-left:0px;margin-right:0px}.lg\\:inline{display:inline}.lg\\:flex{display:flex}.lg\\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:gap-space-xl{gap:2.5rem}.lg\\:p-space-xl{padding:2.5rem}.lg\\:px-margin{padding-left:2.5rem;padding-right:2.5rem}.lg\\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\\:text-left{text-align:left}}@media (min-width: 1280px){.xl\\:inline{display:inline}.xl\\:flex{display:flex}}\n\n<\/style>\n\n<div class=\"stitch-page font-['Roboto',Arial,sans-serif]\">\n<header class=\"fixed top-0 left-0 w-full z-50 bg-pure-white\/95 backdrop-blur-md shadow-[0_1px_8px_rgba(14,81,209,0.06)]\"><div class=\"bg-charcoal-metal text-pure-white font-label-sm text-label-sm\"><div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin h-10 flex items-center justify-between overflow-x-auto whitespace-nowrap gap-gutter\"><div class=\"flex items-center gap-space-lg\"><div class=\"flex items-center gap-space-xs\"><span class=\"material-symbols-outlined text-[15px] text-secondary-fixed\">call<\/span><span>Hotline k\u1ef9 thu\u1eadt: <a class=\"font-label-md text-label-md text-pure-white hover:text-secondary-fixed transition-colors\" href=\"tel:0979452876\">0979 452 876<\/a> &#8211; <a class=\"font-label-md text-label-md text-pure-white hover:text-secondary-fixed transition-colors\" href=\"tel:0928981555\">0928 981 555<\/a><\/span><\/div><span class=\"text-tertiary-fixed-dim hidden xl:inline\">|<\/span><div class=\"hidden xl:flex items-center gap-space-xs\"><span class=\"material-symbols-outlined text-[15px] text-secondary-fixed\">location_on<\/span><span>Showroom &amp; X\u01b0\u1edfng: 39 Ng\u00f5 232 Tr\u1ea7n \u0110i\u1ec1n, \u0110\u1ecbnh C\u00f4ng, Ho\u00e0ng Mai, H\u00e0 N\u1ed9i<\/span><\/div><\/div><div class=\"flex items-center gap-space-lg\"><div class=\"hidden md:flex items-center gap-space-xs text-secondary-fixed\"><span class=\"material-symbols-outlined text-[15px]\">architecture<\/span><span>\u0110o \u0111\u1ea1c &amp; kh\u1ea3o s\u00e1t Laser 3D mi\u1ec5n ph\u00ed t\u1ea1i c\u00f4ng tr\u00ecnh<\/span><\/div><span class=\"text-tertiary-fixed-dim hidden lg:inline\">|<\/span><div class=\"flex items-center gap-space-xs\"><span class=\"material-symbols-outlined text-[15px] text-secondary-fixed\">schedule<\/span><span>8:00 &#8211; 18:30 (T2 &#8211; CN)<\/span><\/div><\/div><\/div><\/div><div class=\"h-20 max-w-[1280px] mx-auto px-margin-mobile lg:px-margin flex items-center justify-between gap-gutter\"><a class=\"flex items-center gap-space-md shrink-0\" data-path=\"trang-chu\" href=\"#\"><div class=\"w-11 h-11 rounded-lg bg-primary flex items-center justify-center text-pure-white shadow-[0_2px_8px_rgba(14,81,209,0.2)]\"><span class=\"material-symbols-outlined text-[26px]\">window<\/span><\/div><div class=\"flex flex-col\"><span class=\"font-headline-sm text-headline-sm text-primary tracking-tight leading-none uppercase\">AN PH\u00c1T WINDOOR<\/span><span class=\"font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider mt-space-xs\">X\u00e2y Ch\u1eef T\u00edn \u00b7 D\u1ef1ng Ni\u1ec1m Tin<\/span><\/div><\/a><nav class=\"hidden lg:flex items-center gap-space-xs\" data-active-classes=\"bg-surface-ice text-primary font-semibold\"><a class=\"px-space-md py-space-sm rounded-lg font-label-md text-label-md text-on-surface-variant hover:text-primary hover:bg-surface-ice transition-all\" data-path=\"trang-chu\" href=\"#\">Trang ch\u1ee7<\/a><a class=\"px-space-md py-space-sm rounded-lg font-label-md text-label-md text-on-surface-variant hover:text-primary hover:bg-surface-ice transition-all\" data-path=\"cua-nhom-kinh\" href=\"#\">C\u1eeda nh\u00f4m k\u00ednh<\/a><a class=\"px-space-md py-space-sm rounded-lg font-label-md text-label-md text-on-surface-variant hover:text-primary hover:bg-surface-ice transition-all\" data-path=\"cua-nhom-xingfa\" href=\"#\">C\u1eeda nh\u00f4m Xingfa<\/a><a class=\"px-space-md py-space-sm rounded-lg font-label-md text-label-md text-on-surface-variant hover:text-primary hover:bg-surface-ice transition-all\" data-path=\"cua-cach-am\" href=\"#\">C\u1eeda c\u00e1ch \u00e2m<\/a><a class=\"px-space-md py-space-sm rounded-lg font-label-md text-label-md text-on-surface-variant hover:text-primary hover:bg-surface-ice transition-all\" data-path=\"bao-gia-tron-goi\" href=\"#\">B\u00e1o gi\u00e1 tr\u1ecdn g\u00f3i<\/a><a class=\"px-space-md py-space-sm rounded-lg font-label-md text-label-md text-on-surface-variant hover:text-primary hover:bg-surface-ice transition-all\" data-path=\"du-an-xuong\" href=\"#\">D\u1ef1 \u00e1n x\u01b0\u1edfng<\/a><\/nav><div class=\"flex items-center gap-space-md shrink-0\"><a class=\"hidden sm:inline-flex items-center gap-space-xs px-space-lg py-space-sm rounded-lg bg-primary hover:bg-brand-blue text-pure-white font-label-md text-label-md transition-all shadow-[0_2px_8px_rgba(14,81,209,0.18)] hover:-translate-y-0.5\" data-path=\"tu-van-kien-truc-3d\" href=\"#\"><span class=\"material-symbols-outlined text-[18px]\">view_in_ar<\/span><span>T\u01b0 V\u1ea5n Ki\u1ebfn Tr\u00fac 3D<\/span><\/a><div class=\"w-8 h-8 rounded-full bg-primary flex items-center justify-center\"><span class=\"material-symbols-outlined text-on-primary text-[18px]\">person<\/span><\/div><\/div><\/div><\/header><main class=\"w-full pt-[120px] bg-surface min-h-[calc(100vh-120px)]\"><div class=\"flex flex-col w-full\">\n<!-- SECTION 1: ASYMMETRIC SPLIT HERO SECTION (50\/50 SHOWCASE) -->\n<section class=\"relative w-full bg-surface-bright overflow-hidden\">\n<div class=\"absolute inset-0 pointer-events-none opacity-40\">\n<div class=\"absolute -top-32 -left-32 w-96 h-96 rounded-full bg-surface-ice blur-3xl\"><\/div>\n<div class=\"absolute top-1\/2 right-0 w-[500px] h-[500px] rounded-full bg-primary-fixed\/30 blur-3xl\"><\/div>\n<\/div>\n<div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin py-8 lg:py-16 relative\">\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-gutter lg:gap-space-xl items-center\">\n<!-- Left Column (6 Cols) -->\n<div class=\"lg:col-span-6 flex flex-col gap-space-md\">\n<div class=\"inline-flex items-center gap-space-xs px-3.5 py-1.5 rounded-full bg-surface-ice text-on-surface shadow-sm w-fit\">\n<span class=\"text-[13px] text-[#C5A880] font-bold\">\u2726<\/span>\n<span class=\"font-label-sm text-label-sm uppercase tracking-wider text-charcoal-metal font-semibold\">XU H\u01af\u1edaNG NH\u00d4M K\u00cdNH 2026 | M\u1edf R\u1ed9ng Kh\u00f4ng Gian \u00b7 T\u1ed1i \u0110a T\u1ea7m Nh\u00ecn<\/span>\n<\/div>\n<h1 class=\"font-headline-xl text-headline-xl text-primary font-bold leading-tight\">\n            Gi\u1ea3i Ph\u00e1p C\u1eeda Nh\u00f4m K\u00ednh Cao C\u1ea5p Th\u1ebf H\u1ec7 M\u1edbi Cho Bi\u1ec7t Th\u1ef1 &amp; Nh\u00e0 Ph\u1ed1 Hi\u1ec7n \u0110\u1ea1i\n          <\/h1>\n<p class=\"font-body-md text-body-md text-on-surface-variant leading-relaxed\">\n            X\u00f3a b\u1ecf ranh gi\u1edbi gi\u1eefa n\u1ed9i th\u1ea5t v\u00e0 thi\u00ean nhi\u00ean. Tr\u1ef1c ti\u1ebfp s\u1ea3n xu\u1ea5t c\u00e1c h\u1ec7 c\u1eeda tr\u01b0\u1ee3t quay kh\u00f4ng ray d\u01b0\u1edbi, c\u1eeda nh\u00f4m Slim tr\u00e0n vi\u1ec1n v\u00e0 c\u1eeda nh\u00f4m th\u1ee7y l\u1ef1c c\u00e1nh l\u1edbn t\u1ea1i x\u01b0\u1edfng CNC An Ph\u00e1t. Tinh x\u1ea3o t\u1eebng mm, gi\u00e1 g\u1ed1c t\u1eadn x\u01b0\u1edfng.\n          <\/p>\n<!-- 3 Architectural Metric Tags -->\n<div class=\"grid grid-cols-1 sm:grid-cols-3 gap-space-sm pt-space-xs\">\n<div class=\"flex flex-col gap-1 p-space-sm rounded-xl bg-pure-white shadow-sm\">\n<div class=\"flex items-center gap-1.5 text-primary\">\n<span class=\"material-symbols-outlined text-[20px]\">door_front<\/span>\n<span class=\"font-label-md text-label-md font-bold text-charcoal-metal\">Kh\u1ea9u \u0110\u1ed9 M\u1edf 100%<\/span>\n<\/div>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant text-xs\">M\u1edf tho\u00e1ng to\u00e0n b\u1ed9 m\u1eb7t ti\u1ec1n, \u00e1p s\u00e1t t\u01b0\u1eddng g\u1ecdn g\u00e0ng.<\/p>\n<\/div>\n<div class=\"flex flex-col gap-1 p-space-sm rounded-xl bg-pure-white shadow-sm\">\n<div class=\"flex items-center gap-1.5 text-primary\">\n<span class=\"material-symbols-outlined text-[20px]\">border_clear<\/span>\n<span class=\"font-label-md text-label-md font-bold text-charcoal-metal\">Khung Slim M\u1ecfng<\/span>\n<\/div>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant text-xs\">T\u1ea7m nh\u00ecn Panorama tr\u00e0n ng\u1eadp \u00e1nh s\u00e1ng t\u1ef1 nhi\u00ean.<\/p>\n<\/div>\n<div class=\"flex flex-col gap-1 p-space-sm rounded-xl bg-pure-white shadow-sm\">\n<div class=\"flex items-center gap-1.5 text-secondary\">\n<span class=\"material-symbols-outlined text-[20px]\">straighten<\/span>\n<span class=\"font-label-md text-label-md font-bold text-charcoal-metal\">S\u00e0n Ph\u1eb3ng Seamless<\/span>\n<\/div>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant text-xs\">Kh\u00f4ng ray d\u01b0\u1edbi s\u00e0n, xe \u00f4 t\u00f4 di chuy\u1ec3n \u00eam \u00e1i.<\/p>\n<\/div>\n<\/div>\n<!-- CTAs -->\n<div class=\"flex flex-wrap items-center gap-space-md pt-space-sm\">\n<a class=\"inline-flex items-center justify-center gap-space-xs px-6 py-3 rounded-lg bg-primary hover:bg-brand-blue text-pure-white font-label-md text-label-md font-semibold transition-all shadow-[0_4px_16px_rgba(14,81,209,0.25)] hover:-translate-y-0.5\" href=\"#mau-cua-section\">\n<span>KH\u00c1M PH\u00c1 C\u00c1C H\u1ec6 C\u1eecA HOT NH\u1ea4T<\/span>\n<span class=\"material-symbols-outlined text-[18px]\">south<\/span>\n<\/a>\n<a class=\"inline-flex items-center justify-center gap-space-xs px-6 py-3 rounded-lg bg-surface-ice hover:bg-surface-container text-primary font-label-md text-label-md font-semibold transition-all shadow-sm\" href=\"#bao-gia-section\">\n<span>B\u1ea2NG GI\u00c1 D\u1ef0 TO\u00c1N TR\u1eccN G\u00d3I<\/span>\n<span class=\"material-symbols-outlined text-[18px]\">request_quote<\/span>\n<\/a>\n<\/div>\n<\/div>\n<!-- Right Column (6 Cols Showcase Visual) -->\n<div class=\"lg:col-span-6 relative\">\n<div class=\"relative w-full aspect-[4\/3] rounded-2xl overflow-hidden shadow-xl bg-surface-container\">\n<img decoding=\"async\" class=\"w-full h-full object-cover\" data-alt=\"A modern luxury villa with a massive 4-panel slide and turn folding glass door framed in sleek dark charcoal aluminum, fully open onto a seamless stone patio and lush tropical garden. Warm natural sunlight pours into a spacious double-height living room with high-end designer furniture, highlighting the flush floor threshold with zero bottom track and ultra-slim precision mullions.\" src=\"https:\/\/anphatwindoor.vn\/wp-content\/uploads\/2026\/06\/cong-trinh-43.jpg\">\n<!-- Badges overlay -->\n<div class=\"absolute top-4 right-4 bg-pure-white\/90 backdrop-blur-md px-3.5 py-2 rounded-xl shadow-md flex items-center gap-2\">\n<span class=\"text-amber-500 font-bold text-sm\">\u2728<\/span>\n<span class=\"font-label-sm text-label-sm text-charcoal-metal font-bold\">H\u1ec7 Tr\u01b0\u1ee3t Quay B\u00e1n Ch\u1ea1y #1 H\u00e0 N\u1ed9i<\/span>\n<\/div>\n<div class=\"absolute bottom-4 left-4 right-4 sm:right-auto bg-primary\/95 backdrop-blur-md px-4 py-2.5 rounded-xl shadow-lg flex items-center gap-3 text-pure-white\">\n<span class=\"material-symbols-outlined text-secondary-fixed text-[22px]\">verified_user<\/span>\n<div class=\"flex flex-col\">\n<span class=\"font-label-sm text-label-sm font-bold\">Ray Treo Ch\u1ecbu L\u1ef1c 300kg\/c\u00e1nh<\/span>\n<span class=\"font-body-sm text-body-sm text-on-primary-container text-xs\">Cam k\u1ebft b\u1ea3o h\u00e0nh ch\u00ednh h\u00e3ng 10 n\u0103m<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- SECTION 2: B\u1ed8 CH\u1eccN KH\u00d4NG GIAN KI\u1ebeN TR\u00daC 1-CH\u1ea0M -->\n<section class=\"w-full bg-surface-container-low py-space-xl\">\n<div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin\">\n<div class=\"flex flex-col items-center text-center max-w-2xl mx-auto gap-space-xs mb-space-xl\">\n<span class=\"font-label-sm text-label-sm uppercase tracking-widest text-primary font-bold\">GI\u1ea2I PH\u00c1P THEO KI\u1ebeN TR\u00daC<\/span>\n<h2 class=\"font-headline-xl text-headline-xl text-charcoal-metal font-bold\">L\u1ef1a Ch\u1ecdn H\u1ec7 C\u1eeda Ho\u00e0n H\u1ea3o Cho T\u1eebng V\u1ecb Tr\u00ed Ng\u00f4i Nh\u00e0 B\u1ea1n<\/h2>\n<p class=\"font-body-md text-body-md text-on-surface-variant\">M\u1ed7i kh\u00f4ng gian c\u00f3 m\u1ed9t y\u00eau c\u1ea7u c\u00f4ng n\u0103ng ri\u00eang bi\u1ec7t. Ch\u1ecdn v\u1ecb tr\u00ed c\u00f4ng tr\u00ecnh c\u1ee7a b\u1ea1n \u0111\u1ec3 xem c\u1ea5u h\u00ecnh t\u1ed1i \u01b0u:<\/p>\n<\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-gutter\">\n<!-- Space Card 1 -->\n<div class=\"group flex flex-col p-space-lg rounded-2xl bg-pure-white shadow-sm hover:shadow-xl transition-all duration-300 hover:-translate-y-1\">\n<div class=\"w-12 h-12 rounded-xl bg-surface-ice flex items-center justify-center text-primary group-hover:bg-primary group-hover:text-pure-white transition-colors mb-space-md\">\n<span class=\"material-symbols-outlined text-[28px]\">apartment<\/span>\n<\/div>\n<div class=\"inline-block px-2.5 py-0.5 rounded-md bg-surface-ice text-primary font-label-sm text-label-sm w-fit mb-space-xs\">V\u1ecb tr\u00ed #1<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold mb-space-xs\">\u0110\u1ea1i S\u1ea3nh &amp; M\u1eb7t Ti\u1ec1n<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant mb-space-md flex-grow\">Y\u00eau c\u1ea7u b\u1ec1 th\u1ebf sang tr\u1ecdng, m\u1edf 100% di\u1ec7n t\u00edch \u0111\u00f3n kh\u00ed t\u00e0i l\u1ed9c v\u00e0 xe \u00f4 t\u00f4 v\u00e0o gara nh\u1eb9 nh\u00e0ng.<\/p>\n<div class=\"p-space-sm rounded-lg bg-surface-container-low\">\n<span class=\"font-label-sm text-label-sm font-semibold text-secondary uppercase block mb-1\">Khuy\u1ebfn ngh\u1ecb An Ph\u00e1t<\/span>\n<span class=\"font-label-md text-label-md text-charcoal-metal font-bold\">C\u1eeda Tr\u01b0\u1ee3t Quay 2in1 \/ Th\u1ee7y L\u1ef1c B\u1ea3n C\u00e1nh L\u1edbn<\/span>\n<\/div>\n<\/div>\n<!-- Space Card 2 -->\n<div class=\"group flex flex-col p-space-lg rounded-2xl bg-pure-white shadow-sm hover:shadow-xl transition-all duration-300 hover:-translate-y-1\">\n<div class=\"w-12 h-12 rounded-xl bg-surface-ice flex items-center justify-center text-primary group-hover:bg-primary group-hover:text-pure-white transition-colors mb-space-md\">\n<span class=\"material-symbols-outlined text-[28px]\">deck<\/span>\n<\/div>\n<div class=\"inline-block px-2.5 py-0.5 rounded-md bg-surface-ice text-primary font-label-sm text-label-sm w-fit mb-space-xs\">V\u1ecb tr\u00ed #2<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold mb-space-xs\">Ban C\u00f4ng, S\u00e2n V\u01b0\u1eddn<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant mb-space-md flex-grow\">Ch\u1ecbu \u00e1p l\u1ef1c gi\u00f3 b\u00e3o c\u1ea5p 12, ch\u1ed1ng tr\u00e0n n\u01b0\u1edbc m\u01b0a tuy\u1ec7t \u0111\u1ed1i v\u00e0 t\u1ed1i \u0111a g\u00f3c nh\u00ecn to\u00e0n c\u1ea3nh s\u00e2n v\u01b0\u1eddn.<\/p>\n<div class=\"p-space-sm rounded-lg bg-surface-container-low\">\n<span class=\"font-label-sm text-label-sm font-semibold text-secondary uppercase block mb-1\">Khuy\u1ebfn ngh\u1ecb An Ph\u00e1t<\/span>\n<span class=\"font-label-md text-label-md text-charcoal-metal font-bold\">C\u1eeda X\u1ebfp Tr\u01b0\u1ee3t Bifold \/ Tr\u01b0\u1ee3t Ray L\u1edbn H\u1ec7 93<\/span>\n<\/div>\n<\/div>\n<!-- Space Card 3 -->\n<div class=\"group flex flex-col p-space-lg rounded-2xl bg-pure-white shadow-sm hover:shadow-xl transition-all duration-300 hover:-translate-y-1\">\n<div class=\"w-12 h-12 rounded-xl bg-surface-ice flex items-center justify-center text-primary group-hover:bg-primary group-hover:text-pure-white transition-colors mb-space-md\">\n<span class=\"material-symbols-outlined text-[28px]\">living<\/span>\n<\/div>\n<div class=\"inline-block px-2.5 py-0.5 rounded-md bg-surface-ice text-primary font-label-sm text-label-sm w-fit mb-space-xs\">V\u1ecb tr\u00ed #3<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold mb-space-xs\">Ph\u00f2ng Kh\u00e1ch &amp; B\u1ebfp<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant mb-space-md flex-grow\">Ng\u0103n m\u00f9i th\u1ee9c \u0103n, c\u00e1ch \u00e2m ph\u00f2ng l\u00e0m vi\u1ec7c nh\u01b0ng v\u1eabn gi\u1eef kh\u00f4ng gian m\u1edf li\u00ean k\u1ebft \u00e1nh s\u00e1ng.<\/p>\n<div class=\"p-space-sm rounded-lg bg-surface-container-low\">\n<span class=\"font-label-sm text-label-sm font-semibold text-secondary uppercase block mb-1\">Khuy\u1ebfn ngh\u1ecb An Ph\u00e1t<\/span>\n<span class=\"font-label-md text-label-md text-charcoal-metal font-bold\">C\u1eeda Nh\u00f4m Slim Ray Treo Gi\u1ea3m Ch\u1ea5n 2 Chi\u1ec1u<\/span>\n<\/div>\n<\/div>\n<!-- Space Card 4 -->\n<div class=\"group flex flex-col p-space-lg rounded-2xl bg-pure-white shadow-sm hover:shadow-xl ph\u1ee5 transition-all duration-300 hover:-translate-y-1\">\n<div class=\"w-12 h-12 rounded-xl bg-surface-ice flex items-center justify-center text-primary group-hover:bg-primary group-hover:text-pure-white transition-colors mb-space-md\">\n<span class=\"material-symbols-outlined text-[28px]\">window<\/span>\n<\/div>\n<div class=\"inline-block px-2.5 py-0.5 rounded-md bg-surface-ice text-primary font-label-sm text-label-sm w-fit mb-space-xs\">V\u1ecb tr\u00ed #4<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold mb-space-xs\">C\u1eeda S\u1ed5 &amp; Gi\u1ebfng Tr\u1eddi<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant mb-space-md flex-grow\">L\u01b0u th\u00f4ng gi\u00f3 t\u01b0\u01a1i t\u1ef1 nhi\u00ean, k\u00edn kh\u00edt ch\u1ed1ng h\u1eaft m\u01b0a b\u00e3o v\u00e0 t\u00edch h\u1ee3p l\u01b0\u1edbi ch\u1ed1ng c\u00f4n tr\u00f9ng cao c\u1ea5p.<\/p>\n<div class=\"p-space-sm rounded-lg bg-surface-container-low\">\n<span class=\"font-label-sm text-label-sm font-semibold text-secondary uppercase block mb-1\">Khuy\u1ebfn ngh\u1ecb An Ph\u00e1t<\/span>\n<span class=\"font-label-md text-label-md text-charcoal-metal font-bold\">C\u1eeda S\u1ed5 M\u1edf H\u1ea5t &amp; Quay K\u00ednh H\u1ed9p Kh\u00ed Argon<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- SECTION 3: 5 C\u01a0 CH\u1ebe V\u1eacN H\u00c0NH TH\u1ebe H\u1ec6 M\u1edaI -->\n<section class=\"w-full bg-surface-bright py-space-xl\">\n<div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin\">\n<div class=\"flex flex-col items-center text-center max-w-3xl mx-auto gap-space-xs mb-space-xl\">\n<span class=\"font-label-sm text-label-sm uppercase tracking-widest text-primary font-bold\">\u0110\u1ed8T PH\u00c1 C\u01a0 H\u1eccC &amp; TH\u1ea8M M\u1ef8<\/span>\n<h2 class=\"font-headline-xl text-headline-xl text-charcoal-metal font-bold\">B\u1ecf L\u1ea1i Nh\u1eefng H\u1ec7 C\u1eeda C\u0169 K\u1ef9: 5 Gi\u1ea3i Ph\u00e1p V\u1eadn H\u00e0nh Th\u00f4ng Minh T\u1ea1i An Ph\u00e1t<\/h2>\n<p class=\"font-body-md text-body-md text-on-surface-variant\">K\u1ef9 thu\u1eadt c\u01a1 kh\u00ed ch\u00ednh x\u00e1c chuy\u1ec3n \u0111\u1ed5i kh\u00f4ng gian s\u1ed1ng, ki\u1ebfn t\u1ea1o tr\u1ea3i nghi\u1ec7m \u0111\u00f3ng m\u1edf m\u01b0\u1ee3t m\u00e0 v\u01b0\u1ee3t chu\u1ea9n th\u00f4ng th\u01b0\u1eddng.<\/p>\n<\/div>\n<!-- Bento-style 5 Features Grid -->\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-gutter\">\n<!-- Feature 1 -->\n<div class=\"p-space-lg rounded-2xl bg-surface-ice\/70 hover:bg-surface-ice transition-all flex flex-col gap-space-sm shadow-sm\">\n<div class=\"w-10 h-10 rounded-lg bg-primary text-pure-white flex items-center justify-center\">\n<span class=\"material-symbols-outlined text-[22px]\">sync_alt<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold\">1. C\u1eeda Tr\u01b0\u1ee3t Quay 2in1 (Slide &amp; Turn)<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant leading-relaxed\">\n            K\u1ebft h\u1ee3p th\u00f4ng minh 2 c\u01a1 ch\u1ebf: tr\u01b0\u1ee3t nh\u1eb9 nh\u00e0ng khi \u0111i l\u1ea1i h\u1eb1ng ng\u00e0y v\u00e0 quay 180 \u0111\u1ed9 x\u1ebfp \u00e1p s\u00e1t t\u01b0\u1eddng khi c\u1ea7n m\u1edf r\u1ed9ng 100% l\u1ed1i \u0111i. Ho\u00e0n to\u00e0n kh\u00f4ng ray d\u01b0\u1edbi s\u00e0n, an to\u00e0n tuy\u1ec7t \u0111\u1ed1i.\n          <\/p>\n<div class=\"mt-auto pt-space-xs flex items-center gap-1.5 text-secondary font-label-sm text-label-sm font-bold\">\n<span class=\"material-symbols-outlined text-[16px]\">check_circle<\/span>\n<span>Kh\u1eafc ph\u1ee5c 100% nh\u01b0\u1ee3c \u0111i\u1ec3m v\u01b0\u1edbng ray<\/span>\n<\/div>\n<\/div>\n<!-- Feature 2 -->\n<div class=\"p-space-lg rounded-2xl bg-surface-ice\/70 hover:bg-surface-ice transition-all flex flex-col gap-space-sm shadow-sm\">\n<div class=\"w-10 h-10 rounded-lg bg-primary text-pure-white flex items-center justify-center\">\n<span class=\"material-symbols-outlined text-[22px]\">aspect_ratio<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold\">2. C\u1eeda Nh\u00f4m H\u1ec7 Slim (Minimalist Panorama)<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant leading-relaxed\">\n            Khung nh\u00f4m si\u00eau m\u1ea3nh ch\u1ec9 16mm gi\u1ea5u s\u00e1t v\u00e0o t\u01b0\u1eddng, h\u1ec7 ray treo ch\u1ecbu t\u1ea3i l\u00ean \u0111\u1ebfn 150kg\/c\u00e1nh k\u1ebft h\u1ee3p gi\u1ea3m ch\u1ea5n th\u1ee7y l\u1ef1c 2 \u0111\u1ea7u gi\u00fap vi\u1ec7c \u0111\u00f3ng m\u1edf ch\u1ec9 c\u1ea7n d\u00f9ng l\u1ef1c c\u1ee7a m\u1ed9t ng\u00f3n tay.\n          <\/p>\n<div class=\"mt-auto pt-space-xs flex items-center gap-1.5 text-secondary font-label-sm text-label-sm font-bold\">\n<span class=\"material-symbols-outlined text-[16px]\">check_circle<\/span>\n<span>T\u1ed1i \u0111a 98% di\u1ec7n t\u00edch k\u00ednh \u0111\u00f3n s\u00e1ng<\/span>\n<\/div>\n<\/div>\n<!-- Feature 3 -->\n<div class=\"p-space-lg rounded-2xl bg-surface-ice\/70 hover:bg-surface-ice transition-all flex flex-col gap-space-sm shadow-sm\">\n<div class=\"w-10 h-10 rounded-lg bg-primary text-pure-white flex items-center justify-center\">\n<span class=\"material-symbols-outlined text-[22px]\">auto_mode<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold\">3. C\u1eeda Nh\u00f4m Th\u1ee7y L\u1ef1c (Hydraulic Pivot Door)<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant leading-relaxed\">\n            B\u1ea3n c\u00e1nh \u0111\u1ea1i 120-180mm k\u1ebft h\u1ee3p b\u1ea3n l\u1ec1 s\u00e0n d\u1ea7u th\u1ee7y l\u1ef1c ch\u1ecbu l\u1ef1c cao, cho ph\u00e9p \u0111\u00f3ng m\u1edf 2 chi\u1ec1u g\u00f3c 90 \u0111\u1ed9 v\u00e0 t\u1ef1 \u0111\u1ed9ng h\u00e3m t\u1ed1c \u0111\u1ed9 \u00eam \u00e1i, mang l\u1ea1i kh\u00ed th\u1ebf b\u1ec1 th\u1ebf uy nghi cho \u0111\u1ea1i s\u1ea3nh.\n          <\/p>\n<div class=\"mt-auto pt-space-xs flex items-center gap-1.5 text-secondary font-label-sm text-label-sm font-bold\">\n<span class=\"material-symbols-outlined text-[16px]\">check_circle<\/span>\n<span>B\u1ea3n l\u1ec1 Adler \u0110\u1ee9c v\u1eadn h\u00e0nh 500.000 l\u1ea7n<\/span>\n<\/div>\n<\/div>\n<!-- Feature 4 -->\n<div class=\"p-space-lg rounded-2xl bg-surface-ice\/70 hover:bg-surface-ice transition-all flex flex-col gap-space-sm shadow-sm\">\n<div class=\"w-10 h-10 rounded-lg bg-primary text-pure-white flex items-center justify-center\">\n<span class=\"material-symbols-outlined text-[22px]\">view_column<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold\">4. C\u1eeda X\u1ebfp Tr\u01b0\u1ee3t Bifold \u0110a C\u00e1nh<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant leading-relaxed\">\n            C\u01a1 ch\u1ebf x\u1ebfp g\u1ea5p nan qu\u1ea1t t\u1eeb 3 \u0111\u1ebfn 8 c\u00e1nh d\u1ed3n to\u00e0n b\u1ed9 v\u1ec1 1 ho\u1eb7c 2 b\u00ean t\u01b0\u1eddng. H\u1ec7 b\u00e1nh xe bi b\u1ea1c \u0111\u1ea1n inox 304 ch\u1ecbu l\u1ef1c tr\u01b0\u1ee3t tr\u00ean thanh ray treo ch\u1ed1ng k\u1eb9t v\u00e0 ch\u1ecbu t\u1ea3i gi\u00f3 b\u00e3o c\u1ef1c \u0111\u1ea1i.\n          <\/p>\n<div class=\"mt-auto pt-space-xs flex items-center gap-1.5 text-secondary font-label-sm text-label-sm font-bold\">\n<span class=\"material-symbols-outlined text-[16px]\">check_circle<\/span>\n<span>M\u1edf r\u1ed9ng kh\u1ea9u \u0111\u1ed9 l\u00ean t\u1edbi 12 m\u00e9t<\/span>\n<\/div>\n<\/div>\n<!-- Feature 5 (Spans 2 cols on lg) -->\n<div class=\"p-space-lg rounded-2xl bg-primary text-pure-white flex flex-col justify-between shadow-md lg:col-span-2\">\n<div class=\"flex flex-col gap-space-sm\">\n<div class=\"w-10 h-10 rounded-lg bg-surface-ice text-primary flex items-center justify-center\">\n<span class=\"material-symbols-outlined text-[22px]\">thermostat<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-pure-white font-bold\">5. C\u1eeda Nh\u00f4m C\u1ea7u C\u00e1ch Nhi\u1ec7t (Thermal Break Technology)<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-primary-container leading-relaxed\">\n              D\u1ea3i c\u1ea7u Polyamide chuy\u00ean d\u1ee5ng chia c\u1eaft thanh nh\u00f4m th\u00e0nh 2 khoang \u0111\u1ed9c l\u1eadp, tri\u1ec7t ti\u00eau s\u1ef1 truy\u1ec1n nhi\u1ec7t kim lo\u1ea1i. Khi k\u1ebft h\u1ee3p v\u1edbi k\u00ednh h\u1ed9p c\u1ea3n nhi\u1ec7t Low-E, h\u1ec7 c\u1eeda gi\u1eef ph\u00f2ng kh\u00e1ch lu\u00f4n m\u00e1t d\u1ecbu v\u00e0o m\u00f9a h\u00e8, \u1ea5m \u00e1p v\u00e0o m\u00f9a \u0111\u00f4ng v\u00e0 c\u1eaft gi\u1ea3m \u0111\u1ebfn 40% chi ph\u00ed \u0111i\u1ec7n \u0111i\u1ec1u h\u00f2a.\n            <\/p>\n<\/div>\n<div class=\"pt-space-md flex flex-wrap items-center gap-space-md\">\n<div class=\"flex items-center gap-1.5 font-label-sm text-label-sm text-secondary-fixed\">\n<span class=\"material-symbols-outlined text-[18px]\">verified<\/span>\n<span>Gi\u1ea3m 38dB ti\u1ebfng \u1ed3n<\/span>\n<\/div>\n<div class=\"flex items-center gap-1.5 font-label-sm text-label-sm text-secondary-fixed\">\n<span class=\"material-symbols-outlined text-[18px]\">solar_power<\/span>\n<span>C\u1ea3n 95% b\u1ee9c x\u1ea1 UV &amp; H\u1ed3ng ngo\u1ea1i<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- SECTION 4: MASTER 3-DROPDOWN FILTER BAR & 6 M\u1eaaU C\u1eecA ARCHITECTURAL CARDS -->\n<section class=\"py-space-xl bg-surface font-['Roboto',Arial,sans-serif]\" id=\"mau-cua-section\">\n<div class=\"max-w-7xl mx-auto px-margin-mobile lg:px-margin\">\n<div class=\"max-w-3xl mx-auto text-center mb-12\">\n<span class=\"font-label-sm text-label-sm uppercase tracking-wider text-secondary font-bold font-['Roboto',Arial,sans-serif]\">Danh m\u1ee5c k\u1ef9 thu\u1eadt \u0111\u01b0\u1ee3c ki\u1ec3m ch\u1ee9ng<\/span>\n<h2 class=\"font-headline-xl text-headline-xl text-primary font-bold tracking-tight mt-1 font-['Roboto',Arial,sans-serif]\">B\u1ed9 S\u01b0u T\u1eadp 6 M\u1eabu C\u1eeda Nh\u00f4m K\u00ednh Th\u1ebf H\u1ec7 M\u1edbi Cao C\u1ea5p<\/h2>\n<p class=\"font-body-md text-body-md text-on-surface-variant mt-2 font-['Roboto',Arial,sans-serif]\">\n  \u0110\u00e1p \u1ee9ng ho\u00e0n h\u1ea3o ti\u00eau chu\u1ea9n th\u1ea9m m\u1ef9 ki\u1ebfn tr\u00fac t\u1ed1i gi\u1ea3n v\u00e0 c\u00f4ng n\u0103ng c\u00e1ch \u00e2m, c\u1ea3n nhi\u1ec7t v\u01b0\u1ee3t tr\u1ed9i cho m\u1ecdi c\u00f4ng tr\u00ecnh. B\u1ea5m v\u00e0o s\u1ea3n ph\u1ea9m \u0111\u1ec3 xem chi ti\u1ebft tr\u00ean website ch\u00ednh th\u1ee9c.\n<\/p>\n<\/div>\n\n<!-- MASTER 3-DROPDOWN FILTER BAR -->\n<div class=\"bg-surface-container-lowest p-6 rounded-2xl shadow-sm border border-outline-variant\/30 mb-8 font-['Roboto',Arial,sans-serif]\">\n  <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-4\">\n    <!-- Filter 1: V\u1ecb tr\u00ed l\u1eafp \u0111\u1eb7t -->\n    <div class=\"flex flex-col gap-1.5\">\n      <label class=\"text-[12px] font-bold text-[#00152C] uppercase tracking-wider flex items-center gap-1.5\">\n        <span class=\"material-symbols-outlined text-[16px] text-[#006398]\">location_on<\/span>\n        V\u1ecb tr\u00ed l\u1eafp \u0111\u1eb7t\n      <\/label>\n      <div class=\"relative w-full\">\n        <select id=\"filter-location\" onchange=\"filterProducts()\" class=\"anphat-filter-select\">\n          <option value=\"all\">T\u1ea5t c\u1ea3 v\u1ecb tr\u00ed (M\u1eb7c \u0111\u1ecbnh)<\/option>\n          <option value=\"mat-tien\">M\u1eb7t ti\u1ec1n \/ \u0110\u1ea1i s\u1ea3nh<\/option>\n          <option value=\"ban-cong\">Ban c\u00f4ng \/ S\u00e2n th\u01b0\u1ee3ng<\/option>\n          <option value=\"phong-ngu\">Ph\u00f2ng ng\u1ee7 \/ Ph\u00f2ng l\u00e0m vi\u1ec7c<\/option>\n          <option value=\"phong-khach\">Ph\u00f2ng kh\u00e1ch \/ L\u1ed1i \u0111i<\/option>\n          <option value=\"cua-so\">C\u1eeda s\u1ed5 c\u00e1c t\u1ea7ng<\/option>\n          <option value=\"wc\">Nh\u00e0 v\u1ec7 sinh \/ C\u1eeda th\u00f4ng ph\u00f2ng<\/option>\n        <\/select>\n        <span class=\"material-symbols-outlined anphat-select-chevron\">expand_more<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Filter 2: Quy c\u00e1ch m\u1edf -->\n    <div class=\"flex flex-col gap-1.5\">\n      <label class=\"text-[12px] font-bold text-[#00152C] uppercase tracking-wider flex items-center gap-1.5\">\n        <span class=\"material-symbols-outlined text-[16px] text-[#006398]\">settings<\/span>\n        Quy c\u00e1ch m\u1edf\n      <\/label>\n      <div class=\"relative w-full\">\n        <select id=\"filter-mechanism\" onchange=\"filterProducts()\" class=\"anphat-filter-select\">\n          <option value=\"all\">T\u1ea5t c\u1ea3 quy c\u00e1ch m\u1edf (M\u1eb7c \u0111\u1ecbnh)<\/option>\n          <option value=\"mo-quay\">M\u1edf quay (1 c\u00e1nh, 2 c\u00e1nh, 4 c\u00e1nh)<\/option>\n          <option value=\"truot-lua\">Tr\u01b0\u1ee3t l\u00f9a (Ray \u00eam, ch\u1ed1ng nh\u1ea5c)<\/option>\n          <option value=\"xep-truot\">X\u1ebfp tr\u01b0\u1ee3t Bifold (M\u1edf tho\u00e1ng 100%)<\/option>\n          <option value=\"truot-quay\">Tr\u01b0\u1ee3t quay th\u00f4ng minh (Kh\u00f4ng ray)<\/option>\n          <option value=\"slim\">H\u1ec7 Slim si\u00eau m\u1ecfng Panorama<\/option>\n          <option value=\"thuy-luc\">Th\u1ee7y l\u1ef1c b\u1ea3n c\u00e1nh l\u1edbn 180mm<\/option>\n          <option value=\"mo-hat\">M\u1edf h\u1ea5t ch\u1ed1ng h\u1eaft m\u01b0a<\/option>\n        <\/select>\n        <span class=\"material-symbols-outlined anphat-select-chevron\">expand_more<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Filter 3: Ph\u00e2n kh\u00fac gi\u00e1 -->\n    <div class=\"flex flex-col gap-1.5\">\n      <label class=\"text-[12px] font-bold text-[#00152C] uppercase tracking-wider flex items-center gap-1.5\">\n        <span class=\"material-symbols-outlined text-[16px] text-[#006398]\">payments<\/span>\n        Ph\u00e2n kh\u00fac gi\u00e1 \/ m\u00b2\n      <\/label>\n      <div class=\"relative w-full\">\n        <select id=\"filter-price\" onchange=\"filterProducts()\" class=\"anphat-filter-select\">\n          <option value=\"all\">T\u1ea5t c\u1ea3 m\u1ee9c gi\u00e1 (M\u1eb7c \u0111\u1ecbnh)<\/option>\n          <option value=\"tiet-kiem\">Ti\u1ebft ki\u1ec7m: D\u01b0\u1edbi 2.000.000 \u0111\/m\u00b2<\/option>\n          <option value=\"tieu-chuan\">Ti\u00eau chu\u1ea9n: 2.000.000 &#8211; 2.500.000 \u0111\/m\u00b2<\/option>\n          <option value=\"cao-cap\">Cao c\u1ea5p: 2.500.000 &#8211; 3.500.000 \u0111\/m\u00b2<\/option>\n          <option value=\"sieu-cao-cap\">Si\u00eau cao c\u1ea5p: Tr\u00ean 3.500.000 \u0111\/m\u00b2<\/option>\n        <\/select>\n        <span class=\"material-symbols-outlined anphat-select-chevron\">expand_more<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Quick Filter Tags & Counter -->\n  <div class=\"pt-4 border-t border-slate-200\/70 flex flex-col xl:flex-row xl:items-center justify-between gap-3 mt-4\">\n    <div class=\"flex flex-wrap items-center gap-1.5 sm:gap-2\" id=\"quick-filter-group\">\n      <button type=\"button\" onclick=\"setQuickFilter('all', this)\" class=\"quick-tag-btn active\">T\u1ea4T C\u1ea2 M\u1eaaU<\/button>\n      <button type=\"button\" onclick=\"setQuickFilter('truot-quay', this)\" class=\"quick-tag-btn\">\u2728 TR\u01af\u1ee2T QUAY B\u00c1N CH\u1ea0Y<\/button>\n      <button type=\"button\" onclick=\"setQuickFilter('phong-ngu', this)\" class=\"quick-tag-btn\">\ud83d\udd15 C\u00c1CH \u00c2M PH\u00d2NG NG\u1ee6<\/button>\n      <button type=\"button\" onclick=\"setQuickFilter('xingfa-chinh-hang', this)\" class=\"quick-tag-btn\">\ud83d\udee1\ufe0f XINGFA TEM \u0110\u1ece<\/button>\n      <button type=\"button\" onclick=\"setQuickFilter('gia-re', this)\" class=\"quick-tag-btn\">\ud83c\udff7\ufe0f GI\u00c1 X\u01af\u1edeNG &lt; 2.5TR<\/button>\n    <\/div>\n    <div class=\"flex items-center justify-between xl:justify-end gap-3 text-[13px] text-slate-500 shrink-0 font-medium\">\n      <span>Hi\u1ec3n th\u1ecb <strong id=\"product-count\" class=\"text-[#00152C] font-bold\">6<\/strong> m\u1eabu c\u1eeda ph\u00f9 h\u1ee3p<\/span>\n      <button type=\"button\" onclick=\"resetFilters()\" class=\"btn-reset-filter inline-flex items-center gap-1 hover:text-red-600 transition-colors\">\n        <span class=\"material-symbols-outlined text-[16px]\">restart_alt<\/span> X\u00d3A B\u1ed8 L\u1eccC\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- 6-CARD PRODUCT GRID (100% UNIFORM, CRISP & AUTHENTIC) -->\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"product-grid\">\n<div class=\"anphat-product-card flex flex-col bg-white border border-[#E2E8F0] rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\"\n     data-location=\"mat-tien,ban-cong\"\n     data-mechanism=\"truot-quay\"\n     data-price=\"cao-cap,sieu-cao-cap\">\n  \n  <!-- 1. IMAGE WRAPPER (Clickable Link to Official Product Page - Strictly Fixed 220px Height) -->\n  <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/cua-nhom-thuy-luc-cao-cap-gia-re\/\" target=\"_blank\" rel=\"noopener\" class=\"anphat-card-img-wrap group\">\n    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBjca4_ONuoqVLvf51B4n9bvAuGGQPaWpKkdv2h2KFUAtrH5iXZHJ_4ps8iSutUq3GGa9m_vdAkqaVed3wjZh10dkEYEoU8b6vp-NXao-khoHD8mk9r6OWEwFpGjHL4yuQRYAsps7juV2Kn2ql6otYi1tVwui9qzpXLZgBiN24dl-_ZR1OhqJH3y-L6d4Y8-5mTquQBnR-db0aVRJH1Huy0d4IDG2Gk4YYFI3u9-kQ\" \n         alt=\"C\u1eeda Tr\u01b0\u1ee3t Quay 4 C\u00e1nh Th\u1ebf H\u1ec7 M\u1edbi\" \n         loading=\"lazy\">\n    \n    <!-- Top-Left Feature Badge (Matches user image exactly: Crisp Pill) -->\n    <span class=\"anphat-card-badge bg-[#DC2626]\">\n      <span>\ud83d\udd25<\/span>\n      <span>B\u00e1n ch\u1ea1y #1 \u0111\u1ea1i s\u1ea3nh &#038; gara<\/span>\n    <\/span>\n\n    <!-- Bottom Brand Hotline Strip (Matches user image exactly: Dark Navy, Centered, Upper) -->\n    <div class=\"anphat-card-hotline-strip\">\n      AN PH\u00c1T WINDOOR | HOTLINE: 0979 452 876\n    <\/div>\n  <\/a>\n\n  <!-- 2. CARD CONTENT -->\n  <div class=\"p-5 flex flex-col flex-1 justify-between gap-4\">\n    <div>\n      <!-- Product Title (Clickable Link to Official Product Page) -->\n      <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/cua-nhom-thuy-luc-cao-cap-gia-re\/\" target=\"_blank\" rel=\"noopener\" class=\"block group text-decoration-none\">\n        <h3 class=\"font-['Roboto',Arial,sans-serif] font-bold text-[16px] text-[#00152C] tracking-tight leading-snug group-hover:text-[#006398] transition-colors\">\n          C\u1eeda Tr\u01b0\u1ee3t Quay 4 C\u00e1nh Th\u1ebf H\u1ec7 M\u1edbi\n        <\/h3>\n      <\/a>\n\n      <!-- 3 Technical Specs with Consistent Material Symbols Icons -->\n      <div class=\"mt-3.5 flex flex-col gap-2.5 text-[13.5px] text-[#43474D]\">\n        <!-- Spec 1: Nh\u00f4m Profile -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">crop_free<\/span>\n          <span class=\"leading-tight\">Nh\u00f4m Eurotech \/ Zhongkai d\u00e0y 2.0mm kh\u00f4ng ray d\u01b0\u1edbi<\/span>\n        <\/div>\n        <!-- Spec 2: K\u00ednh -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">grid_view<\/span>\n          <span class=\"leading-tight\">K\u00ednh d\u00e1n an to\u00e0n 8.38mm ph\u00f4i Vi\u1ec7t Nh\u1eadt si\u00eau trong<\/span>\n        <\/div>\n        <!-- Spec 3: Ph\u1ee5 ki\u1ec7n -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">build<\/span>\n          <span class=\"leading-tight\">Ph\u1ee5 ki\u1ec7n \u0111\u1ed3ng b\u1ed9 tr\u01b0\u1ee3t quay b\u00e1nh xe bi treo \u00eam \u00e1i<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3. PRICE & QUOTE CTA (Unified: Left: Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng + Gi\u00e1; Right: N\u00fat Nh\u1eadn B\u00e1o Gi\u00e1 G\u1ecdi Hotline) -->\n    <div class=\"pt-3.5 border-t border-[#F1F5F9] flex items-center justify-between gap-2 mt-auto\">\n      <div class=\"flex flex-col\">\n        <span class=\"anphat-price-label\">Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng<\/span>\n        <div class=\"flex items-baseline gap-1 mt-0.5\">\n          <span class=\"anphat-price-val\">2.550.000<\/span>\n          <span class=\"anphat-price-unit\">\u0111\/m\u00b2<\/span>\n        <\/div>\n      <\/div>\n      <a href=\"tel:0979452876\" class=\"anphat-quote-btn\">\n        Nh\u1eadn B\u00e1o Gi\u00e1\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<div class=\"anphat-product-card flex flex-col bg-white border border-[#E2E8F0] rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\"\n     data-location=\"phong-khach,ban-cong\"\n     data-mechanism=\"slim\"\n     data-price=\"cao-cap,sieu-cao-cap\">\n  \n  <!-- 1. IMAGE WRAPPER (Clickable Link to Official Product Page - Strictly Fixed 220px Height) -->\n  <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/vach-nhom-kinh-phong-khach\/\" target=\"_blank\" rel=\"noopener\" class=\"anphat-card-img-wrap group\">\n    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCYVCE2fsNuGGFXoYDvO05hTwM_LmZtJOFMY92IN-Q12El3DRWIZjzJhDP4paYxgP8M19zG9Rixp8P8pH637tvH1na8fb1hknbvVpe2DmSlV7vAFRhx4QzehL4LJW8GlZmkO9TKXZn-c4sxjSRM8u3u4Xa25tr14OuIvkifjtKtNFrU-1UeB01B2Hd6WW5fpgWZxdsfHIhAb6Fx4ooUR0tAqgqTlVCdpNT1WcmnDL8\" \n         alt=\"C\u1eeda Nh\u00f4m Slim 4 C\u00e1nh Li\u00ean \u0110\u1ed9ng Ray Treo\" \n         loading=\"lazy\">\n    \n    <!-- Top-Left Feature Badge (Matches user image exactly: Crisp Pill) -->\n    <span class=\"anphat-card-badge bg-[#059669]\">\n      <span>\u2605<\/span>\n      <span>Xu h\u01b0\u1edbng Panorama tr\u00e0n vi\u1ec1n<\/span>\n    <\/span>\n\n    <!-- Bottom Brand Hotline Strip (Matches user image exactly: Dark Navy, Centered, Upper) -->\n    <div class=\"anphat-card-hotline-strip\">\n      AN PH\u00c1T WINDOOR | HOTLINE: 0979 452 876\n    <\/div>\n  <\/a>\n\n  <!-- 2. CARD CONTENT -->\n  <div class=\"p-5 flex flex-col flex-1 justify-between gap-4\">\n    <div>\n      <!-- Product Title (Clickable Link to Official Product Page) -->\n      <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/vach-nhom-kinh-phong-khach\/\" target=\"_blank\" rel=\"noopener\" class=\"block group text-decoration-none\">\n        <h3 class=\"font-['Roboto',Arial,sans-serif] font-bold text-[16px] text-[#00152C] tracking-tight leading-snug group-hover:text-[#006398] transition-colors\">\n          C\u1eeda Nh\u00f4m Slim 4 C\u00e1nh Li\u00ean \u0110\u1ed9ng Ray Treo\n        <\/h3>\n      <\/a>\n\n      <!-- 3 Technical Specs with Consistent Material Symbols Icons -->\n      <div class=\"mt-3.5 flex flex-col gap-2.5 text-[13.5px] text-[#43474D]\">\n        <!-- Spec 1: Nh\u00f4m Profile -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">crop_free<\/span>\n          <span class=\"leading-tight\">Nh\u00f4m Slim 6063-T5 anode ch\u1ed1ng x\u01b0\u1edbc b\u1ea3n m\u1ea3nh 16mm<\/span>\n        <\/div>\n        <!-- Spec 2: K\u00ednh -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">grid_view<\/span>\n          <span class=\"leading-tight\">K\u00ednh s\u00f3ng ki\u1ebfn tr\u00fac ho\u1eb7c k\u00ednh kh\u00f3i sang tr\u1ecdng 8mm<\/span>\n        <\/div>\n        <!-- Spec 3: Ph\u1ee5 ki\u1ec7n -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">build<\/span>\n          <span class=\"leading-tight\">B\u1ed9 ph\u1ee5 ki\u1ec7n OPK ray treo gi\u1ea3m ch\u1ea5n 2 \u0111\u1ea7u si\u00eau \u00eam<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3. PRICE & QUOTE CTA (Unified: Left: Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng + Gi\u00e1; Right: N\u00fat Nh\u1eadn B\u00e1o Gi\u00e1 G\u1ecdi Hotline) -->\n    <div class=\"pt-3.5 border-t border-[#F1F5F9] flex items-center justify-between gap-2 mt-auto\">\n      <div class=\"flex flex-col\">\n        <span class=\"anphat-price-label\">Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng<\/span>\n        <div class=\"flex items-baseline gap-1 mt-0.5\">\n          <span class=\"anphat-price-val\">2.850.000<\/span>\n          <span class=\"anphat-price-unit\">\u0111\/m\u00b2<\/span>\n        <\/div>\n      <\/div>\n      <a href=\"tel:0979452876\" class=\"anphat-quote-btn\">\n        Nh\u1eadn B\u00e1o Gi\u00e1\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<div class=\"anphat-product-card flex flex-col bg-white border border-[#E2E8F0] rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\"\n     data-location=\"mat-tien\"\n     data-mechanism=\"thuy-luc\"\n     data-price=\"sieu-cao-cap\">\n  \n  <!-- 1. IMAGE WRAPPER (Clickable Link to Official Product Page - Strictly Fixed 220px Height) -->\n  <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/cua-nhom-he-thuy-luc-cao-cap\/\" target=\"_blank\" rel=\"noopener\" class=\"anphat-card-img-wrap group\">\n    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuB48GJjSCd8TDzt1fhm3VOk06jofuic5wEkYPyKYlYL3sfc_8w7Yx3UNoE9wsWwzqMV2aYZ49Ctwjf7UMBwIn-2eDaWHa1z48v64TUZxMfT3vcDLd2zus2OV1-jqCaR6BVK45v_qEl7aBqEdPj3oRpKBHq-vaAyS15zFQhPwL78-KuD8e_m2hOFDHO9M3hmlO4n1THp9FLHrIg2uPj1ww9CQxk5-2CkntnxJ_Y9ODY\" \n         alt=\"C\u1eeda Nh\u00f4m Th\u1ee7y L\u1ef1c B\u1ea3n C\u00e1nh 180mm\" \n         loading=\"lazy\">\n    \n    <!-- Top-Left Feature Badge (Matches user image exactly: Crisp Pill) -->\n    <span class=\"anphat-card-badge bg-[#1E3A8A]\">\n      <span>\ud83d\udc51<\/span>\n      <span>Uy nghi b\u1ec1 th\u1ebf cho \u0111\u1ea1i s\u1ea3nh Villa<\/span>\n    <\/span>\n\n    <!-- Bottom Brand Hotline Strip (Matches user image exactly: Dark Navy, Centered, Upper) -->\n    <div class=\"anphat-card-hotline-strip\">\n      AN PH\u00c1T WINDOOR | HOTLINE: 0979 452 876\n    <\/div>\n  <\/a>\n\n  <!-- 2. CARD CONTENT -->\n  <div class=\"p-5 flex flex-col flex-1 justify-between gap-4\">\n    <div>\n      <!-- Product Title (Clickable Link to Official Product Page) -->\n      <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/cua-nhom-he-thuy-luc-cao-cap\/\" target=\"_blank\" rel=\"noopener\" class=\"block group text-decoration-none\">\n        <h3 class=\"font-['Roboto',Arial,sans-serif] font-bold text-[16px] text-[#00152C] tracking-tight leading-snug group-hover:text-[#006398] transition-colors\">\n          C\u1eeda Nh\u00f4m Th\u1ee7y L\u1ef1c B\u1ea3n C\u00e1nh 180mm\n        <\/h3>\n      <\/a>\n\n      <!-- 3 Technical Specs with Consistent Material Symbols Icons -->\n      <div class=\"mt-3.5 flex flex-col gap-2.5 text-[13.5px] text-[#43474D]\">\n        <!-- Spec 1: Nh\u00f4m Profile -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">crop_free<\/span>\n          <span class=\"leading-tight\">Nh\u00f4m th\u1ee7y l\u1ef1c b\u1ea3n l\u1edbn 180mm m\u00e0u Champagne \/ Tr\u1eafc<\/span>\n        <\/div>\n        <!-- Spec 2: K\u00ednh -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">grid_view<\/span>\n          <span class=\"leading-tight\">K\u00ednh c\u01b0\u1eddng l\u1ef1c 10mm m\u00e0i v\u00e1t c\u1ea1nh kim c\u01b0\u01a1ng<\/span>\n        <\/div>\n        <!-- Spec 3: Ph\u1ee5 ki\u1ec7n -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">build<\/span>\n          <span class=\"leading-tight\">B\u1ea3n l\u1ec1 s\u00e0n th\u1ee7y l\u1ef1c Adler \u0110\u1ee9c \u0111\u00f3ng m\u1edf 2 chi\u1ec1u<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3. PRICE & QUOTE CTA (Unified: Left: Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng + Gi\u00e1; Right: N\u00fat Nh\u1eadn B\u00e1o Gi\u00e1 G\u1ecdi Hotline) -->\n    <div class=\"pt-3.5 border-t border-[#F1F5F9] flex items-center justify-between gap-2 mt-auto\">\n      <div class=\"flex flex-col\">\n        <span class=\"anphat-price-label\">Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng<\/span>\n        <div class=\"flex items-baseline gap-1 mt-0.5\">\n          <span class=\"anphat-price-val\">3.650.000<\/span>\n          <span class=\"anphat-price-unit\">\u0111\/m\u00b2<\/span>\n        <\/div>\n      <\/div>\n      <a href=\"tel:0979452876\" class=\"anphat-quote-btn\">\n        Nh\u1eadn B\u00e1o Gi\u00e1\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<div class=\"anphat-product-card flex flex-col bg-white border border-[#E2E8F0] rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\"\n     data-location=\"mat-tien,ban-cong\"\n     data-mechanism=\"xep-truot\"\n     data-price=\"cao-cap\">\n  \n  <!-- 1. IMAGE WRAPPER (Clickable Link to Official Product Page - Strictly Fixed 220px Height) -->\n  <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/cua-nhom-xingfa-chinh-hang-2\/\" target=\"_blank\" rel=\"noopener\" class=\"anphat-card-img-wrap group\">\n    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuD34iHqf23x9M5k4l3j2h1g0f9e8d7s6a5q4w3e2r1t0y9u8i7o6p5\" \n         alt=\"C\u1eeda X\u1ebfp Tr\u01b0\u1ee3t Bifold 6 C\u00e1nh Panorama\" \n         loading=\"lazy\">\n    \n    <!-- Top-Left Feature Badge (Matches user image exactly: Crisp Pill) -->\n    <span class=\"anphat-card-badge bg-[#7C3AED]\">\n      <span>\u2726<\/span>\n      <span>M\u1edf r\u1ed9ng 100% kh\u00f4ng gian<\/span>\n    <\/span>\n\n    <!-- Bottom Brand Hotline Strip (Matches user image exactly: Dark Navy, Centered, Upper) -->\n    <div class=\"anphat-card-hotline-strip\">\n      AN PH\u00c1T WINDOOR | HOTLINE: 0979 452 876\n    <\/div>\n  <\/a>\n\n  <!-- 2. CARD CONTENT -->\n  <div class=\"p-5 flex flex-col flex-1 justify-between gap-4\">\n    <div>\n      <!-- Product Title (Clickable Link to Official Product Page) -->\n      <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/cua-nhom-xingfa-chinh-hang-2\/\" target=\"_blank\" rel=\"noopener\" class=\"block group text-decoration-none\">\n        <h3 class=\"font-['Roboto',Arial,sans-serif] font-bold text-[16px] text-[#00152C] tracking-tight leading-snug group-hover:text-[#006398] transition-colors\">\n          C\u1eeda X\u1ebfp Tr\u01b0\u1ee3t Bifold 6 C\u00e1nh Panorama\n        <\/h3>\n      <\/a>\n\n      <!-- 3 Technical Specs with Consistent Material Symbols Icons -->\n      <div class=\"mt-3.5 flex flex-col gap-2.5 text-[13.5px] text-[#43474D]\">\n        <!-- Spec 1: Nh\u00f4m Profile -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">crop_free<\/span>\n          <span class=\"leading-tight\">Nh\u00f4m h\u1ec7 63 nh\u1eadp kh\u1ea9u cao c\u1ea5p d\u00e0y 2.0mm<\/span>\n        <\/div>\n        <!-- Spec 2: K\u00ednh -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">grid_view<\/span>\n          <span class=\"leading-tight\">K\u00ednh an to\u00e0n 2 l\u1edbp 8.38mm ch\u1ed1ng va \u0111\u1eadp<\/span>\n        <\/div>\n        <!-- Spec 3: Ph\u1ee5 ki\u1ec7n -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">build<\/span>\n          <span class=\"leading-tight\">H\u1ec7 ray inox bi k\u00e9p ch\u1ed1ng x\u1ec7 c\u00e1nh tuy\u1ec7t \u0111\u1ed1i<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3. PRICE & QUOTE CTA (Unified: Left: Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng + Gi\u00e1; Right: N\u00fat Nh\u1eadn B\u00e1o Gi\u00e1 G\u1ecdi Hotline) -->\n    <div class=\"pt-3.5 border-t border-[#F1F5F9] flex items-center justify-between gap-2 mt-auto\">\n      <div class=\"flex flex-col\">\n        <span class=\"anphat-price-label\">Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng<\/span>\n        <div class=\"flex items-baseline gap-1 mt-0.5\">\n          <span class=\"anphat-price-val\">2.650.000<\/span>\n          <span class=\"anphat-price-unit\">\u0111\/m\u00b2<\/span>\n        <\/div>\n      <\/div>\n      <a href=\"tel:0979452876\" class=\"anphat-quote-btn\">\n        Nh\u1eadn B\u00e1o Gi\u00e1\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<div class=\"anphat-product-card flex flex-col bg-white border border-[#E2E8F0] rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\"\n     data-location=\"mat-tien,ban-cong\"\n     data-mechanism=\"mo-quay,truot-quay\"\n     data-price=\"sieu-cao-cap\">\n  \n  <!-- 1. IMAGE WRAPPER (Clickable Link to Official Product Page - Strictly Fixed 220px Height) -->\n  <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/cua-nhom-xingfa-tai-ha-noi\/\" target=\"_blank\" rel=\"noopener\" class=\"anphat-card-img-wrap group\">\n    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDK0l9m8n7b6v5c4x3z2a1s0d9f8g7h6j5k4l3p2o1i0u9y8t7r6e5\" \n         alt=\"C\u1eeda C\u1ea7u C\u00e1ch Nhi\u1ec7t Maxpro Japan\" \n         loading=\"lazy\">\n    \n    <!-- Top-Left Feature Badge (Matches user image exactly: Crisp Pill) -->\n    <span class=\"anphat-card-badge bg-[#D97706]\">\n      <span>\ud83d\udee1\ufe0f<\/span>\n      <span>Chu\u1ea9n c\u00f4ng ngh\u1ec7 Nh\u1eadt B\u1ea3n<\/span>\n    <\/span>\n\n    <!-- Bottom Brand Hotline Strip (Matches user image exactly: Dark Navy, Centered, Upper) -->\n    <div class=\"anphat-card-hotline-strip\">\n      AN PH\u00c1T WINDOOR | HOTLINE: 0979 452 876\n    <\/div>\n  <\/a>\n\n  <!-- 2. CARD CONTENT -->\n  <div class=\"p-5 flex flex-col flex-1 justify-between gap-4\">\n    <div>\n      <!-- Product Title (Clickable Link to Official Product Page) -->\n      <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/cua-nhom-xingfa-tai-ha-noi\/\" target=\"_blank\" rel=\"noopener\" class=\"block group text-decoration-none\">\n        <h3 class=\"font-['Roboto',Arial,sans-serif] font-bold text-[16px] text-[#00152C] tracking-tight leading-snug group-hover:text-[#006398] transition-colors\">\n          C\u1eeda C\u1ea7u C\u00e1ch Nhi\u1ec7t Maxpro Japan\n        <\/h3>\n      <\/a>\n\n      <!-- 3 Technical Specs with Consistent Material Symbols Icons -->\n      <div class=\"mt-3.5 flex flex-col gap-2.5 text-[13.5px] text-[#43474D]\">\n        <!-- Spec 1: Nh\u00f4m Profile -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">crop_free<\/span>\n          <span class=\"leading-tight\">Nh\u00f4m Maxpro Anodize-ED kh\u00e1ng mu\u1ed1i 25 n\u0103m<\/span>\n        <\/div>\n        <!-- Spec 2: K\u00ednh -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">grid_view<\/span>\n          <span class=\"leading-tight\">K\u00ednh h\u1ed9p 5+9A+5 Low-E ch\u00e2n kh\u00f4ng c\u1ea3n nhi\u1ec7t<\/span>\n        <\/div>\n        <!-- Spec 3: Ph\u1ee5 ki\u1ec7n -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">build<\/span>\n          <span class=\"leading-tight\">Ph\u1ee5 ki\u1ec7n CMECH M\u1ef9 ho\u1eb7c ROTO \u0110\u1ee9c ch\u00ednh h\u00e3ng<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3. PRICE & QUOTE CTA (Unified: Left: Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng + Gi\u00e1; Right: N\u00fat Nh\u1eadn B\u00e1o Gi\u00e1 G\u1ecdi Hotline) -->\n    <div class=\"pt-3.5 border-t border-[#F1F5F9] flex items-center justify-between gap-2 mt-auto\">\n      <div class=\"flex flex-col\">\n        <span class=\"anphat-price-label\">Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng<\/span>\n        <div class=\"flex items-baseline gap-1 mt-0.5\">\n          <span class=\"anphat-price-val\">4.250.000<\/span>\n          <span class=\"anphat-price-unit\">\u0111\/m\u00b2<\/span>\n        <\/div>\n      <\/div>\n      <a href=\"tel:0979452876\" class=\"anphat-quote-btn\">\n        Nh\u1eadn B\u00e1o Gi\u00e1\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<div class=\"anphat-product-card flex flex-col bg-white border border-[#E2E8F0] rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\"\n     data-location=\"cua-so,phong-ngu\"\n     data-mechanism=\"mo-quay,mo-hat\"\n     data-price=\"tiet-kiem\">\n  \n  <!-- 1. IMAGE WRAPPER (Clickable Link to Official Product Page - Strictly Fixed 220px Height) -->\n  <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/cua-nhom-kinh-pma\/\" target=\"_blank\" rel=\"noopener\" class=\"anphat-card-img-wrap group\">\n    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDXeFbc9Ah0GqHI-8orNFKT7ezkOFmpGFcYZh8AgRVtM4XrZPQ0Q1_Fd0Ckqt-b-8oalHuAHw9kLwF67SBHNiqdYF5L6xu9PAjhWgSZbX8p-NRAnYDIBIpE83k1aKNhDSdQINbOpsM4O9vFfMD8aURfOdE9LQaRo6OBRcYP2V2NQHedBLL-fyyuyW_-Jf6ZzTnccoKoL1q7Gu-CVT_5WxnO1kffejP_clT7aPY0-k0\" \n         alt=\"C\u1eeda Nh\u00f4m PMA H\u1ec7 55 V\u00e1t C\u1ea1nh\" \n         loading=\"lazy\">\n    \n    <!-- Top-Left Feature Badge (Matches user image exactly: Crisp Pill) -->\n    <span class=\"anphat-card-badge bg-[#0D9488]\">\n      <span>\ud83d\udcd0<\/span>\n      <span>T\u1ed1i \u01b0u chi ph\u00ed &#038; B\u1ec1n \u0111\u1eb9p<\/span>\n    <\/span>\n\n    <!-- Bottom Brand Hotline Strip (Matches user image exactly: Dark Navy, Centered, Upper) -->\n    <div class=\"anphat-card-hotline-strip\">\n      AN PH\u00c1T WINDOOR | HOTLINE: 0979 452 876\n    <\/div>\n  <\/a>\n\n  <!-- 2. CARD CONTENT -->\n  <div class=\"p-5 flex flex-col flex-1 justify-between gap-4\">\n    <div>\n      <!-- Product Title (Clickable Link to Official Product Page) -->\n      <a href=\"https:\/\/anphatwindoor.vn\/san-pham\/cua-nhom-kinh-pma\/\" target=\"_blank\" rel=\"noopener\" class=\"block group text-decoration-none\">\n        <h3 class=\"font-['Roboto',Arial,sans-serif] font-bold text-[16px] text-[#00152C] tracking-tight leading-snug group-hover:text-[#006398] transition-colors\">\n          C\u1eeda Nh\u00f4m PMA H\u1ec7 55 V\u00e1t C\u1ea1nh\n        <\/h3>\n      <\/a>\n\n      <!-- 3 Technical Specs with Consistent Material Symbols Icons -->\n      <div class=\"mt-3.5 flex flex-col gap-2.5 text-[13.5px] text-[#43474D]\">\n        <!-- Spec 1: Nh\u00f4m Profile -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">crop_free<\/span>\n          <span class=\"leading-tight\">Nh\u00f4m PMA 55 ch\u00ednh h\u00e3ng v\u00e1t c\u1ea1nh m\u1ef9 thu\u1eadt 1.2 \u2013 1.4mm<\/span>\n        <\/div>\n        <!-- Spec 2: K\u00ednh -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">grid_view<\/span>\n          <span class=\"leading-tight\">K\u00ednh an to\u00e0n 6.38mm H\u1ea3i Long Glass<\/span>\n        <\/div>\n        <!-- Spec 3: Ph\u1ee5 ki\u1ec7n -->\n        <div class=\"anphat-spec-item\">\n          <span class=\"material-symbols-outlined anphat-spec-icon\">build<\/span>\n          <span class=\"leading-tight\">Ph\u1ee5 ki\u1ec7n PMA \u0111\u1ed3ng b\u1ed9 \u0111a \u0111i\u1ec3m ch\u1ed1ng c\u1ea1y ph\u00e1<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3. PRICE & QUOTE CTA (Unified: Left: Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng + Gi\u00e1; Right: N\u00fat Nh\u1eadn B\u00e1o Gi\u00e1 G\u1ecdi Hotline) -->\n    <div class=\"pt-3.5 border-t border-[#F1F5F9] flex items-center justify-between gap-2 mt-auto\">\n      <div class=\"flex flex-col\">\n        <span class=\"anphat-price-label\">Gi\u00e1 xu\u1ea5t x\u01b0\u1edfng<\/span>\n        <div class=\"flex items-baseline gap-1 mt-0.5\">\n          <span class=\"anphat-price-val\">1.450.000<\/span>\n          <span class=\"anphat-price-unit\">\u0111\/m\u00b2<\/span>\n        <\/div>\n      <\/div>\n      <a href=\"tel:0979452876\" class=\"anphat-quote-btn\">\n        Nh\u1eadn B\u00e1o Gi\u00e1\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<!-- NO RESULTS FALLBACK -->\n<div id=\"no-results-box\" style=\"display: none;\" class=\"text-center py-12 bg-white rounded-2xl border border-slate-200 mt-6 p-6\">\n  <span class=\"material-symbols-outlined text-[48px] text-slate-300\">search_off<\/span>\n  <h4 class=\"font-bold text-[16px] text-[#00152C] mt-2\">Kh\u00f4ng t\u00ecm th\u1ea5y m\u1eabu c\u1eeda ph\u00f9 h\u1ee3p v\u1edbi b\u1ed9 l\u1ecdc<\/h4>\n  <p class=\"text-[13.5px] text-slate-500 mt-1\">Vui l\u00f2ng \u0111i\u1ec1u ch\u1ec9nh l\u1ea1i ti\u00eau ch\u00ed l\u1ecdc ho\u1eb7c li\u00ean h\u1ec7 hotline \u0111\u1ec3 nh\u1eadn c\u1ea5u h\u00ecnh b\u00f3c t\u00e1ch theo b\u1ea3n v\u1ebd c\u00f4ng tr\u00ecnh.<\/p>\n  <button type=\"button\" onclick=\"resetFilters()\" class=\"mt-4 px-5 py-2.5 rounded-full bg-[#00152C] text-white text-[13px] font-bold cursor-pointer hover:bg-[#006398] transition-colors\">\n    Xem t\u1ea5t c\u1ea3 m\u1eabu c\u1eeda\n  <\/button>\n<\/div>\n\n<\/div>\n<\/section>\n\n<!-- SECTION 5: B\u1ea2NG D\u1ef0 TO\u00c1N B\u00c1O GI\u00c1 NHANH & \u0110\u0102NG K\u00dd XEM M\u1eaaU TR\u1ea2I NGHI\u1ec6M -->\n<section class=\"w-full bg-surface py-space-xl\" id=\"bao-gia-section\">\n<div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin\">\n<div class=\"bg-surface-ice rounded-3xl p-space-lg lg:p-space-xl shadow-lg relative overflow-hidden\">\n<div class=\"absolute -right-20 -bottom-20 w-80 h-80 rounded-full bg-primary-fixed\/40 blur-3xl pointer-events-none\"><\/div>\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-space-xl items-center relative z-10\">\n<div class=\"lg:col-span-6 flex flex-col gap-space-sm\">\n<span class=\"font-label-sm text-label-sm uppercase tracking-widest text-primary font-bold\">D\u1ef0 TO\u00c1N MINH B\u1ea0CH T\u1eacN X\u01af\u1edeNG<\/span>\n<h2 class=\"font-headline-xl text-headline-xl text-charcoal-metal font-bold\">Nh\u1eadn B\u1ea3ng B\u00f3c T\u00e1ch D\u1ef1 To\u00e1n Gi\u00e1 G\u1ed1c X\u01b0\u1edfng &amp; B\u1ea3n V\u1ebd Thi\u1ebft K\u1ebf 3D Mi\u1ec5n Ph\u00ed<\/h2>\n<p class=\"font-body-md text-body-md text-on-surface-variant leading-relaxed\">\n              G\u1eedi k\u00edch th\u01b0\u1edbc s\u01a1 b\u1ed9 ho\u1eb7c h\u1eb9n l\u1ecbch k\u1ef9 s\u01b0 An Ph\u00e1t mang g\u00f3c m\u1eabu nh\u00f4m Slim, Tr\u01b0\u1ee3t quay v\u00e0 th\u01b0\u1edbc laser \u0111\u1ebfn \u0111o \u0111\u1ea1c tr\u1ef1c ti\u1ebfp t\u1ea1i c\u00f4ng tr\u00ecnh c\u1ee7a b\u1ea1n \u1edf H\u00e0 N\u1ed9i.\n            <\/p>\n<div class=\"flex flex-col gap-2 pt-2\">\n<div class=\"flex items-center gap-2 text-charcoal-metal font-label-md text-label-md\">\n<span class=\"material-symbols-outlined text-status-success text-[20px]\">check_circle<\/span>\n<span>B\u00e1o gi\u00e1 tr\u1ecdn g\u00f3i kh\u00f4ng ph\u00e1t sinh b\u1ea5t k\u1ef3 chi ph\u00ed ph\u1ee5 n\u00e0o<\/span>\n<\/div>\n<div class=\"flex items-center gap-2 text-charcoal-metal font-label-md text-label-md\">\n<span class=\"material-symbols-outlined text-status-success text-[20px]\">check_circle<\/span>\n<span>Xem m\u1eabu g\u00f3c nh\u00f4m v\u00e0 tr\u1ea3i nghi\u1ec7m ph\u1ee5 ki\u1ec7n th\u1eadt tr\u01b0\u1edbc khi k\u00fd h\u1ee3p \u0111\u1ed3ng<\/span>\n<\/div>\n<div class=\"flex items-center gap-2 text-charcoal-metal font-label-md text-label-md\">\n<span class=\"material-symbols-outlined text-status-success text-[20px]\">check_circle<\/span>\n<span>\u0110\u1ed9i k\u1ef9 s\u01b0 c\u00f3 m\u1eb7t t\u1ea1i c\u00f4ng tr\u00ecnh trong 24 gi\u1edd<\/span>\n<\/div>\n<\/div>\n<\/div>\n<!-- Quotation Form Card -->\n<div class=\"lg:col-span-6 bg-pure-white p-space-lg rounded-2xl shadow-xl flex flex-col gap-space-md\">\n<h3 class=\"font-headline-sm text-headline-sm text-primary font-bold\">\u0110\u0103ng K\u00fd Nh\u1eadn D\u1ef1 To\u00e1n &amp; Xem M\u1eabu T\u1ea1i Nh\u00e0<\/h3>\n<form class=\"flex flex-col gap-space-sm\" onsubmit=\"event.preventDefault(); alert('C\u1ea3m \u01a1n Qu\u00fd kh\u00e1ch! K\u1ef9 s\u01b0 An Ph\u00e1t Windoor s\u1ebd li\u00ean h\u1ec7 g\u1eedi b\u1ea3n v\u1ebd 3D v\u00e0 d\u1ef1 to\u00e1n chi ti\u1ebft trong 15 ph\u00fat.');\">\n<div class=\"flex flex-col gap-1\">\n<label class=\"font-label-md text-label-md text-charcoal-metal font-medium\">H\u1ec7 c\u1eeda Qu\u00fd kh\u00e1ch \u0111ang quan t\u00e2m:<\/label>\n<select class=\"w-full h-11 px-3 rounded-lg bg-surface-container-low text-charcoal-metal font-body-sm text-body-sm focus:outline-none focus:ring-2 focus:ring-primary\">\n<option>C\u1eeda Tr\u01b0\u1ee3t Quay 2in1 kh\u00f4ng ray d\u01b0\u1edbi<\/option>\n<option>C\u1eeda Nh\u00f4m H\u1ec7 Slim tr\u00e0n vi\u1ec1n<\/option>\n<option>C\u1eeda Nh\u00f4m Th\u1ee7y L\u1ef1c b\u1ea3n c\u00e1nh l\u1edbn<\/option>\n<option>C\u1eeda X\u1ebfp Tr\u01b0\u1ee3t Bifold \u0111a c\u00e1nh<\/option>\n<option>C\u1eeda C\u1ea7u C\u00e1ch Nhi\u1ec7t Maxpro Japan<\/option>\n<option>H\u1ec7 th\u1ed1ng c\u1eeda tr\u1ecdn g\u00f3i bi\u1ec7t th\u1ef1 \/ nh\u00e0 ph\u1ed1<\/option>\n<\/select>\n<\/div>\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-space-sm\">\n<div class=\"flex flex-col gap-1\">\n<label class=\"font-label-md text-label-md text-charcoal-metal font-medium\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i \/ Zalo (*):<\/label>\n<input class=\"w-full h-11 px-3 rounded-lg bg-surface-container-low text-charcoal-metal font-body-sm text-body-sm focus:outline-none focus:ring-2 focus:ring-primary\" placeholder=\"09xx xxx xxx\" required=\"\" type=\"tel\">\n<\/div>\n<div class=\"flex flex-col gap-1\">\n<label class=\"font-label-md text-label-md text-charcoal-metal font-medium\">T\u00ean c\u1ee7a b\u1ea1n:<\/label>\n<input class=\"w-full h-11 px-3 rounded-lg bg-surface-container-low text-charcoal-metal font-body-sm text-body-sm focus:outline-none focus:ring-2 focus:ring-primary\" placeholder=\"Anh \/ Ch\u1ecb...\" type=\"text\">\n<\/div>\n<\/div>\n<div class=\"flex flex-col gap-1\">\n<label class=\"font-label-md text-label-md text-charcoal-metal font-medium\">\u0110\u1ecba ch\u1ec9 c\u00f4ng tr\u00ecnh (Qu\u1eadn\/Huy\u1ec7n t\u1ea1i H\u00e0 N\u1ed9i):<\/label>\n<input class=\"w-full h-11 px-3 rounded-lg bg-surface-container-low text-charcoal-metal font-body-sm text-body-sm focus:outline-none focus:ring-2 focus:ring-primary\" placeholder=\"VD: K\u0110T Starlake T\u00e2y H\u1ed3, H\u00e0 N\u1ed9i\" type=\"text\">\n<\/div>\n<button class=\"w-full mt-space-xs py-3.5 px-6 rounded-lg bg-primary hover:bg-brand-blue text-pure-white font-label-md text-label-md font-bold transition-all shadow-[0_4px_16px_rgba(14,81,209,0.3)] hover:-translate-y-0.5\" type=\"submit\">\n                \ud83d\udc49 NH\u1eacN B\u00c1O GI\u00c1 D\u1ef0 TO\u00c1N &amp; B\u1ea2N V\u1ebc 3D TRONG 15 PH\u00daT\n              <\/button>\n<\/form>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- SECTION 6: N\u0102NG L\u1ef0C GIA C\u00d4NG X\u01af\u1edeNG CNC 39 TR\u1ea6N \u0110I\u1ec0N -->\n<section class=\"w-full bg-surface-container-low py-space-xl\">\n<div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin\">\n<div class=\"flex flex-col items-center text-center max-w-2xl mx-auto gap-space-xs mb-space-xl\">\n<span class=\"font-label-sm text-label-sm uppercase tracking-widest text-primary font-bold\">QUY TR\u00ccNH CHU\u1ea8N X\u01af\u1edeNG S\u1ea2N XU\u1ea4T<\/span>\n<h2 class=\"font-headline-xl text-headline-xl text-charcoal-metal font-bold\">4 B\u01b0\u1edbc T\u1ea1o N\u00ean B\u1ed9 C\u1eeda \u0110\u1ea1t Chu\u1ea9n K\u1ef9 Thu\u1eadt Ngh\u1ec7 Thu\u1eadt<\/h2>\n<p class=\"font-body-md text-body-md text-on-surface-variant\">Kh\u00f4ng qua b\u1ea5t k\u1ef3 trung gian th\u01b0\u01a1ng m\u1ea1i, tr\u1ef1c ti\u1ebfp qu\u1ea3n tr\u1ecb ch\u1ea5t l\u01b0\u1ee3ng t\u1eeb ph\u00f4i nh\u00f4m \u0111\u1ebfn hi\u1ec7n tr\u01b0\u1eddng.<\/p>\n<\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-gutter relative\">\n<!-- Step 1 -->\n<div class=\"flex flex-col p-space-lg rounded-2xl bg-pure-white shadow-sm relative\">\n<div class=\"flex items-center justify-between mb-space-sm\">\n<span class=\"font-headline-xl text-headline-xl text-outline-variant font-black\">01<\/span>\n<span class=\"material-symbols-outlined text-primary text-[28px]\">search_hands_free<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold mb-space-xs\">Kh\u1ea3o S\u00e1t Laser 3D<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant\">K\u1ef9 s\u01b0 An Ph\u00e1t \u0111\u1ebfn t\u1eadn c\u00f4ng tr\u00ecnh d\u00f9ng m\u00e1y c\u00e2n b\u1eb1ng tia laser \u0111o g\u00f3c xi\u00ean v\u00e0 m\u1eb7t s\u00e0n ph\u1eb3ng chu\u1ea9n x\u00e1c t\u1eebng mm trong v\u00f2ng 24h.<\/p>\n<\/div>\n<!-- Step 2 -->\n<div class=\"flex flex-col p-space-lg rounded-2xl bg-pure-white shadow-sm relative\">\n<div class=\"flex items-center justify-between mb-space-sm\">\n<span class=\"font-headline-xl text-headline-xl text-outline-variant font-black\">02<\/span>\n<span class=\"material-symbols-outlined text-primary text-[28px]\">architecture<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold mb-space-xs\">B\u1ea3n V\u1ebd CAD \/ BIM<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant\">B\u00f3c t\u00e1ch kh\u1ea9u \u0111\u1ed9 th\u00f4ng th\u1ee7y L\u1ed7 Ban phong th\u1ee7y, ph\u1ed1i c\u1ea3nh 3D m\u1eb7t ti\u1ec1n \u0111\u1ec3 ch\u1ee7 nh\u00e0 v\u00e0 ki\u1ebfn tr\u00fac s\u01b0 ph\u00ea duy\u1ec7t tr\u01b0\u1edbc khi c\u1eaft thanh.<\/p>\n<\/div>\n<!-- Step 3 -->\n<div class=\"flex flex-col p-space-lg rounded-2xl bg-pure-white shadow-sm relative\">\n<div class=\"flex items-center justify-between mb-space-sm\">\n<span class=\"font-headline-xl text-headline-xl text-outline-variant font-black\">03<\/span>\n<span class=\"material-symbols-outlined text-primary text-[28px]\">precision_manufacturing<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold mb-space-xs\">Gia C\u00f4ng CNC &amp; \u00c9p G\u00f3c<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant\">M\u00e1y c\u1eaft 2 \u0111\u1ea7u th\u01b0\u1edbc \u0111i\u1ec7n t\u1eed CNC sai s\u1ed1 0.01mm, m\u00e1y \u00e9p g\u00f3c th\u1ee7y l\u1ef1c 3 dao nguy\u00ean kh\u1ed1i b\u01a1m keo PU88 li\u1ec1n l\u1ea1c tuy\u1ec7t \u0111\u1ed1i.<\/p>\n<\/div>\n<!-- Step 4 -->\n<div class=\"flex flex-col p-space-lg rounded-2xl bg-pure-white shadow-sm relative\">\n<div class=\"flex items-center justify-between mb-space-sm\">\n<span class=\"font-headline-xl text-headline-xl text-outline-variant font-black\">04<\/span>\n<span class=\"material-symbols-outlined text-primary text-[28px]\">verified<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold mb-space-xs\">L\u1eafp \u0110\u1eb7t &#8220;G\u0103ng Tay Tr\u1eafng&#8221;<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant\">Tr\u1ea3i b\u1ea1t che s\u00e0n nh\u00e0 tr\u01b0\u1edbc khi thi c\u00f4ng, b\u1eafn keo Dowsil \u0111\u01b0\u1eddng ch\u1ec9 s\u1eafc s\u1ea3o, lau k\u00ednh b\u00f3ng lo\u00e1ng v\u00e0 nghi\u1ec7m thu x\u1ecbt th\u1eed n\u01b0\u1edbc b\u00e3o.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- SECTION 7: B\u1ea2NG SO S\u00c1NH \u0110A DI\u1ec6N 5 H\u1ec6 NH\u00d4M TH\u1ebe H\u1ec6 M\u1edaI -->\n<section class=\"w-full bg-surface-bright py-space-xl\">\n<div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin\">\n<div class=\"flex flex-col items-center text-center max-w-2xl mx-auto gap-space-xs mb-space-xl\">\n<span class=\"font-label-sm text-label-sm uppercase tracking-widest text-primary font-bold\">MA TR\u1eacN K\u1ef8 THU\u1eacT V\u00c0 T\u00cdNH N\u0102NG<\/span>\n<h2 class=\"font-headline-xl text-headline-xl text-charcoal-metal font-bold\">B\u1ea3ng So S\u00e1nh 5 H\u1ec7 C\u1eeda \u0110ang \u0110\u01b0\u1ee3c L\u1ef1a Ch\u1ecdn Nhi\u1ec1u Nh\u1ea5t<\/h2>\n<p class=\"font-body-md text-body-md text-on-surface-variant\">\u0110\u1ed1i chi\u1ebfu tr\u1ef1c di\u1ec7n th\u00f4ng s\u1ed1 v\u00e0 ph\u00e2n kh\u00fac \u0111\u1ec3 c\u00f3 quy\u1ebft \u0111\u1ecbnh ph\u00f9 h\u1ee3p nh\u1ea5t v\u1edbi ng\u00e2n s\u00e1ch c\u00f4ng tr\u00ecnh.<\/p>\n<\/div>\n<div class=\"w-full overflow-x-auto rounded-2xl shadow-sm bg-pure-white\">\n<table class=\"w-full text-left border-collapse min-w-[760px]\">\n<thead>\n<tr class=\"bg-surface-ice text-charcoal-metal\">\n<th class=\"py-4 px-4 font-label-md text-label-md font-bold\">H\u1ec7 Nh\u00f4m<\/th>\n<th class=\"py-4 px-4 font-label-md text-label-md font-bold\">\u0110\u1ed9 D\u00e0y Profile<\/th>\n<th class=\"py-4 px-4 font-label-md text-label-md font-bold\">C\u01a1 Ch\u1ebf V\u1eadn H\u00e0nh<\/th>\n<th class=\"py-4 px-4 font-label-md text-label-md font-bold\">C\u00e1ch \u00c2m \/ Nhi\u1ec7t<\/th>\n<th class=\"py-4 px-4 font-label-md text-label-md font-bold\">Phong C\u00e1ch Thi\u1ebft K\u1ebf<\/th>\n<th class=\"py-4 px-4 font-label-md text-label-md font-bold\">M\u1ee9c Gi\u00e1 \/ m\u00b2<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"divide-y divide-surface-container text-body-sm font-body-sm text-on-surface-variant\">\n<tr class=\"hover:bg-surface-container-low transition-colors\">\n<td class=\"py-4 px-4 font-bold text-charcoal-metal\">PMA 55 V\u00e1t C\u1ea1nh<\/td>\n<td class=\"py-4 px-4\">1.2 \u2013 1.4 mm<\/td>\n<td class=\"py-4 px-4\">M\u1edf quay \/ L\u00f9a truy\u1ec1n th\u1ed1ng<\/td>\n<td class=\"py-4 px-4\">Ti\u00eau chu\u1ea9n (22 dB)<\/td>\n<td class=\"py-4 px-4\">Nh\u00e0 ph\u1ed1, nh\u00e0 v\u01b0\u1eddn kinh t\u1ebf<\/td>\n<td class=\"py-4 px-4 font-bold text-primary\">1.45 &#8211; 1.75 tr\/m\u00b2<\/td>\n<\/tr>\n<tr class=\"hover:bg-surface-container-low transition-colors\">\n<td class=\"py-4 px-4 font-bold text-charcoal-metal\">Xingfa 55 Nh\u1eadp Kh\u1ea9u<\/td>\n<td class=\"py-4 px-4\">1.4 \u2013 2.0 mm<\/td>\n<td class=\"py-4 px-4\">Quay, h\u1ea5t, l\u00f9a ray \u0111\u00f4i<\/td>\n<td class=\"py-4 px-4\">Kh\u00e1 t\u1ed1t (28 dB)<\/td>\n<td class=\"py-4 px-4\">Hi\u1ec7n \u0111\u1ea1i ph\u1ed5 bi\u1ebfn<\/td>\n<td class=\"py-4 px-4 font-bold text-primary\">1.85 &#8211; 2.45 tr\/m\u00b2<\/td>\n<\/tr>\n<tr class=\"hover:bg-surface-container-low transition-colors bg-surface-ice\/40\">\n<td class=\"py-4 px-4 font-bold text-primary\">Tr\u01b0\u1ee3t Quay 2in1 (Hot)<\/td>\n<td class=\"py-4 px-4 font-semibold text-charcoal-metal\">2.0 mm gia c\u01b0\u1eddng<\/td>\n<td class=\"py-4 px-4\">Tr\u01b0\u1ee3t + Quay 180\u00b0 kh\u00f4ng ray s\u00e0n<\/td>\n<td class=\"py-4 px-4\">R\u1ea5t t\u1ed1t (32 dB, k\u00edn kh\u00edt)<\/td>\n<td class=\"py-4 px-4 font-semibold text-charcoal-metal\">M\u1edf r\u1ed9ng 100% m\u1eb7t ti\u1ec1n gara<\/td>\n<td class=\"py-4 px-4 font-bold text-primary\">2.55 &#8211; 2.85 tr\/m\u00b2<\/td>\n<\/tr>\n<tr class=\"hover:bg-surface-container-low transition-colors\">\n<td class=\"py-4 px-4 font-bold text-charcoal-metal\">Nh\u00f4m H\u1ec7 Slim Panorama<\/td>\n<td class=\"py-4 px-4\">2.0 \u2013 2.5 mm m\u00e1c 6063-T5<\/td>\n<td class=\"py-4 px-4\">Ray treo si\u00eau \u00eam c\u00f3 gi\u1ea3m ch\u1ea5n<\/td>\n<td class=\"py-4 px-4\">Kh\u00e1 (T\u1ed1i \u01b0u \u00e1nh s\u00e1ng)<\/td>\n<td class=\"py-4 px-4\">Minimalist thanh m\u1ea3nh sang tr\u1ecdng<\/td>\n<td class=\"py-4 px-4 font-bold text-primary\">2.85 &#8211; 3.45 tr\/m\u00b2<\/td>\n<\/tr>\n<tr class=\"hover:bg-surface-container-low transition-colors\">\n<td class=\"py-4 px-4 font-bold text-charcoal-metal\">C\u1ea7u C\u00e1ch Nhi\u1ec7t Maxpro<\/td>\n<td class=\"py-4 px-4\">2.0 \u2013 2.6 mm Anodize-ED<\/td>\n<td class=\"py-4 px-4\">C\u1ea7u Polyamide + K\u00ednh Low-E<\/td>\n<td class=\"py-4 px-4 font-bold text-status-success\">\u0110\u1ec9nh cao (38 dB, c\u1ea3n nhi\u1ec7t 95%)<\/td>\n<td class=\"py-4 px-4\">Bi\u1ec7t th\u1ef1 h\u1ea1ng sang &amp; Penthouse<\/td>\n<td class=\"py-4 px-4 font-bold text-primary\">4.25 &#8211; 6.50 tr\/m\u00b2<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/section>\n<!-- SECTION 8: B\u1ed8 S\u01afU T\u1eacP 4 D\u1ef0 \u00c1N TH\u1ef0C T\u1ebe TI\u00caU BI\u1ec2U T\u1ea0I H\u00c0 N\u1ed8I -->\n<section class=\"w-full bg-surface-container-low py-space-xl\">\n<div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin\">\n<div class=\"flex flex-col md:flex-row md:items-end justify-between gap-space-md mb-space-xl\">\n<div class=\"flex flex-col gap-space-xs max-w-xl\">\n<span class=\"font-label-sm text-label-sm uppercase tracking-widest text-primary font-bold\">C\u00d4NG TR\u00ccNH TH\u1ef0C T\u1ebe \u0110\u00c3 B\u00c0N GIAO<\/span>\n<h2 class=\"font-headline-xl text-headline-xl text-charcoal-metal font-bold\">H\u00ecnh \u1ea2nh Th\u1ef1c T\u1ebf Thi C\u00f4ng T\u1ea1i H\u00e0 N\u1ed9i<\/h2>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant\">\u1ea2nh ch\u1ee5p th\u1ef1c t\u1ebf c\u00e1c c\u00f4ng tr\u00ecnh ho\u00e0n thi\u1ec7n b\u1edfi \u0111\u1ed9i ng\u0169 th\u1ee3 x\u01b0\u1edfng An Ph\u00e1t.<\/p>\n<\/div>\n<div class=\"flex items-center gap-space-xs text-primary font-label-md text-label-md font-semibold cursor-pointer hover:underline\">\n<span>Xem t\u1ea5t c\u1ea3 120+ d\u1ef1 \u00e1n x\u01b0\u1edfng<\/span>\n<span class=\"material-symbols-outlined text-[18px]\">arrow_forward<\/span>\n<\/div>\n<\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-gutter\">\n<!-- Project 1 -->\n<div class=\"group flex flex-col bg-pure-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\">\n<div class=\"relative w-full aspect-[4\/3] overflow-hidden bg-surface-container\">\n<img decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" data-alt=\"Completed installation of thermal break aluminum glass patio doors at a luxury villa in Vinhomes Riverside Long Bien Hanoi, featuring double glazed windows and spotless finish.\" src=\"https:\/\/anphatwindoor.vn\/wp-content\/uploads\/2026\/06\/cong-trinh-53.jpg\">\n<div class=\"absolute bottom-2 left-2 px-2.5 py-1 rounded-md bg-charcoal-metal\/80 text-pure-white font-label-sm text-label-sm\">\n              Vinhomes Riverside\n            <\/div>\n<\/div>\n<div class=\"p-space-md flex flex-col gap-1\">\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold\">Bi\u1ec7t Th\u1ef1 Vinhomes Riverside<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant\">C\u1eeda c\u1ea7u c\u00e1ch nhi\u1ec7t Maxpro k\u1ebft h\u1ee3p k\u00ednh h\u1ed9p r\u00e8m trong k\u00ednh th\u00f4ng minh.<\/p>\n<\/div>\n<\/div>\n<!-- Project 2 -->\n<div class=\"group flex flex-col bg-pure-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\">\n<div class=\"relative w-full aspect-[4\/3] overflow-hidden bg-surface-container\">\n<img decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" data-alt=\"Ground floor frontage of a modern townhouse in Starlake Tay Ho Tay Hanoi, showing a large 4-panel slide and turn door open completely for seamless car entry.\" src=\"https:\/\/anphatwindoor.vn\/wp-content\/uploads\/2026\/06\/cong-trinh-43.jpg\">\n<div class=\"absolute bottom-2 left-2 px-2.5 py-1 rounded-md bg-charcoal-metal\/80 text-pure-white font-label-sm text-label-sm\">\n              Starlake T\u00e2y H\u1ed3\n            <\/div>\n<\/div>\n<div class=\"p-space-md flex flex-col gap-1\">\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold\">Nh\u00e0 Ph\u1ed1 K\u0110T Starlake<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant\">H\u1ec7 tr\u01b0\u1ee3t quay 4 c\u00e1nh m\u1eb7t ti\u1ec1n v\u00e0 c\u1eeda Slim ray treo ng\u0103n ph\u00f2ng kh\u00e1ch.<\/p>\n<\/div>\n<\/div>\n<!-- Project 3 -->\n<div class=\"group flex flex-col bg-pure-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\">\n<div class=\"relative w-full aspect-[4\/3] overflow-hidden bg-surface-container\">\n<img decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" data-alt=\"Commercial shophouse renovation in Hoan Kiem district Hanoi, modern heavy hydraulic aluminum frame entrance doors replacing old roller shutters, elegant storefront view.\" src=\"https:\/\/anphatwindoor.vn\/wp-content\/uploads\/2026\/06\/cong-trinh-43.jpg\">\n<div class=\"absolute bottom-2 left-2 px-2.5 py-1 rounded-md bg-charcoal-metal\/80 text-pure-white font-label-sm text-label-sm\">\n              Ph\u1ed1 C\u1ed5 Ho\u00e0n Ki\u1ebfm\n            <\/div>\n<\/div>\n<div class=\"p-space-md flex flex-col gap-1\">\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold\">C\u1ea3i T\u1ea1o Nh\u00e0 M\u1eb7t Ph\u1ed1 Ho\u00e0n Ki\u1ebfm<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant\">C\u1eeda th\u1ee7y l\u1ef1c b\u1ea3n l\u1edbn 180mm thay th\u1ebf c\u1eeda cu\u1ed1n c\u0169, t\u1ed1i \u0111a di\u1ec7n t\u00edch tr\u01b0ng b\u00e0y.<\/p>\n<\/div>\n<\/div>\n<!-- Project 4 -->\n<div class=\"group flex flex-col bg-pure-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300\">\n<div class=\"relative w-full aspect-[4\/3] overflow-hidden bg-surface-container\">\n<img decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" data-alt=\"High-floor penthouse terrace in Ciputra Hanoi, expansive slim panorama sliding glass panels looking out towards the Red River skyline, bathed in sunset glow.\" src=\"https:\/\/anphatwindoor.vn\/wp-content\/uploads\/2026\/06\/cong-trinh-56.jpg\">\n<div class=\"absolute bottom-2 left-2 px-2.5 py-1 rounded-md bg-charcoal-metal\/80 text-pure-white font-label-sm text-label-sm\">\n              Penthouse Ciputra\n            <\/div>\n<\/div>\n<div class=\"p-space-md flex flex-col gap-1\">\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold\">Penthouse K\u0110T Ciputra<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant\">C\u1eeda tr\u01b0\u1ee3t Panorama vi\u1ec1n si\u00eau m\u1ecfng m\u1edf tr\u1ecdn t\u1ea7m view ng\u1eafm ho\u00e0ng h\u00f4n s\u00f4ng H\u1ed3ng.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- SECTION 9: 3 CH\u00cdNH S\u00c1CH B\u1ea2O H\u00c0NH & CAM K\u1ebeT V\u00c0NG -->\n<section class=\"w-full bg-surface py-space-xl\">\n<div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin\">\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-gutter\">\n<div class=\"p-space-lg rounded-2xl bg-pure-white shadow-sm flex flex-col gap-space-sm\">\n<div class=\"w-12 h-12 rounded-xl bg-surface-ice flex items-center justify-center text-primary\">\n<span class=\"material-symbols-outlined text-[30px]\">verified<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold\">B\u1ea3o H\u00e0nh Profile 10 N\u0103m<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant leading-relaxed\">\n            Cam k\u1ebft 100% kh\u00f4ng bay m\u00e0u s\u01a1n, kh\u00f4ng oxy h\u00f3a b\u1ec1 m\u1eb7t v\u1edbi c\u00f4ng ngh\u1ec7 s\u01a1n t\u0129nh \u0111i\u1ec7n AkzoNobel v\u00e0 c\u00f4ng ngh\u1ec7 Anodizing ti\u00eau chu\u1ea9n Ch\u00e2u \u00c2u.\n          <\/p>\n<\/div>\n<div class=\"p-space-lg rounded-2xl bg-pure-white shadow-sm flex flex-col gap-space-sm\">\n<div class=\"w-12 h-12 rounded-xl bg-surface-ice flex items-center justify-center text-primary\">\n<span class=\"material-symbols-outlined text-[30px]\">workspace_premium<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold\">Ph\u1ee5 Ki\u1ec7n Ch\u00ednh H\u00e3ng 100%<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant leading-relaxed\">\n            \u0110\u1ea7y \u0111\u1ee7 ch\u1ee9ng ch\u1ec9 CO\/CQ h\u1ea3i quan cho ph\u1ee5 ki\u1ec7n Kinlong, OPK, Adler, CMECH. \u0110\u1ed5i m\u1edbi 1:1 trong 2 &#8211; 5 n\u0103m n\u1ebfu ph\u00e1t sinh l\u1ed7i k\u1eb9t ho\u1eb7c x\u1ec7 c\u00e1nh.\n          <\/p>\n<\/div>\n<div class=\"p-space-lg rounded-2xl bg-pure-white shadow-sm flex flex-col gap-space-sm\">\n<div class=\"w-12 h-12 rounded-xl bg-surface-ice flex items-center justify-center text-primary\">\n<span class=\"material-symbols-outlined text-[30px]\">engineering<\/span>\n<\/div>\n<h3 class=\"font-headline-sm text-headline-sm text-charcoal-metal font-bold\">Ph\u1ea3n \u1ee8ng K\u1ef9 Thu\u1eadt 24 Gi\u1edd<\/h3>\n<p class=\"font-body-sm text-body-sm text-on-surface-variant leading-relaxed\">\n            \u0110\u1ed9i ng\u0169 th\u1ee3 c\u01a1 \u0111\u1ed9ng t\u1ea1i x\u01b0\u1edfng 39 Tr\u1ea7n \u0110i\u1ec1n lu\u00f4n s\u1eb5n s\u00e0ng c\u00f3 m\u1eb7t t\u1ea1i m\u1ecdi c\u00f4ng tr\u00ecnh n\u1ed9i th\u00e0nh H\u00e0 N\u1ed9i trong 24h \u0111\u1ec3 h\u1ed7 tr\u1ee3 c\u0103n ch\u1ec9nh v\u00e0 b\u1ea3o d\u01b0\u1ee1ng \u0111\u1ecbnh k\u1ef3.\n          <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- SECTION 10: FAQ KI\u1ebeN TR\u00daC & K\u1ef8 THU\u1eacT (4 C\u00c2U H\u1eceI TH\u01af\u1edcNG G\u1eb6P) -->\n<section class=\"w-full bg-surface-container-low py-space-xl\">\n<div class=\"max-w-[860px] mx-auto px-margin-mobile lg:px-margin flex flex-col gap-space-lg\">\n<div class=\"text-center flex flex-col gap-space-xs\">\n<span class=\"font-label-sm text-label-sm uppercase tracking-widest text-primary font-bold\">GI\u1ea2I \u0110\u00c1P CHUY\u00caN GIA<\/span>\n<h2 class=\"font-headline-xl text-headline-xl text-charcoal-metal font-bold\">C\u00e2u H\u1ecfi Th\u01b0\u1eddng G\u1eb7p V\u1ec1 C\u1eeda Nh\u00f4m Th\u1ebf H\u1ec7 M\u1edbi<\/h2>\n<\/div>\n<div class=\"flex flex-col gap-space-sm\">\n<!-- FAQ 1 -->\n<details class=\"group p-space-md rounded-xl bg-pure-white shadow-sm cursor-pointer\">\n<summary class=\"font-headline-sm text-headline-sm text-charcoal-metal font-semibold flex items-center justify-between list-none\">\n<span>1. C\u1eeda tr\u01b0\u1ee3t quay kh\u00f4ng c\u00f3 ray d\u01b0\u1edbi s\u00e0n th\u00ec c\u00f3 b\u1ecb rung l\u1eafc hay x\u1ec7 c\u00e1nh kh\u00f4ng?<\/span>\n<span class=\"material-symbols-outlined text-primary group-open:rotate-180 transition-transform\">expand_more<\/span>\n<\/summary>\n<div class=\"pt-space-sm font-body-sm text-body-sm text-on-surface-variant leading-relaxed\">\n            Ho\u00e0n to\u00e0n kh\u00f4ng. H\u1ec7 c\u1eeda tr\u01b0\u1ee3t quay c\u1ee7a An Ph\u00e1t s\u1eed d\u1ee5ng ray treo tr\u00ean b\u1eb1ng nh\u00f4m \u0111\u00fac h\u1ee3p kim ch\u1ecbu t\u1ea3i l\u00ean t\u1edbi 300kg\/c\u00e1nh k\u1ebft h\u1ee3p b\u1ed9 b\u00e1nh xe bi ch\u1ecbu l\u1ef1c nh\u1eadp kh\u1ea9u. B\u00ean c\u1ea1nh \u0111\u00f3, h\u1ec7 ch\u1ed1t ng\u1ea7m d\u1eabn h\u01b0\u1edbng \u00e2m s\u00e0n ch\u1ec9 s\u00e2u 5mm gi\u1eef ch\u00e2n c\u00e1nh c\u1eeda v\u1eefng ch\u00e3i, tri\u1ec7t ti\u00eau ho\u00e0n to\u00e0n rung l\u1eafc ngay c\u1ea3 khi gi\u00f3 gi\u1eadt m\u1ea1nh.\n          <\/div>\n<\/details>\n<!-- FAQ 2 -->\n<details class=\"group p-space-md rounded-xl bg-pure-white shadow-sm cursor-pointer\">\n<summary class=\"font-headline-sm text-headline-sm text-charcoal-metal font-semibold flex items-center justify-between list-none\">\n<span>2. C\u1eeda nh\u00f4m Slim thanh m\u1ea3nh vi\u1ec1n 16mm c\u00f3 \u0111\u1ea3m b\u1ea3o an to\u00e0n ch\u1ecbu l\u1ef1c kh\u00f4ng?<\/span>\n<summary class=\"hidden\"><\/summary>\n<span class=\"material-symbols-outlined text-primary group-open:rotate-180 transition-transform\">expand_more<\/span>\n<\/summary>\n<div class=\"pt-space-sm font-body-sm text-body-sm text-on-surface-variant leading-relaxed\">\n            C\u1eeda nh\u00f4m Slim An Ph\u00e1t s\u1ea3n xu\u1ea5t t\u1eeb ph\u00f4i nh\u00f4m nguy\u00ean sinh 6063-T5 v\u1edbi \u0111\u1ed9 d\u00e0y v\u00e1ch t\u0103ng c\u01b0\u1eddng t\u1edbi 2.5mm t\u1ea1i c\u00e1c \u0111i\u1ec3m ch\u1ecbu l\u1ef1c. K\u00ednh s\u1eed d\u1ee5ng l\u00e0 k\u00ednh c\u01b0\u1eddng l\u1ef1c 8-10mm ho\u1eb7c k\u00ednh d\u00e1n an to\u00e0n 8.38mm c\u00f3 kh\u1ea3 n\u0103ng ch\u1ecbu va \u0111\u1eadp g\u1ea5p 5 l\u1ea7n k\u00ednh th\u00f4ng th\u01b0\u1eddng, ho\u00e0n to\u00e0n an to\u00e0n cho v\u1ecb tr\u00ed th\u00f4ng ph\u00f2ng, ph\u00f2ng kh\u00e1ch v\u00e0 c\u1eeda l\u00f9a ban c\u00f4ng c\u00f3 m\u00e1i che.\n          <\/div>\n<\/details>\n<!-- FAQ 3 -->\n<details class=\"group p-space-md rounded-xl bg-pure-white shadow-sm cursor-pointer\">\n<summary class=\"font-headline-sm text-headline-sm text-charcoal-metal font-semibold flex items-center justify-between list-none\">\n<span>3. Nh\u00e0 \u0111ang \u1edf mu\u1ed1n thay c\u1eeda tr\u01b0\u1ee3t quay c\u00f3 ph\u1ea3i \u0111\u1ee5c ph\u00e1 n\u1ec1n nh\u00e0 kh\u00f4ng?<\/span>\n<summary class=\"hidden\"><\/summary>\n<span class=\"material-symbols-outlined text-primary group-open:rotate-180 transition-transform\">expand_more<\/span>\n<\/summary>\n<div class=\"pt-space-sm font-body-sm text-body-sm text-on-surface-variant leading-relaxed\">\n            Tuy\u1ec7t \u0111\u1ed1i kh\u00f4ng \u0111\u1ee5c ph\u00e1 n\u1ec1n nh\u00e0. \u0110i\u1ec3m \u01b0u vi\u1ec7t l\u1edbn nh\u1ea5t c\u1ee7a h\u1ec7 tr\u01b0\u1ee3t quay l\u00e0 kh\u00f4ng s\u1eed d\u1ee5ng ray d\u01b0\u1edbi s\u00e0n. K\u1ef9 s\u01b0 ch\u1ec9 c\u1ea7n khoan 1 \u0111i\u1ec3m ch\u1ed1t \u0111\u1ecbnh v\u1ecb r\u1ea5t nh\u1ecf v\u00e0 b\u1eafn v\u00edt li\u00ean k\u1ebft khung bao v\u00e0o t\u01b0\u1eddng hi\u1ec7n h\u1eefu. Qu\u00e1 tr\u00ecnh thi c\u00f4ng ho\u00e0n thi\u1ec7n g\u00f3i g\u1ecdn trong v\u00f2ng 1 ng\u00e0y, gi\u1eef nguy\u00ean v\u1eb9n s\u00e0n g\u1ed7 ho\u1eb7c g\u1ea1ch \u0111\u00e1 hoa c\u1ee7a Qu\u00fd kh\u00e1ch.\n          <\/div>\n<\/details>\n<!-- FAQ 4 -->\n<details class=\"group p-space-md rounded-xl bg-pure-white shadow-sm cursor-pointer\">\n<summary class=\"font-headline-sm text-headline-sm text-charcoal-metal font-semibold flex items-center justify-between list-none\">\n<span>4. Ch\u00ednh s\u00e1ch b\u1ea3o tr\u00ec \u0111\u1ecbnh k\u1ef3 v\u00e0 h\u1ed7 tr\u1ee3 sau b\u00e1n h\u00e0ng c\u1ee7a An Ph\u00e1t di\u1ec5n ra th\u1ebf n\u00e0o?<\/span>\n<summary class=\"hidden\"><\/summary>\n<span class=\"material-symbols-outlined text-primary group-open:rotate-180 transition-transform\">expand_more<\/span>\n<\/summary>\n<div class=\"pt-space-sm font-body-sm text-body-sm text-on-surface-variant leading-relaxed\">\n            T\u1ea5t c\u1ea3 s\u1ea3n ph\u1ea9m b\u00e0n giao \u0111\u1ec1u c\u00f3 tem m\u00e3 QR b\u1ea3o h\u00e0nh \u0111i\u1ec7n t\u1eed ch\u00ednh h\u00e3ng. Trong n\u0103m \u0111\u1ea7u ti\u00ean, k\u1ef9 thu\u1eadt vi\u00ean An Ph\u00e1t s\u1ebd ch\u1ee7 \u0111\u1ed9ng li\u00ean h\u1ec7 ki\u1ec3m tra b\u1ea3o d\u01b0\u1ee1ng tra d\u1ea7u b\u00e1nh xe \u0111\u1ecbnh k\u1ef3 6 th\u00e1ng\/l\u1ea7n mi\u1ec5n ph\u00ed. B\u1ea5t k\u1ef3 khi n\u00e0o c\u00f3 nhu c\u1ea7u c\u0103n ch\u1ec9nh, \u0111\u1ed9i th\u1ee3 c\u01a1 \u0111\u1ed9ng t\u1ea1i 39 Tr\u1ea7n \u0110i\u1ec1n s\u1ebd c\u00f3 m\u1eb7t trong 24 gi\u1edd.\n          <\/div>\n<\/details>\n<\/div>\n<\/div>\n<\/section>\n<!-- SECTION 11: BOTTOM CTA BANNER & TH\u00d4NG TIN DOANH NGHI\u1ec6P -->\n<section class=\"w-full bg-primary text-pure-white py-space-xl relative overflow-hidden\">\n<div class=\"absolute inset-0 opacity-10 pointer-events-none\">\n<svg class=\"w-full h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<defs>\n<pattern height=\"40\" id=\"grid\" patternUnits=\"userSpaceOnUse\" width=\"40\">\n<path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><\/path>\n<\/pattern>\n<\/defs>\n<rect fill=\"url(#grid)\" height=\"100%\" width=\"100%\"><\/rect>\n<\/svg>\n<\/div>\n<div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin relative z-10\">\n<div class=\"flex flex-col lg:flex-row items-center justify-between gap-space-xl\">\n<div class=\"flex flex-col gap-space-sm max-w-2xl text-center lg:text-left\">\n<span class=\"px-3.5 py-1 rounded-full bg-pure-white\/10 text-secondary-fixed font-label-sm text-label-sm font-bold w-fit mx-auto lg:mx-0\">\n            TR\u1ef0C TI\u1ebeP T\u1eea X\u01af\u1edeNG CNC 39 TR\u1ea6N \u0110I\u1ec0N\n          <\/span>\n<h2 class=\"font-headline-xl text-headline-xl text-pure-white font-bold leading-tight\">\n            Ki\u1ebfn T\u1ea1o Kh\u00f4ng Gian S\u1ed1ng \u0110\u1eb3ng C\u1ea5p Ngay H\u00f4m Nay\n          <\/h2>\n<p class=\"font-body-md text-body-md text-on-primary-container\">\n            \u0110\u0103ng k\u00fd kh\u1ea3o s\u00e1t Laser 3D mi\u1ec5n ph\u00ed t\u1ea1i c\u00f4ng tr\u00ecnh ho\u1eb7c gh\u00e9 th\u0103m Showroom x\u01b0\u1edfng \u0111\u1ec3 t\u1ef1 tay tr\u1ea3i nghi\u1ec7m chuy\u1ec3n \u0111\u1ed9ng m\u01b0\u1ee3t m\u00e0 c\u1ee7a h\u1ec7 tr\u01b0\u1ee3t quay &amp; Slim.\n          <\/p>\n<\/div>\n<div class=\"flex flex-col sm:flex-row items-center gap-space-md shrink-0\">\n<a class=\"inline-flex items-center justify-center gap-space-xs px-6 py-3.5 rounded-lg bg-status-success hover:bg-[#047857] text-pure-white font-label-md text-label-md font-bold transition-all shadow-lg hover:scale-105\" href=\"tel:0979452876\">\n<span class=\"material-symbols-outlined text-[20px]\">call<\/span>\n<span>Hotline K\u1ef9 Thu\u1eadt: 0979 452 876<\/span>\n<\/a>\n<a class=\"inline-flex items-center justify-center gap-space-xs px-6 py-3.5 rounded-lg bg-pure-white text-primary hover:bg-surface-ice font-label-md text-label-md font-bold transition-all shadow-lg hover:scale-105\" href=\"#bao-gia-section\">\n<span class=\"material-symbols-outlined text-[20px]\">architecture<\/span>\n<span>\u0110\u1eb7t L\u1ecbch \u0110o \u0110\u1ea1c Laser 3D<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div><\/main><footer class=\"w-full bg-surface-container-low text-on-surface\"><div class=\"bg-surface-ice py-space-lg\"><div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin grid grid-cols-1 md:grid-cols-3 gap-gutter\"><div class=\"flex items-center gap-space-md p-space-md bg-pure-white rounded-lg shadow-[0_1px_4px_rgba(40,40,40,0.04)]\"><span class=\"material-symbols-outlined text-secondary text-[32px]\">verified<\/span><div><p class=\"font-label-md text-label-md text-charcoal-metal\">Ch\u1ee9ng nh\u1eadn CO\/CQ<\/p><p class=\"font-body-sm text-body-sm text-on-surface-variant\">Nh\u1eadp kh\u1ea9u ch\u00ednh h\u00e3ng 100%<\/p><\/div><\/div><div class=\"flex items-center gap-space-md p-space-md bg-pure-white rounded-lg shadow-[0_1px_4px_rgba(40,40,40,0.04)]\"><span class=\"material-symbols-outlined text-secondary text-[32px]\">workspace_premium<\/span><div><p class=\"font-label-md text-label-md text-charcoal-metal\">B\u1ea3o h\u00e0nh 10 n\u0103m profile<\/p><p class=\"font-body-sm text-body-sm text-on-surface-variant\">Ch\u00ednh s\u00e1ch b\u1ea3o tr\u00ec tr\u1ecdn \u0111\u1eddi<\/p><\/div><\/div><div class=\"flex items-center gap-space-md p-space-md bg-pure-white rounded-lg shadow-[0_1px_4px_rgba(40,40,40,0.04)]\"><span class=\"material-symbols-outlined text-secondary text-[32px]\">high_quality<\/span><div><p class=\"font-label-md text-label-md text-charcoal-metal\">Cam k\u1ebft ch\u1ea5t l\u01b0\u1ee3ng<\/p><p class=\"font-body-sm text-body-sm text-on-surface-variant\">Laser 3D chu\u1ea9n x\u00e1c t\u1eebng milimet<\/p><\/div><\/div><\/div><\/div><div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin py-space-xl grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-gutter\"><div class=\"lg:col-span-2 flex flex-col gap-space-md\"><div class=\"flex items-center gap-space-md\"><div class=\"w-10 h-10 rounded-lg bg-primary flex items-center justify-center text-pure-white\"><span class=\"material-symbols-outlined text-[24px]\">window<\/span><\/div><span class=\"font-headline-sm text-headline-sm text-primary uppercase font-bold\">AN PH\u00c1T WINDOOR<\/span><\/div><p class=\"font-label-md text-label-md text-charcoal-metal uppercase font-bold tracking-tight\">C\u00d4NG TY C\u1ed4 PH\u1ea6N \u0110\u1ea6U T\u01af PH\u00c1T TRI\u1ec2N AN PH\u00c1T WINDOOR<\/p><p class=\"font-body-sm text-body-sm text-on-surface-variant\">MST: <span class=\"font-label-md text-label-md text-on-surface font-semibold\">0109277183<\/span><\/p><div class=\"flex flex-col gap-space-sm pt-space-xs\"><div class=\"flex items-start gap-space-sm\"><span class=\"material-symbols-outlined text-primary text-[20px] mt-0.5\">location_on<\/span><span class=\"font-body-sm text-body-sm text-on-surface-variant\">Showroom &amp; X\u01b0\u1edfng: 39 Ng\u00f5 232 Tr\u1ea7n \u0110i\u1ec1n, Ph\u01b0\u1eddng \u0110\u1ecbnh C\u00f4ng, Qu\u1eadn Ho\u00e0ng Mai, H\u00e0 N\u1ed9i<\/span><\/div><div class=\"flex items-center gap-space-sm\"><span class=\"material-symbols-outlined text-primary text-[20px]\">call<\/span><span class=\"font-body-sm text-body-sm text-on-surface-variant\">Hotline: <a class=\"text-primary font-semibold hover:underline\" href=\"tel:0979452876\">0979 452 876<\/a> &#8211; <a class=\"text-primary font-semibold hover:underline\" href=\"tel:0928981555\">0928 981 555<\/a><\/span><\/div><div class=\"flex items-center gap-space-sm\"><span class=\"material-symbols-outlined text-primary text-[20px]\">mail<\/span><span class=\"font-body-sm text-body-sm text-on-surface-variant\">contact@anphatwindoor.vn<\/span><\/div><\/div><\/div><div class=\"flex flex-col gap-space-md\"><h4 class=\"font-headline-sm text-headline-sm text-charcoal-metal\">S\u1ea3n Ph\u1ea9m &amp; H\u1ec7 Nh\u00f4m<\/h4><ul class=\"flex flex-col gap-space-sm\"><li class=\"font-body-sm text-body-sm text-on-surface-variant hover:text-primary transition-colors\"><a data-path=\"cua-nhom-xingfa\" href=\"#\">C\u1eeda nh\u00f4m Xingfa Qu\u1ea3ng \u0110\u00f4ng<\/a><\/li><li class=\"font-body-sm text-body-sm text-on-surface-variant hover:text-primary transition-colors\"><a data-path=\"cua-nhom-kinh\" href=\"#\">C\u1eeda tr\u01b0\u1ee3t Slim si\u00eau \u00eam<\/a><\/li><li class=\"font-body-sm text-body-sm text-on-surface-variant hover:text-primary transition-colors\"><a data-path=\"cua-cach-am\" href=\"#\">C\u1eeda nh\u00f4m c\u1ea7u c\u00e1ch \u00e2m c\u00e1ch nhi\u1ec7t<\/a><\/li><li class=\"font-body-sm text-body-sm text-on-surface-variant hover:text-primary transition-colors\"><a data-path=\"cua-nhom-kinh\" href=\"#\">H\u1ec7 v\u00e1ch k\u00ednh m\u1eb7t d\u1ef1ng nh\u00f4m \u0111\u00fac<\/a><\/li><li class=\"font-body-sm text-body-sm text-on-surface-variant hover:text-primary transition-colors\"><a data-path=\"du-an-xuong\" href=\"#\">Ph\u1ee5 ki\u1ec7n Kinlong, CMECH, Roto<\/a><\/li><\/ul><\/div><div class=\"flex flex-col gap-space-md\"><h4 class=\"font-headline-sm text-headline-sm text-charcoal-metal\">D\u1ecbch V\u1ee5 K\u1ef9 Thu\u1eadt<\/h4><ul class=\"flex flex-col gap-space-sm\"><li class=\"font-body-sm text-body-sm text-on-surface-variant hover:text-primary transition-colors\"><a data-path=\"tu-van-kien-truc-3d\" href=\"#\">Kh\u1ea3o s\u00e1t &amp; \u0110o \u0111\u1ea1c Laser 3D<\/a><\/li><li class=\"font-body-sm text-body-sm text-on-surface-variant hover:text-primary transition-colors\"><a data-path=\"bao-gia-tron-goi\" href=\"#\">B\u00e1o gi\u00e1 b\u00f3c t\u00e1ch kh\u1ed1i l\u01b0\u1ee3ng<\/a><\/li><li class=\"font-body-sm text-body-sm text-on-surface-variant hover:text-primary transition-colors\"><a data-path=\"du-an-xuong\" href=\"#\">Gia c\u00f4ng CNC t\u1ef1 \u0111\u1ed9ng t\u1ea1i x\u01b0\u1edfng<\/a><\/li><li class=\"font-body-sm text-body-sm text-on-surface-variant hover:text-primary transition-colors\"><a data-path=\"du-an-xuong\" href=\"#\">Thi c\u00f4ng l\u1eafp \u0111\u1eb7t tr\u1ecdn g\u00f3i c\u00f4ng tr\u00ecnh<\/a><\/li><li class=\"font-body-sm text-body-sm text-on-surface-variant hover:text-primary transition-colors\"><a data-path=\"bao-gia-tron-goi\" href=\"#\">B\u1ea3o d\u01b0\u1ee1ng \u0111\u1ecbnh k\u1ef3 24\/7<\/a><\/li><\/ul><\/div><\/div><div class=\"bg-surface-container py-space-md\"><div class=\"max-w-[1280px] mx-auto px-margin-mobile lg:px-margin flex flex-col sm:flex-row items-center justify-between gap-space-sm\"><p class=\"font-body-sm text-body-sm text-on-surface-variant\">\u00a9 2024 C\u00d4NG TY C\u1ed4 PH\u1ea6N \u0110\u1ea6U T\u01af PH\u00c1T TRI\u1ec2N AN PH\u00c1T WINDOOR. All rights reserved.<\/p><div class=\"flex items-center gap-space-md\"><span class=\"font-label-sm text-label-sm text-secondary font-semibold\">Ti\u00eau Chu\u1ea9n K\u1ef9 Thu\u1eadt ISO 9001:2015<\/span><\/div><\/div><\/div><\/footer><div class=\"fixed bottom-6 right-6 z-50 flex flex-col gap-3 items-end\"><a class=\"group flex items-center gap-2 px-4 py-2.5 rounded-full bg-status-success text-pure-white shadow-[0_4px_16px_rgba(5,150,105,0.35)] hover:bg-[#047857] transition-all hover:scale-105\" href=\"https:\/\/zalo.me\/0979452876\" rel=\"noopener noreferrer\" target=\"_blank\"><span class=\"material-symbols-outlined text-[20px]\">chat<\/span><span class=\"font-label-md text-label-md hidden group-hover:inline transition-all duration-200\">Chat Zalo<\/span><\/a><a class=\"flex items-center gap-2 px-4 py-2.5 rounded-full bg-primary text-pure-white shadow-[0_4px_16px_rgba(14,81,209,0.35)] hover:bg-brand-blue transition-all hover:scale-105 animate-pulse\" href=\"tel:0979452876\"><span class=\"material-symbols-outlined text-[20px]\">phone_in_talk<\/span><span class=\"font-label-md text-label-md\">0979 452 876<\/span><\/a><\/div>\n\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n<script>\nfunction filterProducts() {\n  const locSelect = document.getElementById('filter-location');\n  const mechSelect = document.getElementById('filter-mechanism');\n  const priceSelect = document.getElementById('filter-price');\n  const countEl = document.getElementById('product-count');\n  const noResBox = document.getElementById('no-results-box');\n  const cards = document.querySelectorAll('.anphat-product-card');\n\n  if (!cards.length) return;\n\n  const locVal = locSelect ? locSelect.value : 'all';\n  const mechVal = mechSelect ? mechSelect.value : 'all';\n  const priceVal = priceSelect ? priceSelect.value : 'all';\n\n  let matchCount = 0;\n\n  cards.forEach(card => {\n    const loc = (card.getAttribute('data-location') || '').split(',');\n    const mech = (card.getAttribute('data-mechanism') || '').split(',');\n    const price = (card.getAttribute('data-price') || '').split(',');\n\n    const matchLoc = (locVal === 'all') || loc.includes(locVal);\n    const matchMech = (mechVal === 'all') || mech.includes(mechVal);\n    const matchPrice = (priceVal === 'all') || price.includes(priceVal);\n\n    if (matchLoc && matchMech && matchPrice) {\n      card.style.display = 'flex';\n      matchCount++;\n    } else {\n      card.style.display = 'none';\n    }\n  });\n\n  if (countEl) countEl.textContent = matchCount;\n  if (noResBox) {\n    noResBox.style.display = (matchCount === 0) ? 'block' : 'none';\n  }\n}\n\nfunction setQuickFilter(tag, btn) {\n  \/\/ Toggle active styling on buttons\n  const buttons = document.querySelectorAll('.quick-tag-btn');\n  buttons.forEach(b => b.classList.remove('active'));\n  if (btn) btn.classList.add('active');\n\n  const locSelect = document.getElementById('filter-location');\n  const mechSelect = document.getElementById('filter-mechanism');\n  const priceSelect = document.getElementById('filter-price');\n  const countEl = document.getElementById('product-count');\n  const noResBox = document.getElementById('no-results-box');\n  const cards = document.querySelectorAll('.anphat-product-card');\n\n  \/\/ Reset dropdowns to all by default\n  if (locSelect) locSelect.value = 'all';\n  if (mechSelect) mechSelect.value = 'all';\n  if (priceSelect) priceSelect.value = 'all';\n\n  if (tag === 'all') {\n    filterProducts();\n    return;\n  }\n\n  let matchCount = 0;\n\n  cards.forEach(card => {\n    const loc = (card.getAttribute('data-location') || '');\n    const mech = (card.getAttribute('data-mechanism') || '');\n    const price = (card.getAttribute('data-price') || '');\n    const title = (card.querySelector('h3') ? card.querySelector('h3').textContent : '').toLowerCase();\n    const text = card.textContent.toLowerCase();\n\n    let matches = false;\n\n    if (tag === 'truot-quay') {\n      matches = mech.includes('truot-quay') || mech.includes('truot-lua') || mech.includes('xep-truot') || title.includes('tr\u01b0\u1ee3t') || title.includes('l\u00f9a');\n    } else if (tag === 'phong-ngu') {\n      matches = loc.includes('phong-ngu') || title.includes('ph\u00f2ng ng\u1ee7') || text.includes('ph\u00f2ng ng\u1ee7');\n    } else if (tag === 'xingfa-chinh-hang') {\n      matches = title.includes('xingfa') || text.includes('xingfa');\n    } else if (tag === 'gia-re') {\n      const priceValText = card.querySelector('.anphat-price-val') ? card.querySelector('.anphat-price-val').textContent.replace(\/\\.\/g, '') : '9999999';\n      const numericPrice = parseInt(priceValText, 10) || 9999999;\n      matches = numericPrice <= 2500000 || price.includes('tiet-kiem') || price.includes('tieu-chuan');\n    }\n\n    if (matches) {\n      card.style.display = 'flex';\n      matchCount++;\n    } else {\n      card.style.display = 'none';\n    }\n  });\n\n  if (countEl) countEl.textContent = matchCount;\n  if (noResBox) {\n    noResBox.style.display = (matchCount === 0) ? 'block' : 'none';\n  }\n}\n\nfunction resetFilters() {\n  const locSelect = document.getElementById('filter-location');\n  const mechSelect = document.getElementById('filter-mechanism');\n  const priceSelect = document.getElementById('filter-price');\n  if (locSelect) locSelect.value = 'all';\n  if (mechSelect) mechSelect.value = 'all';\n  if (priceSelect) priceSelect.value = 'all';\n\n  const buttons = document.querySelectorAll('.quick-tag-btn');\n  buttons.forEach(b => b.classList.remove('active'));\n  const firstBtn = document.querySelector('.quick-tag-btn');\n  if (firstBtn) firstBtn.classList.add('active');\n\n  filterProducts();\n}\n\n\/\/ Initial calculation on load\nif (document.readyState === 'loading') {\n  document.addEventListener('DOMContentLoaded', filterProducts);\n} else {\n  filterProducts();\n}\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>callHotline k\u1ef9 thu\u1eadt: 0979 452 876 &#8211; 0928 981 555 | location_onShowroom &amp; X\u01b0\u1edfng: 39 Ng\u00f5 232 Tr\u1ea7n \u0110i\u1ec1n, \u0110\u1ecbnh C\u00f4ng, Ho\u00e0ng Mai, H\u00e0 N\u1ed9i architecture\u0110o \u0111\u1ea1c &amp; kh\u1ea3o s\u00e1t Laser 3D mi\u1ec5n ph\u00ed t\u1ea1i c\u00f4ng tr\u00ecnh | schedule8:00 &#8211; 18:30 (T2 &#8211; CN) window AN PH\u00c1T WINDOORX\u00e2y Ch\u1eef T\u00edn \u00b7 D\u1ef1ng Ni\u1ec1m Tin Trang [&#8230;]\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-12","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/anphatwindoor.vnsoftthai.com\/index.php?rest_route=\/wp\/v2\/posts\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/anphatwindoor.vnsoftthai.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/anphatwindoor.vnsoftthai.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/anphatwindoor.vnsoftthai.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/anphatwindoor.vnsoftthai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":2,"href":"http:\/\/anphatwindoor.vnsoftthai.com\/index.php?rest_route=\/wp\/v2\/posts\/12\/revisions"}],"predecessor-version":[{"id":14,"href":"http:\/\/anphatwindoor.vnsoftthai.com\/index.php?rest_route=\/wp\/v2\/posts\/12\/revisions\/14"}],"wp:attachment":[{"href":"http:\/\/anphatwindoor.vnsoftthai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/anphatwindoor.vnsoftthai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/anphatwindoor.vnsoftthai.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}