{"content_mode":"html","html":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Ironclad Plumbing Co. | 24/7 Plumber, San Diego</title>\n<meta name=\"description\" content=\"Ironclad Plumbing Co. \u2014 family-owned San Diego plumbers since 2009. 24/7 emergency service, upfront flat-rate pricing, licensed C-36 techs. Average response: 45 minutes.\">\n<meta name=\"theme-color\" content=\"#1E40AF\">\n<meta property=\"og:title\" content=\"Ironclad Plumbing Co. | 24/7 Plumber, San Diego\">\n<meta property=\"og:description\" content=\"Plumbing problems end here. 24/7 emergency response across San Diego \u2014 upfront pricing, licensed and bonded, fixed today.\">\n<meta property=\"og:type\" content=\"website\">\n<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https://images.unsplash.com\">\n<link href=\"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;700&family=Chivo:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n<script type=\"application/ld+json\">\n{\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"Plumber\",\n  \"name\": \"Ironclad Plumbing Co.\",\n  \"telephone\": \"+1-619-555-0144\",\n  \"foundingDate\": \"2009\",\n  \"founder\": \"Marcus Webb\",\n  \"areaServed\": \"San Diego, CA\",\n  \"openingHours\": \"Mo-Sa 07:00-18:00\",\n  \"description\": \"Family-owned San Diego plumbing company. 24/7 emergency service, upfront flat-rate pricing. CA License C-36 #1078442.\"\n}\n</script>\n<style>\n/* ============ Tradecraft Blue \u2014 theme tokens ============ */\n:root{\n  --primary:#1E40AF;\n  --accent:#FACC15;\n  --bg:#FFFFFF;\n  --surface:#EFF6FF;\n  --text:#111827;\n  --muted:#6B7280;\n  --primary-deep:color-mix(in srgb, var(--primary) 64%, #0A1130);\n  --primary-soft:color-mix(in srgb, var(--primary) 9%, #FFFFFF);\n  --line:color-mix(in srgb, var(--primary) 14%, #FFFFFF);\n  --on-blue-muted:color-mix(in srgb, #FFFFFF 78%, var(--primary));\n  /* Type scale \u2014 exactly four sizes */\n  --fs-1:clamp(2.3rem, 7.2vw, 3.6rem);\n  --fs-2:clamp(1.45rem, 3.4vw, 2.1rem);\n  --fs-3:1.0625rem;\n  --fs-4:0.875rem;\n  --radius:14px;\n  --shadow:0 10px 30px -12px color-mix(in srgb, var(--primary) 35%, transparent);\n}\n\n/* ============ Base ============ */\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{-webkit-text-size-adjust:100%}\n@media (prefers-reduced-motion: no-preference){\n  html{scroll-behavior:smooth}\n}\nbody{\n  font-family:'Chivo',system-ui,sans-serif;\n  font-size:var(--fs-3);\n  line-height:1.6;\n  color:var(--text);\n  background:var(--bg);\n}\nh1,h2,h3{font-family:'Lexend',sans-serif;line-height:1.12;font-weight:700;letter-spacing:-0.015em}\nh1{font-size:var(--fs-1)}\nh2{font-size:var(--fs-2)}\nh3{font-size:var(--fs-3)}\nimg{display:block;max-width:100%;height:auto}\na{color:inherit}\nul{list-style:none}\n.wrap{max-width:1120px;margin-inline:auto;padding-inline:20px}\nsection{padding-block:clamp(56px, 9vw, 96px)}\na:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}\n.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--primary);padding:12px 18px;font-weight:700;z-index:100}\n.skip:focus{left:12px;top:12px}\n\n/* ============ Buttons \u2014 big thumb targets ============ */\n.btn{\n  display:inline-flex;align-items:center;justify-content:center;gap:10px;\n  min-height:56px;padding:14px 26px;border-radius:var(--radius);\n  font-family:'Lexend',sans-serif;font-weight:700;font-size:var(--fs-3);\n  text-decoration:none;cursor:pointer;border:2px solid transparent;\n  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;\n}\n.btn:active{transform:scale(.98)}\n.btn-accent{\n  background:var(--accent);color:var(--primary);\n  box-shadow:0 8px 24px -8px color-mix(in srgb, var(--accent) 70%, transparent);\n}\n.btn-accent:hover{background:color-mix(in srgb, var(--accent) 88%, #FFFFFF)}\n.btn-ghost{background:transparent;color:#FFFFFF;border-color:color-mix(in srgb, #FFFFFF 45%, transparent)}\n.btn-ghost:hover{background:color-mix(in srgb, #FFFFFF 12%, transparent)}\n.btn-blue{background:var(--primary);color:#FFFFFF}\n.btn-blue:hover{background:color-mix(in srgb, var(--primary) 88%, #000000)}\n.btn svg{flex:none}\n\n/* ============ Emergency strip ============ */\n.strip{\n  background:var(--primary-deep);color:#FFFFFF;\n  font-size:var(--fs-4);font-weight:500;\n  padding:10px 20px;text-align:center;\n}\n.strip a{color:var(--accent);font-weight:700;text-decoration:none;white-space:nowrap}\n.strip a:hover{text-decoration:underline}\n.strip .dot-sep{opacity:.5;margin-inline:10px}\n\n/* ============ Header ============ */\nheader.site{\n  position:sticky;top:0;z-index:50;\n  background:var(--bg);\n  border-bottom:1px solid var(--line);\n}\n.head-row{\n  display:flex;align-items:center;justify-content:space-between;gap:16px;\n  padding-block:12px;\n}\n.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:'Lexend',sans-serif;font-weight:700;font-size:var(--fs-3);color:var(--text)}\n.brand .mark{\n  width:42px;height:42px;border-radius:11px;background:var(--primary);\n  display:grid;place-items:center;color:var(--accent);flex:none;\n}\n.brand small{display:block;font-family:'Chivo',sans-serif;font-weight:400;font-size:var(--fs-4);color:var(--muted);letter-spacing:0}\nnav.anchors{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-block:2px}\nnav.anchors::-webkit-scrollbar{display:none}\nnav.anchors a{\n  text-decoration:none;font-weight:500;font-size:var(--fs-4);color:var(--text);\n  padding:12px 14px;border-radius:10px;white-space:nowrap;\n}\nnav.anchors a:hover{background:var(--surface);color:var(--primary)}\n.head-call{min-height:48px;padding:10px 20px}\n.head-call .num{display:inline}\n@media (max-width:860px){\n  .head-row{flex-wrap:wrap}\n  nav.anchors{order:3;width:100%;margin-inline:-20px;padding-inline:20px;width:calc(100% + 40px)}\n  .head-call .num{display:none}\n}\n\n/* ============ Hero ============ */\n.hero{\n  background:\n    radial-gradient(1100px 480px at 85% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%),\n    linear-gradient(160deg, var(--primary), var(--primary-deep));\n  color:#FFFFFF;\n  padding-block:clamp(56px, 8vw, 92px) clamp(48px, 7vw, 80px);\n}\n.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px, 5vw, 64px);align-items:center}\n.kicker{\n  display:inline-flex;align-items:center;gap:8px;\n  font-size:var(--fs-4);font-weight:700;color:var(--accent);\n  margin-bottom:18px;\n}\n.kicker::before{content:\"\";width:26px;height:3px;background:var(--accent);border-radius:2px}\n.hero p.lede{font-size:var(--fs-3);color:var(--on-blue-muted);max-width:48ch;margin-top:18px}\n.hero h1{max-width:14ch}\n.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}\n.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}\n.chip{\n  display:inline-flex;align-items:center;gap:8px;\n  border:1px solid color-mix(in srgb, #FFFFFF 28%, transparent);\n  border-radius:999px;padding:8px 14px;\n  font-size:var(--fs-4);font-weight:500;color:var(--on-blue-muted);\n}\n.chip svg{color:var(--accent);flex:none}\n.hero-media{position:relative}\n.hero-media img{\n  width:100%;border-radius:18px;\n  box-shadow:0 24px 60px -20px rgba(4,10,40,.55);\n  border:1px solid color-mix(in srgb, #FFFFFF 18%, transparent);\n}\n.float-card{\n  position:absolute;left:-14px;bottom:-18px;\n  background:var(--bg);color:var(--text);\n  border-radius:var(--radius);box-shadow:var(--shadow);\n  padding:14px 18px;display:flex;align-items:center;gap:12px;\n  border:1px solid var(--line);\n}\n.float-card .pulse-dot{\n  width:12px;height:12px;border-radius:50%;background:var(--accent);flex:none;\n  box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent);\n  animation:pulse 2s infinite;\n}\n.float-card strong{font-family:'Lexend',sans-serif}\n.float-card span{display:block;font-size:var(--fs-4);color:var(--muted)}\n@keyframes pulse{\n  0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}\n  70%{box-shadow:0 0 0 12px transparent}\n  100%{box-shadow:0 0 0 0 transparent}\n}\n.stats{\n  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;\n  margin-top:clamp(40px, 6vw, 64px);\n  border-top:1px solid color-mix(in srgb, #FFFFFF 22%, transparent);\n  padding-top:clamp(24px, 4vw, 36px);\n}\n.stat b{display:block;font-family:'Lexend',sans-serif;font-weight:700;font-size:var(--fs-2);color:var(--accent);line-height:1.1}\n.stat span{font-size:var(--fs-4);color:var(--on-blue-muted)}\n\n/* ============ Trust band ============ */\n.trust{background:var(--bg);border-bottom:1px solid var(--line);padding-block:clamp(36px,5vw,52px)}\n.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n.trust-item{display:flex;gap:14px;align-items:flex-start}\n.trust-item .ico{\n  width:46px;height:46px;border-radius:12px;flex:none;\n  background:var(--surface);color:var(--primary);\n  display:grid;place-items:center;\n}\n.trust-item h3{margin-bottom:2px}\n.trust-item p{font-size:var(--fs-4);color:var(--muted)}\n\n/* ============ Section headers ============ */\n.sec-head{max-width:60ch;margin-bottom:clamp(32px,5vw,48px)}\n.sec-head .kicker{color:var(--primary)}\n.sec-head .kicker::before{background:var(--accent)}\n.sec-head p{color:var(--muted);margin-top:12px}\n\n/* ============ Services ============ */\n.services{background:var(--surface)}\n.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.svc{\n  background:var(--bg);border:1px solid var(--line);border-radius:16px;\n  padding:26px 24px;display:flex;flex-direction:column;gap:12px;\n  transition:transform .15s ease, box-shadow .15s ease;\n}\n.svc:hover{transform:translateY(-3px);box-shadow:var(--shadow)}\n.svc .ico{\n  width:48px;height:48px;border-radius:12px;\n  background:var(--primary);color:var(--accent);\n  display:grid;place-items:center;\n}\n.svc p{font-size:var(--fs-4);color:var(--muted);flex:1}\n.svc .price{\n  display:inline-flex;align-self:flex-start;\n  background:color-mix(in srgb, var(--accent) 22%, #FFFFFF);\n  color:var(--text);\n  border:1px solid color-mix(in srgb, var(--accent) 55%, #FFFFFF);\n  border-radius:999px;padding:5px 14px;\n  font-family:'Lexend',sans-serif;font-weight:700;font-size:var(--fs-4);\n}\n.svc a{\n  font-weight:700;font-size:var(--fs-4);color:var(--primary);text-decoration:none;\n  display:inline-flex;align-items:center;gap:6px;min-height:44px;\n}\n.svc a:hover{text-decoration:underline}\n.remodel-banner{\n  margin-top:24px;position:relative;border-radius:18px;overflow:hidden;\n  display:grid;align-items:end;min-height:300px;\n}\n.remodel-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.remodel-banner .overlay{\n  position:relative;\n  background:linear-gradient(0deg, color-mix(in srgb, var(--primary-deep) 88%, transparent), transparent 75%);\n  padding:clamp(28px,5vw,44px);color:#FFFFFF;width:100%;\n}\n.remodel-banner h3{font-size:var(--fs-2);max-width:22ch}\n.remodel-banner p{color:var(--on-blue-muted);margin-top:8px;max-width:52ch}\n.remodel-banner .btn{margin-top:18px;min-height:48px}\n\n/* ============ How it works ============ */\n.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:step}\n.step{\n  position:relative;background:var(--bg);border:1px solid var(--line);\n  border-radius:16px;padding:30px 26px;\n}\n.step .num{\n  width:52px;height:52px;border-radius:50%;\n  background:var(--accent);color:var(--primary);\n  font-family:'Lexend',sans-serif;font-weight:700;font-size:var(--fs-2);\n  display:grid;place-items:center;margin-bottom:18px;\n}\n.step h3{margin-bottom:8px}\n.step p{font-size:var(--fs-4);color:var(--muted)}\n.step::after{\n  content:\"\";position:absolute;top:55px;right:-21px;width:22px;height:2px;\n  background:var(--line);\n}\n.step:last-child::after{display:none}\n\n/* ============ Service area ============ */\n.area{background:var(--surface)}\n.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,56px);align-items:center}\n.hood-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}\n.hood{\n  display:flex;align-items:center;gap:10px;\n  background:var(--bg);border:1px solid var(--line);border-radius:12px;\n  padding:13px 16px;font-weight:500;\n}\n.hood svg{color:var(--primary);flex:none}\n.area-note{margin-top:20px;font-size:var(--fs-4);color:var(--muted)}\n.map{\n  position:relative;overflow:hidden;border-radius:18px;min-height:420px;\n  background:\n    radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 46%),\n    repeating-linear-gradient(0deg, color-mix(in srgb, #FFFFFF 7%, transparent) 0 1px, transparent 1px 46px),\n    repeating-linear-gradient(90deg, color-mix(in srgb, #FFFFFF 7%, transparent) 0 1px, transparent 1px 46px),\n    linear-gradient(150deg, var(--primary), var(--primary-deep));\n  box-shadow:var(--shadow);\n}\n.ring{\n  position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);\n  border:1px dashed color-mix(in srgb, #FFFFFF 38%, transparent);border-radius:50%;\n}\n.ring.r1{width:150px;height:150px}\n.ring.r2{width:290px;height:290px}\n.ring.r3{width:430px;height:430px}\n.hq{\n  position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);\n  display:grid;justify-items:center;gap:8px;text-align:center;\n}\n.hq .pin{\n  width:18px;height:18px;border-radius:50%;background:var(--accent);\n  border:3px solid #FFFFFF;\n  box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent);\n  animation:pulse 2.4s infinite;\n}\n.hq b{font-family:'Lexend',sans-serif;color:#FFFFFF;font-size:var(--fs-4);background:color-mix(in srgb, var(--primary-deep) 75%, transparent);padding:4px 12px;border-radius:999px}\n.map-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#FFFFFF;opacity:.85}\n.map-dot span{\n  position:absolute;left:14px;top:-7px;white-space:nowrap;\n  color:#FFFFFF;font-size:var(--fs-4);font-weight:500;opacity:.9;\n}\n.map-cap{\n  position:absolute;left:18px;bottom:16px;\n  color:var(--on-blue-muted);font-size:var(--fs-4);\n  display:flex;align-items:center;gap:8px;\n}\n.map-cap i{width:22px;border-top:1px dashed color-mix(in srgb, #FFFFFF 55%, transparent)}\n\n/* ============ Reviews ============ */\n.reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}\n.review{\n  background:var(--bg);border:1px solid var(--line);border-radius:16px;\n  padding:30px 28px;display:flex;flex-direction:column;gap:14px;\n}\n.starsrow{display:flex;gap:3px;color:var(--accent)}\n.review blockquote{font-family:'Lexend',sans-serif;font-weight:500;font-size:var(--fs-3);line-height:1.5}\n.review footer{display:flex;align-items:center;gap:12px;margin-top:auto}\n.review .avatar{\n  width:44px;height:44px;border-radius:50%;flex:none;\n  background:var(--primary);color:var(--accent);\n  font-family:'Lexend',sans-serif;font-weight:700;\n  display:grid;place-items:center;\n}\n.review footer b{display:block;font-family:'Lexend',sans-serif}\n.review footer span{font-size:var(--fs-4);color:var(--muted)}\n.review-note{margin-top:18px;font-size:var(--fs-4);color:var(--muted)}\n\n/* ============ Contact ============ */\n.contact{\n  background:\n    radial-gradient(900px 420px at 12% 110%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 60%),\n    linear-gradient(160deg, var(--primary), var(--primary-deep));\n  color:#FFFFFF;\n}\n.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,56px);align-items:center}\n.contact h2{max-width:18ch}\n.contact p.lede{color:var(--on-blue-muted);margin-top:14px;max-width:48ch}\n.contact .kicker{color:var(--accent)}\n.hours-card{\n  background:color-mix(in srgb, #FFFFFF 8%, transparent);\n  border:1px solid color-mix(in srgb, #FFFFFF 22%, transparent);\n  border-radius:18px;padding:30px 28px;\n}\n.hours-card h3{color:var(--accent);margin-bottom:16px}\n.hours-row{\n  display:flex;justify-content:space-between;gap:14px;\n  padding-block:12px;border-bottom:1px solid color-mix(in srgb, #FFFFFF 14%, transparent);\n  font-size:var(--fs-4);\n}\n.hours-row:last-of-type{border-bottom:none}\n.hours-row span{color:var(--on-blue-muted)}\n.hours-row b{font-weight:700;text-align:right}\n.hours-card .btn{width:100%;margin-top:20px}\n\n/* ============ Footer ============ */\nfooter.site{background:var(--primary-deep);color:var(--on-blue-muted);padding-block:clamp(40px,6vw,64px) 28px}\n.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(28px,4vw,48px)}\n.foot-grid h3{color:#FFFFFF;margin-bottom:14px}\n.foot-grid p,.foot-grid li{font-size:var(--fs-4)}\n.foot-grid li{padding-block:5px}\n.foot-grid a{color:var(--accent);text-decoration:none;font-weight:500;overflow-wrap:anywhere}\n.foot-grid a:hover{text-decoration:underline}\n.foot-brand{display:flex;align-items:center;gap:10px;color:#FFFFFF;font-family:'Lexend',sans-serif;font-weight:700;margin-bottom:14px}\n.foot-brand .mark{width:38px;height:38px;border-radius:10px;background:color-mix(in srgb, #FFFFFF 10%, transparent);display:grid;place-items:center;color:var(--accent)}\n.foot-base{\n  margin-top:clamp(32px,5vw,48px);padding-top:22px;\n  border-top:1px solid color-mix(in srgb, #FFFFFF 14%, transparent);\n  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;\n  font-size:var(--fs-4);\n}\n\n/* ============ Sticky mobile call bar ============ */\n.call-bar{\n  display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;\n  padding:10px 14px calc(10px + env(safe-area-inset-bottom));\n  background:color-mix(in srgb, var(--primary-deep) 96%, transparent);\n  border-top:1px solid color-mix(in srgb, #FFFFFF 16%, transparent);\n}\n.call-bar .btn{width:100%;min-height:54px}\n\n/* ============ Responsive ============ */\n@media (max-width:980px){\n  .trust-grid{grid-template-columns:repeat(2,1fr)}\n  .svc-grid{grid-template-columns:repeat(2,1fr)}\n  .step::after{display:none}\n}\n@media (max-width:840px){\n  .hero-grid,.area-grid,.contact-grid{grid-template-columns:1fr}\n  .foot-grid{grid-template-columns:1fr}\n  .reviews-grid{grid-template-columns:1fr}\n  .steps-grid{grid-template-columns:1fr}\n  .float-card{left:12px;bottom:-16px}\n  .map{min-height:340px}\n}\n@media (max-width:640px){\n  .svc-grid{grid-template-columns:1fr}\n  .trust-grid{grid-template-columns:1fr}\n  .stats{grid-template-columns:repeat(3,1fr);gap:10px}\n  .cta-row{flex-direction:column;align-items:stretch}\n  .cta-row .btn{width:100%}\n  .hood-list{grid-template-columns:1fr}\n  body{padding-bottom:84px}\n  .call-bar{display:block}\n}\n\n/* ============ Reduced motion guard ============ */\n@media (prefers-reduced-motion: reduce){\n  *,*::before,*::after{animation:none !important;transition:none !important}\n  html{scroll-behavior:auto}\n}\n</style>\n</head>\n<body>\n<a class=\"skip\" href=\"#services\">Skip to services</a>\n\n<!-- Emergency banner strip -->\n<div class=\"strip\" role=\"region\" aria-label=\"Emergency service information\">\n  Burst pipe? Call now \u2014 <a href=\"tel:+16195550144\">(619)&nbsp;555-0144</a>\n  <span class=\"dot-sep\">\u2022</span> Average response: 45 minutes, anywhere in San Diego\n  <span class=\"dot-sep\">\u2022</span> Open 24/7\n</div>\n\n<!-- Header -->\n<header class=\"site\">\n  <div class=\"wrap head-row\">\n    <a class=\"brand\" href=\"#top\" aria-label=\"Ironclad Plumbing Co. home\">\n      <span class=\"mark\" aria-hidden=\"true\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"/></svg>\n      </span>\n      <span>Ironclad Plumbing Co.<small>San Diego \u00b7 est. 2009</small></span>\n    </a>\n    <nav class=\"anchors\" aria-label=\"Page sections\">\n      <a href=\"#services\">Services</a>\n      <a href=\"#area\">Service area</a>\n      <a href=\"#reviews\">Reviews</a>\n      <a href=\"#contact\">Contact</a>\n    </nav>\n    <a class=\"btn btn-accent head-call\" href=\"tel:+16195550144\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"/></svg>\n      <span class=\"num\">(619) 555-0144</span><span aria-hidden=\"true\">Call 24/7</span>\n    </a>\n  </div>\n</header>\n\n<main id=\"top\">\n\n<!-- Hero -->\n<section class=\"hero\" aria-labelledby=\"hero-h\">\n  <div class=\"wrap\">\n    <div class=\"hero-grid\">\n      <div>\n        <span class=\"kicker\">Family-owned San Diego plumbers since 2009</span>\n        <h1 id=\"hero-h\">Plumbing problems end here.</h1>\n        <p class=\"lede\">Burst pipes, dead water heaters, drains that won't drain \u2014 Ironclad fixes it right the first time, with the price agreed before we pick up a wrench. Day or night, a real plumber answers the phone.</p>\n        <div class=\"cta-row\">\n          <a class=\"btn btn-accent\" href=\"tel:+16195550144\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"/></svg>\n            Call 24/7 \u2014 (619) 555-0144\n          </a>\n          <a class=\"btn btn-ghost\" href=\"#contact\">Get a free estimate</a>\n        </div>\n        <ul class=\"chips\" aria-label=\"Credentials\">\n          <li class=\"chip\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"/></svg>Licensed C-36 #1078442</li>\n          <li class=\"chip\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"/></svg>Bonded &amp; insured</li>\n          <li class=\"chip\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"/></svg>Background-checked techs</li>\n        </ul>\n      </div>\n      <div class=\"hero-media\">\n        <img src=\"https://images.unsplash.com/photo-1585704032915-c3400ca199e7?q=80&amp;w=1080&amp;h=810&amp;auto=format&amp;fit=crop\"\n             width=\"1080\" height=\"810\" fetchpriority=\"high\" decoding=\"async\"\n             alt=\"Polished chrome clawfoot tub faucet and hand shower \u2014 Ironclad finish work\">\n        <div class=\"float-card\">\n          <span class=\"pulse-dot\" aria-hidden=\"true\"></span>\n          <div><strong>Crews on call right now</strong><span>Tonight's dispatch: Kearny Mesa HQ</span></div>\n        </div>\n      </div>\n    </div>\n    <div class=\"stats\" aria-label=\"Company facts\">\n      <div class=\"stat\"><b>45 min</b><span>average emergency response</span></div>\n      <div class=\"stat\"><b>17 yrs</b><span>serving San Diego families</span></div>\n      <div class=\"stat\"><b>1-year</b><span>labor warranty on every job</span></div>\n    </div>\n  </div>\n</section>\n\n<!-- Trust band -->\n<div class=\"trust\" role=\"region\" aria-label=\"Why homeowners trust Ironclad\">\n  <div class=\"wrap trust-grid\">\n    <div class=\"trust-item\">\n      <span class=\"ico\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"/><path d=\"m9 12 2 2 4-4\"/></svg></span>\n      <div><h3>Licensed, bonded &amp; insured</h3><p>CA contractor license C-36 #1078442, active and in good standing.</p></div>\n    </div>\n    <div class=\"trust-item\">\n      <span class=\"ico\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"/><circle cx=\"9\" cy=\"7\" r=\"4\"/><path d=\"m16 11 2 2 4-4\"/></svg></span>\n      <div><h3>Background-checked techs</h3><p>Every plumber on your doorstep is vetted, uniformed, and badge-carrying.</p></div>\n    </div>\n    <div class=\"trust-item\">\n      <span class=\"ico\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"/><path d=\"M5 21V7l7-4 7 4v14\"/><path d=\"M9 21v-6h6v6\"/></svg></span>\n      <div><h3>Family-owned since 2009</h3><p>Marcus Webb started Ironclad with one van. His name is still on every invoice.</p></div>\n    </div>\n    <div class=\"trust-item\">\n      <span class=\"ico\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"/><path d=\"M3 10h18\"/><path d=\"M7 15h4\"/></svg></span>\n      <div><h3>Upfront flat-rate pricing</h3><p>You approve the exact price before work starts. No hourly surprises.</p></div>\n    </div>\n  </div>\n</div>\n\n<!-- Services -->\n<section class=\"services\" id=\"services\" aria-labelledby=\"svc-h\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\">\n      <span class=\"kicker\">What we fix</span>\n      <h2 id=\"svc-h\">Six trades under one roof \u2014 priced before we start</h2>\n      <p>Every job begins with a flat-rate quote you approve in writing. The price we say is the price you pay, even if it takes longer than we thought.</p>\n    </div>\n    <div class=\"svc-grid\">\n      <article class=\"svc\">\n        <span class=\"ico\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3c3 4 6 7.2 6 10.5a6 6 0 0 1-12 0C6 10.2 9 7 12 3z\"/><path d=\"M9 14a3 3 0 0 0 3 3\"/></svg></span>\n        <h3>Drain cleaning</h3>\n        <p>Hydro-jetting and cable service for kitchen, bath, and main-line clogs \u2014 cleared same visit.</p>\n        <span class=\"price\">from $129</span>\n        <a href=\"tel:+16195550144\">Call about this service<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/></svg></a>\n      </article>\n      <article class=\"svc\">\n        <span class=\"ico\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2c4 4.5 6 7.5 6 11a6 6 0 0 1-12 0c0-2 .9-3.9 2.4-5.6C9.6 6.1 11 4.2 12 2z\"/><path d=\"M12 18a3 3 0 0 0 3-3\"/></svg></span>\n        <h3>Water heaters</h3>\n        <p>Same-day repair, plus tank and tankless installs with the permit pulled and handled for you.</p>\n        <span class=\"price\">from $189</span>\n        <a href=\"tel:+16195550144\">Call about this service<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/></svg></a>\n      </article>\n      <article class=\"svc\">\n        <span class=\"ico\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 5h6a3 3 0 0 1 3 3v8a3 3 0 0 0 3 3h6\"/><path d=\"M3 9h4\"/><path d=\"M17 15h4\"/></svg></span>\n        <h3>Repiping</h3>\n        <p>Whole-home copper and PEX repipes, finished with drywall patching \u2014 most homes done in 3 days.</p>\n        <span class=\"price\">from $2,900</span>\n        <a href=\"tel:+16195550144\">Call about this service<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/></svg></a>\n      </article>\n      <article class=\"svc\">\n        <span class=\"ico\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"m21 21-4.3-4.3\"/><path d=\"M11 8c1.2 1.6 2 2.8 2 4a2 2 0 0 1-4 0c0-1.2.8-2.4 2-4z\"/></svg></span>\n        <h3>Leak detection</h3>\n        <p>Acoustic and thermal scanning pinpoints slab and wall leaks without tearing your house apart.</p>\n        <span class=\"price\">from $149</span>\n        <a href=\"tel:+16195550144\">Call about this service<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/></svg></a>\n      </article>\n      <article class=\"svc\">\n        <span class=\"ico\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"13\" height=\"10\" rx=\"2\"/><path d=\"m15 11 6-3v8l-6-3\"/></svg></span>\n        <h3>Sewer line</h3>\n        <p>Camera inspection first, then spot repair or trenchless replacement \u2014 your lawn stays a lawn.</p>\n        <span class=\"price\">from $349</span>\n        <a href=\"tel:+16195550144\">Call about this service<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/></svg></a>\n      </article>\n      <article class=\"svc\">\n        <span class=\"ico\" aria-hidden=\"true\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6 6.5 3.5a1.5 1.5 0 0 0-2.1 0l-.9.9a1.5 1.5 0 0 0 0 2.1L6 9\"/><path d=\"m21 15-9-9\"/><path d=\"M7.5 13.5 9 12\"/><path d=\"M10.5 16.5 12 15\"/><path d=\"M13.5 19.5 15 18\"/><path d=\"m5 21 4.5-4.5\"/></svg></span>\n        <h3>Bathroom remodel</h3>\n        <p>Tub-to-shower conversions and full guts \u2014 rough plumbing through tile, one crew, one timeline.</p>\n        <span class=\"price\">from $4,500</span>\n        <a href=\"tel:+16195550144\">Call about this service<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/></svg></a>\n      </article>\n    </div>\n    <div class=\"remodel-banner\">\n      <img src=\"https://images.unsplash.com/photo-1584622650111-993a426fbf0a?q=80&amp;w=1600&amp;h=600&amp;auto=format&amp;fit=crop\"\n           width=\"1600\" height=\"600\" loading=\"lazy\" decoding=\"async\"\n           alt=\"Bright remodeled bathroom with white tile and modern fixtures\">\n      <div class=\"overlay\">\n        <h3>Thinking about the bathroom you actually want?</h3>\n        <p>Ironclad handles remodels end-to-end \u2014 design, rough plumbing, fixtures, and tile \u2014 so you never referee between three contractors.</p>\n        <a class=\"btn btn-accent\" href=\"#contact\">Get a free remodel estimate</a>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- How it works -->\n<section aria-labelledby=\"how-h\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\">\n      <span class=\"kicker\">How it works</span>\n      <h2 id=\"how-h\">Three steps between you and a fixed pipe</h2>\n      <p>No call centers, no \"we'll get back to you.\" Here's exactly what happens when you call Ironclad.</p>\n    </div>\n    <div class=\"steps-grid\">\n      <div class=\"step\">\n        <span class=\"num\" aria-hidden=\"true\">1</span>\n        <h3>Call or text us</h3>\n        <p>A real person answers 24/7 \u2014 describe the problem, send a photo if you can, and get a firm arrival window on the spot.</p>\n      </div>\n      <div class=\"step\">\n        <span class=\"num\" aria-hidden=\"true\">2</span>\n        <h3>Approve the upfront quote</h3>\n        <p>Your tech diagnoses on site and writes a flat-rate price before touching a wrench. You approve it, or you owe nothing but the trip fee.</p>\n      </div>\n      <div class=\"step\">\n        <span class=\"num\" aria-hidden=\"true\">3</span>\n        <h3>Fixed today</h3>\n        <p>Vans stocked for 90% of repairs means most jobs finish the same visit \u2014 backed by a 1-year labor warranty.</p>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- Service area -->\n<section class=\"area\" id=\"area\" aria-labelledby=\"area-h\">\n  <div class=\"wrap area-grid\">\n    <div>\n      <div class=\"sec-head\" style=\"margin-bottom:0\">\n        <span class=\"kicker\">Service area</span>\n        <h2 id=\"area-h\">If you're in San Diego, you're in our 45-minute zone</h2>\n      </div>\n      <ul class=\"hood-list\">\n        <li class=\"hood\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></svg>North Park</li>\n        <li class=\"hood\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></svg>Pacific Beach</li>\n        <li class=\"hood\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></svg>La Jolla</li>\n        <li class=\"hood\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></svg>Hillcrest</li>\n        <li class=\"hood\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></svg>Point Loma</li>\n        <li class=\"hood\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></svg>Clairemont</li>\n        <li class=\"hood\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></svg>Mission Valley</li>\n        <li class=\"hood\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></svg>Chula Vista</li>\n      </ul>\n      <p class=\"area-note\">Outside these neighborhoods? Call anyway \u2014 we routinely run jobs from Oceanside down to the border.</p>\n    </div>\n    <div class=\"map\" role=\"img\" aria-label=\"Stylized map of San Diego showing Ironclad headquarters in Kearny Mesa with a 45-minute response ring\">\n      <span class=\"ring r1\" aria-hidden=\"true\"></span>\n      <span class=\"ring r2\" aria-hidden=\"true\"></span>\n      <span class=\"ring r3\" aria-hidden=\"true\"></span>\n      <span class=\"map-dot\" style=\"left:24%;top:22%\" aria-hidden=\"true\"><span>La Jolla</span></span>\n      <span class=\"map-dot\" style=\"left:18%;top:48%\" aria-hidden=\"true\"><span>Pacific Beach</span></span>\n      <span class=\"map-dot\" style=\"left:62%;top:66%\" aria-hidden=\"true\"><span>North Park</span></span>\n      <span class=\"map-dot\" style=\"left:70%;top:84%\" aria-hidden=\"true\"><span>Chula Vista</span></span>\n      <div class=\"hq\" aria-hidden=\"true\">\n        <span class=\"pin\"></span>\n        <b>Kearny Mesa HQ</b>\n      </div>\n      <span class=\"map-cap\" aria-hidden=\"true\"><i></i>Dashed rings = 45-minute response zone</span>\n    </div>\n  </div>\n</section>\n\n<!-- Reviews -->\n<section id=\"reviews\" aria-labelledby=\"rev-h\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\">\n      <span class=\"kicker\">Word around the neighborhood</span>\n      <h2 id=\"rev-h\">San Diego homeowners keep our number on the fridge</h2>\n    </div>\n    <div class=\"reviews-grid\">\n      <article class=\"review\">\n        <div class=\"starsrow\" aria-label=\"Rated 5 out of 5 stars\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2.9 6.26 6.6.6-5 4.4 1.5 6.5L12 16.9 5.99 19.76l1.5-6.5-5-4.4 6.6-.6L12 2z\"/></svg>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2.9 6.26 6.6.6-5 4.4 1.5 6.5L12 16.9 5.99 19.76l1.5-6.5-5-4.4 6.6-.6L12 2z\"/></svg>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2.9 6.26 6.6.6-5 4.4 1.5 6.5L12 16.9 5.99 19.76l1.5-6.5-5-4.4 6.6-.6L12 2z\"/></svg>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2.9 6.26 6.6.6-5 4.4 1.5 6.5L12 16.9 5.99 19.76l1.5-6.5-5-4.4 6.6-.6L12 2z\"/></svg>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2.9 6.26 6.6.6-5 4.4 1.5 6.5L12 16.9 5.99 19.76l1.5-6.5-5-4.4 6.6-.6L12 2z\"/></svg>\n        </div>\n        <blockquote>\"Water heater died Sunday at 9pm with in-laws arriving Monday. Tech was here in under an hour, quoted me before starting, and we had hot water by midnight. The price didn't move a dollar.\"</blockquote>\n        <footer>\n          <span class=\"avatar\" aria-hidden=\"true\">M</span>\n          <div><b>Maria</b><span>North Park</span></div>\n        </footer>\n      </article>\n      <article class=\"review\">\n        <div class=\"starsrow\" aria-label=\"Rated 5 out of 5 stars\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2.9 6.26 6.6.6-5 4.4 1.5 6.5L12 16.9 5.99 19.76l1.5-6.5-5-4.4 6.6-.6L12 2z\"/></svg>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2.9 6.26 6.6.6-5 4.4 1.5 6.5L12 16.9 5.99 19.76l1.5-6.5-5-4.4 6.6-.6L12 2z\"/></svg>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2.9 6.26 6.6.6-5 4.4 1.5 6.5L12 16.9 5.99 19.76l1.5-6.5-5-4.4 6.6-.6L12 2z\"/></svg>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2.9 6.26 6.6.6-5 4.4 1.5 6.5L12 16.9 5.99 19.76l1.5-6.5-5-4.4 6.6-.6L12 2z\"/></svg>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2.9 6.26 6.6.6-5 4.4 1.5 6.5L12 16.9 5.99 19.76l1.5-6.5-5-4.4 6.6-.6L12 2z\"/></svg>\n        </div>\n        <blockquote>\"Two other companies wanted to jackhammer the slab to find a leak. Ironclad found it with the acoustic scanner in 40 minutes and fixed it through one small access panel. Saved us thousands.\"</blockquote>\n        <footer>\n          <span class=\"avatar\" aria-hidden=\"true\">D</span>\n          <div><b>Derek</b><span>Point Loma</span></div>\n        </footer>\n      </article>\n    </div>\n    <p class=\"review-note\">Example reviews shown as part of the Ironclad demo brand.</p>\n  </div>\n</section>\n\n<!-- Contact -->\n<section class=\"contact\" id=\"contact\" aria-labelledby=\"contact-h\">\n  <div class=\"wrap contact-grid\">\n    <div>\n      <span class=\"kicker\">Free estimates, zero pressure</span>\n      <h2 id=\"contact-h\">Water where it shouldn't be? Don't wait it out.</h2>\n      <p class=\"lede\">Call or text a photo of the problem to <strong>(619) 555-0144</strong> and we'll quote it free. Emergencies jump straight to the top of the board \u2014 day, night, weekend, or holiday.</p>\n      <div class=\"cta-row\">\n        <a class=\"btn btn-accent\" href=\"tel:+16195550144\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"/></svg>\n          Call (619) 555-0144\n        </a>\n        <a class=\"btn btn-ghost\" href=\"mailto:office@ironcladplumbingsd.com\">Email the office</a>\n      </div>\n    </div>\n    <div class=\"hours-card\">\n      <h3>Hours</h3>\n      <div class=\"hours-row\"><span>Emergency service</span><b>24/7 \u2014 every day of the year</b></div>\n      <div class=\"hours-row\"><span>Office &amp; scheduling</span><b>Mon\u2013Sat, 7:00am\u20136:00pm</b></div>\n      <div class=\"hours-row\"><span>Average emergency response</span><b>45 minutes</b></div>\n      <div class=\"hours-row\"><span>Trip fee (waived with repair)</span><b>$49</b></div>\n      <a class=\"btn btn-accent\" href=\"tel:+16195550144\">Book a visit now</a>\n    </div>\n  </div>\n</section>\n\n</main>\n\n<!-- Footer -->\n<footer class=\"site\">\n  <div class=\"wrap\">\n    <div class=\"foot-grid\">\n      <div>\n        <div class=\"foot-brand\">\n          <span class=\"mark\" aria-hidden=\"true\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"/></svg>\n          </span>\n          Ironclad Plumbing Co.\n        </div>\n        <p>Family-owned and operated by Marcus Webb since 2009. Honest plumbing for San Diego \u2014 fixed right, priced upfront, guaranteed in writing.</p>\n        <p style=\"margin-top:12px\">CA License C-36 #1078442 \u00b7 Bonded &amp; insured</p>\n      </div>\n      <div>\n        <h3>Hours</h3>\n        <ul>\n          <li>Emergency: 24/7, every day</li>\n          <li>Office: Mon\u2013Sat, 7:00am\u20136:00pm</li>\n          <li>Sunday office: closed (emergencies only)</li>\n        </ul>\n      </div>\n      <div>\n        <h3>Contact</h3>\n        <ul>\n          <li><a href=\"tel:+16195550144\">(619) 555-0144</a></li>\n          <li><a href=\"mailto:office@ironcladplumbingsd.com\">office@ironcladplumbingsd.com</a></li>\n          <li>4280 Convoy Ct, San Diego, CA 92111</li>\n        </ul>\n      </div>\n    </div>\n    <div class=\"foot-base\">\n      <span>\u00a9 2026 Ironclad Plumbing Co. All rights reserved.</span>\n      <span>Fictional demonstration business \u2014 website built with FyneSite.</span>\n    </div>\n  </div>\n</footer>\n\n<!-- Sticky mobile call bar -->\n<div class=\"call-bar\">\n  <a class=\"btn btn-accent\" href=\"tel:+16195550144\">\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"/></svg>\n    Call now \u2014 open 24/7\n  </a>\n</div>\n\n</body>\n</html>\n"}
