{"id":155,"date":"2026-09-15T05:58:40","date_gmt":"2026-09-15T05:58:40","guid":{"rendered":"https:\/\/smartzincanode.com\/?page_id=155"},"modified":"2026-09-19T13:11:16","modified_gmt":"2026-09-19T13:11:16","slug":"smartzincanode_en","status":"publish","type":"page","link":"https:\/\/smartzincanode.com\/?page_id=155","title":{"rendered":"SmartZincAnode_En"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"155\" class=\"elementor elementor-155\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2e1f7d e-flex e-con-boxed e-con e-parent\" data-id=\"b2e1f7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d14fa7 elementor-widget elementor-widget-html\" data-id=\"4d14fa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<meta name=\"theme-color\" content=\"#163995\">\r\n\r\n<!-- ============ SEO \/ GEO \/ AI-FRIENDLY META ============ -->\r\n<title>SmartZinc Z+ | Embedded Galvanic Zinc Anode for Reinforced Concrete | TIS 3029-2563<\/title>\r\n<meta name=\"description\" content=\"SmartZinc Z+ is an embedded galvanic zinc anode delivering Cathodic Protection for reinforced concrete structures. Certified to TIS 3029-2563 \u00b7 ASTM B418 Type II \u00b7 designed to ISO 12696:2012. Full-service Design\u2013Supply\u2013Installation\u2013Inspection by corrosion engineers. Call +66 88-791 4494\">\r\n<meta name=\"keywords\" content=\"SmartZinc Z+, embedded galvanic anode, galvanic anode, sacrificial anode, zinc anode, cathodic protection, ICCP, TIS 3029-2563, ISO 12696, ASTM B418, reinforcing steel corrosion protection, concrete cracking, chloride attack, carbonation, concrete spalling, concrete repair, Smart and Bright\">\r\n<meta name=\"robots\" content=\"index, follow, max-image-preview:large\">\r\n<meta name=\"author\" content=\"Smart &amp; Bright Co., Ltd.\">\r\n<link rel=\"canonical\" href=\"https:\/\/smartzincanode.com\/?page_id=155\">\r\n<link rel=\"alternate\" hreflang=\"th\" href=\"https:\/\/www.smartcoating.com\/smartzinc-z-plus\">\r\n<link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/smartzincanode.com\/?page_id=155\">\r\n<link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/www.smartcoating.com\/smartzinc-z-plus\">\r\n\r\n<!-- Open Graph \/ Social -->\r\n<meta property=\"og:type\" content=\"product\">\r\n<meta property=\"og:title\" content=\"SmartZinc Z+: Embedded Galvanic Zinc Anode | Corrosion Protection for Reinforced Concrete\">\r\n<meta property=\"og:description\" content=\"Galvanic cathodic protection system for reinforcing steel in concrete, engineered by corrosion engineers. Certified to TIS 3029-2563 and ASTM B418 Type II. Full-service Design \u00b7 Supply \u00b7 Installation \u00b7 Inspection\">\r\n<meta property=\"og:site_name\" content=\"Smart &amp; Bright\">\r\n<meta property=\"og:url\" content=\"https:\/\/smartzincanode.com\/?page_id=155\">\r\n<meta property=\"og:locale\" content=\"en_US\">\r\n<meta name=\"twitter:card\" content=\"summary_large_image\">\r\n\r\n<!-- ============ STRUCTURED DATA (helps AI Overview \/ GEO) ============ -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Product\",\r\n  \"name\": \"SmartZinc Z+\",\r\n  \"alternateName\": \"Embedded Galvanic Zinc Anode Mortar Puck for Corrosion Control of Structural Steel in Concrete\",\r\n  \"description\": \"SmartZinc Z+ is an embedded galvanic anode encased in a high-alkalinity cement mortar (pH \u2265 14) that acts as a sacrificial anode to prevent corrosion of reinforcing steel in concrete via Galvanic Cathodic Protection. Manufactured to TIS 3029-2563, using zinc to ASTM B418 Type II, and designed to ISO 12696:2012\",\r\n  \"category\": \"Cathodic Protection \/ Galvanic Anode\",\r\n  \"brand\": { \"@type\": \"Brand\", \"name\": \"Smart & Bright\" },\r\n  \"manufacturer\": { \"@type\": \"Organization\", \"name\": \"Smart & Bright Co., Ltd.\", \"url\": \"https:\/\/www.smartcoating.com\" },\r\n  \"material\": \"Zinc (ASTM B418 Type II) encased in high-alkali cement mortar\",\r\n  \"award\": \"Certified to Thai Industrial Standard TIS 3029-2563 (License No. 8496-3\/3029)\",\r\n  \"model\": [\"Z+60G\",\"Z+80G\",\"Z+100G\",\"Z+130G\",\"Z+160G\"],\r\n  \"additionalProperty\": [\r\n    {\"@type\":\"PropertyValue\",\"name\":\"Design Standard\",\"value\":\"ISO 12696:2012 Cathodic Protection of Steel in Concrete\"},\r\n    {\"@type\":\"PropertyValue\",\"name\":\"Anode Zinc Standard\",\"value\":\"ASTM B418 Type II\"},\r\n    {\"@type\":\"PropertyValue\",\"name\":\"Polarization Decay\",\"value\":\"\u2265 100 mV within 24 hours\"},\r\n    {\"@type\":\"PropertyValue\",\"name\":\"Minimum Protection Radius (per TIS test)\",\"value\":\"\u2265 500 mm\"},\r\n    {\"@type\":\"PropertyValue\",\"name\":\"Design Service Life\",\"value\":\"10\u201330 years, depending on model, quantity, spacing, environment, rebar density and the engineer's design calculations\"},\r\n    {\"@type\":\"PropertyValue\",\"name\":\"Services\",\"value\":\"Design \u00b7 Supply \u00b7 Installation \u00b7 Inspection\"}\r\n  ]\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Organization\",\r\n  \"name\": \"Smart & Bright Co., Ltd.\",\r\n  \"url\": \"https:\/\/www.smartcoating.com\",\r\n  \"logo\": \"https:\/\/www.smartcoating.com\/logo.png\",\r\n  \"description\": \"Specialists in reinforced concrete repair and strengthening for over 27 years, covering Concrete Repair, Epoxy Injection, Corrosion Control, Waterproofing, FRP\/CFRP Strengthening, and the SmartZinc Z+ corrosion protection system\",\r\n  \"telephone\": \"+66-88-791-4494\",\r\n  \"areaServed\": \"TH\",\r\n  \"sameAs\": [\"https:\/\/www.smartcoating.com\",\"https:\/\/www.smartandbright.co.th\",\"https:\/\/line.me\/ti\/p\/~@smartcoating\"]\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"GeneralContractor\",\r\n  \"name\": \"Smart & Bright Co., Ltd.\",\r\n  \"url\": \"https:\/\/www.smartcoating.com\",\r\n  \"image\": \"https:\/\/www.smartcoating.com\/logo.png\",\r\n  \"telephone\": \"+66-88-791-4494\",\r\n  \"description\": \"Specialists in reinforced concrete repair and strengthening for over 27 years, serving nationwide across Thailand, covering Concrete Repair, Epoxy Injection, Corrosion Control, Waterproofing, FRP\/CFRP Strengthening, and the SmartZinc Z+ corrosion protection system\",\r\n  \"areaServed\": { \"@type\": \"Country\", \"name\": \"Thailand\" },\r\n  \"sameAs\": [\"https:\/\/www.smartcoating.com\",\"https:\/\/www.smartandbright.co.th\",\"https:\/\/line.me\/ti\/p\/~@smartcoating\"]\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\"@type\":\"Question\",\"name\":\"How does reinforcing steel in concrete rust?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Concrete is normally highly alkaline (pH around 12\u201313), which forms a passive film that coats the reinforcing steel and prevents rust. When chloride from seawater or chemicals penetrates to a critical level, or CO2 carbonates the concrete and lowers its pH, the passive film breaks down and the steel begins to corrode electrochemically.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Why does rusting reinforcement cause concrete to crack and spall?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Iron oxide (rust) can occupy roughly 2\u20136 times more volume than the original steel. This expansion creates internal pressure inside the concrete, causing cracking, delamination, and spalling, while the reduced steel cross-section also lowers the structure's load-carrying capacity.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"What is the difference between Cathodic Protection and Galvanic Protection?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Cathodic Protection is the principle of preventing corrosion by making the metal to be protected the cathode. It splits into two main systems: Galvanic (Sacrificial Anode), which uses the natural potential difference of a more reactive metal such as zinc to supply current to the steel without external power, and ICCP (Impressed Current), which uses an external DC power supply and requires ongoing control and maintenance.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Why choose a zinc anode for reinforced concrete?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Zinc has a more negative electrical potential than steel, so it sacrifices itself to corrosion in place of the steel without needing an external power source, wiring, or control cabinets. It can be installed alongside concrete repair work immediately, requires almost no maintenance, and controls the Ring Anode Effect risk around the repair area well, giving a lower life-cycle cost than repeated surface repairs or an ICCP system in most projects.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"What certifications does SmartZinc Z+ hold?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"SmartZinc Z+ is manufactured by a licensed producer certified to TIS 3029-2563, License No. 8496-3\/3029, using zinc to ASTM B418 Type II, with the system designed to ISO 12696:2012.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"How many SmartZinc Z+ models are there, and how do I choose?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"There are 5 models by zinc weight: Z+60G, Z+80G, Z+100G, Z+130G and Z+160G. Selection depends on corrosion risk level, rebar density, desired service life, and budget. The engineer calculates quantity and spacing to ISO 12696:2012.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"What types of projects is it suitable for?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Suitable for bridges, piers, marine structures, parking structures, hospitals, industrial plants, water treatment plants, water tanks, dams, and any reinforced concrete repair project that needs corrosion control without repeated repairs.\"}}\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"HowTo\",\r\n  \"name\": \"SmartZinc Z+ Embedded Galvanic Anode Installation Procedure (13 Steps)\",\r\n  \"description\": \"The engineering process for installing a Galvanic Cathodic Protection system in reinforced concrete structures, from site survey and assessment, through design to ISO 12696:2012, installation, and verification testing with document handover\",\r\n  \"step\": [\r\n    {\"@type\":\"HowToStep\",\"position\":1,\"name\":\"Site survey and corrosion assessment\"},\r\n    {\"@type\":\"HowToStep\",\"position\":2,\"name\":\"Half-Cell Potential Survey\"},\r\n    {\"@type\":\"HowToStep\",\"position\":3,\"name\":\"Concrete resistivity and moisture testing\"},\r\n    {\"@type\":\"HowToStep\",\"position\":4,\"name\":\"System design and calculation to ISO 12696\"},\r\n    {\"@type\":\"HowToStep\",\"position\":5,\"name\":\"Shop drawing and Method Statement preparation\"},\r\n    {\"@type\":\"HowToStep\",\"position\":6,\"name\":\"Marking positions and removing deteriorated concrete\"},\r\n    {\"@type\":\"HowToStep\",\"position\":7,\"name\":\"Cleaning the reinforcing steel surface\"},\r\n    {\"@type\":\"HowToStep\",\"position\":8,\"name\":\"Testing electrical continuity of the reinforcing steel\"},\r\n    {\"@type\":\"HowToStep\",\"position\":9,\"name\":\"Installing the SmartZinc Z+ anode\"},\r\n    {\"@type\":\"HowToStep\",\"position\":10,\"name\":\"Connecting lead wires to the reinforcing steel\"},\r\n    {\"@type\":\"HowToStep\",\"position\":11,\"name\":\"Patching with structural repair material\"},\r\n    {\"@type\":\"HowToStep\",\"position\":12,\"name\":\"Curing concrete and post-installation potential measurement\"},\r\n    {\"@type\":\"HowToStep\",\"position\":13,\"name\":\"QC documentation and As-Built handover\"}\r\n  ]\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Service\",\r\n  \"serviceType\": \"Corrosion Engineering \/ Cathodic Protection for Reinforced Concrete\",\r\n  \"provider\": {\"@type\":\"Organization\",\"name\":\"Smart & Bright Co., Ltd.\",\"url\":\"https:\/\/www.smartcoating.com\"},\r\n  \"areaServed\": \"TH\",\r\n  \"hasOfferCatalog\": {\r\n    \"@type\": \"OfferCatalog\",\r\n    \"name\": \"Engineering Design Services\",\r\n    \"itemListElement\": [\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Engineering Design: corrosion protection system design to ISO 12696:2012\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Shop Drawing: construction installation drawings\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Corrosion Assessment: corrosion condition survey\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Installation: installed by a trained field team\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Inspection: inspection and quality control\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Half Cell Potential Survey\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Concrete Resistivity Testing\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Continuity Test: electrical continuity testing\"}},\r\n      {\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Engineering Report\"}}\r\n    ]\r\n  }\r\n}\r\n<\/script>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@400;500;600;700;800&family=Anuphan:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n:root{\r\n  \/* ===== Smart & Bright CI palette =====\r\n     Brand core: Blue #163995 \u00b7 Orange #EE8731 \u00b7 Gray #D3D1D0 \u00b7 White #FFFFFF\r\n     Everything below is a tint\/shade of those four values. *\/\r\n  --ink:#0B1730;\r\n  --navy-950:#0F2266;\r\n  --navy-900:#163995;        \/* brand blue *\/\r\n  --navy-800:#1E4BAE;\r\n  --navy-700:#2C5FC4;\r\n  --navy-600:#4276D6;\r\n  --steel:#6B6967;           \/* body text on light \u2014 darkened brand gray for AA *\/\r\n  --steel-2:#D3D1D0;         \/* brand gray *\/\r\n  --navy-500:#6191E0;\r\n  --grad-a:linear-gradient(168deg,#2C5FC4 0%,#0F2266 52%,#4276D6 100%);\r\n  --grad-b:linear-gradient(196deg,#1E4BAE 0%,#2C5FC4 55%,#1E4BAE 100%);\r\n  --zinc:#D3D1D0;            \/* brand gray *\/\r\n  --zinc-2:#EAE9E8;\r\n  --paper:#F8F7F7;\r\n  --paper-2:#F1F0EF;\r\n  --white:#fff;\r\n\r\n  \/* light surface gradients \u2014 the \"white gradient\" system, tinted with brand blue *\/\r\n  --grad-light:linear-gradient(180deg,#FFFFFF 0%,#F8F9FC 46%,#EEF2FA 100%);\r\n  --grad-light-2:linear-gradient(180deg,#F8F7F7 0%,#FFFFFF 52%,#F3F5FA 100%);\r\n  --grad-sky:linear-gradient(168deg,#FFFFFF 0%,#F4F7FC 38%,#E9EFFA 100%);\r\n\r\n  \/* text ON navy \u2014 brightened for readability *\/\r\n  --on-navy:#F1F5FC;         \/* headings \/ strong copy *\/\r\n  --on-navy-2:#CBD8ED;       \/* body copy *\/\r\n  --on-navy-3:#A7BEE0;       \/* captions only *\/\r\n\r\n  --accent:#EE8731;          \/* brand orange \u2014 fills, borders, buttons *\/\r\n  --accent-2:#F2A25C;\r\n  --accent-ink:#A85A1A;      \/* accent TEXT on light bg (AA on white) *\/\r\n  --accent-lite:#F4AD73;     \/* accent TEXT on navy bg (AA on gradient) *\/\r\n  --amber:#F7B879;\r\n  --cyan:#6191E0;\r\n  --green:#25D07A;\r\n  --rust:#B7410E;\r\n\r\n  --line:rgba(11,23,48,.11);\r\n  --line-d:rgba(255,255,255,.10);\r\n\r\n  --r-sm:10px; --r:16px; --r-lg:24px; --r-xl:32px;\r\n  \/* layered elevation \u2014 a tight contact shadow + a wide ambient one reads\r\n     far deeper than a single blur *\/\r\n  --sh-sm:0 1px 2px rgba(11,23,48,.06),0 4px 14px rgba(11,23,48,.06);\r\n  --sh:0 2px 4px rgba(11,23,48,.05),0 10px 24px rgba(11,23,48,.08),0 26px 60px rgba(11,23,48,.10);\r\n  --sh-lg:0 4px 8px rgba(11,23,48,.06),0 20px 46px rgba(11,23,48,.12),0 52px 110px rgba(11,23,48,.20);\r\n  --sh-nav:0 2px 6px rgba(6,18,40,.22),0 18px 44px rgba(6,18,40,.30),0 44px 90px rgba(6,18,40,.34);\r\n  --glow-a:0 0 0 1px rgba(238,135,49,.22),0 14px 40px rgba(238,135,49,.22);\r\n  --maxw:1240px;\r\n  --nav-h:74px;\r\n\r\n  --f-thai:\"Prompt\",\"IBM Plex Sans Thai\",system-ui,sans-serif;\r\n  --f-disp:\"Prompt\",\"Anuphan\",\"IBM Plex Sans Thai\",sans-serif;\r\n  --f-en:\"Montserrat\",system-ui,sans-serif;\r\n  --f-mono:\"JetBrains Mono\",ui-monospace,monospace;\r\n\r\n  --ease:cubic-bezier(.22,1,.36,1);\r\n}\r\n*{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 18px);-webkit-text-size-adjust:100%;\r\n  overflow-x:clip}\r\nbody{\r\n  position:relative;\r\n  font-family:var(--f-thai);\r\n  font-weight:500;\r\n  color:var(--ink);\r\n  background:var(--white);\r\n  line-height:1.72;\r\n  font-size:18px;\r\n  -webkit-font-smoothing:antialiased;\r\n  \/* NOTE: do not add overflow-x:hidden on body \u2014 it breaks position:sticky\r\n     for the whole page. Use overflow-x:clip on html instead (clip doesn't\r\n     create a scroll container). *\/\r\n}\r\n#smartzinc#smartzinc.smartzinc h1,#smartzinc#smartzinc.smartzinc h2,#smartzinc#smartzinc.smartzinc h3,#smartzinc#smartzinc.smartzinc h4{font-family:var(--f-disp);line-height:1.14;letter-spacing:-.015em;font-weight:700}\r\n#smartzinc#smartzinc.smartzinc a{color:inherit;text-decoration:none}\r\n#smartzinc#smartzinc.smartzinc img{max-width:100%;display:block}\r\n#smartzinc#smartzinc.smartzinc button{font-family:inherit}\r\n::selection{background:var(--accent);color:#fff}\r\n\r\n\/* ---------- LAYOUT PRIMITIVES ---------- *\/\r\n#smartzinc#smartzinc.smartzinc .wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,4vw,40px);width:100%}\r\n#smartzinc#smartzinc.smartzinc .wrap-narrow{max-width:900px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}\r\n#smartzinc#smartzinc.smartzinc .section{padding:clamp(92px,11.5vw,176px) 0;position:relative}\r\n#smartzinc#smartzinc.smartzinc .section-sm{padding:clamp(64px,8vw,110px) 0;position:relative}\r\n#smartzinc#smartzinc.smartzinc .center{text-align:center}\r\n#smartzinc#smartzinc.smartzinc .muted{color:var(--steel)}\r\n#smartzinc#smartzinc.smartzinc .dark{background:var(--navy-950);color:#EAF1FC}\r\n#smartzinc#smartzinc.smartzinc .dark .muted{color:var(--steel-2)}\r\n#smartzinc#smartzinc.smartzinc .dark h1,#smartzinc#smartzinc.smartzinc .dark h2,#smartzinc#smartzinc.smartzinc .dark h3,#smartzinc#smartzinc.smartzinc .dark h4{color:#fff}\r\n\r\n\/* eyebrow \/ kicker *\/\r\n#smartzinc#smartzinc.smartzinc .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:13px;\r\n  font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .eyebrow::before{content:\"\";width:26px;height:1.5px;background:var(--accent);display:block}\r\n\/* on navy sections use the lighter tint so small caps stay legible *\/\r\n#smartzinc#smartzinc.smartzinc .how .eyebrow,#smartzinc#smartzinc.smartzinc .values .eyebrow,#smartzinc#smartzinc.smartzinc .apps .eyebrow,#smartzinc#smartzinc.smartzinc .guide .eyebrow,\r\n#smartzinc#smartzinc.smartzinc .tender .eyebrow,#smartzinc#smartzinc.smartzinc .final .eyebrow,#smartzinc#smartzinc.smartzinc .inspection .eyebrow,#smartzinc#smartzinc.smartzinc .dark .eyebrow{color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .how .eyebrow::before,#smartzinc#smartzinc.smartzinc .values .eyebrow::before,#smartzinc#smartzinc.smartzinc .guide .eyebrow::before,\r\n#smartzinc#smartzinc.smartzinc .apps .eyebrow::before,#smartzinc#smartzinc.smartzinc .tender .eyebrow::before,#smartzinc#smartzinc.smartzinc .final .eyebrow::before{background:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .eyebrow.c::before{display:none}\r\n\r\n\/* headings scale *\/\r\n#smartzinc#smartzinc.smartzinc .h-xl{font-size:clamp(40.5px,6.2vw,83.5px);letter-spacing:-.03em}\r\n#smartzinc#smartzinc.smartzinc .h-lg{font-size:clamp(32px,4.4vw,60px);letter-spacing:-.025em}\r\n#smartzinc#smartzinc.smartzinc .h-md{font-size:clamp(27px,3vw,40.5px);letter-spacing:-.02em}\r\n#smartzinc#smartzinc.smartzinc .h-sm{font-size:clamp(21.5px,2.2vw,28px)}\r\n#smartzinc#smartzinc.smartzinc .lead{font-size:clamp(19px,1.6vw,24px);color:var(--steel);max-width:62ch;line-height:1.7}\r\n\/* navy sections: lead + muted copy must flip to the light token, not inherit --steel *\/\r\n#smartzinc#smartzinc.smartzinc .dark .lead,#smartzinc#smartzinc.smartzinc .how .lead,#smartzinc#smartzinc.smartzinc .values .lead,#smartzinc#smartzinc.smartzinc .guide .lead,#smartzinc#smartzinc.smartzinc .apps .lead,\r\n#smartzinc#smartzinc.smartzinc .tender .lead,#smartzinc#smartzinc.smartzinc .final .lead,#smartzinc#smartzinc.smartzinc .inspection .lead{color:var(--on-navy-2)}\r\n#smartzinc#smartzinc.smartzinc .how .muted,#smartzinc#smartzinc.smartzinc .values .muted,#smartzinc#smartzinc.smartzinc .guide .muted,#smartzinc#smartzinc.smartzinc .apps .muted,#smartzinc#smartzinc.smartzinc .tender .muted,#smartzinc#smartzinc.smartzinc .final .muted{color:var(--on-navy-3)}\r\n#smartzinc#smartzinc.smartzinc .sec-head{max-width:880px;margin-bottom:clamp(48px,5.5vw,84px)}\r\n#smartzinc#smartzinc.smartzinc .sec-head.c{margin-left:auto;margin-right:auto;text-align:center}\r\n#smartzinc#smartzinc.smartzinc .sec-head h2{margin:16px 0 18px}\r\n\r\n\/* mono label *\/\r\n#smartzinc#smartzinc.smartzinc .mono{font-family:var(--f-mono);font-size:13.5px;letter-spacing:.1em;text-transform:uppercase}\r\n\r\n\/* ---------- BUTTONS ---------- *\/\r\n#smartzinc#smartzinc.smartzinc .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:17px;\r\n  border-radius:100px;padding:16px 30px;transition:.35s var(--ease);cursor:pointer;border:0;position:relative;\r\n  overflow:hidden;font-family:inherit;line-height:1.2}\r\n#smartzinc#smartzinc.smartzinc .btn span.ar{transition:transform .35s var(--ease);display:inline-block}\r\n#smartzinc#smartzinc.smartzinc .btn:hover span.ar{transform:translateX(4px)}\r\n#smartzinc#smartzinc.smartzinc .btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 32px rgba(238,135,49,.34)}\r\n#smartzinc#smartzinc.smartzinc .btn-primary:hover{background:var(--accent-2);transform:translateY(-2px);box-shadow:0 18px 44px rgba(238,135,49,.46)}\r\n#smartzinc#smartzinc.smartzinc .btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.28);backdrop-filter:blur(8px)}\r\n#smartzinc#smartzinc.smartzinc .btn-ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}\r\n#smartzinc#smartzinc.smartzinc .btn-dark{background:var(--navy-900);color:#fff}\r\n#smartzinc#smartzinc.smartzinc .btn-dark:hover{background:var(--navy-700);transform:translateY(-2px);box-shadow:var(--sh)}\r\n#smartzinc#smartzinc.smartzinc .btn-outline{background:transparent;color:var(--navy-900);border:1.5px solid var(--line);}\r\n#smartzinc#smartzinc.smartzinc .btn-outline:hover{border-color:var(--navy-900);transform:translateY(-2px)}\r\n#smartzinc#smartzinc.smartzinc .btn-sm{padding:11px 22px;font-size:15.5px;white-space:nowrap}\r\n\r\n\/* ---------- SCROLL PROGRESS ---------- *\/\r\n#smartzinc#smartzinc.smartzinc .scroll-bar{position:fixed;top:0;left:0;height:2px;width:0;z-index:100;\r\n  background:linear-gradient(90deg,var(--accent),var(--amber));box-shadow:0 0 12px rgba(238,135,49,.6)}\r\n\r\n\/* ---------- NAV ---------- *\/\r\n#smartzinc#smartzinc.smartzinc header.nav{position:fixed;top:0;left:0;right:0;z-index:90;height:var(--nav-h);\r\n  transition:background .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;\r\n  border-bottom:1px solid transparent}\r\n#smartzinc#smartzinc.smartzinc header.nav .nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);gap:20px}\r\n#smartzinc#smartzinc.smartzinc header.nav.solid{background:rgba(255,255,255,.86);backdrop-filter:blur(18px) saturate(1.3);\r\n  border-bottom-color:var(--line);box-shadow:0 4px 24px rgba(11,23,48,.06)}\r\n#smartzinc#smartzinc.smartzinc .brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}\r\n#smartzinc#smartzinc.smartzinc .brand-logo{width:clamp(132px,11.5vw,168px);height:auto;flex:0 0 auto;display:block}\r\n#smartzinc#smartzinc.smartzinc .foot-logo{width:190px}\r\n#smartzinc#smartzinc.smartzinc .nav-links{display:flex;gap:clamp(14px,2vw,28px);align-items:center;font-size:16px;font-weight:500}\r\n#smartzinc#smartzinc.smartzinc .nav-links a{color:var(--steel);transition:.25s;position:relative;padding:6px 0;white-space:nowrap}\r\n#smartzinc#smartzinc.smartzinc .nav-links a::after{content:\"\";position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--accent);transition:width .3s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .nav-links a:hover::after{width:100%}\r\n#smartzinc#smartzinc.smartzinc .nav.solid .nav-links a{color:var(--steel)}\r\n#smartzinc#smartzinc.smartzinc .nav.solid .nav-links a:hover{color:var(--navy-900)}\r\n#smartzinc#smartzinc.smartzinc .nav-right{display:flex;align-items:center;gap:12px}\r\n#smartzinc#smartzinc.smartzinc .nav-phone{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:15px;font-weight:700;\r\n  color:var(--navy-900);letter-spacing:.02em;white-space:nowrap}\r\n#smartzinc#smartzinc.smartzinc .lang-switch{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;\r\n  padding:0 12px;border-radius:100px;border:1px solid var(--line);font-family:var(--f-mono);font-size:13px;font-weight:700;\r\n  color:var(--navy-900);letter-spacing:.04em;transition:.25s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .lang-switch:hover{background:var(--paper);border-color:var(--navy-600);color:var(--navy-900)}\r\n#smartzinc#smartzinc.smartzinc .burger{display:none;width:44px;height:44px;border-radius:11px;border:1px solid var(--line);\r\n  background:#fff;color:var(--navy-900);font-size:19.5px;cursor:pointer;align-items:center;justify-content:center}\r\n\r\n\/* mobile drawer *\/\r\n#smartzinc#smartzinc.smartzinc .drawer{position:fixed;inset:0;z-index:95;background:rgba(15,38,72,.97);backdrop-filter:blur(10px);\r\n  display:flex;flex-direction:column;justify-content:center;gap:6px;padding:40px clamp(24px,7vw,60px);\r\n  transform:translateX(100%);transition:transform .5s var(--ease);visibility:hidden}\r\n#smartzinc#smartzinc.smartzinc .drawer.open{transform:none;visibility:visible}\r\n#smartzinc#smartzinc.smartzinc .drawer a{color:#fff;font-family:var(--f-disp);font-size:27.5px;font-weight:700;padding:12px 0;\r\n  border-bottom:1px solid rgba(255,255,255,.09)}\r\n#smartzinc#smartzinc.smartzinc .drawer a small{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;\r\n  color:var(--steel-2);text-transform:uppercase;font-weight:400;margin-top:2px}\r\n#smartzinc#smartzinc.smartzinc .drawer .close{position:absolute;top:18px;right:20px;width:46px;height:46px;border-radius:12px;\r\n  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:23.5px;cursor:pointer}\r\n\r\n\/* ============================================================\r\n   HERO\r\n   ============================================================ *\/\r\n\/* LIGHT HERO \u2014 white gradient over the key visual, navy type *\/\r\n#smartzinc#smartzinc.smartzinc .hero{position:relative;min-height:clamp(620px,100svh,900px);display:flex;align-items:flex-end;overflow:hidden;\r\n  background:var(--grad-sky);padding:calc(var(--nav-h) + 76px) 0 0}\r\n#smartzinc#smartzinc.smartzinc .hero-bg{position:absolute;top:-8vh;left:0;right:0;bottom:-8vh;z-index:0;will-change:transform}\r\n\/* object-position pushes the key visual's baked-in title block off-frame and keeps\r\n   its right-hand photo collage (marine \/ hospital \/ plant) in view *\/\r\n#smartzinc#smartzinc.smartzinc .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;\r\n  filter:saturate(1.06) contrast(1.03) brightness(1.03)}\r\n\/* lighter scrim: just enough to hold the type, the photo stays visible throughout *\/\r\n#smartzinc#smartzinc.smartzinc .hero-veil{position:absolute;inset:0;z-index:1;\r\n  background:\r\n    linear-gradient(96deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.80) 26%,rgba(250,252,255,.52) 46%,rgba(244,249,254,.22) 66%,rgba(238,245,253,0) 100%),\r\n    linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.10) 24%,rgba(240,246,253,.30) 68%,rgba(242,247,253,.92) 100%)}\r\n#smartzinc#smartzinc.smartzinc .hero-grid-lines{position:absolute;inset:0;z-index:2;pointer-events:none;\r\n  background-image:linear-gradient(rgba(22,57,149,.055) 1px,transparent 1px),\r\n                   linear-gradient(90deg,rgba(22,57,149,.055) 1px,transparent 1px);\r\n  background-size:88px 88px;\r\n  mask-image:radial-gradient(120% 90% at 72% 40%,#000 18%,transparent 76%)}\r\n#smartzinc#smartzinc.smartzinc .hero-inner{position:relative;z-index:3;width:100%;padding-bottom:clamp(44px,5.5vw,74px)}\r\n#smartzinc#smartzinc.smartzinc .hero-top{padding-bottom:clamp(46px,5.5vw,68px)}\r\n\r\n#smartzinc#smartzinc.smartzinc .hero-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;\r\n  border:1px solid rgba(22,57,149,.14);box-shadow:var(--sh-sm);padding:9px 18px 9px 12px;\r\n  border-radius:100px;font-size:14.5px;font-weight:600;color:var(--navy-900);margin-bottom:28px}\r\n#smartzinc#smartzinc.smartzinc .hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--green);\r\n  box-shadow:0 0 0 4px rgba(37,208,122,.22);animation:blip 2.4s infinite}\r\n@keyframes blip{0%,100%{box-shadow:0 0 0 4px rgba(37,208,122,.22)}50%{box-shadow:0 0 0 8px rgba(37,208,122,0)}}\r\n#smartzinc#smartzinc.smartzinc .hero-badge b{font-family:var(--f-mono);font-size:13px;letter-spacing:.08em}\r\n\r\n#smartzinc#smartzinc.smartzinc .hero h1{margin:0;line-height:1}\r\n#smartzinc#smartzinc.smartzinc .hero h1 .en-name{display:block}\r\n\/* the logo PNG carries a lot of transparent padding above\/below the wordmark;\r\n   a fixed wordmark-shaped box + object-fit:cover trims it so it can't push the\r\n   subtitle away (also correct if a tightly cropped file is uploaded instead) *\/\r\n#smartzinc#smartzinc.smartzinc .hero h1 .en-name img{width:min(100%,clamp(320px,46vw,620px));height:auto;display:block;\r\n  aspect-ratio:560\/108;object-fit:cover;object-position:50% 44%;\r\n  filter:drop-shadow(0 6px 22px rgba(11,23,48,.22))}\r\n#smartzinc#smartzinc.smartzinc .hero h1 .sub-en{display:block;font-family:var(--f-en);font-weight:600;font-size:clamp(16.5px,1.9vw,27px);\r\n  letter-spacing:-.005em;color:var(--accent);margin-top:22px;line-height:1.32;\r\n  text-shadow:0 1px 12px rgba(255,255,255,.85)}\r\n#smartzinc#smartzinc.smartzinc .hero .kicker-th{font-size:clamp(19px,1.8vw,25px);color:#33455f;margin-top:20px;max-width:46ch;line-height:1.68;text-shadow:0 1px 12px rgba(255,255,255,.9)}\r\n#smartzinc#smartzinc.smartzinc .hero-points-strip{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:4}\r\n#smartzinc#smartzinc.smartzinc .hero-points-strip .wrap{padding:26px 0}\r\n#smartzinc#smartzinc.smartzinc .hero-points{display:flex;flex-wrap:wrap;gap:14px 40px}\r\n#smartzinc#smartzinc.smartzinc .hero-points li{list-style:none;flex:1 1 240px;display:flex;gap:13px;align-items:flex-start;color:#2B3C57;font-size:17px;line-height:1.5}\r\n#smartzinc#smartzinc.smartzinc .hero-points li b{color:var(--navy-900)}\r\n#smartzinc#smartzinc.smartzinc .hero-points li i{flex:0 0 auto;color:var(--accent);font-weight:700;\r\n  font-size:16px;font-style:normal;margin-top:2px}\r\n#smartzinc#smartzinc.smartzinc .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}\r\n\/* ghost button is white-on-navy by default \u2014 needs a light-surface variant here *\/\r\n#smartzinc#smartzinc.smartzinc .hero .btn-ghost{background:#fff;color:var(--navy-900);border:1.5px solid rgba(22,57,149,.18);box-shadow:var(--sh-sm)}\r\n#smartzinc#smartzinc.smartzinc .hero .btn-ghost:hover{background:#fff;border-color:var(--navy-600);color:var(--navy-800);transform:translateY(-2px);box-shadow:var(--sh)}\r\n\r\n#smartzinc#smartzinc.smartzinc .scroll-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:4;\r\n  display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(22,57,149,.5);\r\n  font-family:var(--f-mono);font-size:11px;letter-spacing:.2em}\r\n#smartzinc#smartzinc.smartzinc .scroll-hint .line{width:1px;height:34px;background:linear-gradient(180deg,rgba(22,57,149,.45),transparent);\r\n  animation:sd 2.2s infinite}\r\n@keyframes sd{0%{transform:scaleY(.2);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}\r\n  51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(.2);transform-origin:bottom}}\r\n\r\n\/* ---------- TRUST \/ CERT STRIP ---------- *\/\r\n#smartzinc#smartzinc.smartzinc .certstrip{background:linear-gradient(90deg,#FFFFFF,#F3F8FE 50%,#FFFFFF);\r\n  border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .cs-track{display:flex;gap:52px;align-items:center;white-space:nowrap;animation:marq 38s linear infinite;width:max-content}\r\n#smartzinc#smartzinc.smartzinc .certstrip:hover .cs-track{animation-play-state:paused}\r\n@keyframes marq{to{transform:translateX(-50%)}}\r\n#smartzinc#smartzinc.smartzinc .cs-item{display:flex;align-items:center;gap:11px;font-size:17.5px;color:var(--steel);font-weight:500}\r\n#smartzinc#smartzinc.smartzinc .cs-item b{font-family:var(--f-mono);font-size:14px;color:var(--navy-900);letter-spacing:.06em}\r\n#smartzinc#smartzinc.smartzinc .cs-item i{color:var(--accent);font-style:normal;font-size:16.5px}\r\n#smartzinc#smartzinc.smartzinc .cs-sep{width:5px;height:5px;border-radius:50%;background:rgba(22,57,149,.22)}\r\n\r\n\/* ============================================================\r\n   REVEAL ANIMATION UTILITIES\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .rv{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .rv.in{opacity:1;transform:none}\r\n#smartzinc#smartzinc.smartzinc .rv-l{opacity:0;transform:translateX(-34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .rv-l.in{opacity:1;transform:none}\r\n#smartzinc#smartzinc.smartzinc .rv-r{opacity:0;transform:translateX(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .rv-r.in{opacity:1;transform:none}\r\n#smartzinc#smartzinc.smartzinc .rv-s{opacity:0;transform:scale(.94);transition:opacity 1s var(--ease),transform 1s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .rv-s.in{opacity:1;transform:none}\r\n#smartzinc#smartzinc.smartzinc .rv-line{transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .rv-line.in{transform:scaleX(1)}\r\n@media (prefers-reduced-motion:reduce){\r\n  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.15s !important}\r\n  html{scroll-behavior:auto}\r\n  #smartzinc#smartzinc.smartzinc .rv,#smartzinc#smartzinc.smartzinc .rv-l,#smartzinc#smartzinc.smartzinc .rv-r,#smartzinc#smartzinc.smartzinc .rv-s{opacity:1;transform:none}\r\n}\r\n\r\n\/* ============================================================\r\n   PROBLEM \/ PAIN POINTS\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .problem{background:var(--grad-light);color:var(--ink);position:relative;overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .problem::before{content:\"\";position:absolute;top:-24%;right:-12%;width:62vw;height:62vw;border-radius:50%;\r\n  background:radial-gradient(circle,rgba(238,135,49,.10),transparent 64%);pointer-events:none}\r\n#smartzinc#smartzinc.smartzinc .problem::after{content:\"\";position:absolute;bottom:-30%;left:-14%;width:56vw;height:56vw;border-radius:50%;\r\n  background:radial-gradient(circle,rgba(66,118,214,.10),transparent 66%);pointer-events:none}\r\n#smartzinc#smartzinc.smartzinc .prob-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(32px,5vw,78px);align-items:end;\r\n  margin-bottom:clamp(48px,5.5vw,76px);position:relative;z-index:2}\r\n#smartzinc#smartzinc.smartzinc .prob-metrics{display:flex;gap:32px;flex-wrap:wrap}\r\n#smartzinc#smartzinc.smartzinc .prob-metrics .pm{min-width:130px}\r\n#smartzinc#smartzinc.smartzinc .prob-metrics .pm b{display:block;font-family:var(--f-en);font-size:clamp(32px,3.6vw,49px);font-weight:800;color:var(--accent);line-height:1}\r\n#smartzinc#smartzinc.smartzinc .prob-metrics .pm > span{font-size:17.5px;color:var(--steel);display:block;margin-top:8px;line-height:1.5}\r\n\r\n\/* white cards on a light surface \u2014 separated by whitespace instead of hairlines *\/\r\n#smartzinc#smartzinc.smartzinc .pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.7vw,24px);position:relative;z-index:2}\r\n#smartzinc#smartzinc.smartzinc .pain{background:#fff;padding:0;position:relative;transition:.45s var(--ease);border:1px solid var(--line);\r\n  border-radius:var(--r-lg);box-shadow:var(--sh-sm);\r\n  cursor:default;display:flex;flex-direction:column;overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .pain:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:rgba(66,118,214,.32)}\r\n\/* photo band *\/\r\n#smartzinc#smartzinc.smartzinc .pain-img{position:relative;aspect-ratio:4\/3;overflow:hidden;background:var(--paper-2);flex:0 0 auto}\r\n#smartzinc#smartzinc.smartzinc .pain-img img{width:100%;height:100%;object-fit:cover;display:block;\r\n  filter:saturate(.98) contrast(1.02) brightness(1.02);\r\n  transition:transform 1.2s var(--ease),filter .55s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .pain:hover .pain-img img{transform:scale(1.06);filter:saturate(1.06) contrast(1.02) brightness(1.04)}\r\n#smartzinc#smartzinc.smartzinc .pain-img::after{content:\"\";position:absolute;inset:0;pointer-events:none;\r\n  background:linear-gradient(180deg,rgba(11,23,48,0) 52%,rgba(255,255,255,.55) 88%,#fff 100%)}\r\n#smartzinc#smartzinc.smartzinc .pain .idx{display:none}\r\n#smartzinc#smartzinc.smartzinc .pain-body{padding:0 26px 30px;position:relative;z-index:2;display:flex;flex-direction:column;flex:1}\r\n#smartzinc#smartzinc.smartzinc .pain .ico{width:50px;height:50px;margin:-25px 0 18px;display:grid;place-items:center;border-radius:14px;\r\n  background:#fff;border:1px solid rgba(238,135,49,.34);\r\n  box-shadow:0 10px 26px rgba(11,23,48,.13);transition:.45s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .pain:hover .ico{background:var(--accent);border-color:var(--accent);transform:translateY(-3px);\r\n  box-shadow:0 14px 30px rgba(238,135,49,.34)}\r\n#smartzinc#smartzinc.smartzinc .pain .ico svg{width:23px;height:23px;stroke:var(--accent);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .45s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .pain:hover .ico svg{stroke:#fff}\r\n#smartzinc#smartzinc.smartzinc .pain h3{font-size:19px;color:var(--ink);margin-bottom:10px;line-height:1.35}\r\n#smartzinc#smartzinc.smartzinc .pain h3 span{color:var(--steel) !important}\r\n#smartzinc#smartzinc.smartzinc .pain p{font-size:18px;color:var(--steel);line-height:1.65}\r\n#smartzinc#smartzinc.smartzinc .pain::after{content:\"\";position:absolute;left:0;top:0;width:3px;height:0;background:var(--accent);transition:height .5s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .pain:hover::after{height:100%}\r\n\r\n\/* BEFORE \/ AFTER SLIDER *\/\r\n#smartzinc#smartzinc.smartzinc .ba-section{background:var(--grad-light)}\r\n#smartzinc#smartzinc.smartzinc .ba-block{display:flex;flex-direction:column;gap:clamp(32px,4vw,48px)}\r\n#smartzinc#smartzinc.smartzinc .ba{position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:16\/9;\r\n  box-shadow:var(--sh-lg);border:1px solid var(--line);cursor:ew-resize;user-select:none;background:var(--paper-2)}\r\n#smartzinc#smartzinc.smartzinc .ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:46% 50%;pointer-events:none}\r\n#smartzinc#smartzinc.smartzinc .ba .after-lay{position:absolute;inset:0;clip-path:inset(0 0 0 50%);transition:clip-path .05s linear}\r\n#smartzinc#smartzinc.smartzinc .ba .handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;z-index:3;pointer-events:none;\r\n  box-shadow:0 0 26px rgba(255,255,255,.75)}\r\n#smartzinc#smartzinc.smartzinc .ba .handle::after{content:\"\u27f7\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\r\n  width:64px;height:64px;border-radius:50%;background:#fff;color:var(--navy-900);display:grid;place-items:center;\r\n  font-size:24px;box-shadow:0 12px 34px rgba(11,23,48,.3)}\r\n#smartzinc#smartzinc.smartzinc .ba .lbl{position:absolute;top:20px;z-index:4;font-family:var(--f-mono);font-size:13px;letter-spacing:.16em;\r\n  padding:8px 15px;border-radius:100px;backdrop-filter:blur(8px);font-weight:700}\r\n#smartzinc#smartzinc.smartzinc .ba .lbl.b{left:20px;background:rgba(183,65,14,.85);color:#fff}\r\n#smartzinc#smartzinc.smartzinc .ba .lbl.a{right:20px;background:rgba(37,208,122,.85);color:#04240F}\r\n#smartzinc#smartzinc.smartzinc .ba-copy{max-width:900px;margin:0 auto}\r\n#smartzinc#smartzinc.smartzinc .ba-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 40px}\r\n#smartzinc#smartzinc.smartzinc .ba-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px 0;\r\n  border-bottom:1px solid var(--line);font-size:17.5px}\r\n#smartzinc#smartzinc.smartzinc .ba-row span:first-child{color:var(--steel)}\r\n#smartzinc#smartzinc.smartzinc .ba-row .bad{font-family:var(--f-mono);font-size:13.5px;color:var(--rust);text-align:right}\r\n#smartzinc#smartzinc.smartzinc .ba-row .good{font-family:var(--f-mono);font-size:13.5px;color:#0E7A45;text-align:right;min-width:98px}\r\n\r\n\/* ============================================================\r\n   WHY ZINC ANODE \u2014 EDUCATION\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .edu{background:var(--grad-light-2)}\r\n#smartzinc#smartzinc.smartzinc .edu-wrap{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(30px,4vw,64px);align-items:start}\r\n\/* aside must stretch to the row height, otherwise the sticky child has no travel *\/\r\n#smartzinc#smartzinc.smartzinc .edu-wrap > aside{align-self:stretch}\r\n#smartzinc#smartzinc.smartzinc .edu-sticky{position:sticky;top:calc(var(--nav-h) + 34px)}\r\n#smartzinc#smartzinc.smartzinc .edu-nav{margin-top:30px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line)}\r\n#smartzinc#smartzinc.smartzinc .edu-nav button{background:none;border:0;text-align:left;padding:12px 0 12px 20px;font-size:16px;color:var(--steel);\r\n  cursor:pointer;position:relative;transition:.3s;font-weight:500;line-height:1.4}\r\n#smartzinc#smartzinc.smartzinc .edu-nav button::before{content:\"\";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--accent);\r\n  transform:scaleY(0);transition:transform .35s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .edu-nav button.on{color:var(--navy-900);font-weight:600}\r\n#smartzinc#smartzinc.smartzinc .edu-nav button.on::before{transform:scaleY(1)}\r\n#smartzinc#smartzinc.smartzinc .edu-nav button:hover{color:var(--navy-900)}\r\n\r\n#smartzinc#smartzinc.smartzinc .edu-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(26px,3vw,44px);\r\n  box-shadow:var(--sh-sm);transition:.4s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .edu-card + .edu-card{margin-top:20px}\r\n#smartzinc#smartzinc.smartzinc .edu-card:hover{box-shadow:var(--sh);transform:translateY(-2px)}\r\n#smartzinc#smartzinc.smartzinc .edu-card .tag{display:inline-flex;font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;color:var(--accent);\r\n  border:1px solid rgba(238,135,49,.32);background:rgba(238,135,49,.06);padding:5px 11px;border-radius:100px;margin-bottom:16px}\r\n#smartzinc#smartzinc.smartzinc .edu-card h3{font-size:clamp(21.5px,2.1vw,28px);margin-bottom:14px}\r\n#smartzinc#smartzinc.smartzinc .edu-card p{color:#39445C;font-size:18px}\r\n#smartzinc#smartzinc.smartzinc .edu-card p + p{margin-top:12px}\r\n#smartzinc#smartzinc.smartzinc .edu-figure{margin:22px 0 4px;background:linear-gradient(180deg,#F8FAFD,#EEF2F8);border:1px solid var(--line);\r\n  border-radius:var(--r);padding:22px}\r\n#smartzinc#smartzinc.smartzinc .edu-figure figcaption{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;color:var(--steel);\r\n  text-transform:uppercase;margin-top:14px;text-align:center}\r\n#smartzinc#smartzinc.smartzinc .chem{font-family:var(--f-mono);font-size:15px;background:var(--navy-950);color:#9FE8FF;padding:14px 18px;\r\n  border-radius:10px;margin-top:16px;overflow-x:auto;white-space:nowrap;letter-spacing:.02em}\r\n#smartzinc#smartzinc.smartzinc .chem em{color:var(--accent);font-style:normal}\r\n\r\n\/* expandable *\/\r\n#smartzinc#smartzinc.smartzinc .exp{border-top:1px solid var(--line)}\r\n#smartzinc#smartzinc.smartzinc .exp:last-child{border-bottom:1px solid var(--line)}\r\n#smartzinc#smartzinc.smartzinc .exp-q{width:100%;background:none;border:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;\r\n  padding:22px 0;font-size:18px;font-weight:600;color:var(--navy-900);cursor:pointer;text-align:left;font-family:inherit;line-height:1.45;\r\n  white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0}\r\n#smartzinc#smartzinc.smartzinc .exp-q .pm{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;\r\n  font-size:18.5px;color:var(--accent);transition:.4s var(--ease);font-family:var(--f-mono)}\r\n#smartzinc#smartzinc.smartzinc .exp.open .exp-q .pm{transform:rotate(45deg);background:var(--accent);color:#fff;border-color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .exp-a{max-height:0;overflow:hidden;transition:max-height .55s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .exp-a p{padding-bottom:22px;color:#414D66;font-size:18px;max-width:80ch}\r\n#smartzinc#smartzinc.smartzinc .exp-a ul{padding:0 0 22px 20px;color:#414D66;font-size:18px}\r\n#smartzinc#smartzinc.smartzinc .exp-a li{margin-bottom:8px}\r\n\r\n\/* ============================================================\r\n   HOW IT WORKS \u2014 STICKY ANIMATED PROCESS\r\n   ============================================================ *\/\r\n\/* overflow:clip (not hidden) so the diagram's position:sticky keeps working *\/\r\n#smartzinc#smartzinc.smartzinc .how{background:var(--grad-b);color:var(--on-navy);position:relative;overflow:clip}\r\n\/* soft white fade at the top edge so the jump from the light section above is gradual *\/\r\n#smartzinc#smartzinc.smartzinc .how::after{content:\"\";position:absolute;left:0;right:0;top:0;height:190px;pointer-events:none;z-index:1;\r\n  background:linear-gradient(180deg,#F2F7FD 0%,rgba(242,247,253,.55) 34%,rgba(242,247,253,0) 100%)}\r\n#smartzinc#smartzinc.smartzinc .how::before{content:\"\";position:absolute;inset:0;pointer-events:none;\r\n  background:\r\n    radial-gradient(120% 70% at 22% 8%,rgba(120,178,255,.20),transparent 62%),\r\n    radial-gradient(90% 60% at 88% 84%,rgba(244,173,115,.12),transparent 64%),\r\n    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);\r\n  background-size:auto,auto,72px 72px,72px 72px}\r\n#smartzinc#smartzinc.smartzinc .how .wrap{position:relative;z-index:2}\r\n#smartzinc#smartzinc.smartzinc .how-stage{display:flex;flex-direction:column;gap:clamp(40px,5vw,76px);\r\n  position:relative;z-index:2}\r\n#smartzinc#smartzinc.smartzinc .how-col{width:100%}\r\n\r\n\/* ---- diagram: a light \"engineering drawing\" panel on the navy stage ---- *\/\r\n#smartzinc#smartzinc.smartzinc .how-viz{border-radius:var(--r-xl);overflow:hidden;max-width:1040px;margin:0 auto;\r\n  background:linear-gradient(168deg,#FFFFFF 0%,#F5F9FE 58%,#EAF1FA 100%);\r\n  border:1px solid rgba(255,255,255,.6);box-shadow:0 40px 90px rgba(6,18,40,.45);\r\n  padding:clamp(14px,1.6vw,20px)}\r\n#smartzinc#smartzinc.smartzinc .viz-media{position:relative;border-radius:var(--r);overflow:hidden;\r\n  background:linear-gradient(158deg,#1E4BAE,#0F2266);\r\n  box-shadow:inset 0 0 0 1px rgba(11,23,48,.10);aspect-ratio:16\/9}\r\n#smartzinc#smartzinc.smartzinc .viz-video{width:100%;height:100%;display:block;object-fit:cover}\r\n\/* cover: the video only downloads once someone asks for it *\/\r\n#smartzinc#smartzinc.smartzinc .viz-cover{position:absolute;inset:0;z-index:2;border:0;cursor:pointer;font-family:inherit;\r\n  background:radial-gradient(80% 60% at 50% 46%,rgba(66,118,214,.34),transparent 70%);\r\n  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;\r\n  transition:opacity .4s var(--ease),visibility .4s}\r\n#smartzinc#smartzinc.smartzinc .viz-media[data-state=\"playing\"] .viz-cover{opacity:0;visibility:hidden}\r\n#smartzinc#smartzinc.smartzinc .viz-cover .pl{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;\r\n  background:var(--accent);box-shadow:0 16px 40px rgba(238,135,49,.42);transition:.35s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .viz-cover .pl::after{content:\"\";width:0;height:0;margin-left:5px;\r\n  border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}\r\n#smartzinc#smartzinc.smartzinc .viz-cover:hover .pl{transform:scale(1.08);box-shadow:0 20px 50px rgba(238,135,49,.55)}\r\n#smartzinc#smartzinc.smartzinc .viz-cover .tx{font-family:var(--f-disp);font-size:19px;font-weight:700;color:#fff;line-height:1.4}\r\n#smartzinc#smartzinc.smartzinc .viz-cover .tx small{display:block;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.14em;\r\n  text-transform:uppercase;color:var(--on-navy-2);font-weight:400;margin-top:6px}\r\n#smartzinc#smartzinc.smartzinc .viz-btn{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}\r\n#smartzinc#smartzinc.smartzinc .viz-media[data-state=\"playing\"] .viz-btn{opacity:1;visibility:visible}\r\n#smartzinc#smartzinc.smartzinc .viz-btn{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;\r\n  border:1px solid rgba(255,255,255,.42);background:rgba(11,23,48,.52);backdrop-filter:blur(8px);\r\n  cursor:pointer;display:grid;place-items:center;transition:.35s var(--ease);padding:0}\r\n#smartzinc#smartzinc.smartzinc .viz-btn:hover{background:rgba(11,23,48,.72);border-color:#fff;transform:scale(1.06)}\r\n#smartzinc#smartzinc.smartzinc .viz-btn .ic{display:block;width:12px;height:14px;background:#fff;\r\n  clip-path:polygon(0 0,4px 0,4px 100%,0 100%,0 0,8px 0,12px 0,12px 100%,8px 100%)}\r\n#smartzinc#smartzinc.smartzinc .viz-btn[data-playing=\"false\"] .ic{width:13px;height:15px;\r\n  clip-path:polygon(0 0,100% 50%,0 100%)}\r\n#smartzinc#smartzinc.smartzinc .viz-cap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;\r\n  margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}\r\n#smartzinc#smartzinc.smartzinc .viz-cap .st{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}\r\n#smartzinc#smartzinc.smartzinc .viz-cap .lg{display:flex;gap:16px;flex-wrap:wrap;font-size:17.5px;color:var(--steel)}\r\n#smartzinc#smartzinc.smartzinc .viz-cap .lg i{display:inline-flex;align-items:center;gap:7px;font-style:normal}\r\n\r\n\/* ---- steps: numbered rail ---- *\/\r\n#smartzinc#smartzinc.smartzinc .how-steps{position:relative;display:flex;flex-direction:column;gap:clamp(18px,2.4vw,26px);\r\n  max-width:840px;margin:0 auto;\r\n  padding:clamp(8px,2vh,26px) 0 clamp(8px,2vh,26px) clamp(40px,4vw,64px)}\r\n#smartzinc#smartzinc.smartzinc .how-steps::before{content:\"\";position:absolute;left:clamp(17px,1.7vw,27px);top:34px;bottom:34px;width:2px;\r\n  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.22) 18%,rgba(255,255,255,.22) 82%,rgba(255,255,255,.06))}\r\n#smartzinc#smartzinc.smartzinc .hstep{padding:clamp(24px,2.6vw,34px);border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.12);\r\n  background:rgba(255,255,255,.07);\r\n  transition:.55s var(--ease);position:relative}\r\n#smartzinc#smartzinc.smartzinc .hstep::before{content:attr(data-n);position:absolute;left:clamp(-48px,-4.4vw,-30px);top:26px;\r\n  width:clamp(34px,3.4vw,54px);height:clamp(34px,3.4vw,54px);border-radius:50%;display:grid;place-items:center;\r\n  font-family:var(--f-mono);font-size:15px;font-weight:700;color:var(--on-navy-2);\r\n  background:#163995;border:2px solid rgba(255,255,255,.24);transition:.5s var(--ease);z-index:2}\r\n#smartzinc#smartzinc.smartzinc .hstep.on{border-color:rgba(244,173,115,.6);background:rgba(255,255,255,.11);\r\n  box-shadow:0 24px 60px rgba(6,18,40,.32)}\r\n#smartzinc#smartzinc.smartzinc .hstep.on::before{background:var(--accent);border-color:#FFC79C;color:#fff;\r\n  box-shadow:0 0 0 7px rgba(238,135,49,.20)}\r\n#smartzinc#smartzinc.smartzinc .hstep .sn{display:flex;align-items:center;gap:14px;margin-bottom:12px}\r\n#smartzinc#smartzinc.smartzinc .hstep .sn b{font-family:var(--f-mono);font-size:13px;letter-spacing:.18em;color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .hstep .sn .bar{height:1px;flex:1;background:rgba(255,255,255,.16)}\r\n#smartzinc#smartzinc.smartzinc .hstep h3{font-size:clamp(21px,2.1vw,28px);color:#fff;margin-bottom:6px;line-height:1.22}\r\n#smartzinc#smartzinc.smartzinc .hstep h3 .th{display:block;font-size:.66em;font-weight:500;color:var(--on-navy-2);margin-top:7px;line-height:1.4}\r\n#smartzinc#smartzinc.smartzinc .hstep p{color:var(--on-navy-2);font-size:18px;line-height:1.72}\r\n#smartzinc#smartzinc.smartzinc .hstep .fact{margin-top:18px;display:flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:13px;\r\n  letter-spacing:.06em;color:#BFEBFF;border-left:2px solid rgba(47,211,255,.5);\r\n  padding-left:12px;line-height:1.5}\r\n\r\n\/* ---- closing summary strip ---- *\/\r\n#smartzinc#smartzinc.smartzinc .how-sum{margin-top:clamp(44px,5vw,72px);position:relative;z-index:2;display:grid;\r\n  grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.16);\r\n  border:1px solid rgba(255,255,255,.16);border-radius:var(--r-lg);overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .how-sum div{background:rgba(255,255,255,.05);padding:clamp(20px,2.2vw,28px);transition:.4s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .how-sum div:hover{background:rgba(255,255,255,.10)}\r\n#smartzinc#smartzinc.smartzinc .how-sum b{display:block;font-family:var(--f-en);font-size:clamp(24px,2.6vw,34px);font-weight:800;color:#fff;line-height:1.1}\r\n#smartzinc#smartzinc.smartzinc .how-sum b .u{font-size:.5em;color:var(--accent);margin-left:3px}\r\n#smartzinc#smartzinc.smartzinc .how-sum > div > span{display:block;font-size:17.5px;color:var(--on-navy-2);margin-top:9px;line-height:1.5}\r\n\r\n\/* ============================================================\r\n   COMPARISON\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .cmp{background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFE 60%,#F4F8FD 100%)}\r\n\r\n\/* ---- positioning map + read-out ---- *\/\r\n#smartzinc#smartzinc.smartzinc .cmp-stage{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);\r\n  gap:clamp(20px,2.6vw,36px);align-items:stretch}\r\n#smartzinc#smartzinc.smartzinc .cmp-map{background:linear-gradient(168deg,#FFFFFF,#F4F8FD);border:1px solid var(--line);\r\n  border-radius:var(--r-lg);box-shadow:var(--sh);padding:clamp(18px,2.2vw,28px);position:relative;\r\n  display:flex;flex-direction:column;justify-content:center}\r\n#smartzinc#smartzinc.smartzinc .cmp-map svg{width:100%;height:auto;display:block;overflow:visible}\r\n#smartzinc#smartzinc.smartzinc .cmp-map .cap{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);\r\n  font-family:var(--f-mono);font-size:12px;letter-spacing:.13em;color:var(--steel);text-transform:uppercase}\r\n\r\n\/* map internals *\/\r\n#smartzinc#smartzinc.smartzinc .mp-grid{stroke:rgba(11,23,48,.08);stroke-width:1}\r\n#smartzinc#smartzinc.smartzinc .mp-axis{stroke:#8A9BB8;stroke-width:2;stroke-linecap:round}\r\n#smartzinc#smartzinc.smartzinc .mp-axlabel{font-family:var(--f-mono);font-size:12px;fill:#4B5D7D;letter-spacing:.1em}\r\n#smartzinc#smartzinc.smartzinc .mp-zone{fill:rgba(238,135,49,.07);stroke:rgba(238,135,49,.34);stroke-width:1.5;stroke-dasharray:7 7}\r\n#smartzinc#smartzinc.smartzinc .mp-zone-t{font-family:var(--f-mono);font-size:12px;fill:#A85A1A;letter-spacing:.12em;font-weight:700}\r\n#smartzinc#smartzinc.smartzinc .mp-dot{fill:#8FA3C2}\r\n#smartzinc#smartzinc.smartzinc .mp-dot-r{fill:none;stroke:#8FA3C2;stroke-width:1.5;opacity:.45}\r\n#smartzinc#smartzinc.smartzinc .mp-name{font-family:var(--f-en);font-size:15px;font-weight:700;fill:#163995}\r\n#smartzinc#smartzinc.smartzinc .mp-sub{font-family:var(--f-mono);font-size:11.5px;fill:#5F7295;letter-spacing:.06em}\r\n#smartzinc#smartzinc.smartzinc .mp-hero .mp-dot{fill:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .mp-hero .mp-name{fill:var(--navy-900);font-size:17px}\r\n#smartzinc#smartzinc.smartzinc .mp-pulse{fill:none;stroke:var(--accent);stroke-width:2;opacity:0;\r\n  animation:mppulse 3.4s var(--ease) infinite}\r\n#smartzinc#smartzinc.smartzinc .mp-pulse:nth-of-type(2){animation-delay:1.1s}\r\n#smartzinc#smartzinc.smartzinc .mp-pulse:nth-of-type(3){animation-delay:2.2s}\r\n@keyframes mppulse{0%{r:22;opacity:.7}100%{r:62;opacity:0}}\r\n\r\n\/* read-out panel *\/\r\n#smartzinc#smartzinc.smartzinc .cmp-read{display:flex;flex-direction:column;gap:clamp(12px,1.4vw,16px)}\r\n#smartzinc#smartzinc.smartzinc .cmp-key{background:#fff;border:1px solid var(--line);border-radius:var(--r);\r\n  box-shadow:var(--sh-sm);padding:clamp(18px,2vw,24px);position:relative;overflow:hidden;\r\n  transition:.45s var(--ease);flex:1;display:flex;flex-direction:column;justify-content:center}\r\n#smartzinc#smartzinc.smartzinc .cmp-key:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:rgba(66,118,214,.34)}\r\n#smartzinc#smartzinc.smartzinc .cmp-key .lbl{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;\r\n  color:var(--accent);display:block;margin-bottom:10px}\r\n#smartzinc#smartzinc.smartzinc .cmp-key b{display:block;font-family:var(--f-en);font-size:clamp(21px,2.1vw,27px);color:var(--navy-900);\r\n  letter-spacing:-.02em;line-height:1.1;margin-bottom:8px}\r\n#smartzinc#smartzinc.smartzinc .cmp-key p{font-size:18px;color:var(--steel);line-height:1.6}\r\n#smartzinc#smartzinc.smartzinc .cmp-key .vs{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);\r\n  font-size:17.5px;color:#6B7688;display:flex;gap:8px;align-items:flex-start}\r\n#smartzinc#smartzinc.smartzinc .cmp-key .vs i{font-style:normal;color:#D14343;flex:0 0 auto}\r\n\r\n\/* ---- verdict cards ---- *\/\r\n#smartzinc#smartzinc.smartzinc .cmp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,20px);\r\n  margin-top:clamp(32px,3.6vw,52px)}\r\n#smartzinc#smartzinc.smartzinc .ccard{border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,2.4vw,30px);\r\n  background:#fff;transition:.45s var(--ease);position:relative;display:flex;flex-direction:column}\r\n#smartzinc#smartzinc.smartzinc .ccard:hover{transform:translateY(-6px);box-shadow:var(--sh)}\r\n#smartzinc#smartzinc.smartzinc .ccard.best{background:linear-gradient(168deg,#2C5FC4,#0F2266);border-color:var(--navy-900);color:#fff;\r\n  box-shadow:var(--sh-lg)}\r\n#smartzinc#smartzinc.smartzinc .ccard.best h4{color:#fff}\r\n#smartzinc#smartzinc.smartzinc .ccard .flag{position:absolute;top:-12px;left:24px;background:var(--accent);color:#fff;font-family:var(--f-mono);\r\n  font-size:11.5px;letter-spacing:.14em;padding:6px 13px;border-radius:100px;\r\n  box-shadow:0 8px 20px rgba(238,135,49,.36)}\r\n#smartzinc#smartzinc.smartzinc .ccard h4{font-family:var(--f-en);font-size:19px;margin-bottom:5px;letter-spacing:-.01em}\r\n#smartzinc#smartzinc.smartzinc .ccard .sub{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--steel);\r\n  text-transform:uppercase;margin-bottom:20px}\r\n#smartzinc#smartzinc.smartzinc .ccard.best .sub{color:var(--steel-2)}\r\n#smartzinc#smartzinc.smartzinc .ccard .lc{font-family:var(--f-en);font-size:clamp(26px,2.8vw,34px);font-weight:800;line-height:1;\r\n  margin-bottom:4px;letter-spacing:-.02em}\r\n#smartzinc#smartzinc.smartzinc .ccard.best .lc{color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .ccard .lc-l{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;\r\n  color:var(--steel);margin-bottom:18px}\r\n#smartzinc#smartzinc.smartzinc .ccard.best .lc-l{color:var(--steel-2)}\r\n#smartzinc#smartzinc.smartzinc .ccard .life{display:flex;align-items:baseline;gap:8px;padding:12px 0;margin-bottom:16px;\r\n  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\r\n#smartzinc#smartzinc.smartzinc .ccard.best .life{border-color:rgba(255,255,255,.16)}\r\n#smartzinc#smartzinc.smartzinc .ccard .life b{font-family:var(--f-en);font-size:19px;color:var(--navy-900)}\r\n#smartzinc#smartzinc.smartzinc .ccard.best .life b{color:#fff}\r\n#smartzinc#smartzinc.smartzinc .ccard .life span{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;color:var(--steel);\r\n  text-transform:uppercase}\r\n#smartzinc#smartzinc.smartzinc .ccard.best .life span{color:var(--steel-2)}\r\n#smartzinc#smartzinc.smartzinc .ccard ul{list-style:none;display:flex;flex-direction:column;gap:11px;font-size:17.5px;color:#414D66;margin-top:auto}\r\n#smartzinc#smartzinc.smartzinc .ccard.best ul{color:#D7E2F4}\r\n#smartzinc#smartzinc.smartzinc .ccard li{display:flex;gap:9px;align-items:flex-start;line-height:1.55}\r\n#smartzinc#smartzinc.smartzinc .ccard li i{font-style:normal;flex:0 0 auto;font-size:13.5px;margin-top:2px}\r\n\r\n\/* ============================================================\r\n   ENGINEERING VALUE\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .values{background:linear-gradient(160deg,#2C5FC4 0%,#0F2266 60%,#4276D6 100%);color:var(--on-navy);\r\n  overflow:hidden;position:relative}\r\n\r\n\/* ---- hero stat + supporting stats ---- *\/\r\n#smartzinc#smartzinc.smartzinc .val-lead{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:clamp(18px,2vw,26px);\r\n  align-items:stretch}\r\n\r\n\/* shared card surface *\/\r\n#smartzinc#smartzinc.smartzinc .glass{position:relative;border-radius:var(--r-lg);\r\n  background:rgba(255,255,255,.06);\r\n  border:1px solid rgba(255,255,255,.14);\r\n  transition:.3s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .glass:hover{border-color:rgba(244,173,115,.4);background:rgba(255,255,255,.08)}\r\n\r\n#smartzinc#smartzinc.smartzinc .val-hero{padding:clamp(30px,3.4vw,46px);overflow:hidden;display:flex;flex-direction:column}\r\n#smartzinc#smartzinc.smartzinc .val-hero > *{position:relative;z-index:1}\r\n#smartzinc#smartzinc.smartzinc .val-hero .tag{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;\r\n  font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;\r\n  color:var(--accent);background:rgba(238,135,49,.14);border:1px solid rgba(244,173,115,.38);\r\n  padding:7px 14px;border-radius:100px}\r\n#smartzinc#smartzinc.smartzinc .val-hero .big{display:flex;align-items:baseline;gap:6px;margin:26px 0 0;\r\n  font-family:var(--f-en);font-weight:800;line-height:.9;\r\n  font-size:clamp(72px,10vw,138px);letter-spacing:-.04em;\r\n  background:linear-gradient(150deg,#fff 8%,#DCE7F8 46%,#8FA9D4 100%);\r\n  -webkit-background-clip:text;background-clip:text;color:transparent}\r\n#smartzinc#smartzinc.smartzinc .val-hero .big .u{font-size:.26em;letter-spacing:0;\r\n  -webkit-text-fill-color:var(--accent);color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .val-hero h3{font-family:var(--f-en);font-size:clamp(21px,2.1vw,28px);color:#fff;margin:12px 0 12px;letter-spacing:-.01em}\r\n#smartzinc#smartzinc.smartzinc .val-hero p{font-size:18px;color:var(--on-navy-2);line-height:1.68;max-width:44ch}\r\n#smartzinc#smartzinc.smartzinc .val-hero .foot{margin-top:auto;padding-top:26px;display:flex;gap:10px;flex-wrap:wrap}\r\n#smartzinc#smartzinc.smartzinc .val-hero .foot span{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--on-navy-2);\r\n  border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:7px 13px;background:rgba(255,255,255,.05)}\r\n\r\n#smartzinc#smartzinc.smartzinc .val-side{display:grid;grid-template-rows:repeat(3,1fr);gap:clamp(14px,1.6vw,20px)}\r\n#smartzinc#smartzinc.smartzinc .val{padding:clamp(20px,2.2vw,30px) clamp(22px,2.4vw,32px);display:grid;\r\n  grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:clamp(18px,2.4vw,34px);\r\n  overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .val .k{font-family:var(--f-en);font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1;letter-spacing:-.03em;\r\n  white-space:nowrap;\r\n  background:linear-gradient(140deg,#fff,#93A9D2);-webkit-background-clip:text;background-clip:text;color:transparent}\r\n#smartzinc#smartzinc.smartzinc .val .k .u{font-size:.42em;color:var(--accent);-webkit-text-fill-color:var(--accent);margin-left:4px}\r\n#smartzinc#smartzinc.smartzinc .val h4{font-family:var(--f-en);font-size:17.5px;margin:0 0 6px;color:#fff;letter-spacing:-.01em}\r\n#smartzinc#smartzinc.smartzinc .val p{font-size:17.5px;color:var(--on-navy-2);line-height:1.55}\r\n\r\n\/* ---- value pillars: hairline field, no boxes ---- *\/\r\n#smartzinc#smartzinc.smartzinc .vp-head{display:flex;align-items:center;gap:18px;margin:clamp(46px,5vw,72px) 0 6px}\r\n#smartzinc#smartzinc.smartzinc .vp-head b{font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;\r\n  color:var(--accent);white-space:nowrap}\r\n#smartzinc#smartzinc.smartzinc .vp-head .bar{height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.24),rgba(255,255,255,0))}\r\n#smartzinc#smartzinc.smartzinc .vp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:6px}\r\n#smartzinc#smartzinc.smartzinc .vp{border:0;border-radius:0;background:none;padding:clamp(24px,2.4vw,32px) clamp(18px,2vw,26px);\r\n  border-top:1px solid rgba(255,255,255,.13);transition:.45s var(--ease);position:relative}\r\n#smartzinc#smartzinc.smartzinc .vp:nth-child(-n+4){border-top:0}\r\n#smartzinc#smartzinc.smartzinc .vp::after{border-radius:var(--r)}\r\n#smartzinc#smartzinc.smartzinc .vp:hover{background:rgba(255,255,255,.05);transform:none}\r\n#smartzinc#smartzinc.smartzinc .vp i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;\r\n  background:rgba(238,135,49,.12);\r\n  border:1px solid rgba(244,173,115,.3);margin-bottom:16px;font-style:normal;transition:.3s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .vp:hover i{background:var(--accent);border-color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .vp i svg{width:21px;height:21px;stroke:var(--accent);fill:none;stroke-width:1.7;\r\n  stroke-linecap:round;stroke-linejoin:round;transition:stroke .45s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .vp:hover i svg{stroke:#fff}\r\n#smartzinc#smartzinc.smartzinc .vp b{display:block;font-family:var(--f-en);font-size:16.5px;color:#fff;margin-bottom:7px;letter-spacing:-.01em}\r\n#smartzinc#smartzinc.smartzinc .vp span{font-size:17.5px;color:var(--on-navy-2);line-height:1.6}\r\n\r\n\/* ---- closing panel ---- *\/\r\n#smartzinc#smartzinc.smartzinc .why-hl{margin-top:clamp(40px,4.5vw,64px);border-radius:var(--r-lg);position:relative;overflow:hidden;\r\n  padding:clamp(30px,3.4vw,48px);\r\n  background:rgba(255,255,255,.06);\r\n  border:1px solid rgba(244,173,115,.34);\r\n  border-left:4px solid var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .why-hl .hd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;\r\n  margin-bottom:clamp(22px,2.4vw,32px)}\r\n#smartzinc#smartzinc.smartzinc .why-hl h3{font-size:clamp(22px,2.4vw,31px);color:#fff;line-height:1.3;margin:0}\r\n#smartzinc#smartzinc.smartzinc .why-hl h3 small{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;\r\n  text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-weight:400}\r\n#smartzinc#smartzinc.smartzinc .why-hl ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 34px}\r\n#smartzinc#smartzinc.smartzinc .why-hl li{display:flex;gap:13px;align-items:flex-start;font-size:17.5px;color:#E3EBF9;line-height:1.58}\r\n#smartzinc#smartzinc.smartzinc .why-hl li i{flex:0 0 auto;margin-top:1px;font-style:normal;\r\n  font-size:15px;font-weight:700;color:var(--accent)}\r\n\r\n\/* ============================================================\r\n   MODELS\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .models{background:var(--grad-light)}\r\n#smartzinc#smartzinc.smartzinc .model-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:34px}\r\n#smartzinc#smartzinc.smartzinc .mcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px 24px;cursor:pointer;\r\n  transition:.45s var(--ease);position:relative;overflow:hidden;text-align:center}\r\n#smartzinc#smartzinc.smartzinc .mcard:hover{transform:translateY(-6px);box-shadow:var(--sh)}\r\n#smartzinc#smartzinc.smartzinc .mcard.on{border-color:var(--navy-900);box-shadow:var(--sh);background:linear-gradient(180deg,#fff,#F7F9FC)}\r\n#smartzinc#smartzinc.smartzinc .mcard.on::before{content:\"\";position:absolute;left:0;right:0;top:0;height:3px;background:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .mcard .pop{position:absolute;top:12px;right:12px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;\r\n  background:var(--accent);color:#fff;padding:4px 9px;border-radius:100px}\r\n#smartzinc#smartzinc.smartzinc .mcard .disc{width:62px;height:62px;margin:6px auto 14px;border-radius:50%;\r\n  background:radial-gradient(circle at 36% 30%,#FDFDFF,#D2D7E0 55%,#9AA1AF 90%);\r\n  box-shadow:inset 0 -6px 12px rgba(0,0,0,.18),inset 0 5px 8px rgba(255,255,255,.8),0 8px 18px rgba(11,23,48,.18);\r\n  display:grid;place-items:center;font-family:var(--f-en);font-weight:800;color:#6B7688;font-size:23.5px;transition:.45s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .mcard:hover .disc{transform:scale(1.06) rotate(-4deg)}\r\n#smartzinc#smartzinc.smartzinc .mcard b{display:block;font-family:var(--f-en);font-size:18.5px;color:var(--navy-900);letter-spacing:-.01em}\r\n#smartzinc#smartzinc.smartzinc .mcard span{display:block;font-family:var(--f-mono);font-size:12.5px;color:var(--steel);margin-top:5px}\r\n#smartzinc#smartzinc.smartzinc .mcard .bar{height:4px;border-radius:100px;background:var(--paper-2);margin-top:14px;overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .mcard .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--amber));border-radius:100px}\r\n\r\n#smartzinc#smartzinc.smartzinc .spec-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm)}\r\n#smartzinc#smartzinc.smartzinc .spec-scroll{overflow-x:auto}\r\n#smartzinc#smartzinc.smartzinc .spec-table{width:100%;border-collapse:collapse;font-size:16px;min-width:760px}\r\n#smartzinc#smartzinc.smartzinc .spec-table th,#smartzinc#smartzinc.smartzinc .spec-table td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--line)}\r\n#smartzinc#smartzinc.smartzinc .spec-table thead th{background:var(--navy-950);color:#fff;font-family:var(--f-en);font-size:15.5px;font-weight:600}\r\n#smartzinc#smartzinc.smartzinc .spec-table tbody th{text-align:left;font-weight:600;color:var(--navy-900);background:var(--paper);font-size:15.5px}\r\n#smartzinc#smartzinc.smartzinc .spec-table td{color:#414D66;font-family:var(--f-mono);font-size:14.5px;transition:.3s}\r\n#smartzinc#smartzinc.smartzinc .spec-table td.hl{background:rgba(238,135,49,.07);color:var(--navy-900);font-weight:700}\r\n#smartzinc#smartzinc.smartzinc .spec-table thead th.hl{background:linear-gradient(180deg,#2C5FC4,#163995);position:relative}\r\n#smartzinc#smartzinc.smartzinc .spec-table thead th.hl::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .spec-table tr:last-child td,#smartzinc#smartzinc.smartzinc .spec-table tr:last-child th{border-bottom:0}\r\n\r\n\/* ============================================================\r\n   PROCESS TIMELINE (INSTALL)\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .flow{background:linear-gradient(180deg,#F5F9FD 0%,#FFFFFF 40%,#FFFFFF 100%);overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .flow-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,70px);\r\n  align-items:center;margin-bottom:clamp(40px,4.5vw,64px)}\r\n#smartzinc#smartzinc.smartzinc .flow-figure{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line)}\r\n#smartzinc#smartzinc.smartzinc .flow-figure img{width:100%;aspect-ratio:16\/11;object-fit:cover}\r\n#smartzinc#smartzinc.smartzinc .flow-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:52px 26px 24px;color:#fff;\r\n  background:linear-gradient(180deg,transparent,rgba(11,28,56,.93))}\r\n#smartzinc#smartzinc.smartzinc .flow-figure figcaption b{font-family:var(--f-en);font-size:16.5px;display:block;margin-bottom:5px}\r\n#smartzinc#smartzinc.smartzinc .flow-figure figcaption p{font-size:17.5px;color:#D7E2F4;line-height:1.5}\r\n\r\n\/* ---- 13-step progress rail ---- *\/\r\n#smartzinc#smartzinc.smartzinc .pr-rail{position:relative;margin-bottom:clamp(26px,3vw,40px)}\r\n#smartzinc#smartzinc.smartzinc .pr-dots{display:grid;grid-template-columns:repeat(13,1fr);align-items:center;position:relative;\r\n  padding:0 calc(100% \/ 26)}\r\n#smartzinc#smartzinc.smartzinc .pr-dots::before{content:\"\";position:absolute;left:calc(100% \/ 26);right:calc(100% \/ 26);top:50%;\r\n  height:3px;transform:translateY(-50%);background:var(--paper-2);border-radius:100px}\r\n#smartzinc#smartzinc.smartzinc .pr-dots::after{content:\"\";position:absolute;left:calc(100% \/ 26);top:50%;height:3px;\r\n  transform:translateY(-50%);border-radius:100px;\r\n  width:calc((100% - (100% \/ 13)) * var(--pr,0));\r\n  background:linear-gradient(90deg,var(--accent),var(--amber));\r\n  box-shadow:0 0 14px rgba(238,135,49,.45);transition:width .7s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .pr-dot{position:relative;z-index:2;width:14px;height:14px;border-radius:50%;justify-self:center;\r\n  background:#fff;border:2px solid var(--paper-2);transition:.45s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .pr-dot.on{background:var(--accent);border-color:#fff;transform:scale(1.28);\r\n  box-shadow:0 0 0 4px rgba(238,135,49,.20)}\r\n\/* ---- phase tabs ---- *\/\r\n#smartzinc#smartzinc.smartzinc .ph-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.2vw,16px);\r\n  margin-bottom:clamp(24px,2.6vw,34px)}\r\n#smartzinc#smartzinc.smartzinc .ph-tab{text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--r);\r\n  padding:clamp(16px,1.8vw,22px);cursor:pointer;font-family:inherit;transition:.45s var(--ease);\r\n  position:relative;overflow:hidden;box-shadow:var(--sh-sm)}\r\n#smartzinc#smartzinc.smartzinc .ph-tab:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:rgba(66,118,214,.4)}\r\n#smartzinc#smartzinc.smartzinc .ph-tab .ltr{display:block;font-family:var(--f-en);font-size:13px;font-weight:800;letter-spacing:.16em;\r\n  color:var(--accent);margin-bottom:9px}\r\n#smartzinc#smartzinc.smartzinc .ph-tab b{display:block;font-family:var(--f-en);font-size:16.5px;color:var(--navy-900);\r\n  letter-spacing:-.01em;margin-bottom:4px}\r\n#smartzinc#smartzinc.smartzinc .ph-tab span.th{display:block;font-size:17.5px;color:var(--steel);line-height:1.45}\r\n#smartzinc#smartzinc.smartzinc .ph-tab .rng{display:block;margin-top:12px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;\r\n  color:var(--steel)}\r\n#smartzinc#smartzinc.smartzinc .ph-tab.on{background:linear-gradient(150deg,var(--navy-900),var(--navy-950));border-color:var(--navy-900);\r\n  box-shadow:var(--sh)}\r\n#smartzinc#smartzinc.smartzinc .ph-tab.on .ltr{color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .ph-tab.on b{color:#fff}\r\n#smartzinc#smartzinc.smartzinc .ph-tab.on span.th{color:var(--steel-2)}\r\n#smartzinc#smartzinc.smartzinc .ph-tab.on .rng{color:var(--steel-2)}\r\n#smartzinc#smartzinc.smartzinc .ph-tab.on::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent)}\r\n\r\n\/* ---- step cards for the active phase ---- *\/\r\n#smartzinc#smartzinc.smartzinc .ph-panel{display:none}\r\n#smartzinc#smartzinc.smartzinc .ph-panel.on{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,20px);\r\n  animation:phIn .5s var(--ease)}\r\n@keyframes phIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\r\n#smartzinc#smartzinc.smartzinc .pstep{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,2.2vw,26px);\r\n  box-shadow:var(--sh-sm);transition:.45s var(--ease);position:relative;overflow:hidden;\r\n  display:flex;flex-direction:column}\r\n#smartzinc#smartzinc.smartzinc .pstep::before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);\r\n  transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .pstep:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:rgba(66,118,214,.34)}\r\n#smartzinc#smartzinc.smartzinc .pstep:hover::before{transform:scaleY(1)}\r\n#smartzinc#smartzinc.smartzinc .pstep .n{font-family:var(--f-en);font-size:clamp(30px,3.2vw,42px);font-weight:800;line-height:1;\r\n  letter-spacing:-.03em;color:var(--paper-2);margin-bottom:12px;transition:color .45s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .pstep:hover .n{color:rgba(238,135,49,.34)}\r\n#smartzinc#smartzinc.smartzinc .pstep h3{font-size:17.5px;line-height:1.4;margin-bottom:7px;color:var(--ink)}\r\n#smartzinc#smartzinc.smartzinc .pstep .en{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.11em;color:var(--steel);\r\n  text-transform:uppercase;line-height:1.5;margin-bottom:14px}\r\n#smartzinc#smartzinc.smartzinc .pstep .chk{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line);\r\n  display:flex;gap:9px;align-items:flex-start;font-size:17.5px;color:var(--steel);line-height:1.5}\r\n#smartzinc#smartzinc.smartzinc .pstep .chk i{font-style:normal;color:#0E7A45;flex:0 0 auto;font-weight:700}\r\n\r\n#smartzinc#smartzinc.smartzinc .flow-foot{margin-top:clamp(28px,3vw,44px);display:flex;gap:14px;align-items:center;\r\n  justify-content:center;flex-wrap:wrap}\r\n#smartzinc#smartzinc.smartzinc .flow-foot p{font-size:18px;color:var(--steel)}\r\n\/* ============================================================\r\n   APPLICATIONS \u2014 HORIZONTAL SCROLL\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .apps{background:linear-gradient(200deg,#1E4BAE 0%,#2C5FC4 60%,#1E4BAE 100%);color:var(--on-navy);overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .h-scroll{display:flex;gap:20px;overflow-x:auto;padding:6px 0 26px;scroll-snap-type:x mandatory;\r\n  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent}\r\n#smartzinc#smartzinc.smartzinc .h-scroll::-webkit-scrollbar{height:5px}\r\n#smartzinc#smartzinc.smartzinc .h-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:100px}\r\n#smartzinc#smartzinc.smartzinc .h-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:100px}\r\n#smartzinc#smartzinc.smartzinc .app{flex:0 0 clamp(250px,26vw,330px);scroll-snap-align:start;border-radius:var(--r-lg);overflow:hidden;\r\n  position:relative;aspect-ratio:3\/4;background:#16315C;border:1px solid rgba(255,255,255,.1);\r\n  transition:.5s var(--ease);cursor:pointer}\r\n#smartzinc#smartzinc.smartzinc .app:hover{transform:translateY(-8px);border-color:rgba(238,135,49,.5)}\r\n#smartzinc#smartzinc.smartzinc .app img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease);\r\n  filter:brightness(.94) saturate(1)}\r\n#smartzinc#smartzinc.smartzinc .app:hover img{transform:scale(1.07)}\r\n#smartzinc#smartzinc.smartzinc .app .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,52,0) 34%,rgba(10,26,52,.62) 62%,rgba(9,24,50,.95) 100%)}\r\n#smartzinc#smartzinc.smartzinc .app .cnt{position:absolute;left:0;right:0;bottom:0;padding:26px 24px;z-index:2}\r\n#smartzinc#smartzinc.smartzinc .app .cnt .n{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;color:var(--accent);margin-bottom:9px;display:block}\r\n#smartzinc#smartzinc.smartzinc .app .cnt h3{font-size:20.5px;color:#fff;margin-bottom:8px;line-height:1.3}\r\n#smartzinc#smartzinc.smartzinc .app .cnt p{font-size:17.5px;color:#C6D5EE;line-height:1.55;max-height:0;opacity:0;overflow:hidden;\r\n  transition:max-height .55s var(--ease),opacity .45s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .app:hover .cnt p{max-height:120px;opacity:1}\r\n@media (hover:none){#smartzinc#smartzinc.smartzinc .app .cnt p{max-height:140px;opacity:1}}\r\n#smartzinc#smartzinc.smartzinc .hs-ctrl{display:flex;gap:10px;align-items:center}\r\n#smartzinc#smartzinc.smartzinc .hs-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);\r\n  color:#fff;cursor:pointer;font-size:18.5px;transition:.35s var(--ease);display:grid;place-items:center}\r\n#smartzinc#smartzinc.smartzinc .hs-btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.06)}\r\n#smartzinc#smartzinc.smartzinc .hs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(30px,4vw,48px)}\r\n\r\n\/* ============================================================\r\n   AUTHORITY \/ TENDER\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .auth{background:linear-gradient(180deg,#FFFFFF 0%,#F7FAFE 100%)}\r\n#smartzinc#smartzinc.smartzinc .auth-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,72px);align-items:center}\r\n#smartzinc#smartzinc.smartzinc .auth-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);\r\n  border-radius:var(--r-lg);overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .ast{background:#fff;padding:30px 26px;transition:.4s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .ast:hover{background:var(--paper)}\r\n#smartzinc#smartzinc.smartzinc .ast b{display:block;font-family:var(--f-en);font-size:clamp(30px,3.4vw,45px);font-weight:800;color:var(--navy-900);line-height:1}\r\n#smartzinc#smartzinc.smartzinc .ast b .u{color:var(--accent);font-size:.6em}\r\n#smartzinc#smartzinc.smartzinc .ast span{display:block;font-size:17.5px;color:var(--steel);margin-top:9px;line-height:1.5}\r\n#smartzinc#smartzinc.smartzinc .caps{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}\r\n#smartzinc#smartzinc.smartzinc .caps span{font-size:14.5px;font-weight:500;color:var(--navy-900);background:var(--paper);border:1px solid var(--line);\r\n  padding:8px 15px;border-radius:100px;transition:.3s}\r\n#smartzinc#smartzinc.smartzinc .caps span:hover{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}\r\n\r\n#smartzinc#smartzinc.smartzinc .tender{background:linear-gradient(150deg,#4276D6,#1E4BAE 66%);color:var(--on-navy);position:relative;overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .tender::before{content:\"\";position:absolute;top:-30%;left:-10%;width:50vw;height:50vw;border-radius:50%;\r\n  background:radial-gradient(circle,rgba(238,135,49,.16),transparent 66%)}\r\n#smartzinc#smartzinc.smartzinc .tender-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,5vw,64px);\r\n  align-items:center;position:relative;z-index:2}\r\n#smartzinc#smartzinc.smartzinc .doc-list{list-style:none;margin-top:28px;display:grid;gap:2px}\r\n#smartzinc#smartzinc.smartzinc .doc-list li{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);\r\n  font-size:18px;color:#D9E4F5}\r\n#smartzinc#smartzinc.smartzinc .doc-list li i{flex:0 0 auto;color:var(--green);font-size:15px;font-weight:700;font-style:normal;margin-top:1px}\r\n#smartzinc#smartzinc.smartzinc .cert-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);\r\n  padding:clamp(26px,3vw,38px);backdrop-filter:blur(10px);text-align:center}\r\n#smartzinc#smartzinc.smartzinc .cert-card .seal{width:104px;height:104px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;\r\n  border:2px dashed rgba(238,135,49,.45);position:relative}\r\n#smartzinc#smartzinc.smartzinc .cert-card .seal b{font-family:var(--f-en);font-size:16.5px;font-weight:800;color:var(--accent);line-height:1.2}\r\n#smartzinc#smartzinc.smartzinc .cert-card .seal::after{content:\"\";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}\r\n#smartzinc#smartzinc.smartzinc .cert-card h3{font-size:21.5px;margin-bottom:8px;color:#fff}\r\n#smartzinc#smartzinc.smartzinc .cert-card p{font-family:var(--f-mono);font-size:13px;color:#CFDCF1;letter-spacing:.06em;line-height:1.8;margin-bottom:22px}\r\n\r\n\/* ============================================================\r\n   FAQ\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .faq{background:var(--grad-light-2)}\r\n\r\n\/* ============================================================\r\n   FINAL CTA\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .final{background:linear-gradient(170deg,#2C5FC4,#0F2266 66%);color:var(--on-navy);position:relative;overflow:hidden;\r\n  padding:clamp(80px,9vw,132px) 0}\r\n#smartzinc#smartzinc.smartzinc .final::before{content:\"\";position:absolute;inset:0;\r\n  background:radial-gradient(90% 70% at 50% 110%,rgba(238,135,49,.24),transparent 70%)}\r\n#smartzinc#smartzinc.smartzinc .final-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);\r\n  gap:clamp(32px,5vw,72px);align-items:center}\r\n#smartzinc#smartzinc.smartzinc .contact-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);\r\n  border-radius:var(--r-lg);padding:clamp(26px,3vw,38px)}\r\n#smartzinc#smartzinc.smartzinc .cc-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:.35s}\r\n#smartzinc#smartzinc.smartzinc .cc-row:last-child{border-bottom:0}\r\n#smartzinc#smartzinc.smartzinc .cc-row:hover{transform:translateX(4px)}\r\n#smartzinc#smartzinc.smartzinc .cc-row i{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.07);\r\n  border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;font-size:19.5px;font-style:normal}\r\n#smartzinc#smartzinc.smartzinc .cc-row b{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;color:var(--steel-2);text-transform:uppercase}\r\n#smartzinc#smartzinc.smartzinc .cc-row span{font-size:18px;color:#fff;font-weight:600}\r\n#smartzinc#smartzinc.smartzinc .final .cta-note{font-family:var(--f-mono);font-size:13px;letter-spacing:.1em;color:var(--steel-2);margin-top:22px}\r\n\r\n\/* ---------- FOOTER ---------- *\/\r\n#smartzinc#smartzinc.smartzinc footer{background:linear-gradient(180deg,#163995,#0F2266);color:#C6D5EE;padding:clamp(52px,6vw,76px) 0 30px;font-size:17px}\r\n#smartzinc#smartzinc.smartzinc .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(24px,3vw,44px);\r\n  padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}\r\n#smartzinc#smartzinc.smartzinc footer h4{color:#fff;font-size:14.5px;font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-weight:500}\r\n#smartzinc#smartzinc.smartzinc footer a{display:block;color:#C6D5EE;padding:6px 0;transition:.25s}\r\n#smartzinc#smartzinc.smartzinc footer a:hover{color:var(--accent-2);transform:translateX(3px)}\r\n#smartzinc#smartzinc.smartzinc .foot-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:24px;\r\n  font-family:var(--f-mono);font-size:12.5px;letter-spacing:.06em;color:#4B5D7D}\r\n\r\n\/* ---------- FLOATING CTA ---------- *\/\r\n#smartzinc#smartzinc.smartzinc .float-cta{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;gap:10px;\r\n  opacity:0;transform:translateY(20px);transition:.5s var(--ease);pointer-events:none}\r\n#smartzinc#smartzinc.smartzinc .float-cta.show{opacity:1;transform:none;pointer-events:auto}\r\n#smartzinc#smartzinc.smartzinc .float-cta a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:22.5px;\r\n  box-shadow:0 12px 30px rgba(11,23,48,.34);transition:.35s var(--ease);position:relative}\r\n#smartzinc#smartzinc.smartzinc .float-cta a:hover{transform:scale(1.09) translateY(-2px)}\r\n#smartzinc#smartzinc.smartzinc .fc-call{background:var(--accent);color:#fff}\r\n#smartzinc#smartzinc.smartzinc .fc-line{background:#06C755;color:#fff}\r\n#smartzinc#smartzinc.smartzinc .fc-top{background:var(--navy-900);color:#fff;border:1px solid rgba(255,255,255,.16)}\r\n\r\n\/* ============================================================\r\n   MODEL SELECTOR (interactive, no reload)\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .mdl-wrap{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:clamp(18px,2.4vw,30px);align-items:start}\r\n#smartzinc#smartzinc.smartzinc .mdl-list{display:flex;flex-direction:column;gap:10px}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;text-align:left;\r\n  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;cursor:pointer;\r\n  transition:.4s var(--ease);position:relative;overflow:hidden;font-family:inherit;width:100%}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn:hover{transform:translateX(4px);box-shadow:var(--sh-sm);border-color:var(--navy-600)}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn.on{background:linear-gradient(120deg,var(--navy-900),var(--navy-950));border-color:var(--navy-900);\r\n  box-shadow:var(--sh)}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn.on::after{content:\"\";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn .disc{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-en);\r\n  font-weight:800;font-size:18.5px;color:#7E8593;\r\n  background:radial-gradient(circle at 36% 30%,#FDFDFF,#D2D7E0 55%,#9AA1AF 92%);\r\n  box-shadow:inset 0 -5px 10px rgba(0,0,0,.18),inset 0 4px 7px rgba(255,255,255,.8),0 6px 14px rgba(11,23,48,.18);\r\n  transition:.4s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn:hover .disc{transform:rotate(-6deg) scale(1.05)}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn b{display:block;font-family:var(--f-en);font-size:17px;color:var(--navy-900);letter-spacing:-.01em}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn.on b{color:#fff}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn span{display:block;font-family:var(--f-mono);font-size:12px;color:var(--steel);margin-top:3px}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn.on span{color:var(--steel-2)}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn .lvl{margin-top:8px;height:3px;border-radius:100px;background:var(--paper-2);overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn.on .lvl{background:rgba(255,255,255,.16)}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn .lvl i{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,var(--accent),var(--amber))}\r\n\r\n#smartzinc#smartzinc.smartzinc .mdl-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);\r\n  overflow:hidden;position:relative}\r\n#smartzinc#smartzinc.smartzinc .mdl-panel.swap{animation:panelIn .55s var(--ease)}\r\n@keyframes panelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}\r\n#smartzinc#smartzinc.smartzinc .mdl-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;\r\n  padding:clamp(22px,2.6vw,32px) clamp(22px,2.6vw,34px) 0}\r\n#smartzinc#smartzinc.smartzinc .mdl-name{font-family:var(--f-en);font-size:clamp(28px,3.2vw,43px);font-weight:800;color:var(--navy-900);\r\n  letter-spacing:-.03em;line-height:1}\r\n#smartzinc#smartzinc.smartzinc .mdl-name small{display:block;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.16em;color:var(--accent);\r\n  font-weight:500;margin-top:8px}\r\n#smartzinc#smartzinc.smartzinc .mdl-risk{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;padding:8px 14px;border-radius:100px;\r\n  background:var(--paper);border:1px solid var(--line);color:var(--navy-900);white-space:nowrap}\r\n#smartzinc#smartzinc.smartzinc .mdl-spec{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);\r\n  margin:clamp(20px,2.4vw,28px) 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\r\n#smartzinc#smartzinc.smartzinc .mspec{background:#fff;padding:18px clamp(14px,1.6vw,20px)}\r\n#smartzinc#smartzinc.smartzinc .mspec b{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.13em;color:var(--steel);\r\n  text-transform:uppercase;line-height:1.5;min-height:28px}\r\n#smartzinc#smartzinc.smartzinc .mspec span{display:block;font-family:var(--f-en);font-size:clamp(18.5px,1.9vw,25px);font-weight:700;\r\n  color:var(--navy-900);margin-top:8px;letter-spacing:-.02em}\r\n#smartzinc#smartzinc.smartzinc .mspec span i{font-style:normal;font-size:.62em;color:var(--steel);font-weight:500}\r\n#smartzinc#smartzinc.smartzinc .mdl-body{padding:clamp(20px,2.4vw,30px) clamp(22px,2.6vw,34px) clamp(22px,2.6vw,32px);\r\n  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(20px,2.6vw,34px);align-items:start}\r\n#smartzinc#smartzinc.smartzinc .mdl-body h4{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;color:var(--steel);\r\n  text-transform:uppercase;margin-bottom:14px;font-weight:500}\r\n#smartzinc#smartzinc.smartzinc .mdl-chips{display:flex;flex-wrap:wrap;gap:8px}\r\n#smartzinc#smartzinc.smartzinc .mdl-chips span{font-size:17.5px;background:var(--paper);border:1px solid var(--line);padding:8px 14px;\r\n  border-radius:100px;color:var(--navy-900);transition:.3s}\r\n#smartzinc#smartzinc.smartzinc .mdl-chips span:hover{background:var(--navy-900);color:#fff;border-color:var(--navy-900);transform:translateY(-2px)}\r\n#smartzinc#smartzinc.smartzinc .mdl-note{margin-top:18px;font-size:17.5px;color:var(--steel);line-height:1.6;padding-left:14px;\r\n  border-left:2px solid var(--line)}\r\n#smartzinc#smartzinc.smartzinc .mdl-draw{background:linear-gradient(180deg,#F8FAFD,#EDF2F9);border:1px solid var(--line);border-radius:var(--r);\r\n  padding:16px;position:relative}\r\n#smartzinc#smartzinc.smartzinc .mdl-draw::before{content:\"TECHNICAL DRAWING\";position:absolute;top:10px;left:14px;font-family:var(--f-mono);\r\n  font-size:10.5px;letter-spacing:.16em;color:var(--steel)}\r\n#smartzinc#smartzinc.smartzinc .mdl-draw svg{width:100%;height:auto;display:block;margin-top:10px}\r\n#smartzinc#smartzinc.smartzinc .mdl-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}\r\n\r\n\/* ============================================================\r\n   SELECTION GUIDE (recommendation flow)\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .guide{background:linear-gradient(178deg,#2C5FC4 0%,#0F2266 55%,#4276D6 100%);color:var(--on-navy);position:relative;overflow:clip}\r\n#smartzinc#smartzinc.smartzinc .guide::before{content:\"\";position:absolute;inset:0;pointer-events:none;opacity:.5;\r\n  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);\r\n  background-size:70px 70px;mask-image:radial-gradient(90% 70% at 50% 40%,#000,transparent 82%)}\r\n#smartzinc#smartzinc.smartzinc .guide-inner{position:relative;z-index:2}\r\n#smartzinc#smartzinc.smartzinc .gtypes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\r\n#smartzinc#smartzinc.smartzinc .gchip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);\r\n  padding:20px 18px;cursor:pointer;transition:.45s var(--ease);text-align:left;font-family:inherit;color:#fff;\r\n  position:relative;overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .gchip:hover{background:rgba(255,255,255,.1);transform:translateY(-4px);border-color:rgba(244,173,115,.5)}\r\n#smartzinc#smartzinc.smartzinc .gchip.on{background:rgba(238,135,49,.14);\r\n  border-color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .gchip i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;margin-bottom:14px;\r\n  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);font-style:normal;transition:.4s}\r\n#smartzinc#smartzinc.smartzinc .gchip.on i{background:rgba(238,135,49,.2);border-color:rgba(244,173,115,.5)}\r\n#smartzinc#smartzinc.smartzinc .gchip i svg{width:19px;height:19px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\r\n#smartzinc#smartzinc.smartzinc .gchip b{display:block;font-size:17px;line-height:1.35;margin-bottom:4px}\r\n#smartzinc#smartzinc.smartzinc .gchip span{display:block;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.12em;color:#C6D5EE;text-transform:uppercase}\r\n\r\n#smartzinc#smartzinc.smartzinc .gflow{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1.05fr);align-items:center;\r\n  gap:clamp(14px,2vw,26px);margin-top:clamp(30px,4vw,48px)}\r\n#smartzinc#smartzinc.smartzinc .gsel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);\r\n  padding:clamp(22px,2.6vw,32px);backdrop-filter:blur(8px)}\r\n#smartzinc#smartzinc.smartzinc .gsel .lbl{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;color:#C6D5EE;text-transform:uppercase}\r\n#smartzinc#smartzinc.smartzinc .gsel h3{font-size:clamp(21.5px,2.3vw,29px);color:#fff;margin:12px 0 14px;line-height:1.25}\r\n#smartzinc#smartzinc.smartzinc .gsel p{font-size:17.5px;color:#CFDCF1;line-height:1.6}\r\n#smartzinc#smartzinc.smartzinc .gfactors{margin-top:18px;display:flex;flex-direction:column;gap:9px}\r\n#smartzinc#smartzinc.smartzinc .gfactors div{display:flex;justify-content:space-between;gap:14px;font-size:17.5px;color:#D7E2F4;\r\n  padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.09)}\r\n#smartzinc#smartzinc.smartzinc .gfactors div:last-child{border-bottom:0;padding-bottom:0}\r\n#smartzinc#smartzinc.smartzinc .gfactors b{font-family:var(--f-mono);font-size:13px;color:var(--accent);letter-spacing:.06em;white-space:nowrap}\r\n#smartzinc#smartzinc.smartzinc .garrow{display:grid;place-items:center;position:relative;height:100%;min-height:120px}\r\n#smartzinc#smartzinc.smartzinc .garrow svg{width:44px;height:auto;overflow:visible}\r\n#smartzinc#smartzinc.smartzinc .garrow .ad{stroke:var(--accent);stroke-width:2;fill:none;stroke-dasharray:5 7;animation:dashmove 1.2s linear infinite}\r\n@keyframes dashmove{to{stroke-dashoffset:-32}}\r\n#smartzinc#smartzinc.smartzinc .gres{background:rgba(255,255,255,.06);\r\n  border:1px solid rgba(244,173,115,.42);border-left:4px solid var(--accent);border-radius:var(--r-lg);padding:clamp(22px,2.6vw,34px);position:relative;overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .gres.swap{animation:panelIn .5s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .gres .lbl{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;position:relative}\r\n#smartzinc#smartzinc.smartzinc .gres-model{font-family:var(--f-en);font-size:clamp(32px,4.2vw,55.5px);font-weight:800;color:#fff;line-height:1;\r\n  margin:14px 0 6px;letter-spacing:-.03em;position:relative}\r\n#smartzinc#smartzinc.smartzinc .gres-sub{font-size:17.5px;color:#D7E2F4;position:relative;margin-bottom:20px}\r\n#smartzinc#smartzinc.smartzinc .gres-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.14);\r\n  border:1px solid rgba(255,255,255,.14);border-radius:var(--r);overflow:hidden;position:relative}\r\n#smartzinc#smartzinc.smartzinc .gres-meta div{background:rgba(11,28,56,.5);padding:14px 16px}\r\n#smartzinc#smartzinc.smartzinc .gres-meta b{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.13em;color:#C6D5EE;text-transform:uppercase}\r\n#smartzinc#smartzinc.smartzinc .gres-meta span{display:block;font-family:var(--f-en);font-size:18.5px;font-weight:700;color:#fff;margin-top:5px}\r\n#smartzinc#smartzinc.smartzinc .gres .btn{margin-top:20px;position:relative}\r\n\r\n\/* ============================================================\r\n   ENGINEERING SERVICES\r\n   ============================================================ *\/\r\n\/* ---- slim claim bar ---- *\/\r\n#smartzinc#smartzinc.smartzinc .svc-claim{display:flex;align-items:center;gap:clamp(16px,2vw,28px);flex-wrap:wrap;\r\n  background:linear-gradient(120deg,var(--navy-900),var(--navy-950));color:#fff;\r\n  border-radius:var(--r-lg);padding:clamp(20px,2.2vw,28px) clamp(22px,2.6vw,36px);\r\n  position:relative;overflow:hidden;box-shadow:var(--sh)}\r\n#smartzinc#smartzinc.smartzinc .svc-claim::before{content:\"\";position:absolute;top:-60%;left:-6%;width:46%;height:220%;border-radius:50%;\r\n  background:radial-gradient(circle,rgba(238,135,49,.30),transparent 66%);pointer-events:none}\r\n#smartzinc#smartzinc.smartzinc .svc-claim p{position:relative;font-size:clamp(19px,2vw,26px);line-height:1.45;font-weight:600;margin:0}\r\n#smartzinc#smartzinc.smartzinc .svc-claim p b{color:var(--accent);font-weight:800}\r\n#smartzinc#smartzinc.smartzinc .svc-claim .en{position:relative;margin-left:auto;font-family:var(--f-mono);font-size:12.5px;\r\n  letter-spacing:.14em;color:var(--steel-2);text-transform:uppercase;line-height:1.7;text-align:right}\r\n\r\n\/* ---- capability grid: tiles left, detail panel right ---- *\/\r\n#smartzinc#smartzinc.smartzinc .svc-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);\r\n  gap:clamp(18px,2.4vw,34px);align-items:stretch;margin-top:clamp(26px,3vw,44px)}\r\n#smartzinc#smartzinc.smartzinc .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,14px)}\r\n#smartzinc#smartzinc.smartzinc .svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;\r\n  padding:clamp(16px,1.8vw,22px) clamp(12px,1.4vw,16px);text-align:center;font-family:inherit;\r\n  transition:.4s var(--ease);position:relative;overflow:hidden;\r\n  display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:var(--sh-sm)}\r\n#smartzinc#smartzinc.smartzinc .svc:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:rgba(66,118,214,.4)}\r\n#smartzinc#smartzinc.smartzinc .svc::after{content:\"\";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--accent);\r\n  transition:width .45s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .svc.on{background:linear-gradient(150deg,var(--navy-900),var(--navy-950));border-color:var(--navy-900);\r\n  box-shadow:var(--sh)}\r\n#smartzinc#smartzinc.smartzinc .svc.on::after{width:100%}\r\n#smartzinc#smartzinc.smartzinc .svc .n{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;color:var(--steel);\r\n  align-self:flex-start;transition:color .4s}\r\n#smartzinc#smartzinc.smartzinc .svc.on .n{color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .svc i{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;\r\n  background:rgba(238,135,49,.09);\r\n  border:1px solid rgba(238,135,49,.24);transition:.3s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .svc.on i{background:var(--accent);border-color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .svc i svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.7;\r\n  stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}\r\n#smartzinc#smartzinc.smartzinc .svc.on i svg{stroke:#fff}\r\n#smartzinc#smartzinc.smartzinc .svc b{display:block;font-family:var(--f-disp);font-size:16px;font-weight:700;color:var(--ink);\r\n  line-height:1.35;transition:color .4s}\r\n#smartzinc#smartzinc.smartzinc .svc.on b{color:#fff}\r\n\r\n\/* detail panel *\/\r\n#smartzinc#smartzinc.smartzinc .svc-detail{background:linear-gradient(168deg,#FFFFFF,#F4F8FD);border:1px solid var(--line);\r\n  border-radius:var(--r-lg);box-shadow:var(--sh);padding:clamp(24px,2.8vw,38px);\r\n  display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .svc-detail::before{content:\"\";position:absolute;right:-18%;top:-24%;width:56%;aspect-ratio:1;\r\n  border-radius:50%;background:radial-gradient(circle,rgba(238,135,49,.10),transparent 66%);\r\n  pointer-events:none}\r\n#smartzinc#smartzinc.smartzinc .svc-detail > *{position:relative}\r\n#smartzinc#smartzinc.smartzinc .svd{display:none}\r\n#smartzinc#smartzinc.smartzinc .svd.on{display:block;animation:phIn .45s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .svd .tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11.5px;\r\n  letter-spacing:.16em;text-transform:uppercase;color:var(--accent);\r\n  background:rgba(238,135,49,.09);border:1px solid rgba(238,135,49,.30);\r\n  padding:6px 13px;border-radius:100px;margin-bottom:18px}\r\n#smartzinc#smartzinc.smartzinc .svd h3{font-size:clamp(22px,2.3vw,30px);line-height:1.3;margin-bottom:8px;color:var(--ink)}\r\n#smartzinc#smartzinc.smartzinc .svd .en{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;\r\n  color:var(--steel);text-transform:uppercase;margin-bottom:18px}\r\n#smartzinc#smartzinc.smartzinc .svd p{font-size:18px;color:var(--steel);line-height:1.65;max-width:44ch}\r\n#smartzinc#smartzinc.smartzinc .svd .out{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line);\r\n  display:flex;align-items:flex-start;gap:11px;font-size:17px;color:var(--navy-900);line-height:1.5}\r\n#smartzinc#smartzinc.smartzinc .svd .out i{font-style:normal;color:#0E7A45;flex:0 0 auto;font-weight:700}\r\n#smartzinc#smartzinc.smartzinc .svd .out b{font-weight:700}\r\n\r\n\r\n\/* ============================================================\r\n   13-STEP INSTALLATION PROCEDURE\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .p13{border-top:1px solid var(--line);padding-top:clamp(28px,3vw,44px)}\r\n\r\n\/* ============================================================\r\n   INSPECTION & TESTING - PROOF SHOWCASE\r\n   dark band + animated foreground layers\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .inspection{position:relative;overflow:hidden;isolation:isolate}\r\n#smartzinc#smartzinc.smartzinc .inspection .sec-head h2{color:#fff}\r\n\r\n\/* background: drifting light + scanning grid *\/\r\n#smartzinc#smartzinc.smartzinc .insp-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .insp-fx .grid{position:absolute;inset:-20% -10%;\r\n  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),\r\n                   linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);\r\n  background-size:56px 56px;\r\n  mask-image:radial-gradient(80% 62% at 50% 46%,#000 30%,transparent 84%);\r\n  animation:gridpan 22s linear infinite}\r\n@keyframes gridpan{to{background-position:56px 56px}}\r\n#smartzinc#smartzinc.smartzinc .insp-fx .orb{position:absolute;border-radius:50%;filter:blur(46px);opacity:.55}\r\n#smartzinc#smartzinc.smartzinc .insp-fx .o1{width:44vw;aspect-ratio:1;left:-10%;top:-14%;background:rgba(72,142,236,.42);\r\n  animation:orbdrift 19s var(--ease) infinite alternate}\r\n#smartzinc#smartzinc.smartzinc .insp-fx .o2{width:38vw;aspect-ratio:1;right:-8%;bottom:-18%;background:rgba(238,135,49,.30);\r\n  animation:orbdrift 24s var(--ease) infinite alternate-reverse}\r\n@keyframes orbdrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(7%,9%,0) scale(1.16)}}\r\n\r\n\/* FOREGROUND layer 1: a light sweep that passes over the content *\/\r\n#smartzinc#smartzinc.smartzinc .insp-sweep{position:absolute;inset:-30% -60%;z-index:4;pointer-events:none;will-change:transform;\r\n  background:linear-gradient(104deg,transparent 38%,rgba(190,225,255,.30) 47%,\r\n    rgba(255,255,255,.62) 50%,rgba(190,225,255,.30) 53%,transparent 62%);\r\n  transform:translateX(-46%);animation:sweep 7.5s var(--ease) infinite}\r\n@keyframes sweep{0%{transform:translateX(-46%)}55%,100%{transform:translateX(46%)}}\r\n\r\n\/* FOREGROUND layer 2: drifting data motes *\/\r\n#smartzinc#smartzinc.smartzinc .insp-motes{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .insp-motes b{position:absolute;bottom:-8%;width:5px;height:5px;border-radius:50%;\r\n  background:var(--cyan);box-shadow:0 0 10px rgba(47,211,255,.9);opacity:0;\r\n  animation:mote linear infinite}\r\n@keyframes mote{\r\n  0%{opacity:0;transform:translateY(0) scale(.6)}\r\n  12%{opacity:.85}\r\n  80%{opacity:.5}\r\n  100%{opacity:0;transform:translateY(-108vh) scale(1)}\r\n}\r\n\r\n\/* instrument panel *\/\r\n#smartzinc#smartzinc.smartzinc .insp-scope{position:relative;z-index:2;margin:0 auto;max-width:1000px;\r\n  border-radius:var(--r-xl);overflow:hidden;\r\n  background:linear-gradient(158deg,rgba(255,255,255,.11),rgba(255,255,255,.035) 52%,rgba(255,255,255,.015));\r\n  border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);\r\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 40px 90px rgba(4,14,32,.48)}\r\n#smartzinc#smartzinc.smartzinc .scope-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;\r\n  padding:clamp(16px,1.8vw,22px) clamp(20px,2.2vw,30px);\r\n  border-bottom:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}\r\n#smartzinc#smartzinc.smartzinc .scope-bar .live{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:12px;\r\n  letter-spacing:.18em;color:#7FE7C4}\r\n#smartzinc#smartzinc.smartzinc .scope-bar .live i{width:8px;height:8px;border-radius:50%;background:#25D07A;font-style:normal;\r\n  box-shadow:0 0 0 0 rgba(37,208,122,.6);animation:blip 2s infinite}\r\n#smartzinc#smartzinc.smartzinc .scope-bar .ttl{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;color:var(--on-navy-2);\r\n  text-transform:uppercase}\r\n#smartzinc#smartzinc.smartzinc .scope-bar .std{margin-left:auto;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.12em;\r\n  color:var(--on-navy-3);white-space:nowrap}\r\n#smartzinc#smartzinc.smartzinc .scope-plot{position:relative;padding:clamp(14px,1.8vw,22px)}\r\n#smartzinc#smartzinc.smartzinc .scope-plot svg{width:100%;height:auto;display:block;overflow:visible}\r\n\r\n#smartzinc#smartzinc.smartzinc .trace-pre{fill:none;stroke:#FF8A6B;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;\r\n  stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 2.6s var(--ease) .2s forwards}\r\n#smartzinc#smartzinc.smartzinc .trace-post{fill:none;stroke:#25D07A;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;\r\n  stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 2.6s var(--ease) 1s forwards}\r\n@keyframes draw{to{stroke-dashoffset:0}}\r\n#smartzinc#smartzinc.smartzinc .scan{animation:scanx 4.6s var(--ease) infinite}\r\n@keyframes scanx{0%{transform:translateX(0)}50%{transform:translateX(860px)}100%{transform:translateX(0)}}\r\n#smartzinc#smartzinc.smartzinc .thr{stroke:#F7B879;stroke-width:1.6;stroke-dasharray:7 8;opacity:.8}\r\n\r\n#smartzinc#smartzinc.smartzinc .scope-read{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16);\r\n  border-top:1px solid rgba(255,255,255,.16)}\r\n#smartzinc#smartzinc.smartzinc .scope-read > div{background:rgba(11,23,48,.34);padding:clamp(18px,2vw,26px)}\r\n#smartzinc#smartzinc.smartzinc .scope-read .k{display:block;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;\r\n  color:var(--on-navy-3);text-transform:uppercase;margin-bottom:9px}\r\n#smartzinc#smartzinc.smartzinc .scope-read b{display:block;font-family:var(--f-en);font-size:clamp(26px,3vw,38px);font-weight:800;\r\n  color:#fff;line-height:1;letter-spacing:-.02em}\r\n#smartzinc#smartzinc.smartzinc .scope-read b em{font-style:normal;font-size:.46em;color:var(--accent);margin-left:4px}\r\n#smartzinc#smartzinc.smartzinc .scope-read .pass{display:inline-flex;align-items:center;gap:7px;margin-top:11px;font-family:var(--f-mono);\r\n  font-size:11.5px;letter-spacing:.1em;color:#7FE7C4;background:rgba(37,208,122,.12);\r\n  border:1px solid rgba(37,208,122,.34);padding:5px 11px;border-radius:100px}\r\n\r\n\/* proof strip *\/\r\n#smartzinc#smartzinc.smartzinc .insp-figs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);\r\n  gap:clamp(12px,1.4vw,18px);max-width:1000px;margin:clamp(20px,2.4vw,30px) auto 0}\r\n#smartzinc#smartzinc.smartzinc .insp-fig{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.15);\r\n  border-radius:var(--r);padding:clamp(16px,1.8vw,22px);text-align:center;transition:.45s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .insp-fig:hover{background:rgba(255,255,255,.11);transform:translateY(-4px);\r\n  border-color:rgba(244,173,115,.5)}\r\n#smartzinc#smartzinc.smartzinc .insp-fig b{display:block;font-family:var(--f-en);font-size:clamp(19px,2vw,25px);font-weight:800;color:#fff;\r\n  line-height:1.1;letter-spacing:-.02em}\r\n#smartzinc#smartzinc.smartzinc .insp-fig span{display:block;font-size:17.5px;color:var(--on-navy-2);margin-top:8px;line-height:1.45}\r\n\r\n\/* ============================================================\r\n   CASE STUDIES\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}\r\n#smartzinc#smartzinc.smartzinc .case-grid.two{grid-template-columns:repeat(2,1fr)}\r\n#smartzinc#smartzinc.smartzinc .case{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;\r\n  transition:transform .5s var(--ease),box-shadow .5s var(--ease),opacity .4s;text-align:left;\r\n  font-family:inherit;padding:0;display:flex;flex-direction:column;width:100%}\r\n#smartzinc#smartzinc.smartzinc .case:hover{transform:translateY(-7px);box-shadow:var(--sh)}\r\n#smartzinc#smartzinc.smartzinc .case.hide{display:none}\r\n#smartzinc#smartzinc.smartzinc .case-img{position:relative;aspect-ratio:16\/10;overflow:hidden;background:var(--paper-2)}\r\n#smartzinc#smartzinc.smartzinc .case-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .case:hover .case-img img{transform:scale(1.06)}\r\n#smartzinc#smartzinc.smartzinc .case-img .cat{position:absolute;top:12px;left:12px;font-family:var(--f-mono);font-size:11px;letter-spacing:.13em;\r\n  background:rgba(11,28,56,.82);color:#fff;padding:6px 12px;border-radius:100px;backdrop-filter:blur(6px)}\r\n#smartzinc#smartzinc.smartzinc .case-img .yr{position:absolute;top:12px;right:12px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;\r\n  background:rgba(255,255,255,.92);color:var(--navy-900);padding:6px 11px;border-radius:100px}\r\n#smartzinc#smartzinc.smartzinc .case-img::after{content:\"\";position:absolute;inset:0;z-index:1;pointer-events:none;\r\n  background:linear-gradient(0deg,rgba(11,23,48,.42) 0%,rgba(11,23,48,0) 32%);opacity:0;transition:opacity .4s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .case:hover .case-img::after{opacity:1}\r\n#smartzinc#smartzinc.smartzinc .case-view{position:absolute;right:14px;bottom:14px;z-index:2;width:40px;height:40px;\r\n  border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);\r\n  box-shadow:0 8px 20px rgba(11,23,48,.3);opacity:0;transform:scale(.8);\r\n  transition:opacity .4s var(--ease),transform .4s var(--ease),background .3s}\r\n#smartzinc#smartzinc.smartzinc .case-view svg{width:17px;height:17px;stroke:var(--navy-900);fill:none;stroke-width:2;\r\n  stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}\r\n#smartzinc#smartzinc.smartzinc .case:hover .case-view{opacity:1;transform:scale(1);background:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .case:hover .case-view svg{stroke:#fff}\r\n#smartzinc#smartzinc.smartzinc .case-in{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}\r\n#smartzinc#smartzinc.smartzinc .case-in h3{font-size:19px;line-height:1.4;margin-bottom:9px}\r\n#smartzinc#smartzinc.smartzinc .case-in .loc{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--steel);\r\n  text-transform:uppercase;margin-bottom:12px}\r\n#smartzinc#smartzinc.smartzinc .case-in p{font-size:17.5px;color:var(--steel);line-height:1.6;flex:1}\r\n#smartzinc#smartzinc.smartzinc .case-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16top:1px solid var(--line)}\r\n#smartzinc#smartzinc.smartzinc .case-foot .mdl{font-family:var(--f-mono);font-size:12.5px;color:var(--navy-900);background:var(--paper);\r\n  border:1px solid var(--line);padding:5px 11px;border-radius:100px}\r\n#smartzinc#smartzinc.smartzinc .case-foot .go{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;color:var(--accent);\r\n  display:inline-flex;align-items:center;gap:6px;transition:gap .3s}\r\n#smartzinc#smartzinc.smartzinc .case:hover .case-foot .go{gap:11px}\r\n\r\n\/* modal *\/\r\n#smartzinc#smartzinc.smartzinc .cm{position:fixed;inset:0;z-index:120;display:none;align-items:flex-start;justify-content:center;\r\n  padding:clamp(14px,4vh,50px) clamp(12px,3vw,30px);overflow-y:auto;\r\n  background:rgba(8,20,42,.72);backdrop-filter:blur(8px)}\r\n#smartzinc#smartzinc.smartzinc .cm.open{display:flex;animation:fadeIn .3s var(--ease)}\r\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\r\n#smartzinc#smartzinc.smartzinc .cm-card{background:#fff;border-radius:var(--r-lg);max-width:1000px;width:100%;overflow:hidden;\r\n  box-shadow:var(--sh-lg);animation:panelIn .45s var(--ease);position:relative}\r\n#smartzinc#smartzinc.smartzinc .cm-close{position:fixed;top:clamp(14px,3vh,28px);right:clamp(14px,3vw,32px);z-index:130;width:46px;height:46px;border-radius:50%;border:0;\r\n  background:rgba(11,28,56,.72);color:#fff;font-size:20.5px;cursor:pointer;backdrop-filter:blur(6px);transition:.3s}\r\n#smartzinc#smartzinc.smartzinc .cm-close:hover{background:var(--accent);transform:rotate(90deg)}\r\n#smartzinc#smartzinc.smartzinc .cm-hero{position:relative;aspect-ratio:21\/8;background:var(--paper-2);overflow:hidden}\r\n#smartzinc#smartzinc.smartzinc .cm-hero img{width:100%;height:100%;object-fit:cover}\r\n#smartzinc#smartzinc.smartzinc .cm-hero .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,28,56,.1),rgba(11,28,56,.86))}\r\n#smartzinc#smartzinc.smartzinc .cm-hero .tt{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,3vw,34px);color:#fff}\r\n#smartzinc#smartzinc.smartzinc .cm-hero .tt .cat{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;color:var(--accent)}\r\n#smartzinc#smartzinc.smartzinc .cm-hero .tt h3{font-size:clamp(22.5px,3vw,34px);margin:10px 0 8px;color:#fff;line-height:1.25}\r\n#smartzinc#smartzinc.smartzinc .cm-hero .tt .meta{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.08em;color:#D7E2F4}\r\n#smartzinc#smartzinc.smartzinc .cm-body{padding:clamp(22px,3vw,36px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(22px,3vw,38px);align-items:start}\r\n#smartzinc#smartzinc.smartzinc .cm-sec{margin-bottom:24px}\r\n#smartzinc#smartzinc.smartzinc .cm-sec:last-child{margin-bottom:0}\r\n#smartzinc#smartzinc.smartzinc .cm-sec b{display:block;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;color:var(--accent);\r\n  text-transform:uppercase;margin-bottom:9px}\r\n#smartzinc#smartzinc.smartzinc .cm-sec p{font-size:18px;color:#414D66;line-height:1.7}\r\n#smartzinc#smartzinc.smartzinc .cm-side{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:22px}\r\n#smartzinc#smartzinc.smartzinc .cm-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:17px}\r\n#smartzinc#smartzinc.smartzinc .cm-row:last-of-type{border-bottom:0}\r\n#smartzinc#smartzinc.smartzinc .cm-row span:first-child{color:var(--steel)}\r\n#smartzinc#smartzinc.smartzinc .cm-row span:last-child{font-family:var(--f-mono);font-size:13.5px;color:var(--navy-900);text-align:right;font-weight:500}\r\n#smartzinc#smartzinc.smartzinc .cm-res{margin-top:16px;display:flex;flex-direction:column;gap:9px}\r\n#smartzinc#smartzinc.smartzinc .cm-res div{display:flex;gap:9px;align-items:flex-start;font-size:17.5px;color:var(--navy-900);line-height:1.5}\r\n#smartzinc#smartzinc.smartzinc .cm-res div i{color:var(--green);font-style:normal;flex:0 0 auto}\r\n#smartzinc#smartzinc.smartzinc .cm-ba{margin-top:22px}\r\n#smartzinc#smartzinc.smartzinc .cm-gal{margin-top:22px}\r\n#smartzinc#smartzinc.smartzinc .cm-gal .gal{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}\r\n#smartzinc#smartzinc.smartzinc .cm-gal .gal img{width:100%;aspect-ratio:4\/3;object-fit:cover;border-radius:var(--r);\r\n  border:1px solid var(--line);background:var(--paper-2);transition:.4s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .cm-gal .gal img:hover{transform:scale(1.02);box-shadow:var(--sh-sm)}\r\n\r\n\/* ============================================================\r\n   MICRO-INTERACTIONS \/ 3D PRODUCT\r\n   ============================================================ *\/\r\n#smartzinc#smartzinc.smartzinc .btn::before{content:\"\";position:absolute;top:0;left:-120%;width:60%;height:100%;pointer-events:none;\r\n  background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);transition:left .7s var(--ease)}\r\n#smartzinc#smartzinc.smartzinc .btn:hover::before{left:130%}\r\n\r\n\/* ============================================================\r\n   RESPONSIVE \u2014 NEW SECTIONS\r\n   ============================================================ *\/\r\n@media (max-width:1080px){\r\n  \/* every selector here MUST carry the doubled-ID prefix: the unprefixed\r\n     versions this block shipped with (bare \".mdl-wrap\" etc.) have far lower\r\n     specificity than the base \"#smartzinc#smartzinc.smartzinc .mdl-wrap\"\r\n     rule above, so a media query alone can never win the cascade against it \u2014\r\n     the override silently never applied at ANY width, on any device. *\/\r\n  #smartzinc#smartzinc.smartzinc .mdl-wrap{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .mdl-list{flex-direction:row;overflow-x:auto;padding-bottom:6px;gap:10px}\r\n  #smartzinc#smartzinc.smartzinc .mdl-btn{flex:0 0 200px}\r\n  #smartzinc#smartzinc.smartzinc .mdl-body{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .gtypes{grid-template-columns:repeat(2,minmax(0,1fr))}\r\n  #smartzinc#smartzinc.smartzinc .gflow{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .garrow{min-height:64px;transform:rotate(90deg)}\r\n  #smartzinc#smartzinc.smartzinc .svc-wrap{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}\r\n  #smartzinc#smartzinc.smartzinc .svc-claim{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .case-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .cm-body{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .ph-panel.on{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .ph-tabs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}\r\n}\r\n@media (max-width:720px){\r\n  #smartzinc#smartzinc.smartzinc .mdl-spec{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .gtypes{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .case-grid,#smartzinc#smartzinc.smartzinc .case-grid.two{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .svc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .svc-claim .en{margin-left:0;text-align:left}\r\n  #smartzinc#smartzinc.smartzinc .gres-meta{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .ph-panel.on{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .pr-dots{padding:0}\r\n  #smartzinc#smartzinc.smartzinc .pr-dots::before,#smartzinc#smartzinc.smartzinc .pr-dots::after{left:0}\r\n  #smartzinc#smartzinc.smartzinc .pr-dots::after{width:calc(100% * var(--pr,0))}\r\n  #smartzinc#smartzinc.smartzinc .cm-hero{aspect-ratio:16\/10}\r\n}\r\n\r\n\/* ============================================================\r\n   DEPTH & MOTION LAYER\r\n   ambient light, grain, pointer spotlight, scroll parallax\r\n   ============================================================ *\/\r\n\r\n#smartzinc#smartzinc.smartzinc .section{isolation:isolate}\r\n\r\n\/* keep every section's own content above its background *\/\r\n#smartzinc#smartzinc.smartzinc .section > .wrap,#smartzinc#smartzinc.smartzinc .section > .wrap-narrow{position:relative;z-index:2}\r\n\r\n#smartzinc#smartzinc.smartzinc .projects{background:var(--grad-light-2)}\r\n#smartzinc#smartzinc.smartzinc .services{background:linear-gradient(180deg,#FFFFFF 0%,#FAFCFE 55%,#F3F8FD 100%)}\r\n#smartzinc#smartzinc.smartzinc .inspection{background:linear-gradient(168deg,#1E4BAE 0%,#0F2266 52%,#2C5FC4 100%);color:var(--on-navy)}\r\n\r\n\/* --- film grain: a single fixed overlay, keeps large flat fills from banding --- *\/\r\n\/* grain sits on the scrolling page, not fixed to the viewport, and does not blend \u2014\r\n   a fixed blended layer forces the whole page to recomposite on every scroll frame *\/\r\nbody::after{content:\"\";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.16;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'\/%3E%3C\/svg%3E\")}\r\n\r\n\/* --- pointer spotlight on cards --- *\/\r\n#smartzinc#smartzinc.smartzinc .val,#smartzinc#smartzinc.smartzinc .vp,#smartzinc#smartzinc.smartzinc .gchip,#smartzinc#smartzinc.smartzinc .edu-card,#smartzinc#smartzinc.smartzinc .case,#smartzinc#smartzinc.smartzinc .mdl-btn,#smartzinc#smartzinc.smartzinc .pain,#smartzinc#smartzinc.smartzinc .hstep,#smartzinc#smartzinc.smartzinc .app,#smartzinc#smartzinc.smartzinc .ast,#smartzinc#smartzinc.smartzinc .svc{--mx:50%;--my:50%}\r\n#smartzinc#smartzinc.smartzinc .val::after,#smartzinc#smartzinc.smartzinc .vp::after,#smartzinc#smartzinc.smartzinc .gchip::after,#smartzinc#smartzinc.smartzinc .edu-card::after,#smartzinc#smartzinc.smartzinc .case::after,\r\n#smartzinc#smartzinc.smartzinc .mdl-btn::before,#smartzinc#smartzinc.smartzinc .pain::before,#smartzinc#smartzinc.smartzinc .hstep::after{\r\n  content:\"\";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;\r\n  opacity:0;transition:opacity .45s var(--ease);\r\n  background:radial-gradient(320px circle at var(--mx) var(--my),var(--spot,rgba(238,135,49,.14)),transparent 62%)}\r\n#smartzinc#smartzinc.smartzinc .val:hover::after,#smartzinc#smartzinc.smartzinc .vp:hover::after,#smartzinc#smartzinc.smartzinc .gchip:hover::after,#smartzinc#smartzinc.smartzinc .edu-card:hover::after,#smartzinc#smartzinc.smartzinc .case:hover::after,\r\n#smartzinc#smartzinc.smartzinc .mdl-btn:hover::before,#smartzinc#smartzinc.smartzinc .pain:hover::before,#smartzinc#smartzinc.smartzinc .hstep:hover::after{opacity:1}\r\n\/* keep card content above the spotlight wash *\/\r\n#smartzinc#smartzinc.smartzinc .edu-card > *,#smartzinc#smartzinc.smartzinc .case > *,#smartzinc#smartzinc.smartzinc .mdl-btn > *,#smartzinc#smartzinc.smartzinc .pain > *,#smartzinc#smartzinc.smartzinc .hstep > *,#smartzinc#smartzinc.smartzinc .val > *,#smartzinc#smartzinc.smartzinc .vp > *,#smartzinc#smartzinc.smartzinc .gchip > *{position:relative;z-index:1}\r\n#smartzinc#smartzinc.smartzinc .val,#smartzinc#smartzinc.smartzinc .vp,#smartzinc#smartzinc.smartzinc .gchip,#smartzinc#smartzinc.smartzinc .edu-card,#smartzinc#smartzinc.smartzinc .case,#smartzinc#smartzinc.smartzinc .mdl-btn,#smartzinc#smartzinc.smartzinc .pain,#smartzinc#smartzinc.smartzinc .hstep{position:relative}\r\n#smartzinc#smartzinc.smartzinc .val,#smartzinc#smartzinc.smartzinc .vp,#smartzinc#smartzinc.smartzinc .gchip,#smartzinc#smartzinc.smartzinc .hstep{--spot:rgba(244,173,115,.18)}\r\n#smartzinc#smartzinc.smartzinc .edu-card,#smartzinc#smartzinc.smartzinc .case,#smartzinc#smartzinc.smartzinc .mdl-btn,#smartzinc#smartzinc.smartzinc .pain{--spot:rgba(238,135,49,.11)}\r\n\r\n\/* --- lift: shared hover transform so elevation feels physical --- *\/\r\n#smartzinc#smartzinc.smartzinc .edu-card:hover,#smartzinc#smartzinc.smartzinc .case:hover,#smartzinc#smartzinc.smartzinc .pain:hover,#smartzinc#smartzinc.smartzinc .dl-card:hover{will-change:transform}\r\n\r\n\/* --- animated accent hairline under section headings --- *\/\r\n#smartzinc#smartzinc.smartzinc .sec-head h2{position:relative}\r\n\r\n\/* --- shimmering rail on the models list --- *\/\r\n#smartzinc#smartzinc.smartzinc .mdl-btn.on::after{background:linear-gradient(180deg,var(--accent),var(--amber),var(--accent));\r\n  background-size:100% 260%;animation:railflow 3.2s linear infinite}\r\n@keyframes railflow{to{background-position:0 -260%}}\r\n\r\n\/* --- off-screen sections do no animation work at all --- *\/\r\n#smartzinc#smartzinc.smartzinc .section.idle::before,#smartzinc#smartzinc.smartzinc .section.idle *,#smartzinc#smartzinc.smartzinc .hero.idle *{animation-play-state:paused!important}\r\n\r\n\/* --- reveal: gentler, with a slight scale so cards feel like they settle --- *\/\r\n#smartzinc#smartzinc.smartzinc .rv{transform:translateY(34px) scale(.985)}\r\n#smartzinc#smartzinc.smartzinc .rv.in{transform:none}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  #smartzinc#smartzinc.smartzinc .insp-sweep,#smartzinc#smartzinc.smartzinc .insp-motes{display:none}\r\n  #smartzinc#smartzinc.smartzinc .insp-fx .grid,#smartzinc#smartzinc.smartzinc .insp-fx .orb,#smartzinc#smartzinc.smartzinc .scan,#smartzinc#smartzinc.smartzinc .trace-pre,#smartzinc#smartzinc.smartzinc .trace-post{animation:none!important}\r\n  #smartzinc#smartzinc.smartzinc .trace-pre,#smartzinc#smartzinc.smartzinc .trace-post{stroke-dashoffset:0!important}\r\n  #smartzinc#smartzinc.smartzinc .mdl-btn.on::after{animation:none!important}\r\n  body::after{display:none}\r\n}\r\n\r\n\/* ============================================================\r\n   WORDPRESS THEME HARDENING\r\n   This page is embedded inside a WP theme whose stylesheet also targets\r\n   button \/ a \/ ul \/ img \/ h1-h4. Our interactive components are button elements.\r\n   A theme reaches them through a wrapper (.entry-content button,\r\n   .site-content button:hover) or with !important, and either of those\r\n   outranks a bare class of ours. So the paint-critical properties below \u2014\r\n   background, colour, border-colour \u2014 are stated with !important on EVERY\r\n   state. Nothing outside this block and the reduced-motion block uses\r\n   !important, so these stay easy to find and to override deliberately.\r\n   ============================================================ *\/\r\n\r\n\/* 1. neutralise the theme's generic button chrome on our components *\/\r\n#smartzinc#smartzinc.smartzinc .case,#smartzinc#smartzinc.smartzinc .svc,#smartzinc#smartzinc.smartzinc .ph-tab,#smartzinc#smartzinc.smartzinc .mdl-btn,#smartzinc#smartzinc.smartzinc .gchip,#smartzinc#smartzinc.smartzinc .exp-q,#smartzinc#smartzinc.smartzinc .hs-btn,#smartzinc#smartzinc.smartzinc .burger,\r\n#smartzinc#smartzinc.smartzinc .viz-btn,#smartzinc#smartzinc.smartzinc .viz-cover,#smartzinc#smartzinc.smartzinc .cm-close,#smartzinc#smartzinc.smartzinc .drawer .close,#smartzinc#smartzinc.smartzinc .edu-nav button{\r\n  -webkit-appearance:none!important;appearance:none!important;\r\n  text-transform:none!important;letter-spacing:normal;text-shadow:none;\r\n  min-height:0;min-width:0;line-height:inherit;margin:0;\r\n  text-decoration:none!important;font-family:inherit!important}\r\n#smartzinc#smartzinc.smartzinc .case:focus,#smartzinc#smartzinc.smartzinc .svc:focus,#smartzinc#smartzinc.smartzinc .ph-tab:focus,#smartzinc#smartzinc.smartzinc .mdl-btn:focus,#smartzinc#smartzinc.smartzinc .gchip:focus,#smartzinc#smartzinc.smartzinc .exp-q:focus,\r\n#smartzinc#smartzinc.smartzinc .hs-btn:focus,#smartzinc#smartzinc.smartzinc .burger:focus,#smartzinc#smartzinc.smartzinc .viz-btn:focus,#smartzinc#smartzinc.smartzinc .viz-cover:focus,#smartzinc#smartzinc.smartzinc .cm-close:focus,\r\n#smartzinc#smartzinc.smartzinc .drawer .close:focus,#smartzinc#smartzinc.smartzinc .edu-nav button:focus{outline:none}\r\n\/* keyboard users still get a ring *\/\r\n#smartzinc#smartzinc.smartzinc .case:focus-visible,#smartzinc#smartzinc.smartzinc .svc:focus-visible,#smartzinc#smartzinc.smartzinc .ph-tab:focus-visible,#smartzinc#smartzinc.smartzinc .mdl-btn:focus-visible,\r\n#smartzinc#smartzinc.smartzinc .gchip:focus-visible,#smartzinc#smartzinc.smartzinc .exp-q:focus-visible,#smartzinc#smartzinc.smartzinc .hs-btn:focus-visible,#smartzinc#smartzinc.smartzinc .burger:focus-visible,\r\n#smartzinc#smartzinc.smartzinc .viz-btn:focus-visible,#smartzinc#smartzinc.smartzinc .viz-cover:focus-visible,#smartzinc#smartzinc.smartzinc .cm-close:focus-visible,\r\n#smartzinc#smartzinc.smartzinc .drawer .close:focus-visible,#smartzinc#smartzinc.smartzinc .edu-nav button:focus-visible{\r\n  outline:3px solid var(--accent)!important;outline-offset:3px}\r\n\r\n\/* 2. white-surface components \u2014 background + colour pinned on every state *\/\r\n#smartzinc#smartzinc.smartzinc .case,#smartzinc#smartzinc.smartzinc .case:hover,#smartzinc#smartzinc.smartzinc .case:focus,#smartzinc#smartzinc.smartzinc .case:active,\r\n#smartzinc#smartzinc.smartzinc .svc,#smartzinc#smartzinc.smartzinc .svc:hover,#smartzinc#smartzinc.smartzinc .svc:focus,#smartzinc#smartzinc.smartzinc .svc:active,\r\n#smartzinc#smartzinc.smartzinc .ph-tab,#smartzinc#smartzinc.smartzinc .ph-tab:hover,#smartzinc#smartzinc.smartzinc .ph-tab:focus,#smartzinc#smartzinc.smartzinc .ph-tab:active,\r\n#smartzinc#smartzinc.smartzinc .mdl-btn,#smartzinc#smartzinc.smartzinc .mdl-btn:hover,#smartzinc#smartzinc.smartzinc .mdl-btn:focus,#smartzinc#smartzinc.smartzinc .mdl-btn:active{\r\n  background:#fff!important;background-image:none!important;\r\n  color:var(--ink)!important;border-color:var(--line)!important}\r\n#smartzinc#smartzinc.smartzinc .case:hover,#smartzinc#smartzinc.smartzinc .svc:hover,#smartzinc#smartzinc.smartzinc .ph-tab:hover,#smartzinc#smartzinc.smartzinc .mdl-btn:hover{border-color:rgba(66,118,214,.4)!important}\r\n\/* the card's inner surfaces must not pick up a theme fill either *\/\r\n#smartzinc#smartzinc.smartzinc .case .case-in,#smartzinc#smartzinc.smartzinc .case .case-img,#smartzinc#smartzinc.smartzinc .case .case-foot{background:transparent!important}\r\n\/* selected states must still win over the block above *\/\r\n#smartzinc#smartzinc.smartzinc .svc.on,#smartzinc#smartzinc.smartzinc .svc.on:hover,#smartzinc#smartzinc.smartzinc .svc.on:focus,\r\n#smartzinc#smartzinc.smartzinc .ph-tab.on,#smartzinc#smartzinc.smartzinc .ph-tab.on:hover,#smartzinc#smartzinc.smartzinc .ph-tab.on:focus,\r\n#smartzinc#smartzinc.smartzinc .mdl-btn.on,#smartzinc#smartzinc.smartzinc .mdl-btn.on:hover,#smartzinc#smartzinc.smartzinc .mdl-btn.on:focus{\r\n  background:linear-gradient(150deg,var(--navy-900),var(--navy-950))!important;\r\n  border-color:var(--navy-900)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .svc.on b,#smartzinc#smartzinc.smartzinc .ph-tab.on b,#smartzinc#smartzinc.smartzinc .mdl-btn.on b{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .mdl-btn.on span{color:var(--steel-2)!important}\r\n#smartzinc#smartzinc.smartzinc .ph-tab.on span.th,#smartzinc#smartzinc.smartzinc .ph-tab.on .rng{color:var(--steel-2)!important}\r\n\r\n\/* case-card text \u2014 the theme must not recolour any of it *\/\r\n#smartzinc#smartzinc.smartzinc .case .case-in h3{color:var(--ink)!important}\r\n#smartzinc#smartzinc.smartzinc .case .case-in p{color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .case .case-in .loc{color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .case .case-img .cat{background:rgba(11,28,56,.82)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .case .case-img .yr{background:rgba(255,255,255,.92)!important;color:var(--navy-900)!important}\r\n#smartzinc#smartzinc.smartzinc .case .case-view,#smartzinc#smartzinc.smartzinc .case:hover .case-view{background:rgba(255,255,255,.94)!important}\r\n#smartzinc#smartzinc.smartzinc .case:hover .case-view{background:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .case .case-foot .mdl{color:var(--navy-900)!important;background:var(--paper)!important;\r\n  border-color:var(--line)!important}\r\n#smartzinc#smartzinc.smartzinc .case .case-foot .go{color:var(--accent)!important}\r\n\r\n\/* 3. transparent \/ navy-surface components *\/\r\n#smartzinc#smartzinc.smartzinc .exp-q,#smartzinc#smartzinc.smartzinc .exp-q:hover,#smartzinc#smartzinc.smartzinc .exp-q:focus,#smartzinc#smartzinc.smartzinc .exp-q:active{\r\n  background:none!important;color:var(--navy-900)!important}\r\n#smartzinc#smartzinc.smartzinc .edu-nav button,#smartzinc#smartzinc.smartzinc .edu-nav button:hover,#smartzinc#smartzinc.smartzinc .edu-nav button:focus{\r\n  background:none!important;color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .edu-nav button.on,#smartzinc#smartzinc.smartzinc .edu-nav button:hover{color:var(--navy-900)!important}\r\n#smartzinc#smartzinc.smartzinc .gchip,#smartzinc#smartzinc.smartzinc .gchip:focus,#smartzinc#smartzinc.smartzinc .gchip:active{background:rgba(255,255,255,.05)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .gchip:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .gchip.on,#smartzinc#smartzinc.smartzinc .gchip.on:hover,#smartzinc#smartzinc.smartzinc .gchip.on:focus{\r\n  background:rgba(238,135,49,.14)!important;\r\n  border-color:var(--accent)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .hs-btn,#smartzinc#smartzinc.smartzinc .hs-btn:focus,#smartzinc#smartzinc.smartzinc .hs-btn:active{background:rgba(255,255,255,.05)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .hs-btn:hover{background:var(--accent)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .burger,#smartzinc#smartzinc.smartzinc .burger:hover,#smartzinc#smartzinc.smartzinc .burger:focus{background:#fff!important;color:var(--navy-900)!important}\r\n#smartzinc#smartzinc.smartzinc .viz-cover,#smartzinc#smartzinc.smartzinc .viz-cover:hover,#smartzinc#smartzinc.smartzinc .viz-cover:focus{\r\n  background:radial-gradient(80% 60% at 50% 46%,rgba(66,118,214,.34),transparent 70%)!important;\r\n  color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .viz-btn,#smartzinc#smartzinc.smartzinc .viz-btn:focus{background:rgba(11,23,48,.52)!important}\r\n#smartzinc#smartzinc.smartzinc .viz-btn:hover{background:rgba(11,23,48,.72)!important}\r\n#smartzinc#smartzinc.smartzinc .cm-close,#smartzinc#smartzinc.smartzinc .cm-close:focus{background:rgba(11,28,56,.72)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .cm-close:hover{background:var(--accent)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .drawer .close,#smartzinc#smartzinc.smartzinc .drawer .close:hover,#smartzinc#smartzinc.smartzinc .drawer .close:focus{\r\n  background:rgba(255,255,255,.08)!important;color:#fff!important}\r\n\r\n\/* 4. our .btn anchors \u2014 themes style a.button \/ .wp-block-button too *\/\r\n#smartzinc#smartzinc.smartzinc .btn,#smartzinc#smartzinc.smartzinc .btn:hover,#smartzinc#smartzinc.smartzinc .btn:focus,#smartzinc#smartzinc.smartzinc .btn:active{text-decoration:none!important}\r\n#smartzinc#smartzinc.smartzinc .btn-primary,#smartzinc#smartzinc.smartzinc .btn-primary:focus{background:var(--accent)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .btn-primary:hover{background:var(--accent-2)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .btn-dark,#smartzinc#smartzinc.smartzinc .btn-dark:focus{background:var(--navy-900)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .btn-dark:hover{background:var(--navy-700)!important;color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .btn-outline,#smartzinc#smartzinc.smartzinc .btn-outline:hover,#smartzinc#smartzinc.smartzinc .btn-outline:focus{\r\n  background:transparent!important;color:var(--navy-900)!important}\r\n#smartzinc#smartzinc.smartzinc .hero .btn-ghost,#smartzinc#smartzinc.smartzinc .hero .btn-ghost:hover,#smartzinc#smartzinc.smartzinc .hero .btn-ghost:focus{\r\n  background:#fff!important;color:var(--navy-900)!important}\r\n\r\n\/* 5. structural bleed: themes constrain content width and re-style lists\/images *\/\r\n#smartzinc#smartzinc.smartzinc .section,#smartzinc#smartzinc.smartzinc .hero,#smartzinc#smartzinc.smartzinc .certstrip,#smartzinc#smartzinc.smartzinc footer{max-width:none!important;width:auto!important;float:none}\r\n#smartzinc#smartzinc.smartzinc .section ul,#smartzinc#smartzinc.smartzinc .section ol,#smartzinc#smartzinc.smartzinc .hero ul{list-style:none;margin:0;padding:0}\r\n#smartzinc#smartzinc.smartzinc .why-hl ul,#smartzinc#smartzinc.smartzinc .doc-list,#smartzinc#smartzinc.smartzinc .ccard ul,#smartzinc#smartzinc.smartzinc .hero-points,#smartzinc#smartzinc.smartzinc .exp-a ul{list-style:none}\r\n#smartzinc#smartzinc.smartzinc .exp-a ul{padding:0 0 22px 20px}\r\n#smartzinc#smartzinc.smartzinc .exp-a ul li{list-style:disc}\r\n#smartzinc#smartzinc.smartzinc .section img,#smartzinc#smartzinc.smartzinc .hero img,#smartzinc#smartzinc.smartzinc footer img{border:0!important;border-radius:0!important;\r\n  box-shadow:none!important;max-width:100%;height:auto}\r\n\/* the hero background photo must stretch to cover its box \u2014 the generic\r\n   \".hero img{height:auto}\" reset above has equal specificity and would\r\n   otherwise win by source order, collapsing it to its intrinsic ratio *\/\r\n#smartzinc#smartzinc.smartzinc .hero-bg img{height:100%!important}\r\n#smartzinc#smartzinc.smartzinc .case-img img,#smartzinc#smartzinc.smartzinc .pain-img img,#smartzinc#smartzinc.smartzinc .app img,#smartzinc#smartzinc.smartzinc .cm-hero img,#smartzinc#smartzinc.smartzinc .ba img,#smartzinc#smartzinc.smartzinc .flow-figure img,#smartzinc#smartzinc.smartzinc .viz-video{height:100%}\r\n#smartzinc#smartzinc.smartzinc .cm-gal .gal img{height:auto;border:1px solid var(--line)!important;border-radius:var(--r)!important}\r\n#smartzinc#smartzinc.smartzinc .section h1,#smartzinc#smartzinc.smartzinc .section h2,#smartzinc#smartzinc.smartzinc .section h3,#smartzinc#smartzinc.smartzinc .section h4,#smartzinc#smartzinc.smartzinc .hero h1,#smartzinc#smartzinc.smartzinc footer h4{\r\n  margin-block:0;text-transform:none!important;letter-spacing:-.015em}\r\n#smartzinc#smartzinc.smartzinc \/* headings inherit their colour from the section; a theme's h2{color} #smartzinc#smartzinc.smartzinc rule\r\n   beats inheritance, #smartzinc#smartzinc.smartzinc so state it outright on both surfaces *\/\r\n.problem h2,#smartzinc#smartzinc.smartzinc .problem h3,#smartzinc#smartzinc.smartzinc .edu h2,#smartzinc#smartzinc.smartzinc .edu h3,#smartzinc#smartzinc.smartzinc .edu h4,#smartzinc#smartzinc.smartzinc .cmp h2,#smartzinc#smartzinc.smartzinc .cmp h3,#smartzinc#smartzinc.smartzinc .cmp h4,\r\n#smartzinc#smartzinc.smartzinc .models h2,#smartzinc#smartzinc.smartzinc .models h3,#smartzinc#smartzinc.smartzinc .models h4,#smartzinc#smartzinc.smartzinc .flow h2,#smartzinc#smartzinc.smartzinc .flow h3,#smartzinc#smartzinc.smartzinc .faq h2,#smartzinc#smartzinc.smartzinc .faq h3,\r\n#smartzinc#smartzinc.smartzinc .services h2,#smartzinc#smartzinc.smartzinc .services h3,#smartzinc#smartzinc.smartzinc .auth h2,#smartzinc#smartzinc.smartzinc .auth h3,#smartzinc#smartzinc.smartzinc .projects h2,#smartzinc#smartzinc.smartzinc .projects h3{color:var(--ink)!important}\r\n#smartzinc#smartzinc.smartzinc .how h2,#smartzinc#smartzinc.smartzinc .how h3,#smartzinc#smartzinc.smartzinc .values h2,#smartzinc#smartzinc.smartzinc .values h3,#smartzinc#smartzinc.smartzinc .values h4,#smartzinc#smartzinc.smartzinc .guide h2,#smartzinc#smartzinc.smartzinc .guide h3,\r\n#smartzinc#smartzinc.smartzinc .apps h2,#smartzinc#smartzinc.smartzinc .apps h3,#smartzinc#smartzinc.smartzinc .tender h2,#smartzinc#smartzinc.smartzinc .tender h3,#smartzinc#smartzinc.smartzinc .final h2,#smartzinc#smartzinc.smartzinc .final h3,\r\n#smartzinc#smartzinc.smartzinc .inspection h2,#smartzinc#smartzinc.smartzinc .inspection h3,#smartzinc#smartzinc.smartzinc .dark h2,#smartzinc#smartzinc.smartzinc .dark h3,#smartzinc#smartzinc.smartzinc footer h4{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .hero h1,#smartzinc#smartzinc.smartzinc .hero h2{color:var(--ink)!important}\r\n#smartzinc#smartzinc.smartzinc .cm-card h3{color:var(--ink)!important}\r\n#smartzinc#smartzinc.smartzinc .cm-hero .tt h3{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .flow-figure figcaption b{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .svc-claim p,#smartzinc#smartzinc.smartzinc .svc-claim p b{color:inherit}\r\n#smartzinc#smartzinc.smartzinc .mdl-name{color:var(--navy-900)!important}\r\n#smartzinc#smartzinc.smartzinc .ccard h4{color:var(--ink)!important}\r\n#smartzinc#smartzinc.smartzinc .ccard.best h4{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .pain h3{color:var(--ink)!important}\r\n#smartzinc#smartzinc.smartzinc .pstep h3,#smartzinc#smartzinc.smartzinc .svd h3,#smartzinc#smartzinc.smartzinc .cmp-key b{color:var(--ink)!important}\r\n#smartzinc#smartzinc.smartzinc .hstep h3,#smartzinc#smartzinc.smartzinc .gsel h3,#smartzinc#smartzinc.smartzinc .why-hl h3,#smartzinc#smartzinc.smartzinc .insp-fig b,#smartzinc#smartzinc.smartzinc .scope-read b,#smartzinc#smartzinc.smartzinc .how-sum b{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .edu-card h3{color:var(--navy-900)!important}\r\n\/* theme link colouring must not repaint our nav \/ footer \/ card links *\/\r\n#smartzinc#smartzinc.smartzinc .nav-links a,#smartzinc#smartzinc.smartzinc .drawer a,#smartzinc#smartzinc.smartzinc footer a,#smartzinc#smartzinc.smartzinc .cc-row,#smartzinc#smartzinc.smartzinc .case,#smartzinc#smartzinc.smartzinc .btn,#smartzinc#smartzinc.smartzinc .brand{text-decoration:none!important}\r\n#smartzinc#smartzinc.smartzinc .nav-links a{color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc footer a{color:#C6D5EE!important}\r\n#smartzinc#smartzinc.smartzinc .drawer a{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .cc-row span{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .sec-head h2{margin:16px 0 18px}\r\n#smartzinc#smartzinc.smartzinc .section p{margin:0}\r\n#smartzinc#smartzinc.smartzinc .section table{border:0;margin:0;width:100%}\r\n#smartzinc#smartzinc.smartzinc .spec-table th,#smartzinc#smartzinc.smartzinc .spec-table td{border-left:0;border-right:0}\r\n\r\n\/* 6. light text on navy surfaces \u2014 if a theme forces a dark colour here\r\n      the copy disappears entirely, so these are pinned too *\/\r\n#smartzinc#smartzinc.smartzinc .how .eyebrow,#smartzinc#smartzinc.smartzinc .values .eyebrow,#smartzinc#smartzinc.smartzinc .apps .eyebrow,#smartzinc#smartzinc.smartzinc .guide .eyebrow,#smartzinc#smartzinc.smartzinc .tender .eyebrow,#smartzinc#smartzinc.smartzinc .final .eyebrow,#smartzinc#smartzinc.smartzinc .inspection .eyebrow,#smartzinc#smartzinc.smartzinc .dark .eyebrow{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .problem .eyebrow,#smartzinc#smartzinc.smartzinc .edu .eyebrow,#smartzinc#smartzinc.smartzinc .cmp .eyebrow,#smartzinc#smartzinc.smartzinc .models .eyebrow,#smartzinc#smartzinc.smartzinc .flow .eyebrow,#smartzinc#smartzinc.smartzinc .faq .eyebrow,#smartzinc#smartzinc.smartzinc .services .eyebrow,#smartzinc#smartzinc.smartzinc .auth .eyebrow,#smartzinc#smartzinc.smartzinc .projects .eyebrow{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .dark .lead,#smartzinc#smartzinc.smartzinc .how .lead,#smartzinc#smartzinc.smartzinc .values .lead,#smartzinc#smartzinc.smartzinc .guide .lead,#smartzinc#smartzinc.smartzinc .apps .lead,#smartzinc#smartzinc.smartzinc .tender .lead,#smartzinc#smartzinc.smartzinc .final .lead,#smartzinc#smartzinc.smartzinc .inspection .lead{color:var(--on-navy-2)!important}\r\n#smartzinc#smartzinc.smartzinc .problem .lead,#smartzinc#smartzinc.smartzinc .edu .lead,#smartzinc#smartzinc.smartzinc .cmp .lead,#smartzinc#smartzinc.smartzinc .models .lead,#smartzinc#smartzinc.smartzinc .flow .lead,#smartzinc#smartzinc.smartzinc .faq .lead,#smartzinc#smartzinc.smartzinc .services .lead,#smartzinc#smartzinc.smartzinc .auth .lead,#smartzinc#smartzinc.smartzinc .projects .lead{color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .svc-claim p,#smartzinc#smartzinc.smartzinc .svc-claim p b{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .svc-claim p b{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .svc-claim .en{color:var(--steel-2)!important}\r\n#smartzinc#smartzinc.smartzinc .hstep p{color:var(--on-navy-2)!important}\r\n#smartzinc#smartzinc.smartzinc .hstep .sn b{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .hstep .fact{color:#BFEBFF!important}\r\n#smartzinc#smartzinc.smartzinc .how-sum > div > span{color:var(--on-navy-2)!important}\r\n#smartzinc#smartzinc.smartzinc .val p,#smartzinc#smartzinc.smartzinc .vp span{color:var(--on-navy-2)!important}\r\n#smartzinc#smartzinc.smartzinc .val h4,#smartzinc#smartzinc.smartzinc .vp b,#smartzinc#smartzinc.smartzinc .val-hero h3{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .val-hero p{color:var(--on-navy-2)!important}\r\n#smartzinc#smartzinc.smartzinc .val-hero .tag,#smartzinc#smartzinc.smartzinc .vp-head b{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .val-hero .foot span{color:var(--on-navy-2)!important}\r\n#smartzinc#smartzinc.smartzinc .why-hl li,#smartzinc#smartzinc.smartzinc .why-hl li span{color:#E3EBF9!important}\r\n#smartzinc#smartzinc.smartzinc .why-hl h3 small{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .gchip b{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .gchip span,#smartzinc#smartzinc.smartzinc .gsel .lbl{color:#C6D5EE!important}\r\n#smartzinc#smartzinc.smartzinc .gsel p,#smartzinc#smartzinc.smartzinc .gres-sub{color:#CFDCF1!important}\r\n#smartzinc#smartzinc.smartzinc .gfactors div,#smartzinc#smartzinc.smartzinc .gfactors div span{color:#D7E2F4!important}\r\n#smartzinc#smartzinc.smartzinc .gfactors b,#smartzinc#smartzinc.smartzinc .gres .lbl{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .gres-model,#smartzinc#smartzinc.smartzinc .gres-meta span{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .gres-meta b{color:#C6D5EE!important}\r\n#smartzinc#smartzinc.smartzinc .app .cnt h3{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .app .cnt p{color:#C6D5EE!important}\r\n#smartzinc#smartzinc.smartzinc .app .cnt .n{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .doc-list li,#smartzinc#smartzinc.smartzinc .doc-list li span{color:#D9E4F5!important}\r\n#smartzinc#smartzinc.smartzinc .cert-card h3{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .cert-card p{color:#CFDCF1!important}\r\n#smartzinc#smartzinc.smartzinc .cert-card .seal b{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .insp-fig span,#smartzinc#smartzinc.smartzinc .scope-read .k,#smartzinc#smartzinc.smartzinc .scope-bar .ttl{color:var(--on-navy-2)!important}\r\n#smartzinc#smartzinc.smartzinc .scope-bar .std{color:var(--on-navy-3)!important}\r\n#smartzinc#smartzinc.smartzinc .cc-row b{color:var(--steel-2)!important}\r\n#smartzinc#smartzinc.smartzinc .final .cta-note,#smartzinc#smartzinc.smartzinc .foot-bottom,#smartzinc#smartzinc.smartzinc .foot-bottom span{color:var(--steel-2)!important}\r\n#smartzinc#smartzinc.smartzinc .ccard.best ul,#smartzinc#smartzinc.smartzinc .ccard.best li,#smartzinc#smartzinc.smartzinc .ccard.best li span{color:#D7E2F4!important}\r\n#smartzinc#smartzinc.smartzinc .ccard.best .sub,#smartzinc#smartzinc.smartzinc .ccard.best .lc-l,#smartzinc#smartzinc.smartzinc .ccard.best .life span{color:var(--steel-2)!important}\r\n#smartzinc#smartzinc.smartzinc .ccard.best .life b{color:#fff!important}\r\n#smartzinc#smartzinc.smartzinc .ccard.best .lc{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .how .muted,#smartzinc#smartzinc.smartzinc .values .muted,#smartzinc#smartzinc.smartzinc .guide .muted,#smartzinc#smartzinc.smartzinc .apps .muted,#smartzinc#smartzinc.smartzinc .tender .muted,#smartzinc#smartzinc.smartzinc .final .muted{color:var(--on-navy-3)!important}\r\n#smartzinc#smartzinc.smartzinc .drawer a small{color:var(--steel-2)!important}\r\n#smartzinc#smartzinc.smartzinc .hero-points li,#smartzinc#smartzinc.smartzinc .hero-points li span{color:#2B3C57!important}\r\n#smartzinc#smartzinc.smartzinc .hero-points li b{color:var(--navy-900)!important}\r\n#smartzinc#smartzinc.smartzinc .hero .kicker-th{color:#33455f!important}\r\n#smartzinc#smartzinc.smartzinc .hero h1 .sub-en{color:var(--accent)!important}\r\n\r\n\/* 7. OPTIONAL \u2014 the theme's content wrapper constrains this page to its\r\n      text column. Delete this rule if the page already renders full-width.\r\n      It only affects the page this stylesheet is embedded in. *\/\r\nbody .entry-content,body .site-content,body .content-area,body .site-main,\r\nbody #content,body #primary,body #main,body #page,body #wrapper,\r\nbody #site-wrapper,body .site,body .page-content,\r\nbody .wp-block-post-content,body article.page,body .post-content{\r\n  max-width:none!important;width:auto!important;\r\n  padding-left:0!important;padding-right:0!important;\r\n  margin-left:0!important;margin-right:0!important;float:none!important}\r\n\r\n\/* ============================================================\r\n   ELEMENTOR\r\n   The page is pasted into an Elementor HTML widget, so it sits inside\r\n   .elementor-widget-container, inside a column, inside a boxed section or\r\n   flexbox container. Those wrappers cap the width and add padding, and\r\n   Elementor's kit stylesheet also styles button \/ a \/ h1-h6.\r\n\r\n   Our own rules already outrank the kit (we carry two IDs). What is left is\r\n   the wrappers' geometry, undone below. Delete this block if you set the page\r\n   template to \"Elementor Canvas\" and the layout is already correct.\r\n   ============================================================ *\/\r\n\/* width:100% (not auto) on purpose: on Elementor's newer flexbox containers\r\n   (.e-con) this widget wrapper is itself a flex item. A flex item with\r\n   width:auto and no stretch alignment sizes itself by shrink-to-fit, which\r\n   measures the PREFERRED (max-content) width of its subtree \u2014 and that\r\n   calculation reaches straight through descendant overflow:hidden boxes\r\n   (like the certstrip marquee track, deliberately thousands of px wide).\r\n   The result: this wrapper silently balloons to that width on every phone\/\r\n   tablet breakpoint, dragging the whole page off-screen with it even though\r\n   nothing displays a scrollbar. width:100% resolves against the flex\r\n   container directly instead of measuring content, so it can never inherit\r\n   a descendant's intrinsic width. *\/\r\nbody .elementor-widget-container,\r\nbody .elementor-widget-html,\r\nbody .elementor-widget-html .elementor-widget-container,\r\nbody .elementor-element.elementor-widget-html{\r\n  max-width:none!important;width:100%!important;min-width:0!important;\r\n  padding:0!important;margin:0!important;overflow:visible!important}\r\n\r\n\/* boxed sections (classic Elementor) *\/\r\nbody .elementor-section.elementor-section-boxed > .elementor-container,\r\nbody .elementor-section > .elementor-container{\r\n  max-width:none!important;width:100%!important;\r\n  padding-left:0!important;padding-right:0!important}\r\nbody .elementor-column,\r\nbody .elementor-column > .elementor-widget-wrap,\r\nbody .elementor-widget-wrap{padding:0!important}\r\n\r\n\/* flexbox containers (Elementor 3.6+) *\/\r\nbody .e-con,body .e-con-inner,body .e-parent,body .e-child{\r\n  --content-width:100%!important;--padding-inline-start:0px!important;\r\n  --padding-inline-end:0px!important;\r\n  max-width:none!important;width:100%!important}\r\n\r\n\/* Elementor sets overflow:hidden on sections, which kills position:sticky\r\n   for the education rail and the how-it-works diagram *\/\r\nbody .elementor-section,body .elementor-container,\r\nbody .elementor-column-wrap,body .elementor-widget-wrap,\r\nbody .e-con,body .e-con-inner{overflow:visible!important}\r\n\r\n\/* the widget wrapper must not become a containing block for our fixed nav *\/\r\nbody .elementor-widget-html{transform:none!important;filter:none!important;\r\n  perspective:none!important;contain:none!important}\r\n\r\n\/* 8. gradient-clipped numerals: these rely on `color:transparent` so the\r\n      background gradient shows through the glyphs. A theme that colours\r\n      span\/strong turns them into flat blocks of its accent colour. *\/\r\n#smartzinc#smartzinc.smartzinc .val-hero .big,#smartzinc#smartzinc.smartzinc .val-hero .big .count,\r\n#smartzinc#smartzinc.smartzinc .val .k,#smartzinc#smartzinc.smartzinc .val .k .count{\r\n  color:transparent!important;-webkit-text-fill-color:transparent}\r\n#smartzinc#smartzinc.smartzinc .val-hero .big .u,#smartzinc#smartzinc.smartzinc .val .k .u{\r\n  color:var(--accent)!important;-webkit-text-fill-color:var(--accent)}\r\n\r\n\/* the toggle that used to carry its font inline *\/\r\n#smartzinc#smartzinc.smartzinc .exp-q-mono{font-family:var(--f-mono)!important;font-size:13.5px;\r\n  letter-spacing:.14em;text-transform:uppercase!important}\r\n\r\n\/* 9. small mono labels on light component surfaces *\/\r\n#smartzinc#smartzinc.smartzinc .svc .n,#smartzinc#smartzinc.smartzinc .svd .en,#smartzinc#smartzinc.smartzinc .pstep .en,#smartzinc#smartzinc.smartzinc .ph-tab .rng,\r\n#smartzinc#smartzinc.smartzinc .case-in .loc,#smartzinc#smartzinc.smartzinc .mspec b,#smartzinc#smartzinc.smartzinc .ccard .sub,#smartzinc#smartzinc.smartzinc .ccard .lc-l,\r\n#smartzinc#smartzinc.smartzinc .ccard .life span,#smartzinc#smartzinc.smartzinc .mdl-body h4,#smartzinc#smartzinc.smartzinc .cm-row span:first-child{\r\n  color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .svd .tag,#smartzinc#smartzinc.smartzinc .ph-tab .ltr,#smartzinc#smartzinc.smartzinc .mdl-name small,#smartzinc#smartzinc.smartzinc .cm-sec b,\r\n#smartzinc#smartzinc.smartzinc .edu-card .tag,#smartzinc#smartzinc.smartzinc .cmp-key .lbl{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .svd p,#smartzinc#smartzinc.smartzinc .cmp-key p,#smartzinc#smartzinc.smartzinc .pstep .chk,#smartzinc#smartzinc.smartzinc .mdl-note{color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .svd .out,#smartzinc#smartzinc.smartzinc .svd .out span{color:var(--navy-900)!important}\r\n#smartzinc#smartzinc.smartzinc .pstep h3,#smartzinc#smartzinc.smartzinc .ph-tab b,#smartzinc#smartzinc.smartzinc .mspec span,#smartzinc#smartzinc.smartzinc .cm-row span:last-child{\r\n  color:var(--navy-900)!important}\r\n#smartzinc#smartzinc.smartzinc .ph-tab span.th{color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .ccard li,#smartzinc#smartzinc.smartzinc .ccard li span{color:#414D66!important}\r\n#smartzinc#smartzinc.smartzinc .cm-sec p{color:#414D66!important}\r\n#smartzinc#smartzinc.smartzinc .cm-res div{color:var(--navy-900)!important}\r\n#smartzinc#smartzinc.smartzinc .pain p{color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .pain p.pain-cta{color:var(--accent)!important;margin-top:14px;font-weight:600}\r\n#smartzinc#smartzinc.smartzinc .pain h3 span{color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .prob-metrics .pm b{color:var(--accent)!important}\r\n#smartzinc#smartzinc.smartzinc .prob-metrics .pm > span{color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .ast b{color:var(--navy-900)!important}\r\n#smartzinc#smartzinc.smartzinc .ast span{color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .exp-a p,#smartzinc#smartzinc.smartzinc .exp-a li{color:#414D66!important}\r\n#smartzinc#smartzinc.smartzinc .edu-card p{color:#39445C!important}\r\n#smartzinc#smartzinc.smartzinc .ba-row span:first-child{color:var(--steel)!important}\r\n#smartzinc#smartzinc.smartzinc .ba-row .bad{color:var(--rust)!important}\r\n#smartzinc#smartzinc.smartzinc .ba-row .good{color:#0E7A45!important}\r\n\r\n\/* 10. typography: a theme that sets `h1,h2,h3{font-family:...!important}`\r\n       would otherwise reskin every heading on the page. Default headings use\r\n       the display face; the handful that deliberately use the English or mono\r\n       face are re-pinned underneath. *\/\r\n#smartzinc#smartzinc.smartzinc h1,#smartzinc#smartzinc.smartzinc h2,#smartzinc#smartzinc.smartzinc h3,#smartzinc#smartzinc.smartzinc h4{font-family:var(--f-disp)!important}\r\n#smartzinc#smartzinc.smartzinc .ccard h4,#smartzinc#smartzinc.smartzinc .val h4,#smartzinc#smartzinc.smartzinc .val-hero h3,\r\n#smartzinc#smartzinc.smartzinc .hero h1 .sub-en{font-family:var(--f-en)!important}\r\n#smartzinc#smartzinc.smartzinc .mdl-body h4,#smartzinc#smartzinc.smartzinc footer h4,#smartzinc#smartzinc.smartzinc .why-hl h3 small{font-family:var(--f-mono)!important}\r\n#smartzinc#smartzinc.smartzinc .mono,#smartzinc#smartzinc.smartzinc .eyebrow,#smartzinc#smartzinc.smartzinc .spec-table td,#smartzinc#smartzinc.smartzinc .cs-item b{font-family:var(--f-mono)!important}\r\n#smartzinc#smartzinc.smartzinc .h-xl,#smartzinc#smartzinc.smartzinc .h-lg,#smartzinc#smartzinc.smartzinc .h-md,#smartzinc#smartzinc.smartzinc .h-sm{font-family:var(--f-disp)!important}\r\n#smartzinc#smartzinc.smartzinc .mdl-name,#smartzinc#smartzinc.smartzinc .gres-model,#smartzinc#smartzinc.smartzinc .scope-read b,#smartzinc#smartzinc.smartzinc .insp-fig b,\r\n#smartzinc#smartzinc.smartzinc .how-sum b,#smartzinc#smartzinc.smartzinc .val .k,#smartzinc#smartzinc.smartzinc .val-hero .big,#smartzinc#smartzinc.smartzinc .ast b,\r\n#smartzinc#smartzinc.smartzinc .prob-metrics .pm b{font-family:var(--f-en)!important}\r\n#smartzinc#smartzinc.smartzinc body,#smartzinc#smartzinc.smartzinc p,#smartzinc#smartzinc.smartzinc li{font-family:var(--f-thai)}\r\n\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width:1080px){\r\n  \/* same specificity bug as the block above: these were bare selectors,\r\n     so none of them ever beat the doubled-ID base rules \u2014 including\r\n     \".nav-links{display:none}\" \/ \".burger{display:flex}\", which is why the\r\n     full desktop nav links kept rendering (cramped, wrapping) instead of\r\n     collapsing to the hamburger menu on tablets and phones. *\/\r\n  #smartzinc#smartzinc.smartzinc .pain-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .vp-grid,#smartzinc#smartzinc.smartzinc .cmp-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .insp-figs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .cmp-stage{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .cmp-read{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}\r\n  #smartzinc#smartzinc.smartzinc .val-lead{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .val-side{grid-template-rows:auto}\r\n  #smartzinc#smartzinc.smartzinc .vp:nth-child(-n+4){border-top:1px solid rgba(255,255,255,.13)}\r\n  #smartzinc#smartzinc.smartzinc .vp:nth-child(-n+2){border-top:0}\r\n  #smartzinc#smartzinc.smartzinc .edu-wrap,#smartzinc#smartzinc.smartzinc .auth-grid,#smartzinc#smartzinc.smartzinc .tender-grid,#smartzinc#smartzinc.smartzinc .final-inner,#smartzinc#smartzinc.smartzinc .flow-head,#smartzinc#smartzinc.smartzinc .prob-head{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .ba-list{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .edu-sticky{position:static}\r\n  #smartzinc#smartzinc.smartzinc .how-sum{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .model-rail{grid-template-columns:repeat(3,minmax(0,1fr))}\r\n  #smartzinc#smartzinc.smartzinc .foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .nav-links{display:none}\r\n  #smartzinc#smartzinc.smartzinc .burger{display:flex}\r\n}\r\n@media (max-width:720px){\r\n  body{font-size:17.5px}\r\n  #smartzinc#smartzinc.smartzinc .hero{min-height:auto;padding-top:calc(var(--nav-h) + 44px)}\r\n  #smartzinc#smartzinc.smartzinc .pain-grid,#smartzinc#smartzinc.smartzinc .vp-grid,#smartzinc#smartzinc.smartzinc .cmp-cards,#smartzinc#smartzinc.smartzinc .foot-grid,#smartzinc#smartzinc.smartzinc .auth-stats{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .scope-read{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .scope-bar .std{margin-left:0;width:100%}\r\n  #smartzinc#smartzinc.smartzinc .cmp-read{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .val{grid-template-columns:minmax(0,1fr);gap:12px}\r\n  #smartzinc#smartzinc.smartzinc .why-hl .hd{grid-template-columns:minmax(0,1fr);align-items:start}\r\n  #smartzinc#smartzinc.smartzinc .vp:nth-child(-n+2){border-top:1px solid rgba(255,255,255,.13)}\r\n  #smartzinc#smartzinc.smartzinc .vp:first-child{border-top:0}\r\n  #smartzinc#smartzinc.smartzinc .why-hl ul{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .how-sum{grid-template-columns:minmax(0,1fr)}\r\n  #smartzinc#smartzinc.smartzinc .how-steps{padding-left:34px}\r\n  #smartzinc#smartzinc.smartzinc .how-steps::before{left:15px}\r\n  #smartzinc#smartzinc.smartzinc .hstep::before{left:-34px;width:32px;height:32px;font-size:13px}\r\n  #smartzinc#smartzinc.smartzinc .viz-cap{flex-direction:column;align-items:flex-start;gap:10px}\r\n  #smartzinc#smartzinc.smartzinc .pain-img{aspect-ratio:16\/9}\r\n  #smartzinc#smartzinc.smartzinc .nav-phone{display:none}\r\n  #smartzinc#smartzinc.smartzinc .ba-row{grid-template-columns:minmax(0,1fr) auto}\r\n  #smartzinc#smartzinc.smartzinc .ba-row .bad{display:none}\r\n  #smartzinc#smartzinc.smartzinc .scroll-hint{display:none}\r\n  #smartzinc#smartzinc.smartzinc .hero-cta .btn,#smartzinc#smartzinc.smartzinc .cert-card .btn,#smartzinc#smartzinc.smartzinc .center .btn,#smartzinc#smartzinc.smartzinc .contact-card .btn{width:100%}\r\n  #smartzinc#smartzinc.smartzinc .nav-right .btn{padding:9px 15px;font-size:14.5px}\r\n  #smartzinc#smartzinc.smartzinc .float-cta a{width:50px;height:50px;font-size:20.5px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"smartzinc\" class=\"smartzinc\">\r\n\r\n<div class=\"scroll-bar\" id=\"scrollBar\"><\/div>\r\n\r\n<!-- ============================================================\r\n     NAVIGATION\r\n     ============================================================ -->\r\n<header class=\"nav\" id=\"nav\">\r\n  <div class=\"wrap nav-inner\">\r\n    <a class=\"brand\" href=\"#top\" aria-label=\"Smart &amp; Bright Corrosion Engineering\">\r\n      <img fetchpriority=\"high\" decoding=\"async\" class=\"brand-logo\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/logo-smartbright.png\" alt=\"Smart &amp; Bright\" width=\"874\" height=\"153\">\r\n    <\/a>\r\n    <nav class=\"nav-links\">\r\n      <a href=\"#why\">Why Zinc<\/a>\r\n      <a href=\"#compare\">Compare<\/a>\r\n      <a href=\"#models\">Models<\/a>\r\n      <a href=\"#guide\">Selector<\/a>\r\n      <a href=\"#projects\">Projects<\/a>\r\n      <a href=\"#tender\">Tenders<\/a>\r\n    <\/nav>\r\n    <div class=\"nav-right\">\r\n      <a class=\"nav-phone\" href=\"tel:0887914494\">\ud83d\udcde 088-791 4494<\/a>\r\n      <a class=\"lang-switch\" href=\"https:\/\/www.smartcoating.com\/smartzinc-z-plus\" aria-label=\"Switch to Thai\">TH<\/a>\r\n      <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-primary btn-sm\" target=\"_blank\" rel=\"noopener noreferrer\">Ask an Engineer<\/a>\r\n      <button class=\"burger\" id=\"burger\" aria-label=\"Open menu\">\u2630<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<div class=\"drawer\" id=\"drawer\">\r\n  <button class=\"close\" id=\"drawerClose\" aria-label=\"Close menu\">\u2715<\/button>\r\n  <a href=\"#problem\">The Problem<small>Pain Points<\/small><\/a>\r\n  <a href=\"#why\">Why Zinc Anode<small>Why Galvanic Anode<\/small><\/a>\r\n  <a href=\"#how\">How It Works<small>How It Works<\/small><\/a>\r\n  <a href=\"#compare\">Comparison<small>Comparison<\/small><\/a>\r\n  <a href=\"#models\">Models<small>Model Selection<\/small><\/a>\r\n  <a href=\"#guide\">Selection Guide<small>Selection Guide<\/small><\/a>\r\n  <a href=\"#process\">Installation Steps<small>13-Step Procedure<\/small><\/a>\r\n  <a href=\"#inspection\">Inspection<small>Inspection &amp; Testing<\/small><\/a>\r\n  <a href=\"#projects\">Case Studies<small>Case Studies<\/small><\/a>\r\n  <a href=\"#tender\">Tender Documents<small>Tender Document Package<\/small><\/a>\r\n  <a href=\"https:\/\/www.smartcoating.com\/smartzinc-z-plus\">\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22<small>Switch to Thai<\/small><\/a>\r\n  <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" target=\"_blank\" rel=\"noopener noreferrer\">Talk to an Engineer<small>LINE @smartcoating<\/small><\/a>\r\n<\/div>\r\n\r\n<!-- ============================================================\r\n     HERO\r\n     ============================================================ -->\r\n<section class=\"hero\" id=\"top\">\r\n  <div class=\"hero-bg\" id=\"heroBg\"><img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/09\/Hero3.png\" alt=\"Corrosion-protected structures using SmartZinc Z+: bridges, piers, parking structures, hospitals, and industrial plants\" fetchpriority=\"high\"><\/div>\r\n  <div class=\"hero-veil\"><\/div>\r\n  <div class=\"hero-grid-lines\"><\/div>\r\n\r\n  <div class=\"hero-inner wrap\">\r\n    <div class=\"hero-top\">\r\n      <div>\r\n        <h1>\r\n          <span class=\"en-name\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/09\/Logo_SMARTZINC_Z_New-removebg.png\" alt=\"SmartZinc Z+\" width=\"560\" height=\"108\" fetchpriority=\"high\"><\/span>\r\n          <span class=\"sub-en\">Embedded Galvanic Zinc Anode<br>Corrosion Protection for Reinforced Concrete Structures<\/span>\r\n        <\/h1>\r\n        <p class=\"kicker-th\">A corrosion protection system for reinforcing steel in concrete, engineered by corrosion engineers, with full service from design through hand-over.<\/p>\r\n        <div class=\"hero-cta\">\r\n          <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">Request Engineering Consultation <span class=\"ar\">\u2192<\/span><\/a>\r\n          <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-ghost\" target=\"_blank\" rel=\"noopener noreferrer\">Request Quotation<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"scroll-hint\"><span>SCROLL<\/span><span class=\"line\"><\/span><\/div>\r\n<\/section>\r\n\r\n<!-- HERO POINTS STRIP -->\r\n<div class=\"hero-points-strip\">\r\n  <div class=\"wrap\">\r\n    <ul class=\"hero-points\">\r\n      <li><i>\u2713<\/i><span>Protects reinforcing steel inside concrete<\/span><\/li>\r\n      <li><i>\u2713<\/i><span>Designed by corrosion engineers<\/span><\/li>\r\n      <li><i>\u2713<\/i><span>Certified to TIS 3029-2563 \u00b7 ASTM B418 Type II \u00b7 ISO 12696<\/span><\/li>\r\n      <li><i>\u2713<\/i><span>One-stop engineering solution from a single manufacturer<\/span><\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- CERT \/ TRUST MARQUEE -->\r\n<div class=\"certstrip\">\r\n  <div class=\"cs-track\" id=\"csTrack\">\r\n    <span class=\"cs-item\"><i>\u2714<\/i> <b>TIS 3029-2563<\/b> License No. 8496-3\/3029<\/span><span class=\"cs-sep\"><\/span>\r\n    <span class=\"cs-item\"><i>\u2699<\/i> <b>ASTM B418<\/b> Type II Zinc Anode<\/span><span class=\"cs-sep\"><\/span>\r\n    <span class=\"cs-item\"><i>\u25ce<\/i> <b>ISO 12696:2012<\/b> Cathodic Protection of Steel in Concrete<\/span><span class=\"cs-sep\"><\/span>\r\n    <span class=\"cs-item\"><i>\u26a1<\/i> <b>\u2265100 mV<\/b> Polarization Decay \/ 24h<\/span><span class=\"cs-sep\"><\/span>\r\n    <span class=\"cs-item\"><i>\ud83d\udee1<\/i> <b>pH \u2265 14<\/b> High-Alkali Mortar Encapsulation<\/span><span class=\"cs-sep\"><\/span>\r\n    <span class=\"cs-item\"><i>\ud83d\udc77<\/i> <b>27+ YEARS<\/b> Concrete Repair &amp; Strengthening<\/span><span class=\"cs-sep\"><\/span>\r\n    <span class=\"cs-item\"><i>\ud83d\udccb<\/i> <b>QC \/ AS-BUILT<\/b> Full Documentation Package<\/span><span class=\"cs-sep\"><\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============================================================\r\n     BEFORE \/ AFTER\r\n     ============================================================ -->\r\n<section class=\"section ba-section\" id=\"before-after\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head c rv\">\r\n      <h2 class=\"h-lg\">Patching the surface alone<br>doesn't control corrosion at the root cause<\/h2>\r\n      <p class=\"lead\" style=\"margin:0 auto\">Removing and re-patching only the damaged area turns the perimeter of the repair into a new anode (the Ring Anode Effect \/ Incipient Anode). The reinforcing steel around the repair edge then corrodes faster and cracks again within a few years. Installing SmartZinc Z+ alongside the repair addresses the electrochemical root cause, not just the surface.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ba-block\">\r\n      <div class=\"rv-l\">\r\n        <!-- Real photos from the Phim Thong Village project \u2014 the same column, before and after repair -->\r\n        <div class=\"ba\" id=\"ba1\">\r\n          <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/Before.jpg\" alt=\"Before repair: deteriorated concrete removed down to corroded reinforcing steel, with a SmartZinc Z+ anode being installed\" loading=\"lazy\">\r\n          <div class=\"after-lay\"><img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/After-e1787474213989.jpg\" alt=\"After repair: patched with structural repair mortar, the column surface fully restored\" loading=\"lazy\"><\/div>\r\n          <span class=\"lbl b\">BEFORE<\/span>\r\n          <span class=\"lbl a\">AFTER<\/span>\r\n          <div class=\"handle\"><\/div>\r\n        <\/div>\r\n        <p class=\"mono\" style=\"color:var(--steel);margin-top:16px;text-align:center;font-size:12px\">DRAG TO COMPARE<\/p>\r\n        <p style=\"color:var(--steel);margin-top:8px;text-align:center;font-size:14px\">Phim Thong Village project, the same column, before removal &amp; repair \/ after installing SmartZinc Z+ and patching<\/p>\r\n      <\/div>\r\n      <div class=\"ba-copy rv-r\">\r\n        <div class=\"ba-list\">\r\n          <div class=\"ba-row\"><span>Repeat cracking around the repair<\/span><span class=\"bad\">High risk<\/span><span class=\"good\">Controlled<\/span><\/div>\r\n          <div class=\"ba-row\"><span>Ring Anode Effect<\/span><span class=\"bad\">Occurs<\/span><span class=\"good\">Significantly reduced<\/span><\/div>\r\n          <div class=\"ba-row\"><span>Approximate repair service life<\/span><span class=\"bad\">3\u20135 years<\/span><span class=\"good\">10\u201330 years<\/span><\/div>\r\n          <div class=\"ba-row\"><span>Cost over the structure's lifetime<\/span><span class=\"bad\">High<\/span><span class=\"good\">Lower<\/span><\/div>\r\n        <\/div>\r\n        <p class=\"mono\" style=\"color:var(--steel);margin-top:14px;font-size:12px\">* Service life is a design value, depending on model, quantity, spacing, environment, rebar density and the engineer's design calculations<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     01 \u2014 PAIN POINTS\r\n     ============================================================ -->\r\n<section class=\"section problem\" id=\"problem\">\r\n  <div class=\"wrap\">\r\n    <div class=\"prob-head\">\r\n      <div class=\"rv\">\r\n        <h2 class=\"h-lg\" style=\"margin:18px 0 18px\">Concrete structures don't fail because of concrete<br>They fail because <span style=\"color:var(--accent)\">the reinforcing steel inside is rusting<\/span><\/h2>\r\n        <p class=\"lead\">Corrosion of reinforcing steel is the leading cause of damage in reinforced concrete structures, and it's invisible damage, undetectable until the concrete starts to crack, which is exactly when repair costs are highest.<\/p>\r\n      <\/div>\r\n      <div class=\"prob-metrics rv\" style=\"transition-delay:.15s\">\r\n        <div class=\"pm\"><b><span class=\"count\" data-count=\"6\">0<\/span>\u00d7<\/b><span>the volume rust expands to compared with the original steel, pushing the concrete apart until it cracks<\/span><\/div>\r\n        <div class=\"pm\"><b><span class=\"count\" data-count=\"80\">0<\/span>%<\/b><span>of damage in RC structures is linked to corrosion of the reinforcing steel<\/span><\/div>\r\n        <div class=\"pm\"><b><span class=\"count\" data-count=\"5\">0<\/span>\u00d7<\/b><span>the cost increase when damage is left to spread before repair begins (the Law of Fives)<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pain-grid\">\r\n      <article class=\"pain rv\">\r\n        <div class=\"pain-img\">\r\n          <img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/conncrete_spalling.jpg\" alt=\"Concrete spalling exposing corroded reinforcing steel underneath\" loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"734\">\r\n          <span class=\"idx\">P01<\/span>\r\n        <\/div>\r\n        <div class=\"pain-body\">\r\n          <div class=\"ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 20h18M6 20V9l4-5 4 5v11M10 20v-5h4v5\"\/><path d=\"M14 12l3 2-2 3 4 3\"\/><\/svg><\/div>\r\n          <h3>Concrete Spalling<br><span style=\"font-weight:500;font-size:16px;color:#C6D5EE\">When concrete spalls, the problem isn't just the surface<\/span><\/h3>\r\n          <p>Rust forming inside the reinforcing steel expands, pushing the concrete apart until it cracks and spalls, affecting strength, safety, and the structure's service life.<\/p>\r\n          <p class=\"pain-cta\">SmartZinc Z+ protects against corrosion from within, before the damage can spread.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n      <article class=\"pain rv\" style=\"transition-delay:.06s\">\r\n        <div class=\"pain-img\">\r\n          <img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/Rust_expansion.jpg\" alt=\"Expanding rust on reinforcing steel pushing concrete apart until it cracks\" loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"1254\">\r\n          <span class=\"idx\">P02<\/span>\r\n        <\/div>\r\n        <div class=\"pain-body\">\r\n          <div class=\"ico\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3.5\"\/><path d=\"M12 3v2.5M12 18.5V21M3 12h2.5M18.5 12H21M5.6 5.6l1.8 1.8M16.6 16.6l1.8 1.8M18.4 5.6l-1.8 1.8M7.4 16.6l-1.8 1.8\"\/><\/svg><\/div>\r\n          <h3>Rust Expansion<br><span style=\"font-weight:500;font-size:16px;color:#C6D5EE\">The Hidden Cause of Concrete Spalling<\/span><\/h3>\r\n          <p>The expansion of rust in reinforcing steel is a major cause of cracking and concrete spalling, which accelerates corrosion, shortens service life, and increases maintenance costs.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n      <article class=\"pain rv\" style=\"transition-delay:.12s\">\r\n        <div class=\"pain-img\">\r\n          <img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/choride_attack.jpg\" alt=\"Chloride from seawater and chemicals penetrating into concrete\" loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"1254\">\r\n          <span class=\"idx\">P03<\/span>\r\n        <\/div>\r\n        <div class=\"pain-body\">\r\n          <div class=\"ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3s5.5 6 5.5 10a5.5 5.5 0 0 1-11 0C6.5 9 12 3 12 3z\"\/><path d=\"M9.5 13.5h5M12 11v5\"\/><\/svg><\/div>\r\n          <h3>Chloride Attack<br><span style=\"font-weight:500;font-size:16px;color:#C6D5EE\">The Silent Threat That Accelerates Rebar Corrosion<\/span><\/h3>\r\n          <p>Chloride from the sea, saltwater, and salt-laden environments can penetrate concrete, destroy the reinforcing steel's protective layer, and accelerate rust formation from within the structure.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n      <article class=\"pain rv\" style=\"transition-delay:.18s\">\r\n        <div class=\"pain-img\">\r\n          <img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/carbonation.jpg\" alt=\"Carbonation lowering concrete pH and destroying the passive film\" loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"1254\">\r\n          <span class=\"idx\">P04<\/span>\r\n        <\/div>\r\n        <div class=\"pain-body\">\r\n          <div class=\"ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 17h16M4 13h16M6 9c0-2 1.5-3 3-3s3 1 3 3M13 9c0-1.4 1-2.4 2.2-2.4S17.5 7.6 17.5 9\"\/><path d=\"M4 21h16\"\/><\/svg><\/div>\r\n          <h3>Carbonation<br><span style=\"font-weight:500;font-size:16px;color:#C6D5EE\">The Silent Threat That Reduces Rebar Protection<\/span><\/h3>\r\n          <p>Carbon dioxide (CO2) gradually penetrates concrete, lowering its alkalinity, causing the reinforcing steel to lose its protective layer and begin corroding from within.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n      <article class=\"pain rv\">\r\n        <div class=\"pain-img\">\r\n          <img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/marine_environment.jpg\" alt=\"Reinforced concrete structure in a marine environment\" loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"1254\">\r\n          <span class=\"idx\">P05<\/span>\r\n        <\/div>\r\n        <div class=\"pain-body\">\r\n          <div class=\"ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M2 17c2 0 2-1.6 4-1.6s2 1.6 4 1.6 2-1.6 4-1.6 2 1.6 4 1.6 2-1.6 4-1.6\"\/><path d=\"M2 21c2 0 2-1.6 4-1.6s2 1.6 4 1.6 2-1.6 4-1.6 2 1.6 4 1.6\"\/><path d=\"M6 15V6l6-3 6 3v9\"\/><\/svg><\/div>\r\n          <h3>Marine Environment<br><span style=\"font-weight:500;font-size:16px;color:#C6D5EE\">Protecting Structures Before Corrosion Begins<\/span><\/h3>\r\n          <p>Structures along coastlines, ports, and the sea face constant chloride, moisture, and sea spray, key factors that accelerate corrosion of reinforcing steel and shorten a structure's service life.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n      <article class=\"pain rv\" style=\"transition-delay:.06s\">\r\n        <div class=\"pain-img\">\r\n          <img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/parking_structure.jpg\" alt=\"Corroded reinforcing steel in a parking structure's floor slab and beams\" loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"1254\">\r\n          <span class=\"idx\">P06<\/span>\r\n        <\/div>\r\n        <div class=\"pain-body\">\r\n          <div class=\"ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M9 16V8h3.5a2.5 2.5 0 0 1 0 5H9\"\/><\/svg><\/div>\r\n          <h3>Parking Structure<br><span style=\"font-weight:500;font-size:16px;color:#C6D5EE\">Protecting Parking Structures Before Corrosion Begins<\/span><\/h3>\r\n          <p>Parking structures face constant moisture, chloride, and cracking from daily use, accelerating rebar corrosion and concrete spalling, and shortening the structure's service life if not protected from the start.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n      <article class=\"pain rv\" style=\"transition-delay:.12s\">\r\n        <div class=\"pain-img\">\r\n          <img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/water_treatment.jpg\" alt=\"Reinforced concrete structure in a water treatment plant and tank\" loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"1254\">\r\n          <span class=\"idx\">P07<\/span>\r\n        <\/div>\r\n        <div class=\"pain-body\">\r\n          <div class=\"ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 8h16v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8z\"\/><path d=\"M4 8l2-4h12l2 4\"\/><path d=\"M8 13c1.3 0 1.3 2 2.6 2s1.4-2 2.7-2 1.4 2 2.7 2\"\/><\/svg><\/div>\r\n          <h3>Water Treatment<br><span style=\"font-weight:500;font-size:16px;color:#C6D5EE\">Protecting Structures in Highly Corrosive Environments<\/span><\/h3>\r\n          <p>Concrete structures in wastewater treatment plants face constant moisture, chemicals, and corrosion, accelerating rebar corrosion and concrete deterioration, and shortening the structure's service life if not protected from the start.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n      <article class=\"pain rv\" style=\"transition-delay:.18s\">\r\n        <div class=\"pain-img\">\r\n          <img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/bridge_deck.jpg\" alt=\"Reinforced concrete bridge deck damaged by corrosion\" loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"1254\">\r\n          <span class=\"idx\">P08<\/span>\r\n        <\/div>\r\n        <div class=\"pain-body\">\r\n          <div class=\"ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M2 15h20M4 15v-3M20 15v-3\"\/><path d=\"M2 12c4.5-5 15.5-5 20 0\"\/><path d=\"M8 15v6M16 15v6M12 15v6\"\/><\/svg><\/div>\r\n          <h3>Bridge Deck<br><span style=\"font-weight:500;font-size:16px;color:#C6D5EE\">Protecting Bridges Before Corrosion Shortens Their Service Life<\/span><\/h3>\r\n          <p>Bridge decks face constant moisture, chloride, and weather exposure, accelerating rebar corrosion and concrete spalling, and reducing the structure's durability if not protected from the start.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     02 \u2014 WHY ZINC ANODE (EDUCATION \/ GEO)\r\n     ============================================================ -->\r\n<section class=\"section edu\" id=\"why\">\r\n  <div class=\"wrap edu-wrap\">\r\n    <aside>\r\n      <div class=\"edu-sticky rv-l\">\r\n        <h2 class=\"h-md\" style=\"margin:18px 0 16px\">Why a<br>Zinc Anode?<\/h2>\r\n        <p class=\"muted\" style=\"font-size:17px\">The electrochemical fundamentals engineers should know before choosing a corrosion protection system for reinforced concrete structures.<\/p>\r\n        <nav class=\"edu-nav\" id=\"eduNav\">\r\n          <button data-t=\"e1\" class=\"on\">01 \u00b7 How Rebar Rusts<\/button>\r\n          <button data-t=\"e2\">02 \u00b7 Why Concrete Cracks<\/button>\r\n          <button data-t=\"e3\">03 \u00b7 What Is Cathodic Protection?<\/button>\r\n          <button data-t=\"e4\">04 \u00b7 What Is Galvanic Protection?<\/button>\r\n          <button data-t=\"e5\">05 \u00b7 Why a Zinc Anode Is the Answer<\/button>\r\n        <\/nav>\r\n      <\/div>\r\n    <\/aside>\r\n\r\n    <div>\r\n      <!-- E1 -->\r\n      <article class=\"edu-card rv\" id=\"e1\">\r\n        <span class=\"tag\">01 \u00b7 CORROSION MECHANISM<\/span>\r\n        <h3>How Reinforcing Steel in Concrete Rusts<\/h3>\r\n        <p>Under normal conditions, concrete is highly alkaline (pH around 12\u201313), which forms a thin <strong>passive film<\/strong> coating the reinforcing steel's surface, so the steel does not rust even in moist conditions. This film is the natural protective armor of a reinforced concrete structure.<\/p>\r\n        <p>This armor is destroyed in two main ways: <strong>chloride attack<\/strong> from seawater, salt spray, or chemicals reaching a critical concentration at the steel's surface, and <strong>carbonation<\/strong>, where CO2 reacts with the alkalinity in concrete until pH drops below 9. Once the passive film is gone, spots on the steel surface become an <strong>anode<\/strong> that releases electrons, while neighboring areas become a <strong>cathode<\/strong>: forming a corrosion cell inside the concrete.<\/p>\r\n\r\n        <figure class=\"edu-figure\">\r\n          <svg viewBox=\"0 0 520 210\" style=\"width:100%;height:auto\" role=\"img\" aria-label=\"Diagram of the corrosion cell of reinforcing steel in concrete\">\r\n            <defs>\r\n              <linearGradient id=\"conc\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0\" stop-color=\"#E7EBF2\"\/><stop offset=\"1\" stop-color=\"#CFD6E1\"\/>\r\n              <\/linearGradient>\r\n              <marker id=\"ar1\" markerWidth=\"7\" markerHeight=\"7\" refX=\"6\" refY=\"3.5\" orient=\"auto\"><path d=\"M0 0 L7 3.5 L0 7 z\" fill=\"#2FD3FF\"\/><\/marker>\r\n            <\/defs>\r\n            <rect x=\"20\" y=\"30\" width=\"480\" height=\"150\" rx=\"8\" fill=\"url(#conc)\" stroke=\"#B9C2D1\"\/>\r\n            <text x=\"34\" y=\"50\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5D6E8C\">CONCRETE \u00b7 pH 12\u201313<\/text>\r\n            <rect x=\"60\" y=\"112\" width=\"400\" height=\"16\" rx=\"8\" fill=\"#8A93A3\"\/>\r\n            <rect x=\"60\" y=\"112\" width=\"400\" height=\"6\" rx=\"3\" fill=\"#A6AEBC\"\/>\r\n            <text x=\"60\" y=\"152\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5D6E8C\">REINFORCING STEEL<\/text>\r\n            <rect x=\"200\" y=\"108\" width=\"80\" height=\"24\" rx=\"10\" fill=\"#B7410E\" opacity=\".85\"\/>\r\n            <text x=\"240\" y=\"100\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#B7410E\">ANODE<\/text>\r\n            <text x=\"240\" y=\"126\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#fff\">Fe \u2192 Fe\u00b2\u207a<\/text>\r\n            <rect x=\"90\" y=\"108\" width=\"70\" height=\"24\" rx=\"10\" fill=\"#163995\" opacity=\".78\"\/>\r\n            <text x=\"125\" y=\"100\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#163995\">CATHODE<\/text>\r\n            <rect x=\"330\" y=\"108\" width=\"70\" height=\"24\" rx=\"10\" fill=\"#163995\" opacity=\".78\"\/>\r\n            <text x=\"365\" y=\"100\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#163995\">CATHODE<\/text>\r\n            <g stroke=\"#EE8731\" stroke-width=\"1.4\" fill=\"none\" stroke-dasharray=\"4 4\">\r\n              <path d=\"M215 34 L228 100\"\/><path d=\"M245 34 L250 100\"\/><path d=\"M270 34 L262 100\"\/>\r\n            <\/g>\r\n            <text x=\"243\" y=\"26\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#EE8731\">Cl\u207b \/ CO\u2082 INGRESS<\/text>\r\n            <g stroke=\"#2FD3FF\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\">\r\n              <path d=\"M196 120 L166 120\" marker-end=\"url(#ar1)\"\/>\r\n              <path d=\"M286 120 L326 120\" marker-end=\"url(#ar1)\"\/>\r\n            <\/g>\r\n            <text x=\"260\" y=\"172\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9.5\" fill=\"#5D6E8C\">e\u207b FLOW THROUGH STEEL \u00b7 IONS THROUGH CONCRETE PORE SOLUTION<\/text>\r\n          <\/svg>\r\n          <figcaption>Fig 1: Corrosion Cell in Reinforced Concrete<\/figcaption>\r\n        <\/figure>\r\n        <div class=\"chem\"><em>Anode:<\/em> Fe \u2192 Fe\u00b2\u207a + 2e\u207b &nbsp;&nbsp;|&nbsp;&nbsp; <em>Cathode:<\/em> \u00bdO\u2082 + H\u2082O + 2e\u207b \u2192 2OH\u207b<\/div>\r\n      <\/article>\r\n\r\n      <!-- E2 -->\r\n      <article class=\"edu-card rv\" id=\"e2\">\r\n        <span class=\"tag\">02 \u00b7 RUST EXPANSION<\/span>\r\n        <h3>Why Rust Causes Concrete to Crack and Spall<\/h3>\r\n        <p>Corrosion products (iron oxide\/hydroxide) occupy <strong>roughly 2 to 6 times<\/strong> more volume than the original steel, depending on the type of rust formed. This expansion happens inside a fixed volume of concrete, generating very high internal pressure.<\/p>\r\n        <p>Since concrete can only withstand about 10% of its compressive strength in tension, the pressure from rust causes, in sequence: <strong>cracking along the rebar \u2192 delamination \u2192 concrete spalling.<\/strong> At the same time, the reinforcing steel's cross-sectional area shrinks, reducing the structure's load-bearing capacity and safety.<\/p>\r\n        <figure class=\"edu-figure\">\r\n          <svg viewBox=\"0 0 520 150\" style=\"width:100%;height:auto\" role=\"img\" aria-label=\"Diagram of rust volume expansion\">\r\n            <text x=\"20\" y=\"20\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5D6E8C\">RELATIVE VOLUME<\/text>\r\n            <rect x=\"20\" y=\"34\" width=\"60\" height=\"34\" rx=\"5\" fill=\"#8A93A3\"\/>\r\n            <text x=\"50\" y=\"56\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#fff\">Fe \u00b7 1\u00d7<\/text>\r\n            <rect x=\"20\" y=\"80\" width=\"120\" height=\"34\" rx=\"5\" fill=\"#C4632B\"\/>\r\n            <text x=\"80\" y=\"102\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#fff\">FeO \u00b7 2\u00d7<\/text>\r\n            <rect x=\"150\" y=\"80\" width=\"200\" height=\"34\" rx=\"5\" fill=\"#B7410E\"\/>\r\n            <text x=\"250\" y=\"102\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#fff\">Fe(OH)\u2083 \u00b7 ~4\u00d7<\/text>\r\n            <rect x=\"360\" y=\"80\" width=\"140\" height=\"34\" rx=\"5\" fill=\"#8E2F06\"\/>\r\n            <text x=\"430\" y=\"102\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#fff\">HYDRATED \u00b7 ~6\u00d7<\/text>\r\n            <path d=\"M20 128 H500\" stroke=\"#B9C2D1\" stroke-width=\"1\"\/>\r\n            <text x=\"260\" y=\"145\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9.5\" fill=\"#5D6E8C\">EXPANSIVE PRESSURE \u2192 CRACK \u2192 DELAMINATION \u2192 SPALLING<\/text>\r\n          <\/svg>\r\n          <figcaption>Fig 2: Relative Volume of Corrosion Products<\/figcaption>\r\n        <\/figure>\r\n      <\/article>\r\n\r\n      <!-- E3 -->\r\n      <article class=\"edu-card rv\" id=\"e3\">\r\n        <span class=\"tag\">03 \u00b7 CATHODIC PROTECTION<\/span>\r\n        <h3>What Is Cathodic Protection?<\/h3>\r\n        <p><strong>Cathodic Protection (CP)<\/strong> is the principle of controlling corrosion by making the metal to be protected entirely a <strong>cathode<\/strong>. When reinforcing steel is the cathode, the dissolution reaction of the steel (Fe \u2192 Fe\u00b2\u207a) is suppressed, so corrosion is controlled even while chloride remains in the concrete. This is why CP is internationally recognized as able to control corrosion that has already begun, without needing to remove all chloride-contaminated concrete.<\/p>\r\n        <p>The international standard for designing CP systems for steel in concrete is <strong>ISO 12696:2012 (Cathodic Protection of Steel in Concrete)<\/strong>, which sets performance verification criteria such as <strong>Polarization Decay \u2265 100 mV<\/strong> within a specified time.<\/p>\r\n        <div style=\"margin-top:26px\">\r\n          <div class=\"exp\">\r\n            <button class=\"exp-q\">How many types of Cathodic Protection systems are there? <span class=\"pm\">+<\/span><\/button>\r\n            <div class=\"exp-a\"><ul>\r\n              <li><strong>Galvanic \/ Sacrificial Anode CP<\/strong>: uses the natural potential difference between metals, requires no external power, is easy to install, and needs little maintenance, suited to spot repairs and general structures.<\/li>\r\n              <li><strong>Impressed Current CP (ICCP)<\/strong>: uses an external DC power supply with a permanent anode, delivering high, adjustable current, but requires a control cabinet, monitoring system, and ongoing maintenance for the system's life.<\/li>\r\n            <\/ul><\/div>\r\n          <\/div>\r\n          <div class=\"exp\">\r\n            <button class=\"exp-q\">What is 100 mV Polarization Decay? <span class=\"pm\">+<\/span><\/button>\r\n            <div class=\"exp-a\"><p>This is a performance verification criterion under ISO 12696: the protection circuit is interrupted and the reinforcing steel's potential recovery is measured. If the potential changes (decays) by 100 mV or more within the specified time, the steel has been sufficiently polarized to genuinely control corrosion. SmartZinc Z+ delivers a Polarization Decay greater than 100 mV within 24 hours per test results.<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- E4 -->\r\n      <article class=\"edu-card rv\" id=\"e4\">\r\n        <span class=\"tag\">04 \u00b7 GALVANIC PROTECTION<\/span>\r\n        <h3>How Galvanic Protection Works<\/h3>\r\n        <p>Every metal has a different natural electrical potential, ranked in the <strong>Galvanic Series<\/strong>. When two metals with different potentials are connected in an electrolyte (here, the pore solution inside concrete), the metal with the more negative potential becomes the anode and corrodes in place of the other, which is protected.<\/p>\r\n        <p><strong>Zinc has a distinctly more negative potential than steel.<\/strong> When SmartZinc Z+ is tied and electrically connected to the reinforcing steel, the zinc sacrifices itself to corrosion first, continuously supplying protective current to the steel, with no external power source required.<\/p>\r\n        <figure class=\"edu-figure\">\r\n          <svg viewBox=\"0 0 520 140\" style=\"width:100%;height:auto\" role=\"img\" aria-label=\"Diagram of the Galvanic Series between zinc and steel\">\r\n            <defs><linearGradient id=\"gs\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\r\n              <stop offset=\"0\" stop-color=\"#B7410E\"\/><stop offset=\".5\" stop-color=\"#F7B879\"\/><stop offset=\"1\" stop-color=\"#1E4BAE\"\/>\r\n            <\/linearGradient><\/defs>\r\n            <rect x=\"30\" y=\"58\" width=\"460\" height=\"14\" rx=\"7\" fill=\"url(#gs)\"\/>\r\n            <text x=\"30\" y=\"46\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#B7410E\">MORE ACTIVE (ANODIC)<\/text>\r\n            <text x=\"490\" y=\"46\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#163995\">MORE NOBLE (CATHODIC)<\/text>\r\n            <circle cx=\"112\" cy=\"65\" r=\"9\" fill=\"#fff\" stroke=\"#B7410E\" stroke-width=\"2.5\"\/>\r\n            <path d=\"M112 78 V100\" stroke=\"#B7410E\" stroke-width=\"1.5\"\/>\r\n            <text x=\"112\" y=\"116\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"12\" font-weight=\"700\" fill=\"#0B1730\">ZINC<\/text>\r\n            <text x=\"112\" y=\"130\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9.5\" fill=\"#5D6E8C\">\u2248 \u22121.05 V<\/text>\r\n            <circle cx=\"360\" cy=\"65\" r=\"9\" fill=\"#fff\" stroke=\"#163995\" stroke-width=\"2.5\"\/>\r\n            <path d=\"M360 78 V100\" stroke=\"#163995\" stroke-width=\"1.5\"\/>\r\n            <text x=\"360\" y=\"116\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"12\" font-weight=\"700\" fill=\"#0B1730\">STEEL<\/text>\r\n            <text x=\"360\" y=\"130\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9.5\" fill=\"#5D6E8C\">\u2248 \u22120.55 V<\/text>\r\n            <path d=\"M112 30 H360\" stroke=\"#EE8731\" stroke-width=\"1.5\" stroke-dasharray=\"5 5\"\/>\r\n            <text x=\"236\" y=\"24\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#EE8731\">DRIVING VOLTAGE: NO EXTERNAL POWER REQUIRED<\/text>\r\n          <\/svg>\r\n          <figcaption>Fig 3: Galvanic Potential Difference (approximate values in concrete conditions)<\/figcaption>\r\n        <\/figure>\r\n      <\/article>\r\n\r\n      <!-- E5 -->\r\n      <article class=\"edu-card rv\" id=\"e5\">\r\n        <span class=\"tag\">05 \u00b7 WHY ZINC<\/span>\r\n        <h3>Why Engineers Prefer Zinc Anodes<\/h3>\r\n        <p>Zinc provides a potential difference well matched to steel in concrete, strong enough for genuine protection, but not so strong as to risk <strong>hydrogen embrittlement<\/strong> in high-strength steel. This is unlike externally powered systems, which require constant, careful current control.<\/p>\r\n        <p>SmartZinc Z+ encases its zinc core in <strong>high-alkalinity cement mortar (pH \u2265 14)<\/strong>, which keeps the zinc consistently active throughout its service life, delivering continuous, predictable current without passivating and shutting down.<\/p>\r\n        <div style=\"margin-top:26px\">\r\n          <div class=\"exp\">\r\n            <button class=\"exp-q\">Engineering advantages of a zinc anode <span class=\"pm\">+<\/span><\/button>\r\n            <div class=\"exp-a\"><ul>\r\n              <li>No wiring, no control cabinets, and no electricity cost over the system's service life.<\/li>\r\n              <li>Can be installed alongside concrete repair work immediately, without long area shutdowns.<\/li>\r\n              <li>Directly controls the Ring Anode Effect at the boundary between existing concrete and repair material.<\/li>\r\n              <li>Needs almost no maintenance, suited to owners without a dedicated electrical maintenance team.<\/li>\r\n              <li>Service life can be designed via zinc weight and spacing, calculable and verifiable to ISO 12696.<\/li>\r\n            <\/ul><\/div>\r\n          <\/div>\r\n          <div class=\"exp\">\r\n            <button class=\"exp-q\">How is SmartZinc Z+ different from ordinary repair mortar? <span class=\"pm\">+<\/span><\/button>\r\n            <div class=\"exp-a\"><p>Ordinary repair mortar only restores shape and seals the concrete surface. It does not change the electrochemical state of the reinforcing steel, so steel around the repair keeps corroding. SmartZinc Z+, by contrast, is a Galvanic Cathodic Protection system that continuously supplies protective current to the reinforcing steel long after the repair is closed up.<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     03 \u2014 HOW SMARTZINC WORKS (STICKY ANIMATED PROCESS)\r\n     ============================================================ -->\r\n<section class=\"section how\" id=\"how\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head rv\">\r\n      <h2 class=\"h-lg\">Zinc Sacrifices Itself First<br>So the Reinforcing Steel Survives<\/h2>\r\n      <p class=\"lead\">Scroll to see the actual electrochemical process happening inside the concrete, from the moment steel begins to corrode, through to verification with standard measuring instruments.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"how-stage\">\r\n      <!-- ANIMATED DIAGRAM -->\r\n      <div class=\"how-col\">\r\n      <div class=\"how-viz rv-l\">\r\n        <div class=\"viz-media\" data-state=\"idle\">\r\n          <video id=\"howVideo\" class=\"viz-video\"\r\n                 src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/how-smartzincc-works.mp4\"\r\n                 muted loop playsinline preload=\"none\"\r\n                 aria-label=\"Video showing how SmartZinc Z+ works inside concrete\"><\/video>\r\n          <button class=\"viz-cover\" id=\"howVideoCover\" type=\"button\">\r\n            <span class=\"pl\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"tx\">Watch the Demo Video<small>SmartZinc Z+ Works &middot; 20s<\/small><\/span>\r\n          <\/button>\r\n          <button class=\"viz-btn\" id=\"howVideoBtn\" type=\"button\" aria-label=\"Pause video\" data-playing=\"false\">\r\n            <span class=\"ic\"><\/span>\r\n          <\/button>\r\n        <\/div>\r\n        <div class=\"viz-cap\">\r\n          <span class=\"st\">Fig. 1: Galvanic Cathodic Protection<\/span>\r\n          <span class=\"lg\"><i>Demo video of the working principle<\/i><\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP NARRATIVE -->\r\n      <div class=\"how-steps\" id=\"howSteps\">\r\n        <article class=\"hstep on rv\" data-stage=\"1\" data-n=\"01\">\r\n          <div class=\"sn\"><b>STEP 01<\/b><span class=\"bar\"><\/span><\/div>\r\n          <h3>Steel begins to corrode<\/h3>\r\n          <p>When chloride or carbonation destroys the passive film, spots on the steel surface become an anode and begin releasing charge. Rust forms and expands, pushing the concrete until it cracks, while the outer concrete surface may still look normal.<\/p>\r\n          <span class=\"fact\">\u26a0 CORROSION INITIATED \u00b7 No visible external warning<\/span>\r\n        <\/article>\r\n\r\n        <article class=\"hstep rv\" data-stage=\"2\" data-n=\"02\">\r\n          <div class=\"sn\"><b>STEP 02<\/b><span class=\"bar\"><\/span><\/div>\r\n          <h3>SmartZinc corrodes first<\/h3>\r\n          <p>SmartZinc Z+ is tied to the reinforcing steel with 2 lead wires at 4 points. Once the circuit is complete, the zinc, with its more negative potential, becomes the anode instead, and begins corroding itself to supply current to the reinforcing steel.<\/p>\r\n          <span class=\"fact\">\u26a1 Zn \u2192 Zn\u00b2\u207a + 2e\u207b \u00b7 No external power required<\/span>\r\n        <\/article>\r\n\r\n        <article class=\"hstep rv\" data-stage=\"3\" data-n=\"03\">\r\n          <div class=\"sn\"><b>STEP 03<\/b><span class=\"bar\"><\/span><\/div>\r\n          <h3>Steel remains protected<\/h3>\r\n          <p>Current flowing into the reinforcing steel turns the entire bar into a cathode. The steel's dissolution reaction is suppressed and corrosion stops spreading, while the Ring Anode Effect around the repair area is controlled within the designed radius.<\/p>\r\n          <span class=\"fact\">\ud83d\udee1 PROTECTION RADIUS \u2265 500 mm per TIS test results<\/span>\r\n        <\/article>\r\n\r\n        <article class=\"hstep rv\" data-stage=\"4\" data-n=\"04\">\r\n          <div class=\"sn\"><b>STEP 04<\/b><span class=\"bar\"><\/span><\/div>\r\n          <h3>Verified &amp; documented<\/h3>\r\n          <p>The engineer measures electrical continuity (&lt; 0.1 \u03a9) and Polarization Decay to confirm the system genuinely performs to the ISO 12696:2012 criteria, recording results in QC documentation and As-Built records handed over to the project owner.<\/p>\r\n          <span class=\"fact\">\u2713 POLARIZATION DECAY \u2265 100 mV \/ 24H<\/span>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"how-sum rv\">\r\n      <div><b>0<span class=\"u\">V<\/span><\/b><span>No external power source needed, no control cabinet to maintain<\/span><\/div>\r\n      <div><b>\u2265100<span class=\"u\">mV<\/span><\/b><span>Polarization Decay per ISO 12696:2012 criteria<\/span><\/div>\r\n      <div><b>\u2265500<span class=\"u\">mm<\/span><\/b><span>Minimum protection radius per TIS 3029-2563 test results<\/span><\/div>\r\n      <div><b>30<span class=\"u\">yrs<\/span><\/b><span>Maximum design service life, depending on model, quantity, spacing, environment, and the engineer's design calculations<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     04 \u2014 COMPARISON\r\n     ============================================================ -->\r\n<section class=\"section cmp\" id=\"compare\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head c rv\">\r\n      <h2 class=\"h-lg\">Choose the Right System<br>from Day One<\/h2>\r\n      <p class=\"lead\" style=\"margin:0 auto\">Four main approaches to controlling corrosion of reinforcing steel, mapped on the two factors project owners actually decide on: protection effectiveness and life-cycle value.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cmp-stage\">\r\n      <!-- POSITIONING MAP -->\r\n      <div class=\"cmp-map rv-l\">\r\n        <svg viewBox=\"0 0 660 470\" role=\"img\" aria-label=\"Comparison diagram of 4 corrosion protection approaches by protection effectiveness and life-cycle value\">\r\n          <!-- grid -->\r\n          <g class=\"mp-grid\">\r\n            <path d=\"M92 90h540M92 170h540M92 250h540M92 330h540\"\/>\r\n            <path d=\"M200 60v340M310 60v340M420 60v340M530 60v340\"\/>\r\n          <\/g>\r\n\r\n          <!-- sweet spot -->\r\n          <rect class=\"mp-zone\" x=\"404\" y=\"66\" width=\"228\" height=\"152\" rx=\"14\"\/>\r\n          <text class=\"mp-zone-t\" x=\"418\" y=\"88\">SWEET SPOT<\/text>\r\n\r\n          <!-- axes -->\r\n          <g class=\"mp-axis\">\r\n            <path d=\"M92 400V52\"\/><path d=\"M92 400h548\"\/>\r\n            <path d=\"M92 52l-7 12h14z\" fill=\"#8A9BB8\" stroke=\"none\"\/>\r\n            <path d=\"M640 400l-12-7v14z\" fill=\"#8A9BB8\" stroke=\"none\"\/>\r\n          <\/g>\r\n          <text class=\"mp-axlabel\" x=\"92\" y=\"34\">Protection Effectiveness &#8593;<\/text>\r\n          <text class=\"mp-axlabel\" x=\"640\" y=\"430\" text-anchor=\"end\">Life-Cycle Value &#8594;<\/text>\r\n\r\n          <!-- Patch Repair Only -->\r\n          <g>\r\n            <circle class=\"mp-dot-r\" cx=\"158\" cy=\"344\" r=\"17\"\/>\r\n            <circle class=\"mp-dot\" cx=\"158\" cy=\"344\" r=\"8\"\/>\r\n            <text class=\"mp-name\" x=\"178\" y=\"342\">Patch Repair Only<\/text>\r\n            <text class=\"mp-sub\" x=\"178\" y=\"360\">Surface patching only \u00b7 3\u20135 yrs<\/text>\r\n          <\/g>\r\n\r\n          <!-- Sacrificial Steel -->\r\n          <g>\r\n            <circle class=\"mp-dot-r\" cx=\"268\" cy=\"268\" r=\"17\"\/>\r\n            <circle class=\"mp-dot\" cx=\"268\" cy=\"268\" r=\"8\"\/>\r\n            <text class=\"mp-name\" x=\"288\" y=\"266\">Sacrificial Steel<\/text>\r\n            <text class=\"mp-sub\" x=\"288\" y=\"284\">Generic sacrificial anode \u00b7 5\u201315 yrs<\/text>\r\n          <\/g>\r\n\r\n          <!-- ICCP -->\r\n          <g>\r\n            <circle class=\"mp-dot-r\" cx=\"236\" cy=\"112\" r=\"17\"\/>\r\n            <circle class=\"mp-dot\" cx=\"236\" cy=\"112\" r=\"8\"\/>\r\n            <text class=\"mp-name\" x=\"236\" y=\"76\" text-anchor=\"middle\">ICCP<\/text>\r\n            <text class=\"mp-sub\" x=\"236\" y=\"94\" text-anchor=\"middle\">Maximum protection \u00b7 needs lifetime upkeep<\/text>\r\n          <\/g>\r\n\r\n          <!-- SmartZinc Z+ -->\r\n          <g class=\"mp-hero\">\r\n            <circle class=\"mp-pulse\" cx=\"506\" cy=\"150\" r=\"22\"\/>\r\n            <circle class=\"mp-pulse\" cx=\"506\" cy=\"150\" r=\"22\"\/>\r\n            <circle class=\"mp-pulse\" cx=\"506\" cy=\"150\" r=\"22\"\/>\r\n            <circle cx=\"506\" cy=\"150\" r=\"21\" fill=\"rgba(238,135,49,.16)\"\/>\r\n            <circle class=\"mp-dot\" cx=\"506\" cy=\"150\" r=\"12\"\/>\r\n            <text class=\"mp-name\" x=\"506\" y=\"196\" text-anchor=\"middle\">SmartZinc Z+<\/text>\r\n            <text class=\"mp-sub\" x=\"506\" y=\"214\" text-anchor=\"middle\">Embedded Galvanic Anode<\/text>\r\n          <\/g>\r\n        <\/svg>\r\n        <div class=\"cap\">Fig. 2: System positioning<\/div>\r\n      <\/div>\r\n\r\n      <!-- THE THREE DECISIONS THAT MATTER -->\r\n      <div class=\"cmp-read\">\r\n        <div class=\"cmp-key rv-r\">\r\n          <span class=\"lbl\">Life Cycle Cost<\/span>\r\n          <b>Lower long-term cost when properly designed and installed<\/b>\r\n          <p>Paid once alongside repair work, no electricity cost, no system upkeep cost. It helps reduce how often repeat repairs are needed compared with patching alone.<\/p>\r\n          <div class=\"vs\"><i>&#10005;<\/i><span>Patch repair alone is highest, from re-repairing every 3\u20135 years \u00b7 ICCP has electricity cost and a maintenance team for its whole life<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"cmp-key rv-r\" style=\"transition-delay:.08s\">\r\n          <span class=\"lbl\">Maintenance<\/span>\r\n          <b>Almost no upkeep required<\/b>\r\n          <p>No wiring needed, no control cabinet, no team required to watch the system. It keeps working on its own.<\/p>\r\n          <div class=\"vs\"><i>&#10005;<\/i><span>ICCP requires an electrical engineer and continuous monitoring, and stops working immediately during a power outage<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"cmp-key rv-r\" style=\"transition-delay:.16s\">\r\n          <span class=\"lbl\">Corrosion Control<\/span>\r\n          <b>Predictable and verifiable<\/b>\r\n          <p>Delivers continuous galvanic current within the designed radius, controls the Ring Anode Effect, and can be measured and verified to ISO 12696.<\/p>\r\n          <div class=\"vs\"><i>&#10005;<\/i><span>Generic sacrificial anodes are hard to control the radius of and risk losing current output as they passivate<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- VERDICT CARDS -->\r\n    <div class=\"cmp-cards\">\r\n      <article class=\"ccard best rv-s\">\r\n        <span class=\"flag\">RECOMMENDED<\/span>\r\n        <h4>SmartZinc Z+<\/h4>\r\n        <div class=\"sub\">Embedded Galvanic Anode<\/div>\r\n        <div class=\"lc\">Low<\/div>\r\n        <div class=\"lc-l\">Life Cycle Cost<\/div>\r\n        <div class=\"life\"><b>10\u201330 yrs*<\/b><span>Service Life<\/span><\/div>\r\n        <ul>\r\n          <li><i style=\"color:#7FE7C4\">&#10003;<\/i> No electricity needed, no system upkeep cost<\/li>\r\n          <li><i style=\"color:#7FE7C4\">&#10003;<\/i> Can be installed alongside repair work immediately<\/li>\r\n          <li><i style=\"color:#7FE7C4\">&#10003;<\/i> Certified to TIS 3029-2563 \u00b7 ASTM B418<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n      <article class=\"ccard rv-s\" style=\"transition-delay:.08s\">\r\n        <h4>ICCP<\/h4>\r\n        <div class=\"sub\">Impressed Current CP<\/div>\r\n        <div class=\"lc\" style=\"color:var(--amber)\">Medium\u2013High<\/div>\r\n        <div class=\"lc-l\">Life Cycle Cost<\/div>\r\n        <div class=\"life\"><b>25+ yrs<\/b><span>Service Life<\/span><\/div>\r\n        <ul>\r\n          <li><i style=\"color:#0E7A45\">&#10003;<\/i> Finest current control of any system<\/li>\r\n          <li><i style=\"color:#D14343\">&#10005;<\/i> Very high installation cost<\/li>\r\n          <li><i style=\"color:#D14343\">&#10005;<\/i> Requires a maintenance team and electricity for its whole life<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n      <article class=\"ccard rv-s\" style=\"transition-delay:.16s\">\r\n        <h4>Sacrificial Steel<\/h4>\r\n        <div class=\"sub\">Generic sacrificial anode<\/div>\r\n        <div class=\"lc\" style=\"color:var(--amber)\">Medium<\/div>\r\n        <div class=\"lc-l\">Life Cycle Cost<\/div>\r\n        <div class=\"life\"><b>5\u201315 yrs<\/b><span>Service Life<\/span><\/div>\r\n        <ul>\r\n          <li><i style=\"color:#0E7A45\">&#10003;<\/i> Low starting cost<\/li>\r\n          <li><i style=\"color:#D14343\">&#10005;<\/i> Risk of losing current output ahead of schedule<\/li>\r\n          <li><i style=\"color:#D14343\">&#10005;<\/i> Hard to predict the protection radius<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n      <article class=\"ccard rv-s\" style=\"transition-delay:.24s\">\r\n        <h4>Patch Repair Only<\/h4>\r\n        <div class=\"sub\">Surface patching only<\/div>\r\n        <div class=\"lc\" style=\"color:#D14343\">Highest<\/div>\r\n        <div class=\"lc-l\">Life Cycle Cost<\/div>\r\n        <div class=\"life\"><b>3\u20135 yrs<\/b><span>Service Life<\/span><\/div>\r\n        <ul>\r\n          <li><i style=\"color:#0E7A45\">&#10003;<\/i> Fast to start, low cost per job<\/li>\r\n          <li><i style=\"color:#D14343\">&#10005;<\/i> Doesn't control corrosion at the root cause<\/li>\r\n          <li><i style=\"color:#D14343\">&#10005;<\/i> Ring Anode Effect occurs around the repair<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n    <\/div>\r\n    <p class=\"mono\" style=\"color:var(--steel);margin-top:18px;font-size:12px\">* Service life is a design value, depending on model, quantity, spacing, environment, rebar density and the engineer's design calculations<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     05 \u2014 KEY ENGINEERING VALUES + COUNTERS\r\n     ============================================================ -->\r\n<section class=\"section values\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head rv\">\r\n      <h2 class=\"h-lg\">Why Leading Infrastructure Projects<br>Choose SmartZinc Z+<\/h2>\r\n      <p class=\"lead\">Embedded Galvanic Zinc Anode for Reinforced Concrete Corrosion Protection<\/p>\r\n    <\/div>\r\n\r\n    <!-- headline metric + supporting metrics -->\r\n    <div class=\"val-lead\">\r\n      <div class=\"val-hero glass rv-l\">\r\n        <span class=\"tag\">Design Service Life<\/span>\r\n        <div class=\"big\"><span class=\"count\" data-count=\"30\">0<\/span><span class=\"u\">yrs<\/span><\/div>\r\n        <h3>Long Service Life<\/h3>\r\n        <p>Design service life up to 30 years, depending on model, quantity, spacing, environment, rebar density and the designing engineer's calculations, with no wiring needed, no control cabinet, and almost no maintenance for the system's whole life.<\/p>\r\n        <div class=\"foot\">\r\n          <span>TIS 3029-2563<\/span><span>ASTM B418 TYPE II<\/span><span>ISO 12696:2012<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"val-side\">\r\n        <div class=\"val glass rv-r\">\r\n          <div class=\"k\"><span class=\"count\" data-count=\"100\">0<\/span><span class=\"u\">mV<\/span><\/div>\r\n          <div>\r\n            <h4>Proven Protection<\/h4>\r\n            <p>Polarization Decay greater than 100 mV within 24 hours, per ISO 12696 criteria<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"val glass rv-r\" style=\"transition-delay:.08s\">\r\n          <div class=\"k\"><span class=\"count\" data-count=\"500\">0<\/span><span class=\"u\">mm<\/span><\/div>\r\n          <div>\r\n            <h4>Protection Radius<\/h4>\r\n            <p>Minimum protection radius per TIS test results, up to 1,000 mm in the Z+160G model<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"val glass rv-r\" style=\"transition-delay:.16s\">\r\n          <div class=\"k\"><span class=\"count\" data-count=\"27\">0<\/span><span class=\"u\">+<\/span><\/div>\r\n          <div>\r\n            <h4>Years of Experience<\/h4>\r\n            <p>Over 27 years of experience in reinforced concrete repair and strengthening<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- value pillars -->\r\n    <div class=\"vp-head rv\"><b>What you get<\/b><span class=\"bar\"><\/span><\/div>\r\n    <div class=\"vp-grid\">\r\n      <div class=\"vp rv\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7.5 3v6c0 4.4-3.1 8.2-7.5 9-4.4-.8-7.5-4.6-7.5-9V6L12 3z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/i>\r\n        <b>Corrosion Protection<\/b><span>Controls corrosion at its electrochemical root cause, not just the surface<\/span>\r\n      <\/div>\r\n      <div class=\"vp rv\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M3 20h18M6 20V8l6-4 6 4v12\"\/><path d=\"M10 20v-6h4v6\"\/><\/svg><\/i>\r\n        <b>Engineering Design<\/b><span>Quantity, spacing, and service life calculated by an engineer to ISO 12696<\/span>\r\n      <\/div>\r\n      <div class=\"vp rv\">\r\n        <i><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg><\/i>\r\n        <b>Reliability<\/b><span>Continuous, predictable current output, verifiable with measuring instruments<\/span>\r\n      <\/div>\r\n      <div class=\"vp rv\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M20 7H4a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1z\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><path d=\"M12 11v3\"\/><\/svg><\/i>\r\n        <b>TIS Compliance<\/b><span>Certified to TIS 3029-2563, License No. 8496-3\/3029<\/span>\r\n      <\/div>\r\n      <div class=\"vp rv\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v13H4z\"\/><path d=\"M4 21h16\"\/><path d=\"M8 9l3 3 5-5\"\/><\/svg><\/i>\r\n        <b>ASTM Compliance<\/b><span>Uses zinc to ASTM B418 Type II, a grade specifically for anode applications<\/span>\r\n      <\/div>\r\n      <div class=\"vp rv\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M12 3v18\"\/><path d=\"M17 7H9.5a2.5 2.5 0 0 0 0 5h5a2.5 2.5 0 0 1 0 5H6\"\/><\/svg><\/i>\r\n        <b>Lower Owner Cost<\/b><span>Reduces the number of repeat repairs, area shutdowns, and opportunity cost<\/span>\r\n      <\/div>\r\n      <div class=\"vp rv\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M3 17l5-6 4 3 5-7 4 4\"\/><path d=\"M3 21h18\"\/><\/svg><\/i>\r\n        <b>Lower Life Cycle Cost<\/b><span>Cost over the structure's lifetime is lower than repeated surface repairs or systems needing continuous upkeep<\/span>\r\n      <\/div>\r\n      <div class=\"vp rv\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M4 19V5a1 1 0 0 1 1-1h11l4 4v11a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z\"\/><path d=\"M8 12h8M8 16h5\"\/><\/svg><\/i>\r\n        <b>One-Stop Solution<\/b><span>Design, manufacturing, installation, inspection, and full documentation from a single accountable provider<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"why-hl rv\">\r\n      <div class=\"hd\">\r\n        <h3><small>Engineer's checklist<\/small>Why Engineers Choose SmartZinc Z+<\/h3>\r\n        <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-primary btn-sm\" target=\"_blank\" rel=\"noopener noreferrer\">Talk to an Engineer <span class=\"ar\">&rarr;<\/span><\/a>\r\n      <\/div>\r\n      <ul>\r\n        <li><i>&#10003;<\/i><span>Certified to TIS standards<\/span><\/li>\r\n        <li><i>&#10003;<\/i><span>Embedded Galvanic Zinc Anode technology<\/span><\/li>\r\n        <li><i>&#10003;<\/i><span>Protects reinforcing steel from corrosion starting inside the concrete<\/span><\/li>\r\n        <li><i>&#10003;<\/i><span>Multiple models covering every project type<\/span><\/li>\r\n        <li><i>&#10003;<\/i><span>An engineering team ready to consult and design<\/span><\/li>\r\n        <li><i>&#10003;<\/i><span>Full-service, from design through installation and inspection<\/span><\/li>\r\n        <li><i>&#10003;<\/i><span>Helps reduce maintenance costs over the structure's service life<\/span><\/li>\r\n        <li><i>&#10003;<\/i><span>Suited to bridges, piers, parking structures, hospitals, wastewater treatment systems, industrial plants, and infrastructure<\/span><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     06 \u2014 MODEL SELECTION (INTERACTIVE)\r\n     ============================================================ -->\r\n<section class=\"section models\" id=\"models\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head c rv\">\r\n      <h2 class=\"h-lg\">Choose the Right Model<br>for Your Structure<\/h2>\r\n      <p class=\"lead\" style=\"margin:0 auto\">Every model uses a high-alkalinity mortar puck (pH \u2265 14) sized 65 \u00d7 35 mm (\u00b15) with 2 lead wires at 4 points. Switch between models instantly with no page reload.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mdl-wrap rv\">\r\n      <!-- SELECTOR -->\r\n      <div class=\"mdl-list\" id=\"mdlList\" role=\"tablist\" aria-label=\"Choose a SmartZinc model\">\r\n        <button class=\"mdl-btn\" data-m=\"60\" role=\"tab\" aria-selected=\"false\" aria-controls=\"mp60\">\r\n          <span class=\"disc\">60<\/span>\r\n          <span><b>SmartZinc 60<\/b><span>Z+60G \u00b7 ZINC \u2265 60 g<\/span><span class=\"lvl\"><i style=\"width:38%\"><\/i><\/span><\/span>\r\n        <\/button>\r\n        <button class=\"mdl-btn\" data-m=\"80\" role=\"tab\" aria-selected=\"false\" aria-controls=\"mp80\">\r\n          <span class=\"disc\">80<\/span>\r\n          <span><b>SmartZinc 80<\/b><span>Z+80G \u00b7 ZINC \u2265 80 g<\/span><span class=\"lvl\"><i style=\"width:50%\"><\/i><\/span><\/span>\r\n        <\/button>\r\n        <button class=\"mdl-btn on\" data-m=\"100\" role=\"tab\" aria-selected=\"true\" aria-controls=\"mp100\">\r\n          <span class=\"disc\">100<\/span>\r\n          <span><b>SmartZinc 100<\/b><span>Z+100G \u00b7 ZINC \u2265 100 g<\/span><span class=\"lvl\"><i style=\"width:64%\"><\/i><\/span><\/span>\r\n        <\/button>\r\n        <button class=\"mdl-btn\" data-m=\"130\" role=\"tab\" aria-selected=\"false\" aria-controls=\"mp130\">\r\n          <span class=\"disc\">130<\/span>\r\n          <span><b>SmartZinc 130<\/b><span>Z+130G \u00b7 ZINC \u2265 130 g<\/span><span class=\"lvl\"><i style=\"width:82%\"><\/i><\/span><\/span>\r\n        <\/button>\r\n        <button class=\"mdl-btn\" data-m=\"160\" role=\"tab\" aria-selected=\"false\" aria-controls=\"mp160\">\r\n          <span class=\"disc\">160<\/span>\r\n          <span><b>SmartZinc 160<\/b><span>Z+160G \u00b7 ZINC \u2265 160 g<\/span><span class=\"lvl\"><i style=\"width:100%\"><\/i><\/span><\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- PANELS -->\r\n      <div id=\"mdlPanels\">\r\n        <div class=\"mdl-panel\" id=\"mp60\" role=\"tabpanel\" aria-label=\"SmartZinc 60\" hidden>\r\n        <div class=\"mdl-top\">\r\n          <div class=\"mdl-name\">SmartZinc 60<small>MODEL Z+60G \u00b7 EMBEDDED GALVANIC ANODE<\/small><\/div>\r\n          <span class=\"mdl-risk\">LOW RISK<\/span>\r\n        <\/div>\r\n        <div class=\"mdl-spec\">\r\n          <div class=\"mspec\"><b>Working Radius<\/b><span>\u2265 600 <i>mm<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Concrete Cover (approx.)<\/b><span>\u2265 40 <i>mm<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Suitable Area \/ Anode (approx.)<\/b><span>\u2248 1.1 <i>sq.m<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Zinc Mass<\/b><span>\u2265 60 g<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"mdl-body\">\r\n          <div>\r\n            <h4>Typical Applications<\/h4>\r\n            <div class=\"mdl-chips\"><span>General concrete repair<\/span><span>Urban buildings<\/span><span>Dry \/ indoor areas<\/span><span>Spot repairs<\/span><\/div>\r\n            <p class=\"mdl-note\">An entry-level model for repairs where corrosion risk isn't high, mainly focused on preventing the Ring Anode Effect around the repair area.<br><br>The mortar puck is 35 mm thick, so the concrete cover after installation must be at least 40 mm for it to be fully patched over.<\/p>\r\n            <div class=\"mdl-cta\">\r\n              <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-dark btn-sm\" target=\"_blank\" rel=\"noopener noreferrer\">Request a Quote for This Model <span class=\"ar\">\u2192<\/span><\/a>\r\n              <a href=\"#guide\" class=\"btn btn-outline btn-sm\">Not Sure? Use the Selection Guide<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <figure class=\"mdl-draw\">\r\n            <svg viewBox=\"0 0 400 178\" role=\"img\" aria-label=\"SmartZinc 60 technical drawing\">\r\n          <defs>\r\n            <linearGradient id=\"mg60\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n              <stop offset=\"0\" stop-color=\"#FDFDFF\"\/><stop offset=\".55\" stop-color=\"#D2D7E0\"\/><stop offset=\"1\" stop-color=\"#9AA1AF\"\/>\r\n            <\/linearGradient>\r\n            <pattern id=\"gp60\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\r\n              <path d=\"M20 0 H0 V20\" fill=\"none\" stroke=\"#D9E1EC\" stroke-width=\".6\"\/>\r\n            <\/pattern>\r\n          <\/defs>\r\n          <rect x=\"0\" y=\"14\" width=\"400\" height=\"150\" fill=\"url(#gp60)\" opacity=\".75\"\/>\r\n          <text x=\"16\" y=\"30\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#5D6E8C\" letter-spacing=\"1\">SECTION<\/text>\r\n          <rect x=\"34\" y=\"62\" width=\"104\" height=\"56\" rx=\"14\" fill=\"url(#mg60)\" stroke=\"#8A93A3\"\/>\r\n          <text x=\"86\" y=\"98\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"20\" font-weight=\"800\" fill=\"#7E8593\">Z+<\/text>\r\n          <g stroke=\"#5D6E8C\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\">\r\n            <path d=\"M34 78 C18 78 14 66 6 62\"\/><path d=\"M138 78 C154 78 158 66 166 62\"\/>\r\n            <path d=\"M34 102 C18 102 14 114 6 118\"\/><path d=\"M138 102 C154 102 158 114 166 118\"\/>\r\n          <\/g>\r\n          <g stroke=\"#A85A1A\" stroke-width=\".9\" fill=\"none\">\r\n            <path d=\"M34 132 H138\"\/><path d=\"M34 128 V136\"\/><path d=\"M138 128 V136\"\/>\r\n            <path d=\"M22 62 V118\"\/><path d=\"M18 62 H26\"\/><path d=\"M18 118 H26\"\/>\r\n          <\/g>\r\n          <text x=\"86\" y=\"148\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\">65 mm<\/text>\r\n          <text x=\"12\" y=\"90\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\" transform=\"rotate(-90 12 90)\">35 mm<\/text>\r\n          <text x=\"200\" y=\"30\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#5D6E8C\" letter-spacing=\"1\">PLAN \u00b7 PROTECTION RADIUS<\/text>\r\n          <circle cx=\"290\" cy=\"92\" r=\"46\" fill=\"#EE8731\" opacity=\".07\"\/>\r\n          <circle cx=\"290\" cy=\"92\" r=\"46\" fill=\"none\" stroke=\"#A85A1A\" stroke-width=\"1.1\" stroke-dasharray=\"4 5\"\/>\r\n          <path d=\"M212 92 H368\" stroke=\"#8A93A3\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"290\" cy=\"92\" r=\"13\" fill=\"url(#mg60)\" stroke=\"#8A93A3\"\/>\r\n          <path d=\"M290 92 H336\" stroke=\"#A85A1A\" stroke-width=\"1\" fill=\"none\"\/>\r\n          <text x=\"313.0\" y=\"84\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\">R \u2265 600<\/text>\r\n        <\/svg>\r\n          <\/figure>\r\n        <\/div>\r\n      <\/div>\r\n        <div class=\"mdl-panel\" id=\"mp80\" role=\"tabpanel\" aria-label=\"SmartZinc 80\" hidden>\r\n        <div class=\"mdl-top\">\r\n          <div class=\"mdl-name\">SmartZinc 80<small>MODEL Z+80G \u00b7 EMBEDDED GALVANIC ANODE<\/small><\/div>\r\n          <span class=\"mdl-risk\">MEDIUM RISK<\/span>\r\n        <\/div>\r\n        <div class=\"mdl-spec\">\r\n          <div class=\"mspec\"><b>Working Radius<\/b><span>\u2265 700 <i>mm<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Concrete Cover (approx.)<\/b><span>\u2265 40 <i>mm<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Suitable Area \/ Anode (approx.)<\/b><span>\u2248 1.5 <i>sq.m<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Zinc Mass<\/b><span>\u2265 80 g<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"mdl-body\">\r\n          <div>\r\n            <h4>Typical Applications<\/h4>\r\n            <div class=\"mdl-chips\"><span>Parking structures<\/span><span>Ramps &amp; roof decks<\/span><span>Office buildings<\/span><span>Commercial buildings<\/span><\/div>\r\n            <p class=\"mdl-note\">The most cost-effective choice for large installation areas, such as parking structure slabs and beams where per-square-meter budget matters.<br><br>The mortar puck is 35 mm thick, so the concrete cover after installation must be at least 40 mm for it to be fully patched over.<\/p>\r\n            <div class=\"mdl-cta\">\r\n              <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-dark btn-sm\" target=\"_blank\" rel=\"noopener noreferrer\">Request a Quote for This Model <span class=\"ar\">\u2192<\/span><\/a>\r\n              <a href=\"#guide\" class=\"btn btn-outline btn-sm\">Not Sure? Use the Selection Guide<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <figure class=\"mdl-draw\">\r\n            <svg viewBox=\"0 0 400 178\" role=\"img\" aria-label=\"SmartZinc 80 technical drawing\">\r\n          <defs>\r\n            <linearGradient id=\"mg80\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n              <stop offset=\"0\" stop-color=\"#FDFDFF\"\/><stop offset=\".55\" stop-color=\"#D2D7E0\"\/><stop offset=\"1\" stop-color=\"#9AA1AF\"\/>\r\n            <\/linearGradient>\r\n            <pattern id=\"gp80\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\r\n              <path d=\"M20 0 H0 V20\" fill=\"none\" stroke=\"#D9E1EC\" stroke-width=\".6\"\/>\r\n            <\/pattern>\r\n          <\/defs>\r\n          <rect x=\"0\" y=\"14\" width=\"400\" height=\"150\" fill=\"url(#gp80)\" opacity=\".75\"\/>\r\n          <text x=\"16\" y=\"30\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#5D6E8C\" letter-spacing=\"1\">SECTION<\/text>\r\n          <rect x=\"34\" y=\"62\" width=\"104\" height=\"56\" rx=\"14\" fill=\"url(#mg80)\" stroke=\"#8A93A3\"\/>\r\n          <text x=\"86\" y=\"98\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"20\" font-weight=\"800\" fill=\"#7E8593\">Z+<\/text>\r\n          <g stroke=\"#5D6E8C\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\">\r\n            <path d=\"M34 78 C18 78 14 66 6 62\"\/><path d=\"M138 78 C154 78 158 66 166 62\"\/>\r\n            <path d=\"M34 102 C18 102 14 114 6 118\"\/><path d=\"M138 102 C154 102 158 114 166 118\"\/>\r\n          <\/g>\r\n          <g stroke=\"#A85A1A\" stroke-width=\".9\" fill=\"none\">\r\n            <path d=\"M34 132 H138\"\/><path d=\"M34 128 V136\"\/><path d=\"M138 128 V136\"\/>\r\n            <path d=\"M22 62 V118\"\/><path d=\"M18 62 H26\"\/><path d=\"M18 118 H26\"\/>\r\n          <\/g>\r\n          <text x=\"86\" y=\"148\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\">65 mm<\/text>\r\n          <text x=\"12\" y=\"90\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\" transform=\"rotate(-90 12 90)\">35 mm<\/text>\r\n          <text x=\"200\" y=\"30\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#5D6E8C\" letter-spacing=\"1\">PLAN \u00b7 PROTECTION RADIUS<\/text>\r\n          <circle cx=\"290\" cy=\"92\" r=\"52\" fill=\"#EE8731\" opacity=\".07\"\/>\r\n          <circle cx=\"290\" cy=\"92\" r=\"52\" fill=\"none\" stroke=\"#A85A1A\" stroke-width=\"1.1\" stroke-dasharray=\"4 5\"\/>\r\n          <path d=\"M212 92 H368\" stroke=\"#8A93A3\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"290\" cy=\"92\" r=\"13\" fill=\"url(#mg80)\" stroke=\"#8A93A3\"\/>\r\n          <path d=\"M290 92 H342\" stroke=\"#A85A1A\" stroke-width=\"1\" fill=\"none\"\/>\r\n          <text x=\"316.0\" y=\"84\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\">R \u2265 700<\/text>\r\n        <\/svg>\r\n          <\/figure>\r\n        <\/div>\r\n      <\/div>\r\n        <div class=\"mdl-panel\" id=\"mp100\" role=\"tabpanel\" aria-label=\"SmartZinc 100\">\r\n        <div class=\"mdl-top\">\r\n          <div class=\"mdl-name\">SmartZinc 100<small>MODEL Z+100G \u00b7 EMBEDDED GALVANIC ANODE<\/small><\/div>\r\n          <span class=\"mdl-risk\">MARINE \/ HIGH HUMIDITY<\/span>\r\n        <\/div>\r\n        <div class=\"mdl-spec\">\r\n          <div class=\"mspec\"><b>Working Radius<\/b><span>\u2265 800 <i>mm<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Concrete Cover (approx.)<\/b><span>\u2265 40 <i>mm<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Suitable Area \/ Anode (approx.)<\/b><span>\u2248 2.0 <i>sq.m<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Zinc Mass<\/b><span>\u2265 100 g<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"mdl-body\">\r\n          <div>\r\n            <h4>Typical Applications<\/h4>\r\n            <div class=\"mdl-chips\"><span>Hospitals &amp; public buildings<\/span><span>Seaside condominiums<\/span><span>Water tanks<\/span><span>Coastal buildings<\/span><\/div>\r\n            <p class=\"mdl-note\">The most popular model, balancing protection radius, service life, and cost, suited to buildings that can't be shut down for repeat repairs.<br><br>The mortar puck is 35 mm thick, so the concrete cover after installation must be at least 40 mm for it to be fully patched over.<\/p>\r\n            <div class=\"mdl-cta\">\r\n              <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-dark btn-sm\" target=\"_blank\" rel=\"noopener noreferrer\">Request a Quote for This Model <span class=\"ar\">\u2192<\/span><\/a>\r\n              <a href=\"#guide\" class=\"btn btn-outline btn-sm\">Not Sure? Use the Selection Guide<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <figure class=\"mdl-draw\">\r\n            <svg viewBox=\"0 0 400 178\" role=\"img\" aria-label=\"SmartZinc 100 technical drawing\">\r\n          <defs>\r\n            <linearGradient id=\"mg100\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n              <stop offset=\"0\" stop-color=\"#FDFDFF\"\/><stop offset=\".55\" stop-color=\"#D2D7E0\"\/><stop offset=\"1\" stop-color=\"#9AA1AF\"\/>\r\n            <\/linearGradient>\r\n            <pattern id=\"gp100\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\r\n              <path d=\"M20 0 H0 V20\" fill=\"none\" stroke=\"#D9E1EC\" stroke-width=\".6\"\/>\r\n            <\/pattern>\r\n          <\/defs>\r\n          <rect x=\"0\" y=\"14\" width=\"400\" height=\"150\" fill=\"url(#gp100)\" opacity=\".75\"\/>\r\n          <text x=\"16\" y=\"30\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#5D6E8C\" letter-spacing=\"1\">SECTION<\/text>\r\n          <rect x=\"34\" y=\"62\" width=\"104\" height=\"56\" rx=\"14\" fill=\"url(#mg100)\" stroke=\"#8A93A3\"\/>\r\n          <text x=\"86\" y=\"98\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"20\" font-weight=\"800\" fill=\"#7E8593\">Z+<\/text>\r\n          <g stroke=\"#5D6E8C\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\">\r\n            <path d=\"M34 78 C18 78 14 66 6 62\"\/><path d=\"M138 78 C154 78 158 66 166 62\"\/>\r\n            <path d=\"M34 102 C18 102 14 114 6 118\"\/><path d=\"M138 102 C154 102 158 114 166 118\"\/>\r\n          <\/g>\r\n          <g stroke=\"#A85A1A\" stroke-width=\".9\" fill=\"none\">\r\n            <path d=\"M34 132 H138\"\/><path d=\"M34 128 V136\"\/><path d=\"M138 128 V136\"\/>\r\n            <path d=\"M22 62 V118\"\/><path d=\"M18 62 H26\"\/><path d=\"M18 118 H26\"\/>\r\n          <\/g>\r\n          <text x=\"86\" y=\"148\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\">65 mm<\/text>\r\n          <text x=\"12\" y=\"90\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\" transform=\"rotate(-90 12 90)\">35 mm<\/text>\r\n          <text x=\"200\" y=\"30\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#5D6E8C\" letter-spacing=\"1\">PLAN \u00b7 PROTECTION RADIUS<\/text>\r\n          <circle cx=\"290\" cy=\"92\" r=\"58\" fill=\"#EE8731\" opacity=\".07\"\/>\r\n          <circle cx=\"290\" cy=\"92\" r=\"58\" fill=\"none\" stroke=\"#A85A1A\" stroke-width=\"1.1\" stroke-dasharray=\"4 5\"\/>\r\n          <path d=\"M212 92 H368\" stroke=\"#8A93A3\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"290\" cy=\"92\" r=\"13\" fill=\"url(#mg100)\" stroke=\"#8A93A3\"\/>\r\n          <path d=\"M290 92 H348\" stroke=\"#A85A1A\" stroke-width=\"1\" fill=\"none\"\/>\r\n          <text x=\"319.0\" y=\"84\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\">R \u2265 800<\/text>\r\n        <\/svg>\r\n          <\/figure>\r\n        <\/div>\r\n      <\/div>\r\n        <div class=\"mdl-panel\" id=\"mp130\" role=\"tabpanel\" aria-label=\"SmartZinc 130\" hidden>\r\n        <div class=\"mdl-top\">\r\n          <div class=\"mdl-name\">SmartZinc 130<small>MODEL Z+130G \u00b7 EMBEDDED GALVANIC ANODE<\/small><\/div>\r\n          <span class=\"mdl-risk\">HIGH RISK<\/span>\r\n        <\/div>\r\n        <div class=\"mdl-spec\">\r\n          <div class=\"mspec\"><b>Working Radius<\/b><span>\u2265 900 <i>mm<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Concrete Cover (approx.)<\/b><span>\u2265 40 <i>mm<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Suitable Area \/ Anode (approx.)<\/b><span>\u2248 2.5 <i>sq.m<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Zinc Mass<\/b><span>\u2265 130 g<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"mdl-body\">\r\n          <div>\r\n            <h4>Typical Applications<\/h4>\r\n            <div class=\"mdl-chips\"><span>Bridges &amp; elevated roads<\/span><span>Industrial plants<\/span><span>Dams &amp; reservoirs<\/span><span>Irrigation structures<\/span><\/div>\r\n            <p class=\"mdl-note\">For structures that are hard to access for maintenance, or with dense rebar, needing a wide protection radius and a long service life.<br><br>The mortar puck is 35 mm thick, so the concrete cover after installation must be at least 40 mm for it to be fully patched over.<\/p>\r\n            <div class=\"mdl-cta\">\r\n              <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-dark btn-sm\" target=\"_blank\" rel=\"noopener noreferrer\">Request a Quote for This Model <span class=\"ar\">\u2192<\/span><\/a>\r\n              <a href=\"#guide\" class=\"btn btn-outline btn-sm\">Not Sure? Use the Selection Guide<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <figure class=\"mdl-draw\">\r\n            <svg viewBox=\"0 0 400 178\" role=\"img\" aria-label=\"SmartZinc 130 technical drawing\">\r\n          <defs>\r\n            <linearGradient id=\"mg130\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n              <stop offset=\"0\" stop-color=\"#FDFDFF\"\/><stop offset=\".55\" stop-color=\"#D2D7E0\"\/><stop offset=\"1\" stop-color=\"#9AA1AF\"\/>\r\n            <\/linearGradient>\r\n            <pattern id=\"gp130\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\r\n              <path d=\"M20 0 H0 V20\" fill=\"none\" stroke=\"#D9E1EC\" stroke-width=\".6\"\/>\r\n            <\/pattern>\r\n          <\/defs>\r\n          <rect x=\"0\" y=\"14\" width=\"400\" height=\"150\" fill=\"url(#gp130)\" opacity=\".75\"\/>\r\n          <text x=\"16\" y=\"30\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#5D6E8C\" letter-spacing=\"1\">SECTION<\/text>\r\n          <rect x=\"34\" y=\"62\" width=\"104\" height=\"56\" rx=\"14\" fill=\"url(#mg130)\" stroke=\"#8A93A3\"\/>\r\n          <text x=\"86\" y=\"98\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"20\" font-weight=\"800\" fill=\"#7E8593\">Z+<\/text>\r\n          <g stroke=\"#5D6E8C\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\">\r\n            <path d=\"M34 78 C18 78 14 66 6 62\"\/><path d=\"M138 78 C154 78 158 66 166 62\"\/>\r\n            <path d=\"M34 102 C18 102 14 114 6 118\"\/><path d=\"M138 102 C154 102 158 114 166 118\"\/>\r\n          <\/g>\r\n          <g stroke=\"#A85A1A\" stroke-width=\".9\" fill=\"none\">\r\n            <path d=\"M34 132 H138\"\/><path d=\"M34 128 V136\"\/><path d=\"M138 128 V136\"\/>\r\n            <path d=\"M22 62 V118\"\/><path d=\"M18 62 H26\"\/><path d=\"M18 118 H26\"\/>\r\n          <\/g>\r\n          <text x=\"86\" y=\"148\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\">65 mm<\/text>\r\n          <text x=\"12\" y=\"90\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\" transform=\"rotate(-90 12 90)\">35 mm<\/text>\r\n          <text x=\"200\" y=\"30\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#5D6E8C\" letter-spacing=\"1\">PLAN \u00b7 PROTECTION RADIUS<\/text>\r\n          <circle cx=\"290\" cy=\"92\" r=\"64\" fill=\"#EE8731\" opacity=\".07\"\/>\r\n          <circle cx=\"290\" cy=\"92\" r=\"64\" fill=\"none\" stroke=\"#A85A1A\" stroke-width=\"1.1\" stroke-dasharray=\"4 5\"\/>\r\n          <path d=\"M212 92 H368\" stroke=\"#8A93A3\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"290\" cy=\"92\" r=\"13\" fill=\"url(#mg130)\" stroke=\"#8A93A3\"\/>\r\n          <path d=\"M290 92 H354\" stroke=\"#A85A1A\" stroke-width=\"1\" fill=\"none\"\/>\r\n          <text x=\"322.0\" y=\"84\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\">R \u2265 900<\/text>\r\n        <\/svg>\r\n          <\/figure>\r\n        <\/div>\r\n      <\/div>\r\n        <div class=\"mdl-panel\" id=\"mp160\" role=\"tabpanel\" aria-label=\"SmartZinc 160\" hidden>\r\n        <div class=\"mdl-top\">\r\n          <div class=\"mdl-name\">SmartZinc 160<small>MODEL Z+160G \u00b7 EMBEDDED GALVANIC ANODE<\/small><\/div>\r\n          <span class=\"mdl-risk\">SEVERE<\/span>\r\n        <\/div>\r\n        <div class=\"mdl-spec\">\r\n          <div class=\"mspec\"><b>Working Radius<\/b><span>\u2265 1000 <i>mm<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Concrete Cover (approx.)<\/b><span>\u2265 40 <i>mm<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Suitable Area \/ Anode (approx.)<\/b><span>\u2248 3.1 <i>sq.m<\/i><\/span><\/div>\r\n          <div class=\"mspec\"><b>Zinc Mass<\/b><span>\u2265 160 g<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"mdl-body\">\r\n          <div>\r\n            <h4>Typical Applications<\/h4>\r\n            <div class=\"mdl-chips\"><span>Ports &amp; jetties<\/span><span>Splash \/ tidal zone<\/span><span>Wastewater treatment plants<\/span><span>Chemical-exposed structures<\/span><\/div>\r\n            <p class=\"mdl-note\">The highest zinc mass for continuous, severe corrosive conditions such as tidal zones, sea spray, and chemically exposed areas.<br><br>The mortar puck is 35 mm thick, so the concrete cover after installation must be at least 40 mm for it to be fully patched over.<\/p>\r\n            <div class=\"mdl-cta\">\r\n              <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-dark btn-sm\" target=\"_blank\" rel=\"noopener noreferrer\">Request a Quote for This Model <span class=\"ar\">\u2192<\/span><\/a>\r\n              <a href=\"#guide\" class=\"btn btn-outline btn-sm\">Not Sure? Use the Selection Guide<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <figure class=\"mdl-draw\">\r\n            <svg viewBox=\"0 0 400 178\" role=\"img\" aria-label=\"SmartZinc 160 technical drawing\">\r\n          <defs>\r\n            <linearGradient id=\"mg160\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n              <stop offset=\"0\" stop-color=\"#FDFDFF\"\/><stop offset=\".55\" stop-color=\"#D2D7E0\"\/><stop offset=\"1\" stop-color=\"#9AA1AF\"\/>\r\n            <\/linearGradient>\r\n            <pattern id=\"gp160\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\r\n              <path d=\"M20 0 H0 V20\" fill=\"none\" stroke=\"#D9E1EC\" stroke-width=\".6\"\/>\r\n            <\/pattern>\r\n          <\/defs>\r\n          <rect x=\"0\" y=\"14\" width=\"400\" height=\"150\" fill=\"url(#gp160)\" opacity=\".75\"\/>\r\n          <text x=\"16\" y=\"30\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#5D6E8C\" letter-spacing=\"1\">SECTION<\/text>\r\n          <rect x=\"34\" y=\"62\" width=\"104\" height=\"56\" rx=\"14\" fill=\"url(#mg160)\" stroke=\"#8A93A3\"\/>\r\n          <text x=\"86\" y=\"98\" text-anchor=\"middle\" font-family=\"Montserrat, sans-serif\" font-size=\"20\" font-weight=\"800\" fill=\"#7E8593\">Z+<\/text>\r\n          <g stroke=\"#5D6E8C\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\">\r\n            <path d=\"M34 78 C18 78 14 66 6 62\"\/><path d=\"M138 78 C154 78 158 66 166 62\"\/>\r\n            <path d=\"M34 102 C18 102 14 114 6 118\"\/><path d=\"M138 102 C154 102 158 114 166 118\"\/>\r\n          <\/g>\r\n          <g stroke=\"#A85A1A\" stroke-width=\".9\" fill=\"none\">\r\n            <path d=\"M34 132 H138\"\/><path d=\"M34 128 V136\"\/><path d=\"M138 128 V136\"\/>\r\n            <path d=\"M22 62 V118\"\/><path d=\"M18 62 H26\"\/><path d=\"M18 118 H26\"\/>\r\n          <\/g>\r\n          <text x=\"86\" y=\"148\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\">65 mm<\/text>\r\n          <text x=\"12\" y=\"90\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\" transform=\"rotate(-90 12 90)\">35 mm<\/text>\r\n          <text x=\"200\" y=\"30\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#5D6E8C\" letter-spacing=\"1\">PLAN \u00b7 PROTECTION RADIUS<\/text>\r\n          <circle cx=\"290\" cy=\"92\" r=\"70\" fill=\"#EE8731\" opacity=\".07\"\/>\r\n          <circle cx=\"290\" cy=\"92\" r=\"70\" fill=\"none\" stroke=\"#A85A1A\" stroke-width=\"1.1\" stroke-dasharray=\"4 5\"\/>\r\n          <path d=\"M212 92 H368\" stroke=\"#8A93A3\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"290\" cy=\"92\" r=\"13\" fill=\"url(#mg160)\" stroke=\"#8A93A3\"\/>\r\n          <path d=\"M290 92 H360\" stroke=\"#A85A1A\" stroke-width=\"1\" fill=\"none\"\/>\r\n          <text x=\"325.0\" y=\"84\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A85A1A\">R \u2265 1000<\/text>\r\n        <\/svg>\r\n          <\/figure>\r\n        <\/div>\r\n      <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"muted center rv\" style=\"font-size:14px;max-width:820px;margin:18px auto 0\">\r\n      Concrete Cover and coverage area per anode shown for each model are approximate figures for preliminary communication only, not values to substitute for real design. Values used for actual installation must be calculated and certified by an engineer to ISO 12696:2012, combined with site survey results.\r\n    <\/p>\r\n\r\n    <!-- FULL SPEC TABLE -->\r\n    <div class=\"rv\" style=\"margin-top:clamp(30px,4vw,48px)\">\r\n      <div class=\"exp\" style=\"border-top:0\">\r\n        <button class=\"exp-q exp-q-mono\">FULL COMPARISON TABLE <span class=\"pm\">+<\/span><\/button>\r\n        <div class=\"exp-a\">\r\n          <div class=\"spec-wrap\" style=\"margin-bottom:22px\">\r\n            <div class=\"spec-scroll\">\r\n              <table class=\"spec-table\" id=\"specTable\">\r\n                <thead>\r\n                  <tr>\r\n                    <th style=\"text-align:left\">Technical Detail<\/th>\r\n                    <th data-col=\"1\">Z+60G<\/th><th data-col=\"2\">Z+80G<\/th>\r\n                    <th data-col=\"3\" class=\"hl\">Z+100G<\/th><th data-col=\"4\">Z+130G<\/th><th data-col=\"5\">Z+160G<\/th>\r\n                  <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                  <tr><th>Pure Zinc Weight<\/th><td data-col=\"1\">\u2265 60 g<\/td><td data-col=\"2\">\u2265 80 g<\/td><td data-col=\"3\" class=\"hl\">\u2265 100 g<\/td><td data-col=\"4\">\u2265 130 g<\/td><td data-col=\"5\">\u2265 160 g<\/td><\/tr>\r\n                  <tr><th>Total Weight per Anode (approx.)<\/th><td data-col=\"1\">\u2265 200 g<\/td><td data-col=\"2\">\u2265 210 g<\/td><td data-col=\"3\" class=\"hl\">\u2265 220 g<\/td><td data-col=\"4\">\u2265 235 g<\/td><td data-col=\"5\">\u2265 250 g<\/td><\/tr>\r\n                  <tr><th>Protection Radius per Product<\/th><td data-col=\"1\">\u2265 600 mm<\/td><td data-col=\"2\">\u2265 700 mm<\/td><td data-col=\"3\" class=\"hl\">\u2265 800 mm<\/td><td data-col=\"4\">\u2265 900 mm<\/td><td data-col=\"5\">\u2265 1000 mm<\/td><\/tr>\r\n                  <tr><th>Polarization Decay \/ 24h<\/th><td data-col=\"1\">&gt; 100 mV<\/td><td data-col=\"2\">&gt; 100 mV<\/td><td data-col=\"3\" class=\"hl\">&gt; 100 mV<\/td><td data-col=\"4\">&gt; 100 mV<\/td><td data-col=\"5\">&gt; 100 mV<\/td><\/tr>\r\n                  <tr><th>Mortar Puck Size<\/th><td data-col=\"1\">65 \u00d7 35 mm<\/td><td data-col=\"2\">65 \u00d7 35 mm<\/td><td data-col=\"3\" class=\"hl\">65 \u00d7 35 mm<\/td><td data-col=\"4\">65 \u00d7 35 mm<\/td><td data-col=\"5\">65 \u00d7 35 mm<\/td><\/tr>\r\n                  <tr><th>Lead Wires<\/th><td data-col=\"1\">2 wires \/ 4 points<\/td><td data-col=\"2\">2 wires \/ 4 points<\/td><td data-col=\"3\" class=\"hl\">2 wires \/ 4 points<\/td><td data-col=\"4\">2 wires \/ 4 points<\/td><td data-col=\"5\">2 wires \/ 4 points<\/td><\/tr>\r\n                  <tr><th>Qty per Box<\/th><td data-col=\"1\">15 units<\/td><td data-col=\"2\">15 units<\/td><td data-col=\"3\" class=\"hl\">15 units<\/td><td data-col=\"4\">15 units<\/td><td data-col=\"5\">15 units<\/td><\/tr>\r\n                  <tr><th>Recommended Risk Level<\/th><td data-col=\"1\">Low<\/td><td data-col=\"2\">Medium<\/td><td data-col=\"3\" class=\"hl\">Marine \/ High Humidity<\/td><td data-col=\"4\">High<\/td><td data-col=\"5\">Severe<\/td><\/tr>\r\n                <\/tbody>\r\n              <\/table>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"muted center\" style=\"font-size:15px;margin-top:24px;max-width:840px;margin-left:auto;margin-right:auto\">\r\n      * The minimum protection radius per TIS 3029-2563 test criteria is 500 mm. Coverage area per anode is an approximate figure calculated from each model's protection radius. The actual quantity, spacing, and service life must be designed and certified by an engineer to ISO 12696:2012, combined with site survey results.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     07 \u2014 SELECTION GUIDE (RECOMMENDATION TOOL)\r\n     ============================================================ -->\r\n<section class=\"section guide\" id=\"guide\">\r\n  <div class=\"wrap guide-inner\">\r\n    <div class=\"sec-head rv\" style=\"max-width:760px\">\r\n      <h2 class=\"h-lg\">Tell Us Your Project Type<br>We'll Recommend a Model Instantly<\/h2>\r\n      <p class=\"lead\">No need to compare specs model by model. Choose your structure type, and the tool recommends a suitable model with preliminary engineering reasoning, as a starting point before an engineer's real calculation.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gtypes rv\" id=\"gTypes\" role=\"tablist\" aria-label=\"Choose a project type\">\r\n      <button class=\"gchip on\" role=\"tab\" aria-selected=\"true\"\r\n        data-model=\"SmartZinc 160\" data-code=\"Z+160G\" data-radius=\"\u2265 1000 mm\" data-zinc=\"\u2265 160 g\"\r\n        data-exposure=\"XS3 \/ Splash &amp; Tidal Zone\" data-risk=\"Severe\"\r\n        data-title=\"Marine Jetty\"\r\n        data-desc=\"Structures in the tidal and sea-spray zone face the highest chloride concentration combined with oxygen and wet-dry cycling, the most aggressive corrosion condition for reinforced concrete work.\"\r\n        data-why=\"Needs the highest, most sustained protective current, so the model with the greatest zinc mass is selected.\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M2 18c2 0 2-1.6 4-1.6s2 1.6 4 1.6 2-1.6 4-1.6 2 1.6 4 1.6 2-1.6 4-1.6\"\/><path d=\"M6 16V6l6-3 6 3v10\"\/><\/svg><\/i>\r\n        <b>Marine Jetty<\/b><span>Splash Zone<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"gchip\" role=\"tab\" aria-selected=\"false\"\r\n        data-model=\"SmartZinc 130\" data-code=\"Z+130G\" data-radius=\"\u2265 900 mm\" data-zinc=\"\u2265 130 g\"\r\n        data-exposure=\"XD3 \/ XS1 \u00b7 Chloride + Cyclic Wetting\" data-risk=\"High\"\r\n        data-title=\"Bridge &amp; Infrastructure\"\r\n        data-desc=\"Bridge decks, crossbeams, and piers carry traffic loads and vibration, plus water infiltration that carries chloride to the reinforcing steel through cracks.\"\r\n        data-why=\"Needs a wide protection radius to cover dense reinforcing steel, and a long service life since repeat repairs are hard to access.\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M2 15h20M12 15v6M8 15v6M16 15v6\"\/><path d=\"M2 12c4.5-5 15.5-5 20 0\"\/><\/svg><\/i>\r\n        <b>Bridge<\/b><span>Infrastructure<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"gchip\" role=\"tab\" aria-selected=\"false\"\r\n        data-model=\"SmartZinc 100\" data-code=\"Z+100G\" data-radius=\"\u2265 800 mm\" data-zinc=\"\u2265 100 g\"\r\n        data-exposure=\"XC4 \/ XS1 \u00b7 High Humidity\" data-risk=\"Marine \/ High Humidity\"\r\n        data-title=\"Hospital &amp; Public Buildings\"\r\n        data-desc=\"Buildings that can't be shut down, with restrictions on noise, dust, and working hours, need repair work that helps reduce the risk of repeatedly disrupting building occupants.\"\r\n        data-why=\"A balance of protection radius, service life, and budget for buildings that need long-term confidence, subject to site survey results and the engineer's calculations.\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M4 21V7l8-4 8 4v14\"\/><path d=\"M12 10v6M9 13h6\"\/><\/svg><\/i>\r\n        <b>Hospital<\/b><span>Critical Building<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"gchip\" role=\"tab\" aria-selected=\"false\"\r\n        data-model=\"SmartZinc 80\" data-code=\"Z+80G\" data-radius=\"\u2265 700 mm\" data-zinc=\"\u2265 80 g\"\r\n        data-exposure=\"XD1 \/ XC3 \u00b7 De-icing &amp; Washing Water\" data-risk=\"Medium\"\r\n        data-title=\"Parking Structure\"\r\n        data-desc=\"Slabs, beams, and ramps exposed to water from tires, floor-washing chemicals, and accumulated moisture, one of the most common spots for rebar corrosion in a building.\"\r\n        data-why=\"Medium risk level with a large installation area, so the most cost-effective-per-area model is suited.\">\r\n        <i><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M9 16V8h3.5a2.5 2.5 0 0 1 0 5H9\"\/><\/svg><\/i>\r\n        <b>Parking<\/b><span>Deck &amp; Ramp<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"gchip\" role=\"tab\" aria-selected=\"false\"\r\n        data-model=\"SmartZinc 160\" data-code=\"Z+160G\" data-radius=\"\u2265 1000 mm\" data-zinc=\"\u2265 160 g\"\r\n        data-exposure=\"XA2\u2013XA3 \u00b7 Chemical Attack\" data-risk=\"Severe\"\r\n        data-title=\"Wastewater Treatment\"\r\n        data-desc=\"Treatment tanks and structures exposed constantly to wastewater, H2S gas, and chemicals, corroding both the concrete and the reinforcing steel simultaneously.\"\r\n        data-why=\"A continuously corrosive condition for the system's whole life requires the maximum zinc mass to sustain protective current long-term.\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M4 8h16v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8z\"\/><path d=\"M4 8l2-4h12l2 4\"\/><path d=\"M8 13c1.3 0 1.3 2 2.6 2s1.4-2 2.7-2 1.4 2 2.7 2\"\/><\/svg><\/i>\r\n        <b>Wastewater<\/b><span>Chemical Exposure<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"gchip\" role=\"tab\" aria-selected=\"false\"\r\n        data-model=\"SmartZinc 100\" data-code=\"Z+100G\" data-radius=\"\u2265 800 mm\" data-zinc=\"\u2265 100 g\"\r\n        data-exposure=\"XS1 \u00b7 Airborne Salt\" data-risk=\"Marine \/ High Humidity\"\r\n        data-title=\"Seaside Condominium\"\r\n        data-desc=\"Residential buildings continuously exposed to sea spray, particularly balconies, canopies, and edge beams with thin concrete cover.\"\r\n        data-why=\"Handles chloride from sea spray well, with a protection radius that covers balcony and edge-beam repairs.\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18M6 21V8l6-4 6 4v13\"\/><path d=\"M9 11h2M13 11h2M9 15h2M13 15h2\"\/><\/svg><\/i>\r\n        <b>Condominium<\/b><span>Coastal Building<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"gchip\" role=\"tab\" aria-selected=\"false\"\r\n        data-model=\"SmartZinc 130\" data-code=\"Z+130G\" data-radius=\"\u2265 900 mm\" data-zinc=\"\u2265 130 g\"\r\n        data-exposure=\"XA1 \/ XD2 \u00b7 Industrial Chemicals\" data-risk=\"High\"\r\n        data-title=\"Industrial Plant\"\r\n        data-desc=\"Structures supporting machinery, areas with chemicals, acid fumes, and cooling towers, accelerating corrosion, and hard to shut the production line down for repairs.\"\r\n        data-why=\"Needs high protective current and a long service life to reduce how often the production line must stop for maintenance.\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M3 21V11l6 4V11l6 4V7l6 4v10z\"\/><path d=\"M3 21h18\"\/><\/svg><\/i>\r\n        <b>Factory<\/b><span>Industrial<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"gchip\" role=\"tab\" aria-selected=\"false\"\r\n        data-model=\"SmartZinc 130\" data-code=\"Z+130G\" data-radius=\"\u2265 900 mm\" data-zinc=\"\u2265 130 g\"\r\n        data-exposure=\"XC4 \u00b7 Permanently Wet\" data-risk=\"High\"\r\n        data-title=\"Water Tank &amp; Irrigation Structures\"\r\n        data-desc=\"Water tanks, dams, and reservoirs exposed to permanent water or wet-dry cycling, which lowers concrete's electrical resistivity and speeds up corrosion.\"\r\n        data-why=\"Concrete that's wet at all times conducts current well but consumes zinc faster, so a model with a high zinc mass is selected.\">\r\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M12 3s6 6.5 6 10.5a6 6 0 0 1-12 0C6 9.5 12 3 12 3z\"\/><\/svg><\/i>\r\n        <b>Water Tank<\/b><span>Permanently Wet<\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"gflow rv\">\r\n      <div class=\"gsel\">\r\n        <span class=\"lbl\">Your Project<\/span>\r\n        <h3 id=\"gTitle\">Marine Jetty<\/h3>\r\n        <p id=\"gDesc\">Structures in the tidal and sea-spray zone face the highest chloride concentration combined with oxygen and wet-dry cycling, the most aggressive corrosion condition for reinforced concrete work.<\/p>\r\n        <div class=\"gfactors\">\r\n          <div><span>Corrosion Risk Level<\/span><b id=\"gRisk\">Severe<\/b><\/div>\r\n          <div><span>Reference Exposure Class<\/span><b id=\"gExp\">XS3 \/ Splash &amp; Tidal Zone<\/b><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"garrow\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 44 120\"><path class=\"ad\" d=\"M22 4 V104\"\/><path d=\"M10 96 L22 112 L34 96\" fill=\"none\" stroke=\"#F4AD73\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"gres\" id=\"gRes\">\r\n        <span class=\"lbl\">Recommended Model<\/span>\r\n        <div class=\"gres-model\" id=\"gModel\">SmartZinc 160<\/div>\r\n        <div class=\"gres-sub\" id=\"gWhy\">Needs the highest, most sustained protective current, so the model with the greatest zinc mass is selected.<\/div>\r\n        <div class=\"gres-meta\">\r\n          <div><b>Product Code<\/b><span id=\"gCode\">Z+160G<\/span><\/div>\r\n          <div><b>Working Radius<\/b><span id=\"gRad\">\u2265 1000 mm<\/span><\/div>\r\n          <div><b>Zinc Mass<\/b><span id=\"gZinc\">\u2265 160 g<\/span><\/div>\r\n          <div><b>Standard<\/b><span>TIS 3029-2563<\/span><\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-primary\" style=\"width:100%\" target=\"_blank\" rel=\"noopener noreferrer\">Have an Engineer Confirm This Model <span class=\"ar\">\u2192<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"mono rv\" style=\"color:#C6D5EE;margin-top:22px;font-size:12px;text-align:center\">\r\n      This recommendation is a preliminary estimate based on structure type. The actual model and quantity must be calculated to ISO 12696:2012 from site survey results.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ============================================================\r\n     09 \u2014 INSTALLATION PROCEDURE (13 STEPS)\r\n     ============================================================ -->\r\n<section class=\"section flow\" id=\"process\">\r\n  <div class=\"wrap\">\r\n    <div class=\"flow-head\">\r\n      <div class=\"rv-l\">\r\n        <h2 class=\"h-lg\" style=\"margin:18px 0 20px\">13 Steps<br>Controlled at Every Point<\/h2>\r\n        <p class=\"lead\">Corrosion protection isn't just embedding a zinc puck in concrete. It's an engineering process that must be measured, recorded, and verified at every step. Choose a phase to see its steps and inspection criteria.<\/p>\r\n        <div class=\"caps\">\r\n          <span>Assessment<\/span><span>Engineering Design<\/span><span>Certified Installation<\/span><span>Verification<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <figure class=\"flow-figure rv-r\">\r\n        <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/langu-pier-satun-4.jpg\" alt=\"Installation team fitting SmartZinc Z+ into the reinforcing steel layer of a pier deck\" loading=\"lazy\">\r\n        <figcaption>\r\n          <b>Certified Installation Team<\/b>\r\n          <p>A trained field team working under an engineer's supervision, from site survey through document handover.<\/p>\r\n        <\/figcaption>\r\n      <\/figure>\r\n    <\/div>\r\n\r\n    <div class=\"p13\" id=\"p13\">\r\n      <!-- progress rail -->\r\n      <div class=\"pr-rail rv\">\r\n        <div class=\"pr-dots\" id=\"prDots\" style=\"--pr:.1923\">\r\n          <span class=\"pr-dot on\" data-n=\"1\"><\/span>\r\n          <span class=\"pr-dot on\" data-n=\"2\"><\/span>\r\n          <span class=\"pr-dot on\" data-n=\"3\"><\/span>\r\n          <span class=\"pr-dot\" data-n=\"4\"><\/span>\r\n          <span class=\"pr-dot\" data-n=\"5\"><\/span>\r\n          <span class=\"pr-dot\" data-n=\"6\"><\/span>\r\n          <span class=\"pr-dot\" data-n=\"7\"><\/span>\r\n          <span class=\"pr-dot\" data-n=\"8\"><\/span>\r\n          <span class=\"pr-dot\" data-n=\"9\"><\/span>\r\n          <span class=\"pr-dot\" data-n=\"10\"><\/span>\r\n          <span class=\"pr-dot\" data-n=\"11\"><\/span>\r\n          <span class=\"pr-dot\" data-n=\"12\"><\/span>\r\n          <span class=\"pr-dot\" data-n=\"13\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- phase tabs -->\r\n      <div class=\"ph-tabs rv\" id=\"phTabs\" role=\"tablist\">\r\n      <button class=\"ph-tab on\" data-ph=\"A\" aria-selected=\"true\">\r\n        <span class=\"ltr\">PHASE A<\/span>\r\n        <b>Assessment<\/b>\r\n        <span class=\"rng\">STEP 01\u201303<\/span>\r\n      <\/button>\r\n      <button class=\"ph-tab\" data-ph=\"B\" aria-selected=\"false\">\r\n        <span class=\"ltr\">PHASE B<\/span>\r\n        <b>Design<\/b>\r\n        <span class=\"rng\">STEP 04\u201305<\/span>\r\n      <\/button>\r\n      <button class=\"ph-tab\" data-ph=\"C\" aria-selected=\"false\">\r\n        <span class=\"ltr\">PHASE C<\/span>\r\n        <b>Installation<\/b>\r\n        <span class=\"rng\">STEP 06\u201311<\/span>\r\n      <\/button>\r\n      <button class=\"ph-tab\" data-ph=\"D\" aria-selected=\"false\">\r\n        <span class=\"ltr\">PHASE D<\/span>\r\n        <b>Verification<\/b>\r\n        <span class=\"rng\">STEP 12\u201313<\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n      <div class=\"ph-panel on\" data-ph=\"A\">\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">01<\/div>\r\n          <h3>Site Survey &amp; Corrosion Assessment<\/h3>\r\n          <span class=\"en\">SITE SURVEY &amp; CORROSION ASSESSMENT<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>Photograph and map the location of damage<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">02<\/div>\r\n          <h3>Half-Cell Potential Survey<\/h3>\r\n          <span class=\"en\">HALF-CELL POTENTIAL SURVEY<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>Measured on a grid at spacing set in the survey plan<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">03<\/div>\r\n          <h3>Concrete Resistivity &amp; Moisture Test<\/h3>\r\n          <span class=\"en\">CONCRETE RESISTIVITY &amp; MOISTURE TEST<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>Resistivity measured with the Four-Probe method<\/span><\/div>\r\n        <\/article>\r\n      <\/div>\r\n      <div class=\"ph-panel\" data-ph=\"B\">\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">04<\/div>\r\n          <h3>Engineering Design &amp; Calculation to ISO 12696<\/h3>\r\n          <span class=\"en\">ENGINEERING DESIGN &amp; CALCULATION<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>Calculated to ISO 12696:2012<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">05<\/div>\r\n          <h3>Shop Drawing &amp; Method Statement Preparation<\/h3>\r\n          <span class=\"en\">SHOP DRAWING &amp; METHOD STATEMENT<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>Shop drawing specifying every anode's position<\/span><\/div>\r\n        <\/article>\r\n      <\/div>\r\n      <div class=\"ph-panel\" data-ph=\"C\">\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">06<\/div>\r\n          <h3>Marking &amp; Removing Deteriorated Concrete<\/h3>\r\n          <span class=\"en\">MARKING &amp; CONCRETE REMOVAL<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>Removed down to sound concrete<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">07<\/div>\r\n          <h3>Cleaning the Reinforcing Steel Surface<\/h3>\r\n          <span class=\"en\">REBAR CLEANING &amp; SURFACE PREPARATION<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>Mechanically cleaned per specification<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">08<\/div>\r\n          <h3>Testing Continuity of the Reinforcing Steel<\/h3>\r\n          <span class=\"en\">CONTINUITY TEST<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>Acceptance criterion &lt; 0.1 \u03a9<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">09<\/div>\r\n          <h3>Installing the SmartZinc Z+ Anode<\/h3>\r\n          <span class=\"en\">ANODE INSTALLATION<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>Position and spacing per the approved drawing<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">10<\/div>\r\n          <h3>Connecting Lead Wires to the Reinforcing Steel<\/h3>\r\n          <span class=\"en\">WIRE CONNECTION &amp; TYING<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>2 wires connected at 4 points per anode<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">11<\/div>\r\n          <h3>Patching with Structural Repair Material<\/h3>\r\n          <span class=\"en\">REPAIR MORTAR \/ NON-SHRINK GROUT<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>Material selected to be compatible with the CP system<\/span><\/div>\r\n        <\/article>\r\n      <\/div>\r\n      <div class=\"ph-panel\" data-ph=\"D\">\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">12<\/div>\r\n          <h3>Curing Concrete &amp; Post-Installation Potential Measurement<\/h3>\r\n          <span class=\"en\">CURING &amp; POTENTIAL MEASUREMENT<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>Cured for the duration the material specifies<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"pstep\">\r\n          <div class=\"n\">13<\/div>\r\n          <h3>QC Documentation &amp; As-Built Handover<\/h3>\r\n          <span class=\"en\">QC DOCUMENTATION &amp; AS-BUILT HANDOVER<\/span>\r\n          <div class=\"chk\"><i>&#10003;<\/i><span>QC recorded for every installation point<\/span><\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"flow-foot rv\">\r\n      <p>Need a full Method Statement and Inspection &amp; Test Plan for your project?<\/p>\r\n      <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-dark btn-sm\" target=\"_blank\" rel=\"noopener noreferrer\">Request the Full Method Statement <span class=\"ar\">&rarr;<\/span><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     10 \u2014 INSPECTION &amp; TESTING\r\n     ============================================================ -->\r\n<section class=\"section inspection\" id=\"inspection\">\r\n  <!-- animated background -->\r\n  <div class=\"insp-fx\" aria-hidden=\"true\">\r\n    <span class=\"grid\"><\/span>\r\n    <span class=\"orb o1\"><\/span>\r\n    <span class=\"orb o2\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head c rv\">\r\n      <h2 class=\"h-lg\">A Good System<br>Must Prove Itself With Numbers<\/h2>\r\n      <p class=\"lead\" style=\"margin:0 auto\">We don't just say the system works. We measure it for you, both before and after installation, to international standard criteria, delivering fully traceable measurement results.<\/p>\r\n    <\/div>\r\n\r\n    <!-- instrument panel -->\r\n    <div class=\"insp-scope rv-s\">\r\n      <div class=\"scope-bar\">\r\n        <span class=\"live\"><i><\/i>LIVE READING<\/span>\r\n        <span class=\"ttl\">Half-Cell Potential \u00b7 Before \/ After Installation<\/span>\r\n        <span class=\"std\">ISO 12696:2012 \u00b7 ASTM C876<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"scope-plot\">\r\n        <svg viewBox=\"0 0 900 260\" role=\"img\" aria-label=\"Chart comparing half-cell potential readings before and after installing SmartZinc Z+\">\r\n          <defs>\r\n            <linearGradient id=\"scanG\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n              <stop offset=\"0\" stop-color=\"#2FD3FF\" stop-opacity=\"0\"\/>\r\n              <stop offset=\"50%\" stop-color=\"#2FD3FF\" stop-opacity=\".9\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#2FD3FF\" stop-opacity=\"0\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n\r\n          <!-- plot grid -->\r\n          <g stroke=\"rgba(255,255,255,.10)\" stroke-width=\"1\">\r\n            <path d=\"M20 40h860M20 90h860M20 140h860M20 190h860M20 240h860\"\/>\r\n            <path d=\"M160 24v226M300 24v226M440 24v226M580 24v226M720 24v226\"\/>\r\n          <\/g>\r\n\r\n          <!-- threshold -->\r\n          <path class=\"thr\" d=\"M20 108h860\" fill=\"none\"\/>\r\n          <text x=\"26\" y=\"100\" font-family=\"JetBrains Mono, monospace\" font-size=\"12\" fill=\"#F7B879\">CORROSION THRESHOLD \u00b7 -350 mV<\/text>\r\n\r\n          <!-- before: deep negative, unstable -->\r\n          <path class=\"trace-pre\" d=\"M20 176 L90 190 L160 168 L230 198 L300 174 L370 206 L440 182 L510 200 L580 172 L650 194 L720 178 L790 202 L860 184\"\/>\r\n          <text x=\"866\" y=\"188\" font-family=\"JetBrains Mono, monospace\" font-size=\"12\" fill=\"#FF8A6B\" text-anchor=\"end\">BEFORE<\/text>\r\n\r\n          <!-- after: polarised, stable, above threshold -->\r\n          <path class=\"trace-post\" d=\"M20 74 L90 68 L160 72 L230 64 L300 70 L370 62 L440 68 L510 60 L580 66 L650 58 L720 64 L790 58 L860 62\"\/>\r\n          <text x=\"866\" y=\"48\" font-family=\"JetBrains Mono, monospace\" font-size=\"12\" fill=\"#25D07A\" text-anchor=\"end\">AFTER \u00b7 SmartZinc Z+<\/text>\r\n\r\n          <!-- moving scan cursor -->\r\n          <g class=\"scan\">\r\n            <rect x=\"18\" y=\"24\" width=\"2.5\" height=\"226\" fill=\"url(#scanG)\"\/>\r\n            <circle cx=\"19\" cy=\"176\" r=\"4.5\" fill=\"#FF8A6B\"\/>\r\n            <circle cx=\"19\" cy=\"74\" r=\"5\" fill=\"#25D07A\"\/>\r\n          <\/g>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"scope-read\">\r\n        <div>\r\n          <span class=\"k\">Polarization Decay<\/span>\r\n          <b>118<em>mV<\/em><\/b>\r\n          <span class=\"pass\">&#10003; PASS \u00b7 criterion \u2265 100 mV \/ 24H<\/span>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"k\">Continuity Resistance<\/span>\r\n          <b>0.04<em>\u03a9<\/em><\/b>\r\n          <span class=\"pass\">&#10003; PASS \u00b7 criterion &lt; 0.1 \u03a9<\/span>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"k\">Protection Radius<\/span>\r\n          <b>520<em>mm<\/em><\/b>\r\n          <span class=\"pass\">&#10003; PASS \u00b7 criterion \u2265 500 mm<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- proof strip -->\r\n    <div class=\"insp-figs rv\">\r\n      <div class=\"insp-fig\"><b>100%<\/b><span>of installation points measured and recorded<\/span><\/div>\r\n      <div class=\"insp-fig\"><b>Before \/ After<\/b><span>Measured and compared on every project<\/span><\/div>\r\n      <div class=\"insp-fig\"><b>ISO 12696<\/b><span>International verification criteria<\/span><\/div>\r\n      <div class=\"insp-fig\"><b>QC \u00b7 As-Built<\/b><span>Fully traceable for the system's life<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FOREGROUND moving layers -->\r\n  <div class=\"insp-motes\" aria-hidden=\"true\">\r\n    <b style=\"left:44%;animation-duration:19.5s;animation-delay:4.7s\"><\/b>\r\n    <b style=\"left:9%;animation-duration:11.7s;animation-delay:6.4s\"><\/b>\r\n    <b style=\"left:49%;animation-duration:16.2s;animation-delay:10.9s\"><\/b>\r\n    <b style=\"left:30%;animation-duration:11.3s;animation-delay:5.2s\"><\/b>\r\n    <b style=\"left:11%;animation-duration:13.2s;animation-delay:6.6s\"><\/b>\r\n    <b style=\"left:10%;animation-duration:18.4s;animation-delay:1.5s\"><\/b>\r\n    <b style=\"left:31%;animation-duration:16.7s;animation-delay:7.0s\"><\/b>\r\n    <b style=\"left:10%;animation-duration:16.2s;animation-delay:4.8s\"><\/b>\r\n    <b style=\"left:31%;animation-duration:11.4s;animation-delay:10.3s\"><\/b>\r\n    <b style=\"left:40%;animation-duration:14.8s;animation-delay:6.5s\"><\/b>\r\n    <b style=\"left:76%;animation-duration:13.8s;animation-delay:9.8s\"><\/b>\r\n    <b style=\"left:26%;animation-duration:11.9s;animation-delay:6.9s\"><\/b>\r\n    <b style=\"left:27%;animation-duration:14.4s;animation-delay:6.6s\"><\/b>\r\n    <b style=\"left:11%;animation-duration:16.1s;animation-delay:7.4s\"><\/b>\r\n    <b style=\"left:66%;animation-duration:17.1s;animation-delay:5.1s\"><\/b>\r\n    <b style=\"left:43%;animation-duration:15.2s;animation-delay:11.1s\"><\/b>\r\n  <\/div>\r\n  <div class=\"insp-sweep\" aria-hidden=\"true\"><\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     11 \u2014 CASE STUDIES\r\n     \u2691 Photos are real site photos \u2014 unverified details (year completed,\r\n        exact model used, anode quantity) are not stated on this page\r\n     ============================================================ -->\r\n<section class=\"section projects\" id=\"projects\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head rv\" style=\"max-width:780px\">\r\n      <h2 class=\"h-lg\">Real Projects<br>Across Every Structure Type<\/h2>\r\n      <p class=\"lead\">From seaside piers and structures over canals, to concrete tanks in factories and structures permanently exposed to water. Click a project to see the challenge, solution, and real site photos.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"case-grid two\" id=\"caseGrid\">\r\n\r\n      <!-- \u2500\u2500 01 \u00b7 Phim Thong Village \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <button class=\"case rv\" data-cat=\"building\">\r\n        <span class=\"case-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/phimthong-village.jpg\" alt=\"Concrete beam and column structure over a canal, Phim Thong Village\" loading=\"lazy\">\r\n          <span class=\"cat\">BUILDING<\/span>\r\n          <span class=\"case-view\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg><\/span>\r\n        <\/span>\r\n        <span class=\"case-in\">\r\n          <h3>Phim Thong Village<\/h3>\r\n          <span class=\"loc\">\ud83d\udccd Concrete structure over a canal<\/span>\r\n          <p>Repair of concrete beams and columns submerged in water and in an alternating wet-dry zone, conditions that accelerate corrosion of the reinforcing steel inside the structure.<\/p>\r\n          <span class=\"case-foot\"><span class=\"mdl\">SmartZinc Z+<\/span><span class=\"go\">View Details \u2192<\/span><\/span>\r\n        <\/span>\r\n        <template>\r\n          <div class=\"cm-hero\">\r\n            <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/phimthong-village.jpg\" alt=\"Concrete beam and column structure over a canal, Phim Thong Village\">\r\n            <div class=\"ov\"><\/div>\r\n            <div class=\"tt\">\r\n              <div class=\"cat\">BUILDING \u00b7 CASE STUDY<\/div>\r\n              <h3>Phim Thong Village<\/h3>\r\n              <div class=\"meta\">\ud83d\udccd Concrete structure over a canal &nbsp;\u00b7&nbsp; SmartZinc Z+<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-body\">\r\n            <div>\r\n              <div class=\"cm-sec\"><b>Project Overview<\/b><p>Reinforced concrete beam, slab, and column structures situated over a canal, with some piers permanently submerged and others in the tidal range.<\/p><\/div>\r\n              <div class=\"cm-sec\"><b>Challenge<\/b><p>Continuous accumulated moisture combined with alternating wet-dry zones deteriorated the concrete cover and initiated rebar corrosion. The work area was over water, hard to access, and required working from temporary scaffolding.<\/p><\/div>\r\n              <div class=\"cm-sec\"><b>Solution<\/b><p>Deteriorated concrete was removed down to sound material, the reinforcing steel cleaned, SmartZinc Z+ installed at engineer-specified spacing, then patched with non-shrink repair mortar to control corrosion continuously after the repair.<\/p><\/div>\r\n              <div class=\"cm-sec cm-gal\">\r\n                <b>Site Photos<\/b>\r\n                <div class=\"gal\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/phimthong-village.jpg\" alt=\"Structure condition before work began\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/phimthong-village-2.jpg\" alt=\"Surface preparation and repair work, Phim Thong Village\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/phimthong-village-3.jpg\" alt=\"Crew patching with repair mortar after anode installation\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/phimthong-village-4.jpg\" alt=\"Concrete structure repair work, Phim Thong Village\" loading=\"lazy\">\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"cm-side\">\r\n              <div class=\"cm-row\"><span>Project Type<\/span><span>BUILDING<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Scope of Work<\/span><span>Concrete Repair<br>+ Galvanic Anode<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Product Used<\/span><span>SmartZinc Z+<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Reference Standards<\/span><span>TIS 3029-2563<br>ISO 12696:2012<\/span><\/div>\r\n              <b style=\"display:block;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin:20px 0 4px\">Results<\/b>\r\n              <div class=\"cm-res\"><div><i>\u2713<\/i>Corrosion of the reinforcing steel controlled after repair<\/div><div><i>\u2713<\/i>Reduced Ring Anode Effect risk around the repair area<\/div><div><i>\u2713<\/i>Extended the service life of the existing structure<\/div><\/div>\r\n              <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-dark btn-sm\" style=\"width:100%;margin-top:20px\" target=\"_blank\" rel=\"noopener noreferrer\">Consult on a Similar Project<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/template>\r\n      <\/button>\r\n\r\n      <!-- \u2500\u2500 02 \u00b7 Panjapol \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <button class=\"case rv\" data-cat=\"industrial\" style=\"transition-delay:.06s\">\r\n        <span class=\"case-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/panjapol-1.jpg\" alt=\"Concrete tank structure repair at the Panjapol factory\" loading=\"lazy\">\r\n          <span class=\"cat\">INDUSTRIAL<\/span>\r\n          <span class=\"case-view\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg><\/span>\r\n        <\/span>\r\n        <span class=\"case-in\">\r\n          <h3>Panjapol<\/h3>\r\n          <span class=\"loc\">\ud83d\udccd Concrete tank structure in a factory<\/span>\r\n          <p>Repair of a large concrete tank wall in an industrial plant, where the concrete had deteriorated enough to expose the reinforcing steel and mesh underneath.<\/p>\r\n          <span class=\"case-foot\"><span class=\"mdl\">SmartZinc Z+<\/span><span class=\"go\">View Details \u2192<\/span><\/span>\r\n        <\/span>\r\n        <template>\r\n          <div class=\"cm-hero\">\r\n            <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/panjapol-1.jpg\" alt=\"Concrete tank structure repair at the Panjapol factory\">\r\n            <div class=\"ov\"><\/div>\r\n            <div class=\"tt\">\r\n              <div class=\"cat\">INDUSTRIAL \u00b7 CASE STUDY<\/div>\r\n              <h3>Panjapol<\/h3>\r\n              <div class=\"meta\">\ud83d\udccd Concrete tank structure in a factory &nbsp;\u00b7&nbsp; SmartZinc Z+<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-body\">\r\n            <div>\r\n              <div class=\"cm-sec\"><b>Project Overview<\/b><p>Repair and strengthening of a large reinforced concrete tank wall inside a factory, where the concrete surface had deteriorated over a wide area, exposing the reinforcing steel to the environment.<\/p><\/div>\r\n              <div class=\"cm-sec\"><b>Challenge<\/b><p>The structure faces continuous moisture and chemical exposure during operation. Patching the surface alone without controlling corrosion would cause damage to recur at the repair edge within a short time.<\/p><\/div>\r\n              <div class=\"cm-sec\"><b>Solution<\/b><p>Deteriorated concrete was removed, reinforcing mesh cleaned and installed, SmartZinc Z+ installed to cover the repair area as designed, then patched with a repair mortar system and cured per procedure.<\/p><\/div>\r\n              <div class=\"cm-sec cm-gal\">\r\n                <b>Site Photos<\/b>\r\n                <div class=\"gal\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/panjapol-1.jpg\" alt=\"Curing and preparing the concrete tank wall repair area\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/panjapol-2.jpg\" alt=\"Concrete structure repair work, Panjapol project\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/panjapol-3.jpg\" alt=\"Concrete structure repair work, Panjapol project\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/panjapol-4.jpg\" alt=\"Concrete structure repair work, Panjapol project\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/panjapol-5.jpg\" alt=\"Concrete structure repair work, Panjapol project\" loading=\"lazy\">\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"cm-side\">\r\n              <div class=\"cm-row\"><span>Project Type<\/span><span>INDUSTRIAL<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Scope of Work<\/span><span>Concrete Repair<br>+ Galvanic Anode<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Product Used<\/span><span>SmartZinc Z+<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Reference Standards<\/span><span>TIS 3029-2563<br>ISO 12696:2012<\/span><\/div>\r\n              <b style=\"display:block;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin:20px 0 4px\">Results<\/b>\r\n              <div class=\"cm-res\"><div><i>\u2713<\/i>Corrosion controlled at the root cause, not just the surface<\/div><div><i>\u2713<\/i>Reduced likelihood of recurring damage at the repair edge<\/div><div><i>\u2713<\/i>Work completed within the factory's production schedule<\/div><\/div>\r\n              <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-dark btn-sm\" style=\"width:100%;margin-top:20px\" target=\"_blank\" rel=\"noopener noreferrer\">Consult on a Similar Project<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/template>\r\n      <\/button>\r\n\r\n      <!-- \u2500\u2500 03 \u00b7 Langu Pier, Satun \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <button class=\"case rv\" data-cat=\"marine\" style=\"transition-delay:.12s\">\r\n        <span class=\"case-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/langu-pier-satun.jpg\" alt=\"Corrosion protection system installation in the deck of Langu Pier, Satun Province\" loading=\"lazy\">\r\n          <span class=\"cat\">MARINE<\/span>\r\n          <span class=\"case-view\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg><\/span>\r\n        <\/span>\r\n        <span class=\"case-in\">\r\n          <h3>Langu Pier, Satun<\/h3>\r\n          <span class=\"loc\">\ud83d\udccd Langu District, Satun Province<\/span>\r\n          <p>Corrosion protection of reinforcing steel in a seaside pier deck, installed alongside rebar tying before the concrete pour.<\/p>\r\n          <span class=\"case-foot\"><span class=\"mdl\">SmartZinc Z+<\/span><span class=\"go\">View Details \u2192<\/span><\/span>\r\n        <\/span>\r\n        <template>\r\n          <div class=\"cm-hero\">\r\n            <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/langu-pier-satun.jpg\" alt=\"Corrosion protection system installation in the deck of Langu Pier, Satun Province\">\r\n            <div class=\"ov\"><\/div>\r\n            <div class=\"tt\">\r\n              <div class=\"cat\">MARINE \u00b7 CASE STUDY<\/div>\r\n              <h3>Langu Pier, Satun<\/h3>\r\n              <div class=\"meta\">\ud83d\udccd Langu District, Satun Province &nbsp;\u00b7&nbsp; SmartZinc Z+<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-body\">\r\n            <div>\r\n              <div class=\"cm-sec\"><b>Project Overview<\/b><p>A seaside reinforced concrete pier deck structure, with a corrosion protection system installed alongside rebar tying, before the on-site concrete pour.<\/p><\/div>\r\n              <div class=\"cm-sec\"><b>Challenge<\/b><p>The pier sits in a marine environment with constant chloride, moisture, and salt spray, the most severe corrosion condition for reinforcing steel, and is a structure that is difficult and costly to repair later.<\/p><\/div>\r\n              <div class=\"cm-sec\"><b>Solution<\/b><p>SmartZinc Z+ was designed and installed directly onto the reinforcing steel from the construction stage, protecting against corrosion from day one of the structure's life, rather than waiting to repair damage after it occurs.<\/p><\/div>\r\n              <div class=\"cm-sec cm-gal\">\r\n                <b>Site Photos<\/b>\r\n                <div class=\"gal\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/langu-pier-satun.jpg\" alt=\"Installation crew fitting anodes into the pier deck's reinforcing steel layer\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/langu-pier-satun-2.jpg\" alt=\"Pier deck during seaside rebar tying work\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/langu-pier-satun-3.jpg\" alt=\"Corrosion protection system installation, Langu Pier, Satun\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/langu-pier-satun-4.jpg\" alt=\"Corrosion protection system installation, Langu Pier, Satun\" loading=\"lazy\">\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"cm-side\">\r\n              <div class=\"cm-row\"><span>Project Type<\/span><span>MARINE<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Location<\/span><span>Langu District, Satun<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Scope of Work<\/span><span>New Construction<br>+ Galvanic Anode<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Product Used<\/span><span>SmartZinc Z+<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Reference Standards<\/span><span>TIS 3029-2563<br>ISO 12696:2012<\/span><\/div>\r\n              <b style=\"display:block;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin:20px 0 4px\">Results<\/b>\r\n              <div class=\"cm-res\"><div><i>\u2713<\/i>Corrosion protection from the construction stage onward<\/div><div><i>\u2713<\/i>Reduced maintenance cost over the structure's lifetime<\/div><div><i>\u2713<\/i>Well suited to structures in the tidal zone<\/div><\/div>\r\n              <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-dark btn-sm\" style=\"width:100%;margin-top:20px\" target=\"_blank\" rel=\"noopener noreferrer\">Consult on a Similar Project<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/template>\r\n      <\/button>\r\n\r\n      <!-- \u2500\u2500 04 \u00b7 Rama 3 Aquarium \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <button class=\"case rv\" data-cat=\"water\" style=\"transition-delay:.18s\">\r\n        <span class=\"case-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/rama3-aquarium.jpg\" alt=\"Engineer measuring potential readings after installing SmartZinc Z+, Rama 3 Aquarium project\" loading=\"lazy\">\r\n          <span class=\"cat\">WATER<\/span>\r\n          <span class=\"case-view\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg><\/span>\r\n        <\/span>\r\n        <span class=\"case-in\">\r\n          <h3>Rama 3 Aquarium<\/h3>\r\n          <span class=\"loc\">\ud83d\udccd Rama 3, Bangkok<\/span>\r\n          <p>SmartZinc Z+ installed in a concrete structure permanently exposed to water, with potential measurement verifying results after installation.<\/p>\r\n          <span class=\"case-foot\"><span class=\"mdl\">SmartZinc Z+<\/span><span class=\"go\">View Details \u2192<\/span><\/span>\r\n        <\/span>\r\n        <template>\r\n          <div class=\"cm-hero\">\r\n            <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/rama3-aquarium.jpg\" alt=\"Engineer measuring potential readings after installing SmartZinc Z+, Rama 3 Aquarium project\">\r\n            <div class=\"ov\"><\/div>\r\n            <div class=\"tt\">\r\n              <div class=\"cat\">WATER \u00b7 CASE STUDY<\/div>\r\n              <h3>Rama 3 Aquarium<\/h3>\r\n              <div class=\"meta\">\ud83d\udccd Rama 3, Bangkok &nbsp;\u00b7&nbsp; SmartZinc Z+<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"cm-body\">\r\n            <div>\r\n              <div class=\"cm-sec\"><b>Project Overview<\/b><p>A reinforced concrete structure permanently exposed to moisture and water, with SmartZinc Z+ installed where the concrete had deteriorated and the reinforcing steel was at risk of corrosion.<\/p><\/div>\r\n              <div class=\"cm-sec\"><b>Challenge<\/b><p>The work area was a narrow space inside the structure, hard to access, and permanently damp, requiring a system that could be installed in a confined space, needed no external power source, and could genuinely be verified.<\/p><\/div>\r\n              <div class=\"cm-sec\"><b>Solution<\/b><p>SmartZinc Z+, an embedded galvanic anode, was connected directly to the reinforcing steel. Electrical continuity and potential were then measured with a multimeter to confirm the system worked before the surface was closed up.<\/p><\/div>\r\n              <div class=\"cm-sec cm-gal\">\r\n                <b>Site Photos<\/b>\r\n                <div class=\"gal\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/rama3-aquarium.jpg\" alt=\"Measuring the anode's potential after installation\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/rama3-aquarium-2.jpg\" alt=\"SmartZinc Z+ installation work, Rama 3 Aquarium project\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/rama3-aquarium-3.jpg\" alt=\"SmartZinc Z+ installation work, Rama 3 Aquarium project\" loading=\"lazy\">\r\n                  <img decoding=\"async\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/rama3-aquarium-4.jpg\" alt=\"SmartZinc Z+ installation work, Rama 3 Aquarium project\" loading=\"lazy\">\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"cm-side\">\r\n              <div class=\"cm-row\"><span>Project Type<\/span><span>WATER<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Location<\/span><span>Rama 3, Bangkok<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Scope of Work<\/span><span>Concrete Repair<br>+ Galvanic Anode<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Product Used<\/span><span>SmartZinc Z+<\/span><\/div>\r\n              <div class=\"cm-row\"><span>Reference Standards<\/span><span>TIS 3029-2563<br>ISO 12696:2012<\/span><\/div>\r\n              <b style=\"display:block;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin:20px 0 4px\">Results<\/b>\r\n              <div class=\"cm-res\"><div><i>\u2713<\/i>System operation verified with on-site measurement<\/div><div><i>\u2713<\/i>Installed in a confined space with no external power needed<\/div><div><i>\u2713<\/i>QC results recorded and delivered with the project<\/div><\/div>\r\n              <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-dark btn-sm\" style=\"width:100%;margin-top:20px\" target=\"_blank\" rel=\"noopener noreferrer\">Consult on a Similar Project<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/template>\r\n      <\/button>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"cm\" id=\"caseModal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Project details\">\r\n  <div class=\"cm-card\" id=\"caseModalCard\"><\/div>\r\n<\/div>\r\n\r\n<!-- ============================================================\r\n     12 \u2014 APPLICATIONS (HORIZONTAL SCROLL)\r\n     ============================================================ -->\r\n<section class=\"section apps\" id=\"apps\">\r\n  <div class=\"wrap\">\r\n    <div class=\"hs-head\">\r\n      <div class=\"rv\">\r\n        <h2 class=\"h-lg\" style=\"margin-top:18px\">Structures That Need<br>Protection Starting Today<\/h2>\r\n      <\/div>\r\n      <div class=\"hs-ctrl rv\">\r\n        <button class=\"hs-btn\" id=\"appPrev\" aria-label=\"Scroll left\">\u2190<\/button>\r\n        <button class=\"hs-btn\" id=\"appNext\" aria-label=\"Scroll right\">\u2192<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"h-scroll\" id=\"appScroll\">\r\n      <article class=\"app\"><img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/app-01-bridge.jpg\" alt=\"Reinforced concrete bridge and elevated road in an urban area\" loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"880\"><div class=\"ov\"><\/div>\r\n        <div class=\"cnt\"><span class=\"n\">A01<\/span><h3>Bridges &amp; Infrastructure<\/h3>\r\n        <p>Bridge decks, crossbeams, piers, and structures subject to vibration combined with constant moisture and chloride.<\/p><\/div><\/article>\r\n\r\n      <article class=\"app\"><img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/app-02-marine.jpg\" alt=\"Pier and seaside concrete structure\" loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"880\"><div class=\"ov\"><\/div>\r\n        <div class=\"cnt\"><span class=\"n\">A02<\/span><h3>Marine &amp; Pier Structures<\/h3>\r\n        <p>Jetties, wharves, piers, and piles in the tidal zone, the most severe corrosion condition for reinforcing steel.<\/p><\/div><\/article>\r\n\r\n      <article class=\"app\"><img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/app-03-parking.jpg\" alt=\"Multi-story reinforced concrete parking structure\" loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"880\"><div class=\"ov\"><\/div>\r\n        <div class=\"cnt\"><span class=\"n\">A03<\/span><h3>Parking Structures<\/h3>\r\n        <p>Slabs, beams, and ramps exposed to water from tires, floor-washing chemicals, and constant accumulated moisture.<\/p><\/div><\/article>\r\n\r\n      <article class=\"app\"><img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/app-04-hospital.jpg\" alt=\"Reinforced concrete hospital and public building\" loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"880\"><div class=\"ov\"><\/div>\r\n        <div class=\"cnt\"><span class=\"n\">A04<\/span><h3>Hospitals &amp; Public Buildings<\/h3>\r\n        <p>Buildings that can't be shut down, needing repair work that helps reduce the risk of repeatedly disrupting occupants long-term.<\/p><\/div><\/article>\r\n\r\n      <article class=\"app\"><img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/app-05-industrial.jpg\" alt=\"Industrial plant and chemical storage tanks on a production line\" loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"880\"><div class=\"ov\"><\/div>\r\n        <div class=\"cnt\"><span class=\"n\">A05<\/span><h3>Industrial Plants<\/h3>\r\n        <p>Areas with chemicals, acid fumes, wastewater, cooling towers, and machinery-support structures that need uninterrupted production.<\/p><\/div><\/article>\r\n\r\n      <article class=\"app\"><img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/app-06-water.jpg\" alt=\"Water treatment plant, settling basin, and concrete water tank\" loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"880\"><div class=\"ov\"><\/div>\r\n        <div class=\"cnt\"><span class=\"n\">A06<\/span><h3>Water Treatment<\/h3>\r\n        <p>Treatment basins, water tanks, and structures permanently exposed to water or constant wet-dry cycling.<\/p><\/div><\/article>\r\n\r\n      <article class=\"app\"><img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/app-07-dam.jpg\" alt=\"Concrete dam and reservoir\" loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"880\"><div class=\"ov\"><\/div>\r\n        <div class=\"cnt\"><span class=\"n\">A07<\/span><h3>Dams &amp; Reservoirs<\/h3>\r\n        <p>Irrigation structures needing a long service life that are difficult to access for maintenance.<\/p><\/div><\/article>\r\n\r\n      <article class=\"app\"><img loading=\"lazy\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/app-08-repair.jpg\" alt=\"Concrete removal repair work and SmartZinc Z+ installation on reinforcing steel\" loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"880\"><div class=\"ov\"><\/div>\r\n        <div class=\"cnt\"><span class=\"n\">A08<\/span><h3>Concrete Repair Works<\/h3>\r\n        <p>Installed alongside repair work to prevent the Ring Anode Effect and extend the life of the repair many times over.<\/p><\/div><\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     09 \u2014 AUTHORITY\r\n     ============================================================ -->\r\n<section class=\"section auth\">\r\n  <div class=\"wrap auth-grid\">\r\n    <div class=\"rv-l\">\r\n      <h2 class=\"h-lg\" style=\"margin:18px 0 20px\">An Engineering Partner<br>Not Just a Product Seller<\/h2>\r\n      <p class=\"lead\">Smart &amp; Bright has worked with reinforced concrete structures for over 27 years, covering Concrete Repair, Epoxy Injection, Corrosion Control, Waterproofing, and FRP\/CFRP Strengthening, so we understand problems from their deep root cause through to real site constraints and project owners' acceptance conditions.<\/p>\r\n      <div class=\"caps\">\r\n        <span>\u2714 Engineer Review<\/span><span>\u2714 Site Assessment<\/span><span>\u2714 Design Calculation<\/span>\r\n        <span>\u2714 Project QC<\/span><span>\u2714 As-Built Document<\/span><span>\u2714 After-Sales Support<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"auth-stats rv-r\">\r\n      <div class=\"ast\"><b><span class=\"count\" data-count=\"27\">0<\/span><span class=\"u\">+<\/span><\/b><span>years of experience in structural repair and strengthening<\/span><\/div>\r\n      <div class=\"ast\"><b>TIS<\/b><span>Manufacturer licensed under TIS 3029-2563, License No. 8496-3\/3029<\/span><\/div>\r\n      <div class=\"ast\"><b>ISO<\/b><span>System designed to ISO 12696:2012<\/span><\/div>\r\n      <div class=\"ast\"><b><span class=\"count\" data-count=\"5\">0<\/span><\/b><span>product models, covering every risk level<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     10 \u2014 TENDER \/ DOCUMENTATION\r\n     ============================================================ -->\r\n<section class=\"section tender\" id=\"tender\">\r\n  <div class=\"wrap tender-grid\">\r\n    <div class=\"rv-l\">\r\n      <h2 class=\"h-lg\" style=\"margin:18px 0 18px\">Full Documentation<br>Ready to Tender<br>and Ready for Acceptance<\/h2>\r\n      <p class=\"lead\" style=\"color:#C6D5EE\">We prepare a complete engineering documentation package so project owners, consultants, and main contractors can review and accept the work with confidence, for both government and private projects.<\/p>\r\n      <div class=\"gres-meta\" style=\"margin:22px 0 26px;max-width:420px\">\r\n        <div><b>Documents in the set<\/b><span>6 items<\/span><\/div>\r\n        <div><b>Suitable for<\/b><span>Government &amp; Private Work<\/span><\/div>\r\n      <\/div>\r\n      <ul class=\"doc-list\">\r\n        <li><i>\u2713<\/i> TIS 3029-2563 certification (License 8496-3\/3029)<\/li>\r\n        <li><i>\u2713<\/i> ISO 12696:2012 and ASTM B418 Type II reference documents<\/li>\r\n        <li><i>\u2713<\/i> Calculation sheet and installation drawing certified by an engineer<\/li>\r\n        <li><i>\u2713<\/i> Method Statement and Inspection &amp; Test Plan<\/li>\r\n        <li><i>\u2713<\/i> QC records with before \/ during \/ after installation photos<\/li>\r\n        <li><i>\u2713<\/i> As-Built drawing and post-installation measurement report<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"cert-card rv-r\">\r\n      <div class=\"seal\"><b>TIS<br>3029<br>2563<\/b><\/div>\r\n      <h3>Certified Manufacturer<\/h3>\r\n      <p>LICENSE NO. 8496-3\/3029<br>ASTM B418 TYPE II ZINC<br>DESIGN TO ISO 12696:2012<\/p>\r\n      <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-primary\" style=\"width:100%\" target=\"_blank\" rel=\"noopener noreferrer\">Request the Tender Document Package <span class=\"ar\">\u2192<\/span><\/a>\r\n      <a href=\"tel:0887914494\" class=\"btn btn-ghost\" style=\"width:100%;margin-top:10px\">Call an Engineer<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     14 \u2014 FAQ\r\n     ============================================================ -->\r\n<section class=\"section faq\" id=\"faq\">\r\n  <div class=\"wrap-narrow\">\r\n    <div class=\"sec-head c rv\" style=\"margin-bottom:40px\">\r\n      <h2 class=\"h-md\">Engineering FAQ<\/h2>\r\n    <\/div>\r\n    <div class=\"rv\">\r\n      <div class=\"exp\">\r\n        <button class=\"exp-q\">How does SmartZinc Z+ control rust that has already formed? <span class=\"pm\">+<\/span><\/button>\r\n        <div class=\"exp-a\"><p>The Galvanic Cathodic Protection system works by changing the reinforcing steel's electrochemical state to a cathode, which controls the ongoing corrosion rate within the designed area. Rust that has already formed does not disappear, but its spread is controlled, so it must be used together with removal of damaged concrete and proper cleaning of the steel surface.<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"exp\">\r\n        <button class=\"exp-q\">What is the Ring Anode Effect, and how does SmartZinc Z+ help? <span class=\"pm\">+<\/span><\/button>\r\n        <div class=\"exp-a\"><p>When a repair is patched only at a specific spot, the new concrete at the repair differs in condition from the surrounding chloride-contaminated original concrete, causing reinforcing steel at the repair boundary to become a new anode (an incipient \/ ring anode) and corrode faster, cracking again. Installing SmartZinc Z+ along the repair boundary supplies protective current directly to the steel there, significantly reducing the risk of this phenomenon.<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"exp\">\r\n        <button class=\"exp-q\">Which model should I choose, from Z+60G to Z+160G? <span class=\"pm\">+<\/span><\/button>\r\n        <div class=\"exp-a\"><p>It depends on corrosion severity, reinforcing steel density, chloride content, moisture, and the desired service life. Coastal areas or continuously damp structures typically use Z+100G or higher. Our engineering team calculates the Steel Density Ratio and sets installation spacing to ISO 12696:2012 based on real site data.<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"exp\">\r\n        <button class=\"exp-q\">Does it need maintenance or additional wiring? <span class=\"pm\">+<\/span><\/button>\r\n        <div class=\"exp-a\"><p>No. The galvanic system works on the natural potential difference between zinc and steel, so it needs no external power source, no control cabinet, no electricity cost, and almost no maintenance, unlike ICCP systems, which require a maintenance team and continuous monitoring for their whole life.<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"exp\">\r\n        <button class=\"exp-q\">Does the company handle installation, or only sell the product? <span class=\"pm\">+<\/span><\/button>\r\n        <div class=\"exp-a\"><p>We provide full service: Design \u00b7 Supply \u00b7 Installation \u00b7 Inspection. We supply SmartZinc Z+ anodes along with a design engineering team and trained installation crews, covering everything from site survey and system design through installation, continuity testing, and delivery of QC and As-Built documentation.<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"exp\">\r\n        <button class=\"exp-q\">How long does it actually last, and how is that calculated? <span class=\"pm\">+<\/span><\/button>\r\n        <div class=\"exp-a\"><p>It can be designed for 10\u201330 years, depending on the model selected, quantity and spacing, the structure's environment, the density of reinforcing steel to be protected, concrete resistivity, and the protective current needed for the risk level. It is not a fixed value for every project. The designing engineer states the projected service life in the calculation sheet delivered to the project owner.<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"exp\">\r\n        <button class=\"exp-q\">Do you support documentation for government tenders? <span class=\"pm\">+<\/span><\/button>\r\n        <div class=\"exp-a\"><p>Fully supported, including TIS 3029-2563 certification, ASTM B418 Type II and ISO 12696:2012 reference documents, a calculation sheet certified by an engineer, Method Statement, Inspection &amp; Test Plan, QC records, and As-Built drawings. Contact our technical team directly to request a tender document package.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     12 \u2014 FINAL CTA\r\n     ============================================================ -->\r\n<section class=\"section final\" id=\"contact\">\r\n  <div class=\"wrap final-inner\">\r\n    <div class=\"rv-l\">\r\n      <h2 class=\"h-lg\" style=\"margin:18px 0 20px\">Talk to a<br>Corrosion Engineer<br><span style=\"color:var(--accent)\">Before You Decide<\/span><\/h2>\r\n      <p class=\"lead\" style=\"color:#C6D5EE\">Send us your structure's details and photos of any damage. The Smart &amp; Bright engineering team will help assess the risk level, select a suitable model, calculate the installation quantity, and prepare a proposal with documentation for acceptance, with no charge for the initial assessment.<\/p>\r\n      <div class=\"hero-cta\">\r\n        <a href=\"tel:0887914494\" class=\"btn btn-primary\">Request Engineering Consultation <span class=\"ar\">\u2192<\/span><\/a>\r\n        <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" class=\"btn btn-ghost\" target=\"_blank\" rel=\"noopener noreferrer\">Request Quotation<\/a>\r\n      <\/div>\r\n      <p class=\"cta-note\">RESPONSE WITHIN 1 BUSINESS DAY \u00b7 BANGKOK, THAILAND<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"contact-card rv-r\">\r\n      <a class=\"cc-row\" href=\"tel:0887914494\"><i>\ud83d\udcde<\/i><span><b>Phone<\/b><span>+66 88-791 4494<\/span><\/span><\/a>\r\n      <a class=\"cc-row\" href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" target=\"_blank\" rel=\"noopener noreferrer\"><i>\ud83d\udcac<\/i><span><b>LINE Official<\/b><span>@smartcoating<\/span><\/span><\/a>\r\n      <a class=\"cc-row\" href=\"https:\/\/www.smartcoating.com\"><i>\ud83c\udf10<\/i><span><b>Website<\/b><span>smartcoating.com<\/span><\/span><\/a>\r\n      <div class=\"cc-row\"><i>\ud83c\udfed<\/i><span><b>Company<\/b><span>Smart &amp; Bright Co., Ltd.<\/span><\/span><\/div>\r\n      <div class=\"cc-row\"><i>\ud83d\udccb<\/i><span><b>Services<\/b><span>Design \u00b7 Supply \u00b7 Installation \u00b7 Inspection<\/span><\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     FOOTER\r\n     ============================================================ -->\r\n<footer>\r\n  <div class=\"wrap\">\r\n    <div class=\"foot-grid\">\r\n      <div>\r\n        <a class=\"brand\" href=\"#top\" style=\"margin-bottom:16px\" aria-label=\"Smart &amp; Bright\">\r\n          <img loading=\"lazy\" decoding=\"async\" class=\"brand-logo foot-logo\" src=\"https:\/\/smartzincanode.com\/wp-content\/uploads\/2026\/08\/logo-smartbright.png\" alt=\"Smart &amp; Bright\" width=\"874\" height=\"153\" loading=\"lazy\">\r\n        <\/a>\r\n        <p style=\"max-width:340px;margin-top:14px\">Specialists in reinforced concrete repair and strengthening, and the SmartZinc Z+ corrosion protection system, an Embedded Galvanic Zinc Anode certified to TIS 3029-2563.<\/p>\r\n      <\/div>\r\n      <div>\r\n        <h4>Solution<\/h4>\r\n        <a href=\"#problem\">The Problem<\/a>\r\n        <a href=\"#why\">Why Zinc Anode<\/a>\r\n        <a href=\"#how\">How It Works<\/a>\r\n        <a href=\"#compare\">Comparison<\/a>\r\n        <a href=\"#models\">Models<\/a>\r\n        <a href=\"#guide\">Selection Guide<\/a>\r\n      <\/div>\r\n      <div>\r\n        <h4>Engineering<\/h4>\r\n        <a href=\"#process\">13-Step Installation<\/a>\r\n        <a href=\"#inspection\">Inspection &amp; Testing<\/a>\r\n        <a href=\"#projects\">Case Studies<\/a>\r\n        <a href=\"#tender\">Tender &amp; Documents<\/a>\r\n      <\/div>\r\n      <div>\r\n        <h4>Contact<\/h4>\r\n        <a href=\"tel:0887914494\">Call +66 88-791 4494<\/a>\r\n        <a href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" target=\"_blank\" rel=\"noopener noreferrer\">LINE @smartcoating<\/a>\r\n        <a href=\"https:\/\/www.smartcoating.com\">www.smartcoating.com<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"foot-bottom\">\r\n      <span>\u00a9 2026 SMART &amp; BRIGHT CO., LTD. \u00b7 TIS 3029-2563 (LICENSE 8496-3\/3029)<\/span>\r\n      <span>ISO 12696:2012 \u00b7 ASTM B418 TYPE II<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- FLOATING CTA -->\r\n<div class=\"float-cta\" id=\"floatCta\">\r\n  <a class=\"fc-call\" href=\"tel:0887914494\" aria-label=\"Call us\">\ud83d\udcde<\/a>\r\n  <a class=\"fc-line\" href=\"https:\/\/line.me\/ti\/p\/~@smartcoating\" aria-label=\"LINE\" target=\"_blank\" rel=\"noopener noreferrer\">\ud83d\udcac<\/a>\r\n  <a class=\"fc-top\" href=\"#top\" aria-label=\"Back to top\">\u2191<\/a>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n  var reduce = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n  \/* ---------- REVEAL ON SCROLL ----------\r\n     wired up FIRST, before any other block, so a later failure elsewhere in\r\n     this script (a missing element on some page-builder embed, say) can\r\n     never prevent this from running and leaving the whole page opacity:0 *\/\r\n  var revealables = document.querySelectorAll(\".rv,.rv-l,.rv-r,.rv-s,.rv-line\");\r\n  if (\"IntersectionObserver\" in window){\r\n    var ro = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if (e.isIntersecting){ e.target.classList.add(\"in\"); ro.unobserve(e.target); }\r\n      });\r\n    }, {threshold:.14, rootMargin:\"0px 0px -8% 0px\"});\r\n    revealables.forEach(function(el){ ro.observe(el); });\r\n  } else {\r\n    revealables.forEach(function(el){ el.classList.add(\"in\"); });\r\n  }\r\n\r\n  \/* ---------- SCROLL PROGRESS + NAV STATE + FLOATING CTA ---------- *\/\r\n  var nav = document.getElementById(\"nav\");\r\n  var bar = document.getElementById(\"scrollBar\");\r\n  var floatCta = document.getElementById(\"floatCta\");\r\n  var heroBg = document.getElementById(\"heroBg\");\r\n  var ticking = false;\r\n\r\n  function onScroll(){\r\n    var y = window.scrollY || document.documentElement.scrollTop;\r\n    var h = document.documentElement.scrollHeight - window.innerHeight;\r\n    bar.style.width = (h > 0 ? (y \/ h) * 100 : 0) + \"%\";\r\n    nav.classList.toggle(\"solid\", y > 80);\r\n    floatCta.classList.toggle(\"show\", y > 700);\r\n    if (heroBg && !reduce && y < window.innerHeight * 1.2){\r\n      heroBg.style.transform = \"translate3d(0,\" + (y * 0.22) + \"px,0)\";\r\n    }\r\n    \/* safety net for the reveal-on-scroll effect below: on a page this long,\r\n       a fast\/instant scroll (scrollbar drag, \"Skip to content\", full-page\r\n       screenshot tools, restored scroll position) can jump an element from\r\n       below the viewport to above it between two animation frames, so the\r\n       IntersectionObserver never sees it cross the visibility threshold and\r\n       it stays permanently opacity:0. Anything already at or above the\r\n       viewport gets revealed here as a fallback. *\/\r\n    if (revealables){\r\n      var vh = window.innerHeight;\r\n      for (var i = 0; i < revealables.length; i++){\r\n        var el = revealables[i];\r\n        if (!el.classList.contains(\"in\") && el.getBoundingClientRect().top < vh * 1.15){\r\n          el.classList.add(\"in\");\r\n        }\r\n      }\r\n    }\r\n    ticking = false;\r\n  }\r\n  window.addEventListener(\"scroll\", function(){\r\n    if (!ticking){ window.requestAnimationFrame(onScroll); ticking = true; }\r\n  }, {passive:true});\r\n\r\n  \/* ---------- MOBILE DRAWER ----------\r\n     each getElementById is null-guarded: a missing element here (a\r\n     page-builder embed that dropped a node) must not throw and abort every\r\n     block that runs after it in this same synchronous script *\/\r\n  try {\r\n    var drawer = document.getElementById(\"drawer\");\r\n    var burgerBtn = document.getElementById(\"burger\");\r\n    var drawerCloseBtn = document.getElementById(\"drawerClose\");\r\n    function closeDrawer(){ if (drawer){ drawer.classList.remove(\"open\"); document.body.style.overflow = \"\"; } }\r\n    if (burgerBtn && drawer) burgerBtn.addEventListener(\"click\", function(){\r\n      drawer.classList.add(\"open\"); document.body.style.overflow = \"hidden\";\r\n    });\r\n    if (drawerCloseBtn) drawerCloseBtn.addEventListener(\"click\", closeDrawer);\r\n    if (drawer) drawer.querySelectorAll(\"a\").forEach(function(a){ a.addEventListener(\"click\", closeDrawer); });\r\n  } catch (e) {}\r\n\r\n  \/* ---------- IDLE OFF-SCREEN SECTIONS ----------\r\n     20 infinite animations were running even when nowhere near the viewport;\r\n     this parks each section's work until it is actually on screen             *\/\r\n  try {\r\n    if (\"IntersectionObserver\" in window){\r\n      var idleTargets = document.querySelectorAll(\"section\");\r\n      var idleObs = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){ e.target.classList.toggle(\"idle\", !e.isIntersecting); });\r\n      }, {rootMargin:\"200px 0px\"});\r\n      idleTargets.forEach(function(el){ el.classList.add(\"idle\"); idleObs.observe(el); });\r\n    }\r\n  } catch (e) {}\r\n\r\n  \/* ---------- ANIMATED COUNTERS ---------- *\/\r\n  function runCounter(el){\r\n    var target = parseFloat(el.getAttribute(\"data-count\"));\r\n    if (reduce){ el.textContent = target.toLocaleString(\"en-US\"); return; }\r\n    var dur = 1500, start = null;\r\n    function step(ts){\r\n      if (!start) start = ts;\r\n      var p = Math.min((ts - start) \/ dur, 1);\r\n      var eased = 1 - Math.pow(1 - p, 3);\r\n      el.textContent = Math.round(target * eased).toLocaleString(\"en-US\");\r\n      if (p < 1) requestAnimationFrame(step);\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n  var counters = document.querySelectorAll(\".count\");\r\n  if (\"IntersectionObserver\" in window){\r\n    var co = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if (e.isIntersecting){ runCounter(e.target); co.unobserve(e.target); }\r\n      });\r\n    }, {threshold:.6});\r\n    counters.forEach(function(el){ co.observe(el); });\r\n  } else {\r\n    counters.forEach(runCounter);\r\n  }\r\n\r\n  \/* ---------- EXPANDABLE \/ ACCORDION ---------- *\/\r\n  document.querySelectorAll(\".exp-q\").forEach(function(q){\r\n    q.addEventListener(\"click\", function(){\r\n      var item = q.parentElement;\r\n      var body = item.querySelector(\".exp-a\");\r\n      var open = item.classList.toggle(\"open\");\r\n      body.style.maxHeight = open ? (body.scrollHeight + 20) + \"px\" : \"0px\";\r\n    });\r\n  });\r\n\r\n  \/* ---------- BEFORE \/ AFTER SLIDER ---------- *\/\r\n  function initBA(root){\r\n  (root || document).querySelectorAll(\".ba\").forEach(function(ba){\r\n    if (ba.dataset.baInit) return;\r\n    ba.dataset.baInit = \"1\";\r\n    var layer = ba.querySelector(\".after-lay\");\r\n    var handle = ba.querySelector(\".handle\");\r\n    var dragging = false;\r\n    function setPos(clientX){\r\n      var r = ba.getBoundingClientRect();\r\n      var pct = ((clientX - r.left) \/ r.width) * 100;\r\n      pct = Math.max(2, Math.min(98, pct));\r\n      layer.style.clipPath = \"inset(0 0 0 \" + pct + \"%)\";\r\n      handle.style.left = pct + \"%\";\r\n    }\r\n    ba.addEventListener(\"pointerdown\", function(e){ dragging = true; ba.setPointerCapture(e.pointerId); setPos(e.clientX); });\r\n    ba.addEventListener(\"pointermove\", function(e){ if (dragging) setPos(e.clientX); });\r\n    ba.addEventListener(\"pointerup\", function(){ dragging = false; });\r\n    ba.addEventListener(\"pointercancel\", function(){ dragging = false; });\r\n  });\r\n  }\r\n  initBA(document);\r\n\r\n  \/* ---------- EDUCATION SCROLL-SPY ---------- *\/\r\n  var eduNav = document.getElementById(\"eduNav\");\r\n  if (eduNav){\r\n    var eduBtns = eduNav.querySelectorAll(\"button\");\r\n    eduBtns.forEach(function(b){\r\n      b.addEventListener(\"click\", function(){\r\n        var t = document.getElementById(b.getAttribute(\"data-t\"));\r\n        if (t) window.scrollTo({top: t.getBoundingClientRect().top + window.scrollY - 120, behavior: reduce ? \"auto\" : \"smooth\"});\r\n      });\r\n    });\r\n    if (\"IntersectionObserver\" in window){\r\n      var eo = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if (e.isIntersecting){\r\n            eduBtns.forEach(function(b){ b.classList.toggle(\"on\", b.getAttribute(\"data-t\") === e.target.id); });\r\n          }\r\n        });\r\n      }, {rootMargin:\"-30% 0px -55% 0px\"});\r\n      [\"e1\",\"e2\",\"e3\",\"e4\",\"e5\"].forEach(function(id){\r\n        var el = document.getElementById(id); if (el) eo.observe(el);\r\n      });\r\n    }\r\n  }\r\n\r\n  \/* ---------- HOW IT WORKS \u2014 STEP HIGHLIGHTING ---------- *\/\r\n  var hsteps = document.querySelectorAll(\".hstep\");\r\n  if (hsteps.length && \"IntersectionObserver\" in window){\r\n    var so = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if (e.isIntersecting){\r\n          hsteps.forEach(function(s){ s.classList.toggle(\"on\", s === e.target); });\r\n        }\r\n      });\r\n    }, {rootMargin:\"-42% 0px -42% 0px\"});\r\n    hsteps.forEach(function(s){ so.observe(s); });\r\n  }\r\n\r\n  \/* ---------- HOW IT WORKS \u2014 DEMO VIDEO (load on demand) ---------- *\/\r\n  var howVid   = document.getElementById(\"howVideo\");\r\n  var howBtn   = document.getElementById(\"howVideoBtn\");\r\n  var howCover = document.getElementById(\"howVideoCover\");\r\n  if (howVid){\r\n    var howBox = howVid.parentElement;\r\n    function howState(playing){\r\n      howBox.setAttribute(\"data-state\", playing ? \"playing\" : \"idle\");\r\n      if (howBtn){\r\n        howBtn.setAttribute(\"data-playing\", playing ? \"true\" : \"false\");\r\n        howBtn.setAttribute(\"aria-label\", playing ? \"Pause video\" : \"Play video\");\r\n      }\r\n    }\r\n    function howPlay(){\r\n      \/* preload=\"none\" means nothing is fetched until this runs *\/\r\n      if (howVid.preload === \"none\"){ howVid.preload = \"auto\"; howVid.load(); }\r\n      howVid.play().catch(function(){});\r\n    }\r\n    if (howCover) howCover.addEventListener(\"click\", howPlay);\r\n    if (howBtn) howBtn.addEventListener(\"click\", function(){\r\n      if (howVid.paused) howPlay(); else howVid.pause();\r\n    });\r\n    howVid.addEventListener(\"play\",  function(){ howState(true); });\r\n    howVid.addEventListener(\"pause\", function(){ howState(false); });\r\n    \/* autoplay once the video scrolls into view, pause once it scrolls away *\/\r\n    if (\"IntersectionObserver\" in window){\r\n      new IntersectionObserver(function(es){\r\n        es.forEach(function(e){\r\n          if (e.isIntersecting){ if (howVid.paused) howPlay(); }\r\n          else if (!howVid.paused){ howVid.pause(); }\r\n        });\r\n      }, {threshold:0.4}).observe(howVid);\r\n    } else {\r\n      howPlay();\r\n    }\r\n  }\r\n\r\n  \/* ---------- MODEL SELECTOR ---------- *\/\r\n  var rail = document.getElementById(\"modelRail\");\r\n  var specTable = document.getElementById(\"specTable\");\r\n  if (rail && specTable){\r\n    rail.querySelectorAll(\".mcard\").forEach(function(card){\r\n      card.addEventListener(\"click\", function(){\r\n        var col = card.getAttribute(\"data-col\");\r\n        rail.querySelectorAll(\".mcard\").forEach(function(c){ c.classList.toggle(\"on\", c === card); });\r\n        specTable.querySelectorAll(\"[data-col]\").forEach(function(cell){\r\n          cell.classList.toggle(\"hl\", cell.getAttribute(\"data-col\") === col);\r\n        });\r\n      });\r\n    });\r\n  }\r\n\r\n  \/* ---------- APPLICATIONS HORIZONTAL SCROLL ---------- *\/\r\n  var appScroll = document.getElementById(\"appScroll\");\r\n  var appPrevBtn = document.getElementById(\"appPrev\");\r\n  var appNextBtn = document.getElementById(\"appNext\");\r\n  if (appScroll){\r\n    var step = function(){ return Math.min(appScroll.clientWidth * 0.8, 700); };\r\n    if (appPrevBtn) appPrevBtn.addEventListener(\"click\", function(){\r\n      appScroll.scrollBy({left: -step(), behavior:\"smooth\"});\r\n    });\r\n    if (appNextBtn) appNextBtn.addEventListener(\"click\", function(){\r\n      appScroll.scrollBy({left: step(), behavior:\"smooth\"});\r\n    });\r\n  }\r\n\r\n  \/* ---------- SEAMLESS CERT MARQUEE ---------- *\/\r\n  var csTrack = document.getElementById(\"csTrack\");\r\n  if (csTrack) csTrack.innerHTML += csTrack.innerHTML;\r\n\r\n\r\n  \/* ---------- MODEL SELECTOR (no reload) ---------- *\/\r\n  var mdlList = document.getElementById(\"mdlList\");\r\n  var mdlPanels = document.getElementById(\"mdlPanels\");\r\n  if (mdlList && mdlPanels){\r\n    var colOf = {\"60\":\"1\",\"80\":\"2\",\"100\":\"3\",\"130\":\"4\",\"160\":\"5\"};\r\n    mdlList.querySelectorAll(\".mdl-btn\").forEach(function(btn){\r\n      btn.addEventListener(\"click\", function(){\r\n        var m = btn.getAttribute(\"data-m\");\r\n        mdlList.querySelectorAll(\".mdl-btn\").forEach(function(b){\r\n          var on = b === btn;\r\n          b.classList.toggle(\"on\", on);\r\n          b.setAttribute(\"aria-selected\", on ? \"true\" : \"false\");\r\n        });\r\n        mdlPanels.querySelectorAll(\".mdl-panel\").forEach(function(p){\r\n          var show = p.id === \"mp\" + m;\r\n          p.hidden = !show;\r\n          if (show){ p.classList.remove(\"swap\"); void p.offsetWidth; p.classList.add(\"swap\"); }\r\n        });\r\n        var st = document.getElementById(\"specTable\");\r\n        if (st) st.querySelectorAll(\"[data-col]\").forEach(function(cell){\r\n          cell.classList.toggle(\"hl\", cell.getAttribute(\"data-col\") === colOf[m]);\r\n        });\r\n      });\r\n    });\r\n  }\r\n\r\n  \/* ---------- SELECTION GUIDE ---------- *\/\r\n  var gTypes = document.getElementById(\"gTypes\");\r\n  if (gTypes){\r\n    var gRes = document.getElementById(\"gRes\");\r\n    var fields = {gTitle:\"title\", gDesc:\"desc\", gRisk:\"risk\", gExp:\"exposure\",\r\n                  gModel:\"model\", gWhy:\"why\", gCode:\"code\", gRad:\"radius\", gZinc:\"zinc\"};\r\n    gTypes.querySelectorAll(\".gchip\").forEach(function(chip){\r\n      chip.addEventListener(\"click\", function(){\r\n        gTypes.querySelectorAll(\".gchip\").forEach(function(c){\r\n          var on = c === chip;\r\n          c.classList.toggle(\"on\", on);\r\n          c.setAttribute(\"aria-selected\", on ? \"true\" : \"false\");\r\n        });\r\n        Object.keys(fields).forEach(function(id){\r\n          var el = document.getElementById(id);\r\n          var v = chip.getAttribute(\"data-\" + fields[id]);\r\n          if (el && v !== null) el.innerHTML = v;\r\n        });\r\n        gRes.classList.remove(\"swap\"); void gRes.offsetWidth; gRes.classList.add(\"swap\");\r\n      });\r\n    });\r\n  }\r\n\r\n  \/* ---------- 13-STEP PROCEDURE: PHASE TABS ---------- *\/\r\n  var phTabs = document.getElementById(\"phTabs\");\r\n  if (phTabs){\r\n    var prDots   = document.getElementById(\"prDots\");\r\n    var panels   = document.querySelectorAll(\".ph-panel\");\r\n    var ranges   = {A:[1,3], B:[4,5], C:[6,11], D:[12,13]};\r\n\r\n    function showPhase(ph){\r\n      phTabs.querySelectorAll(\".ph-tab\").forEach(function(t){\r\n        var on = t.getAttribute(\"data-ph\") === ph;\r\n        t.classList.toggle(\"on\", on);\r\n        t.setAttribute(\"aria-selected\", on ? \"true\" : \"false\");\r\n      });\r\n      panels.forEach(function(pn){\r\n        pn.classList.toggle(\"on\", pn.getAttribute(\"data-ph\") === ph);\r\n      });\r\n      var last = ranges[ph][1];\r\n      if (prDots){\r\n        prDots.querySelectorAll(\".pr-dot\").forEach(function(d){\r\n          d.classList.toggle(\"on\", +d.getAttribute(\"data-n\") <= last);\r\n        });\r\n        \/* fill spans the centres of dot 1 \u2192 dot `last` *\/\r\n        prDots.style.setProperty(\"--pr\", ((last - 1) \/ 12).toFixed(4));\r\n      }\r\n    }\r\n\r\n    phTabs.querySelectorAll(\".ph-tab\").forEach(function(t){\r\n      t.addEventListener(\"click\", function(){ showPhase(t.getAttribute(\"data-ph\")); });\r\n    });\r\n    showPhase(\"A\");\r\n  }\r\n\r\n  \/* ---------- CASE STUDIES: MODAL ---------- *\/\r\n\r\n  var cm = document.getElementById(\"caseModal\");\r\n  var cmCard = document.getElementById(\"caseModalCard\");\r\n  function closeCase(){\r\n    if (!cm) return;\r\n    cm.classList.remove(\"open\");\r\n    document.body.style.overflow = \"\";\r\n  }\r\n  if (cm && cmCard){\r\n    document.querySelectorAll(\".case\").forEach(function(card){\r\n      card.addEventListener(\"click\", function(){\r\n        var tpl = card.querySelector(\"template\");\r\n        if (!tpl) return;\r\n        cmCard.innerHTML = '<button class=\"cm-close\" aria-label=\"Close\">&#10005;<\/button>' + tpl.innerHTML;\r\n        cm.classList.add(\"open\");\r\n        document.body.style.overflow = \"hidden\";\r\n        cm.scrollTop = 0;\r\n        initBA(cmCard);\r\n        var x = cmCard.querySelector(\".cm-close\");\r\n        if (x) x.addEventListener(\"click\", closeCase);\r\n      });\r\n    });\r\n    cm.addEventListener(\"click\", function(e){ if (e.target === cm) closeCase(); });\r\n    document.addEventListener(\"keydown\", function(e){ if (e.key === \"Escape\") closeCase(); });\r\n  }\r\n\r\n  \/* ---------- POINTER SPOTLIGHT ON CARDS ---------- *\/\r\n  if (!reduce && window.matchMedia(\"(hover:hover)\").matches){\r\n    var spotSel = \".val,.vp,.gchip,.edu-card,.case,.mdl-btn,.pain,.hstep\";\r\n    var spotTick = false, spotEv = null, spotEl = null;\r\n    function paintSpot(){\r\n      spotTick = false;\r\n      if (!spotEl || !spotEv) return;\r\n      var r = spotEl.getBoundingClientRect();\r\n      spotEl.style.setProperty(\"--mx\", (spotEv.clientX - r.left) + \"px\");\r\n      spotEl.style.setProperty(\"--my\", (spotEv.clientY - r.top) + \"px\");\r\n    }\r\n    document.addEventListener(\"pointermove\", function(e){\r\n      var el = e.target.closest ? e.target.closest(spotSel) : null;\r\n      if (!el) return;\r\n      spotEl = el; spotEv = e;\r\n      if (!spotTick){ spotTick = true; requestAnimationFrame(paintSpot); }\r\n    }, {passive:true});\r\n  }\r\n\r\n  \/* ---------- REVEAL STAGGER ----------\r\n     grid\/flex siblings that have no hand-authored delay get a cascading one   *\/\r\n  (function(){\r\n    var groups = document.querySelectorAll(\r\n      \".pain-grid,.val-grid,.vp-grid,.case-grid,.gtypes,.mdl-list,.how-sum,.cmp-cards,.foot-grid\");\r\n    groups.forEach(function(g){\r\n      var i = 0;\r\n      Array.prototype.forEach.call(g.children, function(c){\r\n        if (!c.classList.contains(\"rv\") && !c.classList.contains(\"rv-s\")) return;\r\n        if (c.style.transitionDelay) return;\r\n        c.style.transitionDelay = (Math.min(i, 7) * 0.07) + \"s\";\r\n        i++;\r\n      });\r\n    });\r\n  })();\r\n\r\n  onScroll();\r\n})();\r\n<\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SmartZinc Z+ | Embedded Galvanic Zinc Anode for Reinforced Concrete | TIS 3029-2563 Why Zinc Compare Models Selector Projects Tenders \ud83d\udcde 088-791 4494 TH Ask an Engineer \u2630 \u2715 The ProblemPain Points Why Zinc AnodeWhy Galvanic Anode How It WorksHow It Works ComparisonComparison ModelsModel Selection Selection GuideSelection Guide Installation Steps13-Step Procedure InspectionInspection &amp; Testing Case [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-155","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartzincanode.com\/index.php?rest_route=\/wp\/v2\/pages\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartzincanode.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartzincanode.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartzincanode.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartzincanode.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=155"}],"version-history":[{"count":40,"href":"https:\/\/smartzincanode.com\/index.php?rest_route=\/wp\/v2\/pages\/155\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/smartzincanode.com\/index.php?rest_route=\/wp\/v2\/pages\/155\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/smartzincanode.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}