{"id":1384,"date":"2026-02-06T06:55:48","date_gmt":"2026-02-06T06:55:48","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=1384"},"modified":"2026-02-06T06:59:37","modified_gmt":"2026-02-06T06:59:37","slug":"af-vs-ag-vs-ar-glass","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/es\/products\/af-glass\/af-vs-ag-vs-ar-glass\/","title":{"rendered":"AF vs AG vs AR Vidrio"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-9ccd073\" data-block-id=\"9ccd073\"><style>.stk-9ccd073 {margin-bottom:30px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-9ccd073-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b94725b\" data-v=\"4\" data-block-id=\"b94725b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b94725b-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-b94725b-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-6cbb651\" data-block-id=\"6cbb651\"><style>.stk-6cbb651 {margin-bottom:18px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-6cbb651-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b42d3ba\" data-v=\"4\" data-block-id=\"b42d3ba\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b42d3ba-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-b42d3ba-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-decd26f\" data-block-id=\"decd26f\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-decd26f-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c793448\" data-v=\"4\" data-block-id=\"c793448\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c793448-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c793448-inner-blocks\">\n<!-- AF vs AG vs AR Glass Interactive Comparison Tool v3 -->\n<!-- WordPress Custom HTML Module | Blocksy \/ Stackable \/ Astra \/ Elementor Compatible -->\n<section id=\"afg-coat-cmp\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&display=swap');\n\n#afg-coat-cmp {\n  --cc-p: #304890;\n  --cc-p2: #1860A8;\n  --cc-p3: #1878C0;\n  --cc-af: #2B7CD4;\n  --cc-af-bg: #EBF3FE;\n  --cc-af-bar: linear-gradient(90deg, #2B7CD4, #4A9AEF);\n  --cc-ag: #18855F;\n  --cc-ag-bg: #E6F6EF;\n  --cc-ag-bar: linear-gradient(90deg, #18855F, #2EB07F);\n  --cc-ar: #C07B2A;\n  --cc-ar-bg: #FDF3E5;\n  --cc-ar-bar: linear-gradient(90deg, #C07B2A, #E09940);\n  --cc-bg: #F5F6FB;\n  --cc-w: #FFFFFF;\n  --cc-ink: #111827;\n  --cc-ink2: #3F455C;\n  --cc-ink3: #7C829B;\n  --cc-line: #DCDFE9;\n  --cc-line2: #EBEEF6;\n  --cc-r: 16px;\n  --cc-f: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n  --cc-fs: 'Newsreader', Georgia, serif;\n  box-sizing: border-box !important;\n  font-family: var(--cc-f) !important;\n  color: var(--cc-ink) !important;\n  width: 100% !important;\n  padding: 52px 24px !important;\n  background: var(--cc-bg) !important;\n  position: relative !important;\n  line-height: 1.5 !important;\n  -webkit-font-smoothing: antialiased !important;\n  overflow: hidden !important;\n}\n#afg-coat-cmp *, #afg-coat-cmp *::before, #afg-coat-cmp *::after {\n  box-sizing: border-box !important;\n}\n\n\/* Decorative bg circle *\/\n#afg-coat-cmp .cc-deco {\n  position: absolute;\n  width: 500px; height: 500px;\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: 0;\n}\n#afg-coat-cmp .cc-deco-1 {\n  top: -200px; right: -100px;\n  background: radial-gradient(circle, rgba(48,72,144,0.045) 0%, transparent 70%);\n}\n#afg-coat-cmp .cc-deco-2 {\n  bottom: -260px; left: -120px;\n  background: radial-gradient(circle, rgba(24,120,192,0.03) 0%, transparent 70%);\n}\n\n#afg-coat-cmp .cc-wrap {\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ===== HEADER ===== *\/\n#afg-coat-cmp .cc-head {\n  text-align: center;\n  margin-bottom: 36px;\n}\n#afg-coat-cmp .cc-kicker {\n  display: inline-block;\n  font-family: var(--cc-f) !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2.5px !important;\n  text-transform: uppercase !important;\n  color: var(--cc-p3) !important;\n  background: rgba(24,120,192,0.08);\n  padding: 6px 18px !important;\n  border-radius: 24px;\n  margin: 0 0 18px 0 !important;\n}\n#afg-coat-cmp .cc-h1 {\n  font-family: var(--cc-fs) !important;\n  font-size: 32px !important;\n  font-weight: 400 !important;\n  color: var(--cc-ink) !important;\n  line-height: 1.2 !important;\n  margin: 0 0 14px 0 !important;\n  letter-spacing: -0.015em !important;\n}\n#afg-coat-cmp .cc-h1 em {\n  font-style: italic !important;\n  color: var(--cc-p2) !important;\n}\n#afg-coat-cmp .cc-desc {\n  font-family: var(--cc-f) !important;\n  font-size: 15px !important;\n  color: var(--cc-ink2) !important;\n  line-height: 1.7 !important;\n  max-width: 600px;\n  margin: 0 auto !important;\n}\n\n\/* ===== TABS ===== *\/\n#afg-coat-cmp .cc-tabs {\n  display: flex;\n  justify-content: center;\n  gap: 3px;\n  margin: 0 auto 32px;\n  background: var(--cc-w);\n  border-radius: 12px;\n  padding: 5px;\n  width: fit-content;\n  border: 1px solid var(--cc-line);\n  box-shadow: 0 1px 4px rgba(0,0,0,0.03);\n}\n#afg-coat-cmp .cc-tab {\n  font-family: var(--cc-f) !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  padding: 10px 22px !important;\n  border: none !important;\n  border-radius: 9px !important;\n  background: transparent !important;\n  color: var(--cc-ink3) !important;\n  cursor: pointer !important;\n  transition: all 0.2s ease !important;\n  white-space: nowrap !important;\n  line-height: 1.3 !important;\n  outline: none !important;\n}\n#afg-coat-cmp .cc-tab:hover {\n  color: var(--cc-p) !important;\n  background: rgba(48,72,144,0.04) !important;\n}\n#afg-coat-cmp .cc-tab[aria-selected=\"true\"] {\n  background: var(--cc-p) !important;\n  color: #fff !important;\n  box-shadow: 0 2px 10px rgba(48,72,144,0.3) !important;\n}\n\n\/* ===== PANELS ===== *\/\n#afg-coat-cmp .cc-panel { display: none; }\n#afg-coat-cmp .cc-panel.cc-show {\n  display: block;\n  animation: ccUp 0.3s ease both;\n}\n@keyframes ccUp {\n  from { opacity: 0; transform: translateY(8px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* =============================================\n   PANEL 1 \u2014 OVERVIEW CARDS\n   ============================================= *\/\n#afg-coat-cmp .cc-cards {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n#afg-coat-cmp .cc-card {\n  background: var(--cc-w);\n  border-radius: var(--cc-r);\n  border: 1px solid var(--cc-line);\n  overflow: hidden;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  display: flex;\n  flex-direction: column;\n}\n#afg-coat-cmp .cc-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 20px 48px rgba(17,24,39,0.08);\n}\n\/* Top color bar *\/\n#afg-coat-cmp .cc-card-bar {\n  height: 4px;\n  width: 100%;\n}\n#afg-coat-cmp .cc-card[data-t=\"af\"] .cc-card-bar { background: var(--cc-af-bar); }\n#afg-coat-cmp .cc-card[data-t=\"ag\"] .cc-card-bar { background: var(--cc-ag-bar); }\n#afg-coat-cmp .cc-card[data-t=\"ar\"] .cc-card-bar { background: var(--cc-ar-bar); }\n\n#afg-coat-cmp .cc-card-head {\n  padding: 28px 26px 22px;\n}\n#afg-coat-cmp .cc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-family: var(--cc-f) !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  letter-spacing: 1.2px !important;\n  text-transform: uppercase !important;\n  padding: 5px 12px !important;\n  border-radius: 8px;\n  margin: 0 0 16px 0 !important;\n}\n#afg-coat-cmp .cc-card[data-t=\"af\"] .cc-badge { background: var(--cc-af-bg); color: var(--cc-af); }\n#afg-coat-cmp .cc-card[data-t=\"ag\"] .cc-badge { background: var(--cc-ag-bg); color: var(--cc-ag); }\n#afg-coat-cmp .cc-card[data-t=\"ar\"] .cc-badge { background: var(--cc-ar-bg); color: var(--cc-ar); }\n\n#afg-coat-cmp .cc-card-title {\n  font-family: var(--cc-fs) !important;\n  font-size: 24px !important;\n  font-weight: 400 !important;\n  color: var(--cc-ink) !important;\n  line-height: 1.2 !important;\n  margin: 0 0 6px 0 !important;\n}\n#afg-coat-cmp .cc-card-sub {\n  font-family: var(--cc-f) !important;\n  font-size: 12.5px !important;\n  color: var(--cc-ink3) !important;\n  margin: 0 0 14px 0 !important;\n  display: block !important;\n}\n#afg-coat-cmp .cc-card-desc {\n  font-family: var(--cc-f) !important;\n  font-size: 13.5px !important;\n  color: var(--cc-ink2) !important;\n  line-height: 1.7 !important;\n  margin: 0 !important;\n}\n\n\/* Spec bars section *\/\n#afg-coat-cmp .cc-card-sep {\n  height: 1px;\n  background: var(--cc-line2);\n  margin: 0 26px;\n}\n#afg-coat-cmp .cc-specs {\n  padding: 20px 26px 26px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  flex: 1;\n}\n#afg-coat-cmp .cc-sr {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n#afg-coat-cmp .cc-sr-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n}\n#afg-coat-cmp .cc-sr-lbl {\n  font-family: var(--cc-f) !important;\n  font-size: 12px !important;\n  font-weight: 500 !important;\n  color: var(--cc-ink3) !important;\n}\n#afg-coat-cmp .cc-sr-val {\n  font-family: var(--cc-f) !important;\n  font-size: 13px !important;\n  font-weight: 800 !important;\n  color: var(--cc-ink) !important;\n}\n\/* Progress bar track *\/\n#afg-coat-cmp .cc-sr-track {\n  width: 100%;\n  height: 8px;\n  background: var(--cc-line2);\n  border-radius: 4px;\n  overflow: hidden;\n  position: relative;\n}\n#afg-coat-cmp .cc-sr-fill {\n  position: absolute;\n  top: 0; left: 0;\n  height: 100%;\n  border-radius: 4px;\n  width: 0%;\n  transition: width 1s cubic-bezier(0.22, 1, 0.36, 1);\n}\n#afg-coat-cmp .cc-sr-fill.cc-animated {\n  \/* width set by JS *\/\n}\n\/* Gradient fills per type *\/\n#afg-coat-cmp .cc-card[data-t=\"af\"] .cc-sr-fill { background: var(--cc-af-bar); }\n#afg-coat-cmp .cc-card[data-t=\"ag\"] .cc-sr-fill { background: var(--cc-ag-bar); }\n#afg-coat-cmp .cc-card[data-t=\"ar\"] .cc-sr-fill { background: var(--cc-ar-bar); }\n\n\/* =============================================\n   PANEL 2 \u2014 TABLE\n   ============================================= *\/\n#afg-coat-cmp .cc-tbl-box {\n  background: var(--cc-w);\n  border-radius: var(--cc-r);\n  border: 1px solid var(--cc-line);\n  overflow: hidden;\n}\n#afg-coat-cmp .cc-tbl-scroll {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n#afg-coat-cmp .cc-tbl {\n  width: 100%;\n  border-collapse: collapse;\n  min-width: 720px;\n}\n#afg-coat-cmp .cc-tbl thead th {\n  text-align: left;\n  padding: 16px 20px !important;\n  font-family: var(--cc-f) !important;\n  font-weight: 700 !important;\n  font-size: 12.5px !important;\n  letter-spacing: 0.3px !important;\n  color: var(--cc-ink) !important;\n  background: var(--cc-bg) !important;\n  border-bottom: 2px solid var(--cc-line) !important;\n  position: sticky;\n  top: 0;\n  z-index: 2;\n}\n#afg-coat-cmp .cc-tbl thead th:first-child { min-width: 180px; }\n#afg-coat-cmp .cc-tbl .cc-th-af { color: var(--cc-af) !important; }\n#afg-coat-cmp .cc-tbl .cc-th-ag { color: var(--cc-ag) !important; }\n#afg-coat-cmp .cc-tbl .cc-th-ar { color: var(--cc-ar) !important; }\n\n\/* Column colored dots in header *\/\n#afg-coat-cmp .cc-th-dot {\n  display: inline-block;\n  width: 8px; height: 8px;\n  border-radius: 2px;\n  margin-right: 6px;\n  vertical-align: middle;\n}\n#afg-coat-cmp .cc-tbl tbody td {\n  padding: 13px 20px !important;\n  border-bottom: 1px solid var(--cc-line2) !important;\n  font-family: var(--cc-f) !important;\n  font-size: 13px !important;\n  color: var(--cc-ink) !important;\n  line-height: 1.55 !important;\n  vertical-align: top !important;\n}\n#afg-coat-cmp .cc-tbl tbody td:first-child {\n  font-weight: 600 !important;\n  color: var(--cc-ink2) !important;\n  font-size: 12.5px !important;\n}\n#afg-coat-cmp .cc-tbl tbody tr:last-child td { border-bottom: none !important; }\n#afg-coat-cmp .cc-tbl tbody tr:hover td { background: rgba(48,72,144,0.018); }\n\n\/* Category row *\/\n#afg-coat-cmp .cc-tbl .cc-catrow td {\n  background: var(--cc-bg) !important;\n  font-weight: 800 !important;\n  font-size: 11px !important;\n  letter-spacing: 1.8px !important;\n  text-transform: uppercase !important;\n  color: var(--cc-p) !important;\n  padding: 11px 20px !important;\n  border-bottom: 1px solid var(--cc-line) !important;\n}\n\/* Best value highlight *\/\n#afg-coat-cmp .cc-tbl .cc-best {\n  font-weight: 700 !important;\n  color: var(--cc-ink) !important;\n}\n#afg-coat-cmp .cc-tbl .cc-best::before {\n  content: '\u2605 ';\n  font-size: 9px;\n  color: var(--cc-ar);\n}\n\n\/* =============================================\n   PANEL 3 \u2014 RADAR CHART\n   ============================================= *\/\n#afg-coat-cmp .cc-radar-wrap {\n  display: flex;\n  gap: 24px;\n  align-items: stretch;\n}\n#afg-coat-cmp .cc-radar-main {\n  flex: 1;\n  background: var(--cc-w);\n  border-radius: var(--cc-r);\n  border: 1px solid var(--cc-line);\n  padding: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 430px;\n}\n#afg-coat-cmp .cc-radar-main canvas {\n  display: block;\n  max-width: 100%;\n}\n#afg-coat-cmp .cc-radar-side {\n  width: 310px;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n#afg-coat-cmp .cc-leg {\n  background: var(--cc-w);\n  border-radius: 12px;\n  border: 1.5px solid var(--cc-line);\n  padding: 20px;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  display: flex;\n  gap: 14px;\n  align-items: flex-start;\n  user-select: none;\n}\n#afg-coat-cmp .cc-leg:hover {\n  border-color: var(--cc-p3);\n  box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n}\n#afg-coat-cmp .cc-leg.cc-off {\n  opacity: 0.25;\n  transform: scale(0.98);\n}\n#afg-coat-cmp .cc-leg-dot {\n  width: 14px; height: 14px;\n  border-radius: 4px;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n#afg-coat-cmp .cc-leg-info { flex: 1; min-width: 0; }\n#afg-coat-cmp .cc-leg-name {\n  font-family: var(--cc-f) !important;\n  font-size: 14.5px !important;\n  font-weight: 700 !important;\n  color: var(--cc-ink) !important;\n  display: block !important;\n  margin: 0 0 4px 0 !important;\n}\n#afg-coat-cmp .cc-leg-txt {\n  font-family: var(--cc-f) !important;\n  font-size: 12.5px !important;\n  color: var(--cc-ink2) !important;\n  line-height: 1.6 !important;\n  display: block !important;\n  margin: 0 0 8px 0 !important;\n}\n#afg-coat-cmp .cc-leg-tags {\n  display: flex;\n  gap: 5px;\n  flex-wrap: wrap;\n}\n#afg-coat-cmp .cc-ltag {\n  font-family: var(--cc-f) !important;\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  padding: 3px 8px !important;\n  border-radius: 5px !important;\n  background: var(--cc-line2);\n  color: var(--cc-ink2);\n}\n\n\/* ===== APP GRID ===== *\/\n#afg-coat-cmp .cc-apps-label {\n  font-family: var(--cc-f) !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  color: var(--cc-p) !important;\n  letter-spacing: 2.2px !important;\n  text-transform: uppercase !important;\n  margin: 40px 0 16px 0 !important;\n  display: block !important;\n}\n#afg-coat-cmp .cc-apps {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n  gap: 12px;\n}\n#afg-coat-cmp .cc-app {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 16px 18px;\n  background: var(--cc-w);\n  border-radius: 12px;\n  border: 1px solid var(--cc-line);\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n#afg-coat-cmp .cc-app:hover {\n  border-color: var(--cc-p3);\n  box-shadow: 0 4px 16px rgba(0,0,0,0.04);\n}\n#afg-coat-cmp .cc-app-ico {\n  width: 42px; height: 42px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n#afg-coat-cmp .cc-app-body { flex: 1; min-width: 0; }\n#afg-coat-cmp .cc-app-name {\n  font-family: var(--cc-f) !important;\n  font-size: 13.5px !important;\n  font-weight: 700 !important;\n  color: var(--cc-ink) !important;\n  display: block !important;\n  margin: 0 0 2px 0 !important;\n}\n#afg-coat-cmp .cc-app-note {\n  font-family: var(--cc-f) !important;\n  font-size: 12px !important;\n  color: var(--cc-ink3) !important;\n  display: block !important;\n  margin: 0 !important;\n}\n#afg-coat-cmp .cc-pills { display: flex; gap: 3px; flex-shrink: 0; }\n#afg-coat-cmp .cc-pill {\n  font-family: var(--cc-f) !important;\n  font-size: 10px !important;\n  font-weight: 800 !important;\n  padding: 3px 8px !important;\n  border-radius: 5px !important;\n  line-height: 1.4 !important;\n}\n#afg-coat-cmp .cc-p-af { background: var(--cc-af-bg); color: var(--cc-af); }\n#afg-coat-cmp .cc-p-ag { background: var(--cc-ag-bg); color: var(--cc-ag); }\n#afg-coat-cmp .cc-p-ar { background: var(--cc-ar-bg); color: var(--cc-ar); }\n\n\/* ===== FOOTER ===== *\/\n#afg-coat-cmp .cc-foot {\n  margin-top: 32px;\n  padding: 18px 22px;\n  border-radius: 12px;\n  background: rgba(48,72,144,0.03);\n  border-left: 3px solid var(--cc-p);\n}\n#afg-coat-cmp .cc-foot-p {\n  font-family: var(--cc-f) !important;\n  font-size: 12.5px !important;\n  color: var(--cc-ink2) !important;\n  line-height: 1.7 !important;\n  margin: 0 !important;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 960px) {\n  #afg-coat-cmp .cc-cards { grid-template-columns: 1fr; gap: 16px; }\n  #afg-coat-cmp .cc-radar-wrap { flex-direction: column; }\n  #afg-coat-cmp .cc-radar-side { width: 100%; flex-direction: row; flex-wrap: wrap; }\n  #afg-coat-cmp .cc-leg { flex: 1; min-width: 220px; }\n}\n@media (max-width: 640px) {\n  #afg-coat-cmp { padding: 36px 16px !important; }\n  #afg-coat-cmp .cc-h1 { font-size: 26px !important; }\n  #afg-coat-cmp .cc-tabs { width: 100%; }\n  #afg-coat-cmp .cc-tab { flex: 1; text-align: center; font-size: 12px !important; padding: 9px 10px !important; }\n  #afg-coat-cmp .cc-radar-side { flex-direction: column; }\n  #afg-coat-cmp .cc-leg { min-width: 0; }\n  #afg-coat-cmp .cc-apps { grid-template-columns: 1fr; }\n  #afg-coat-cmp .cc-card-title { font-size: 21px !important; }\n}\n<\/style>\n\n<!-- Decorative -->\n<div class=\"cc-deco cc-deco-1\"><\/div>\n<div class=\"cc-deco cc-deco-2\"><\/div>\n\n<div class=\"cc-wrap\">\n  <!-- Header -->\n  <div class=\"cc-head\">\n    <span class=\"cc-kicker\">Glass Coating Technology<\/span>\n    <div class=\"cc-h1\">AF vs AG vs AR Glass \u2014 <em>Complete Comparison<\/em><\/div>\n    <div class=\"cc-desc\">Compare Anti-Fingerprint, Anti-Glare, and Anti-Reflective glass coatings with real industry data. Find the right surface treatment for your application.<\/div>\n  <\/div>\n\n  <!-- Tabs -->\n  <div class=\"cc-tabs\" role=\"tablist\">\n    <button class=\"cc-tab\" role=\"tab\" aria-selected=\"true\" data-p=\"overview\" type=\"button\">Overview<\/button>\n    <button class=\"cc-tab\" role=\"tab\" aria-selected=\"false\" data-p=\"specs\" type=\"button\">Full Specifications<\/button>\n    <button class=\"cc-tab\" role=\"tab\" aria-selected=\"false\" data-p=\"chart\" type=\"button\">Performance Radar<\/button>\n  <\/div>\n\n  <!-- ===== PANEL 1: OVERVIEW ===== -->\n  <div class=\"cc-panel cc-show\" id=\"ccP1\">\n    <div class=\"cc-cards\">\n\n      <!-- AF Card -->\n      <div class=\"cc-card\" data-t=\"af\">\n        <div class=\"cc-card-bar\"><\/div>\n        <div class=\"cc-card-head\">\n          <span class=\"cc-badge\">\ud83d\udca7 AF Glass<\/span>\n          <div class=\"cc-card-title\">Anti-Fingerprint<\/div>\n          <span class=\"cc-card-sub\">Oleophobic &amp; Hydrophobic Nano-Coating<\/span>\n          <div class=\"cc-card-desc\">A fluorosilane-based nano-layer (5\u201320 nm) that repels oils and water from touch surfaces. The coating lowers surface energy so fingerprints bead up and wipe away effortlessly.<\/div>\n        <\/div>\n        <div class=\"cc-card-sep\"><\/div>\n        <div class=\"cc-specs\">\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Water Contact Angle<\/span><span class=\"cc-sr-val\">\u2265 110\u00b0<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"95\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Light Transmittance<\/span><span class=\"cc-sr-val\">\u2265 92%<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"88\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Steel Wool Test<\/span><span class=\"cc-sr-val\">3,000+ cycles<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"72\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Pencil Hardness<\/span><span class=\"cc-sr-val\">4H \u2013 6H<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"55\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Glare Reduction<\/span><span class=\"cc-sr-val\">Minimal<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"10\"><\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- AG Card -->\n      <div class=\"cc-card\" data-t=\"ag\">\n        <div class=\"cc-card-bar\"><\/div>\n        <div class=\"cc-card-head\">\n          <span class=\"cc-badge\">\ud83c\udf2b\ufe0f AG Glass<\/span>\n          <div class=\"cc-card-title\">Anti-Glare<\/div>\n          <span class=\"cc-card-sub\">Chemical Etch &amp; Matte Surface Treatment<\/span>\n          <div class=\"cc-card-desc\">Chemical etching or spray-coated silica particles create a micro-textured surface (Ra 0.5\u20133.0 \u03bcm) that scatters reflected light, drastically reducing glare in bright environments.<\/div>\n        <\/div>\n        <div class=\"cc-card-sep\"><\/div>\n        <div class=\"cc-specs\">\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Gloss Reduction<\/span><span class=\"cc-sr-val\">80\u2013120 GU<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"92\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Light Transmittance<\/span><span class=\"cc-sr-val\">\u2265 88%<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"80\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Surface Roughness<\/span><span class=\"cc-sr-val\">0.5\u20133.0 \u03bcm<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"68\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Pencil Hardness<\/span><span class=\"cc-sr-val\">6H \u2013 7H<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"80\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Fingerprint Resistance<\/span><span class=\"cc-sr-val\">Moderate<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"35\"><\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- AR Card -->\n      <div class=\"cc-card\" data-t=\"ar\">\n        <div class=\"cc-card-bar\"><\/div>\n        <div class=\"cc-card-head\">\n          <span class=\"cc-badge\">\u2728 AR Glass<\/span>\n          <div class=\"cc-card-title\">Anti-Reflective<\/div>\n          <span class=\"cc-card-sub\">Multi-Layer Magnetron Sputtered Coating<\/span>\n          <div class=\"cc-card-desc\">4\u20138 alternating thin-film layers of TiO\u2082, SiO\u2082, and MgF\u2082 deposited via magnetron sputtering cancel surface reflections through destructive interference, maximizing clarity.<\/div>\n        <\/div>\n        <div class=\"cc-card-sep\"><\/div>\n        <div class=\"cc-specs\">\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Surface Reflectance<\/span><span class=\"cc-sr-val\">\u2264 0.5%<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"96\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Light Transmittance<\/span><span class=\"cc-sr-val\">\u2265 97%<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"97\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Coating Layers<\/span><span class=\"cc-sr-val\">4\u20138 layers<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"75\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Pencil Hardness<\/span><span class=\"cc-sr-val\">5H \u2013 7H<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"70\"><\/div><\/div>\n          <\/div>\n          <div class=\"cc-sr\">\n            <div class=\"cc-sr-top\"><span class=\"cc-sr-lbl\">Fingerprint Resistance<\/span><span class=\"cc-sr-val\">Poor<\/span><\/div>\n            <div class=\"cc-sr-track\"><div class=\"cc-sr-fill\" data-w=\"8\"><\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== PANEL 2: TABLE ===== -->\n  <div class=\"cc-panel\" id=\"ccP2\">\n    <div class=\"cc-tbl-box\">\n      <div class=\"cc-tbl-scroll\">\n        <table class=\"cc-tbl\">\n          <thead>\n            <tr>\n              <th>Parameter<\/th>\n              <th class=\"cc-th-af\"><span class=\"cc-th-dot\" style=\"background:var(--cc-af);\"><\/span>AF Glass<\/th>\n              <th class=\"cc-th-ag\"><span class=\"cc-th-dot\" style=\"background:var(--cc-ag);\"><\/span>AG Glass<\/th>\n              <th class=\"cc-th-ar\"><span class=\"cc-th-dot\" style=\"background:var(--cc-ar);\"><\/span>AR Glass<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr class=\"cc-catrow\"><td colspan=\"4\">Coating Fundamentals<\/td><\/tr>\n            <tr><td>Full Name<\/td><td>Anti-Fingerprint (Oleophobic)<\/td><td>Anti-Glare (Matte Etch)<\/td><td>Anti-Reflective (Multi-Layer)<\/td><\/tr>\n            <tr><td>Coating Method<\/td><td>Vacuum Evaporation \/ Spray<\/td><td>Chemical Etching \/ Spray Coat<\/td><td>Magnetron Sputtering \/ E-beam<\/td><\/tr>\n            <tr><td>Coating Material<\/td><td>Fluorosilane (PFPE-based)<\/td><td>SiO\u2082 \/ Silica Particles<\/td><td>MgF\u2082 \/ TiO\u2082 \/ SiO\u2082 Stack<\/td><\/tr>\n            <tr><td>Coating Thickness<\/td><td>5 \u2013 20 nm<\/td><td>100 \u2013 500 nm (etch depth)<\/td><td>200 \u2013 600 nm (total stack)<\/td><\/tr>\n            <tr><td>Process Temperature<\/td><td>200 \u2013 300 \u00b0C bake<\/td><td>RT (etch) \/ 80 \u00b0C (spray)<\/td><td>150 \u2013 300 \u00b0C (sputtering)<\/td><\/tr>\n            <tr class=\"cc-catrow\"><td colspan=\"4\">Optical Performance<\/td><\/tr>\n            <tr><td>Light Transmittance<\/td><td>\u2265 92%<\/td><td>\u2265 88%<\/td><td class=\"cc-best\">\u2265 97%<\/td><\/tr>\n            <tr><td>Surface Reflectance<\/td><td>~4%<\/td><td>~2 \u2013 4% (diffused)<\/td><td class=\"cc-best\">\u2264 0.5%<\/td><\/tr>\n            <tr><td>Haze Value<\/td><td>&lt; 1%<\/td><td>5 \u2013 25%<\/td><td class=\"cc-best\">&lt; 0.5%<\/td><\/tr>\n            <tr><td>Optical Clarity<\/td><td>High<\/td><td>Reduced (sparkle possible)<\/td><td class=\"cc-best\">Very High<\/td><\/tr>\n            <tr class=\"cc-catrow\"><td colspan=\"4\">Surface Properties<\/td><\/tr>\n            <tr><td>Water Contact Angle<\/td><td class=\"cc-best\">\u2265 110\u00b0<\/td><td>50 \u2013 80\u00b0<\/td><td>30 \u2013 50\u00b0<\/td><\/tr>\n            <tr><td>Fingerprint Resistance<\/td><td class=\"cc-best\">Excellent<\/td><td>Moderate (hidden by matte)<\/td><td>Poor<\/td><\/tr>\n            <tr><td>Glare Reduction<\/td><td>Minimal<\/td><td class=\"cc-best\">Excellent<\/td><td>Good (via reduced reflection)<\/td><\/tr>\n            <tr><td>Surface Roughness<\/td><td>&lt; 0.01 \u03bcm<\/td><td>0.5 \u2013 3.0 \u03bcm<\/td><td>&lt; 0.01 \u03bcm<\/td><\/tr>\n            <tr class=\"cc-catrow\"><td colspan=\"4\">Durability &amp; Resistance<\/td><\/tr>\n            <tr><td>Pencil Hardness<\/td><td>4H \u2013 6H<\/td><td class=\"cc-best\">6H \u2013 7H<\/td><td>5H \u2013 7H<\/td><\/tr>\n            <tr><td>Steel Wool Abrasion<\/td><td class=\"cc-best\">3,000 \u2013 5,000 cyc<\/td><td>N\/A (etched surface)<\/td><td>500 \u2013 2,000 cyc<\/td><\/tr>\n            <tr><td>UV Resistance<\/td><td>Good<\/td><td class=\"cc-best\">Excellent<\/td><td>Good<\/td><\/tr>\n            <tr><td>Chemical Resistance<\/td><td>Moderate<\/td><td class=\"cc-best\">Excellent<\/td><td>Good<\/td><\/tr>\n            <tr class=\"cc-catrow\"><td colspan=\"4\">Application &amp; Cost<\/td><\/tr>\n            <tr><td>Typical Substrate<\/td><td>Soda-lime \/ Chem. Strengthened<\/td><td>Soda-lime \/ Float Glass<\/td><td>Optical \/ Borosilicate<\/td><\/tr>\n            <tr><td>Best Application<\/td><td>Touch screens, smartphones<\/td><td>Outdoor \/ industrial displays<\/td><td>Medical \/ optical instruments<\/td><\/tr>\n            <tr><td>Relative Cost<\/td><td>Medium<\/td><td>Low \u2013 Medium<\/td><td>High<\/td><\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== PANEL 3: RADAR ===== -->\n  <div class=\"cc-panel\" id=\"ccP3\">\n    <div class=\"cc-radar-wrap\">\n      <div class=\"cc-radar-main\">\n        <canvas id=\"ccRadar\"><\/canvas>\n      <\/div>\n      <div class=\"cc-radar-side\">\n        <div class=\"cc-leg\" data-k=\"af\">\n          <div class=\"cc-leg-dot\" style=\"background:var(--cc-af);\"><\/div>\n          <div class=\"cc-leg-info\">\n            <span class=\"cc-leg-name\">AF Glass<\/span>\n            <span class=\"cc-leg-txt\">Excels in oleophobicity and easy-clean performance. Best for high-touch consumer devices.<\/span>\n            <div class=\"cc-leg-tags\"><span class=\"cc-ltag\">Touch Screens<\/span><span class=\"cc-ltag\">Smartphones<\/span><span class=\"cc-ltag\">Smart Home<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"cc-leg\" data-k=\"ag\">\n          <div class=\"cc-leg-dot\" style=\"background:var(--cc-ag);\"><\/div>\n          <div class=\"cc-leg-info\">\n            <span class=\"cc-leg-name\">AG Glass<\/span>\n            <span class=\"cc-leg-txt\">Dominates in glare control and surface durability. Ideal for outdoor and industrial use.<\/span>\n            <div class=\"cc-leg-tags\"><span class=\"cc-ltag\">Industrial HMI<\/span><span class=\"cc-ltag\">Outdoor<\/span><span class=\"cc-ltag\">Automotive<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"cc-leg\" data-k=\"ar\">\n          <div class=\"cc-leg-dot\" style=\"background:var(--cc-ar);\"><\/div>\n          <div class=\"cc-leg-info\">\n            <span class=\"cc-leg-name\">AR Glass<\/span>\n            <span class=\"cc-leg-txt\">Unmatched optical clarity and maximum light transmission for precision displays.<\/span>\n            <div class=\"cc-leg-tags\"><span class=\"cc-ltag\">Medical<\/span><span class=\"cc-ltag\">Optical<\/span><span class=\"cc-ltag\">Solar<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Applications -->\n  <span class=\"cc-apps-label\">Recommended Coatings by Application<\/span>\n  <div class=\"cc-apps\">\n    <div class=\"cc-app\"><div class=\"cc-app-ico\" style=\"background:var(--cc-af-bg);\">\ud83d\udcf1<\/div><div class=\"cc-app-body\"><span class=\"cc-app-name\">Smartphones &amp; Tablets<\/span><span class=\"cc-app-note\">Constant finger contact \u2014 oleophobic essential<\/span><\/div><div class=\"cc-pills\"><span class=\"cc-pill cc-p-af\">AF<\/span><\/div><\/div>\n    <div class=\"cc-app\"><div class=\"cc-app-ico\" style=\"background:var(--cc-ag-bg);\">\ud83c\udfed<\/div><div class=\"cc-app-body\"><span class=\"cc-app-name\">Industrial HMI Panels<\/span><span class=\"cc-app-note\">Bright factory floors need glare control<\/span><\/div><div class=\"cc-pills\"><span class=\"cc-pill cc-p-ag\">AG<\/span><span class=\"cc-pill cc-p-af\">AF<\/span><\/div><\/div>\n    <div class=\"cc-app\"><div class=\"cc-app-ico\" style=\"background:var(--cc-ar-bg);\">\ud83c\udfe5<\/div><div class=\"cc-app-body\"><span class=\"cc-app-name\">Medical Displays<\/span><span class=\"cc-app-note\">Diagnostic accuracy demands max clarity<\/span><\/div><div class=\"cc-pills\"><span class=\"cc-pill cc-p-ar\">AR<\/span><span class=\"cc-pill cc-p-af\">AF<\/span><\/div><\/div>\n    <div class=\"cc-app\"><div class=\"cc-app-ico\" style=\"background:rgba(48,72,144,0.06);\">\ud83d\ude97<\/div><div class=\"cc-app-body\"><span class=\"cc-app-name\">EV &amp; Automotive Dashboards<\/span><span class=\"cc-app-note\">Sunlight + touch = triple coating ideal<\/span><\/div><div class=\"cc-pills\"><span class=\"cc-pill cc-p-ag\">AG<\/span><span class=\"cc-pill cc-p-ar\">AR<\/span><span class=\"cc-pill cc-p-af\">AF<\/span><\/div><\/div>\n    <div class=\"cc-app\"><div class=\"cc-app-ico\" style=\"background:var(--cc-ag-bg);\">\ud83c\udfe7<\/div><div class=\"cc-app-body\"><span class=\"cc-app-name\">ATM &amp; Self-Service Kiosks<\/span><span class=\"cc-app-note\">Public touch + outdoor readability<\/span><\/div><div class=\"cc-pills\"><span class=\"cc-pill cc-p-af\">AF<\/span><span class=\"cc-pill cc-p-ag\">AG<\/span><\/div><\/div>\n    <div class=\"cc-app\"><div class=\"cc-app-ico\" style=\"background:var(--cc-af-bg);\">\ud83c\udfe0<\/div><div class=\"cc-app-body\"><span class=\"cc-app-name\">Smart Home Panels<\/span><span class=\"cc-app-note\">Daily fingerprints on wall-mount surfaces<\/span><\/div><div class=\"cc-pills\"><span class=\"cc-pill cc-p-af\">AF<\/span><\/div><\/div>\n    <div class=\"cc-app\"><div class=\"cc-app-ico\" style=\"background:var(--cc-ar-bg);\">\u231a<\/div><div class=\"cc-app-body\"><span class=\"cc-app-name\">Wearable Devices<\/span><span class=\"cc-app-note\">Small screen, outdoor readability matters<\/span><\/div><div class=\"cc-pills\"><span class=\"cc-pill cc-p-af\">AF<\/span><span class=\"cc-pill cc-p-ar\">AR<\/span><\/div><\/div>\n    <div class=\"cc-app\"><div class=\"cc-app-ico\" style=\"background:var(--cc-ar-bg);\">\u2600\ufe0f<\/div><div class=\"cc-app-body\"><span class=\"cc-app-name\">Solar Panel Cover Glass<\/span><span class=\"cc-app-note\">Maximum light capture and self-cleaning<\/span><\/div><div class=\"cc-pills\"><span class=\"cc-pill cc-p-ar\">AR<\/span><\/div><\/div>\n  <\/div>\n\n  <!-- Footer -->\n  <div class=\"cc-foot\">\n    <div class=\"cc-foot-p\"><strong>Data Reference:<\/strong> All specifications based on industry-standard testing \u2014 ASTM D7334 (contact angle), JIS R3106 (transmittance), ISO 15184 (pencil hardness), steel wool abrasion (0000# grade, 1 kg load, 10 cm stroke). Values are typical ranges; actual results depend on substrate, process, and manufacturer. Contact AF Glass for certified test reports.<\/div>\n  <\/div>\n<\/div>\n\n<!-- ====== SCRIPT ====== -->\n<script>\n(function() {\n  'use strict';\n  var R = document.getElementById('afg-coat-cmp');\n  if (!R) return;\n\n  \/* --- TAB SWITCHING --- *\/\n  var tabs = R.querySelectorAll('.cc-tab');\n  var panelMap = { overview: 'ccP1', specs: 'ccP2', chart: 'ccP3' };\n\n  function switchTo(name) {\n    tabs.forEach(function(t) {\n      t.setAttribute('aria-selected', t.getAttribute('data-p') === name ? 'true' : 'false');\n    });\n    Object.keys(panelMap).forEach(function(k) {\n      var el = R.querySelector('#' + panelMap[k]);\n      if (k === name) {\n        el.classList.add('cc-show');\n      } else {\n        el.classList.remove('cc-show');\n      }\n    });\n    if (name === 'chart') initRadar();\n    if (name === 'overview') animBars();\n  }\n\n  tabs.forEach(function(t) {\n    t.addEventListener('click', function(e) {\n      e.preventDefault();\n      e.stopPropagation();\n      switchTo(this.getAttribute('data-p'));\n    });\n  });\n\n  \/* --- BAR ANIMATION --- *\/\n  var barsAnimated = false;\n  function animBars() {\n    if (barsAnimated) return;\n    barsAnimated = true;\n    var fills = R.querySelectorAll('.cc-sr-fill');\n    fills.forEach(function(f, i) {\n      var w = f.getAttribute('data-w');\n      setTimeout(function() {\n        f.style.width = w + '%';\n        f.classList.add('cc-animated');\n      }, 80 * i);\n    });\n  }\n\n  \/* IntersectionObserver for scroll trigger *\/\n  if ('IntersectionObserver' in window) {\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { animBars(); obs.disconnect(); }\n      });\n    }, { threshold: 0.15 });\n    obs.observe(R);\n  } else {\n    \/* Fallback: animate after short delay *\/\n    setTimeout(animBars, 500);\n  }\n\n  \/* --- RADAR CHART (Canvas) --- *\/\n  var radarBound = false;\n  var vis = { af: true, ag: true, ar: true };\n\n  var LABELS = ['Transmittance', 'Oleophobicity', 'Hardness', 'Anti-Glare', 'Optical Clarity', 'Durability'];\n  var SETS = {\n    af: { v: [88, 97, 55, 12, 90, 78], stroke: '#2B7CD4', fill: 'rgba(43,124,212,0.14)' },\n    ag: { v: [80, 32, 82, 96, 45, 88], stroke: '#18855F', fill: 'rgba(24,133,95,0.14)' },\n    ar: { v: [98, 8,  72, 50, 98, 48], stroke: '#C07B2A', fill: 'rgba(192,123,42,0.14)' }\n  };\n\n  function initRadar() {\n    var canvas = R.querySelector('#ccRadar');\n    if (!canvas) return;\n    var box = canvas.parentElement;\n    var size = Math.min(box.clientWidth - 64, box.clientHeight - 64, 400);\n    if (size < 200) size = 280;\n    var dpr = window.devicePixelRatio || 1;\n\n    canvas.width = size * dpr;\n    canvas.height = size * dpr;\n    canvas.style.width = size + 'px';\n    canvas.style.height = size + 'px';\n\n    var ctx = canvas.getContext('2d');\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    renderRadar(ctx, size);\n\n    if (!radarBound) {\n      radarBound = true;\n      R.querySelectorAll('.cc-leg').forEach(function(el) {\n        el.addEventListener('click', function(e) {\n          e.preventDefault();\n          var k = this.getAttribute('data-k');\n          vis[k] = !vis[k];\n          this.classList.toggle('cc-off', !vis[k]);\n          initRadar();\n        });\n      });\n      var rt;\n      window.addEventListener('resize', function() {\n        clearTimeout(rt);\n        rt = setTimeout(function() {\n          if (R.querySelector('#ccP3').classList.contains('cc-show')) initRadar();\n        }, 250);\n      });\n    }\n  }\n\n  function renderRadar(ctx, size) {\n    var n = LABELS.length;\n    var cx = size \/ 2, cy = size \/ 2;\n    var radius = cx - 48;\n\n    ctx.clearRect(0, 0, size, size);\n\n    function pt(i, val) {\n      var a = (Math.PI * 2 \/ n) * i - Math.PI \/ 2;\n      var r = radius * (val \/ 100);\n      return [cx + r * Math.cos(a), cy + r * Math.sin(a)];\n    }\n\n    \/* Grid *\/\n    for (var lv = 1; lv <= 5; lv++) {\n      ctx.beginPath();\n      for (var i = 0; i <= n; i++) {\n        var p = pt(i % n, lv * 20);\n        i === 0 ? ctx.moveTo(p[0], p[1]) : ctx.lineTo(p[0], p[1]);\n      }\n      ctx.closePath();\n      ctx.strokeStyle = lv === 5 ? '#C0C5D6' : '#E0E3EE';\n      ctx.lineWidth = lv === 5 ? 1.5 : 0.8;\n      ctx.stroke();\n    }\n\n    \/* Spokes *\/\n    for (var i = 0; i < n; i++) {\n      var ep = pt(i, 100);\n      ctx.beginPath();\n      ctx.moveTo(cx, cy);\n      ctx.lineTo(ep[0], ep[1]);\n      ctx.strokeStyle = '#DDE0EC';\n      ctx.lineWidth = 0.8;\n      ctx.stroke();\n    }\n\n    \/* Labels *\/\n    ctx.font = '600 11.5px \"Plus Jakarta Sans\", system-ui, sans-serif';\n    ctx.fillStyle = '#3F455C';\n    for (var i = 0; i < n; i++) {\n      var a = (Math.PI * 2 \/ n) * i - Math.PI \/ 2;\n      var lx = cx + (radius + 28) * Math.cos(a);\n      var ly = cy + (radius + 28) * Math.sin(a);\n      ctx.textBaseline = 'middle';\n      var cosA = Math.cos(a);\n      if (Math.abs(cosA) < 0.15) ctx.textAlign = 'center';\n      else ctx.textAlign = cosA < 0 ? 'right' : 'left';\n      ctx.fillText(LABELS[i], lx, ly);\n    }\n\n    \/* Data *\/\n    ['af', 'ag', 'ar'].forEach(function(k) {\n      if (!vis[k]) return;\n      var s = SETS[k];\n      ctx.beginPath();\n      for (var i = 0; i <= n; i++) {\n        var p = pt(i % n, s.v[i % n]);\n        i === 0 ? ctx.moveTo(p[0], p[1]) : ctx.lineTo(p[0], p[1]);\n      }\n      ctx.closePath();\n      ctx.fillStyle = s.fill;\n      ctx.fill();\n      ctx.strokeStyle = s.stroke;\n      ctx.lineWidth = 2.5;\n      ctx.stroke();\n\n      for (var i = 0; i < n; i++) {\n        var p = pt(i, s.v[i]);\n        ctx.beginPath();\n        ctx.arc(p[0], p[1], 4.5, 0, Math.PI * 2);\n        ctx.fillStyle = s.stroke;\n        ctx.fill();\n        ctx.strokeStyle = '#fff';\n        ctx.lineWidth = 2.5;\n        ctx.stroke();\n      }\n    });\n  }\n\n})();\n<\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Glass Coating Technology AF vs AG vs AR Glass \u2014 Complete Comparison Compare Anti-Fingerprint, Anti-Glare, and Anti-Reflective glass coatings with real industry data. Find the right surface treatment for your application. Overview Full Specifications Performance Radar \ud83d\udca7 AF Glass Anti-Fingerprint Oleophobic &amp; Hydrophobic Nano-Coating A fluorosilane-based nano-layer (5\u201320 nm) that repels oils and water from [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1054,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1384","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/1384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/comments?post=1384"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/1384\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/1054"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/media?parent=1384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}