{"id":9,"date":"2026-07-12T20:16:02","date_gmt":"2026-07-12T20:16:02","guid":{"rendered":"https:\/\/pure-flow-h2o.com\/?page_id=9"},"modified":"2026-07-13T00:16:20","modified_gmt":"2026-07-13T00:16:20","slug":"home","status":"publish","type":"page","link":"https:\/\/pure-flow-h2o.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9b09fd e-con-full e-flex e-con e-parent\" data-id=\"d9b09fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48a3a69 elementor-widget elementor-widget-html\" data-id=\"48a3a69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     PUREFLOW H2O \u2014 UPDATED HOMEPAGE HERO\n     Duplicate hero logo removed\n     Matched to the updated global header\n     Elementor HTML Widget Ready\n     ========================================================= -->\n\n<style>\n  .pfh-hero,\n  .pfh-hero * {\n    box-sizing: border-box;\n  }\n\n  .pfh-hero {\n    --pfh-black: #05080b;\n    --pfh-panel: #0b1117;\n    --pfh-panel-light: #111b24;\n    --pfh-white: #ffffff;\n    --pfh-muted: #aab7c2;\n    --pfh-blue: #009be5;\n    --pfh-blue-dark: #006db7;\n    --pfh-green: #70bd1f;\n    --pfh-green-dark: #3f8d17;\n\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    min-height: 690px;\n    display: flex;\n    align-items: center;\n    background:\n      radial-gradient(circle at 72% 22%, rgba(0, 155, 229, 0.22), transparent 28%),\n      radial-gradient(circle at 84% 72%, rgba(112, 189, 31, 0.16), transparent 30%),\n      linear-gradient(135deg, #020405 0%, #071018 48%, #040708 100%);\n    color: var(--pfh-white);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .pfh-hero::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);\n    background-size: 46px 46px;\n    mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 92%);\n  }\n\n  .pfh-hero::after {\n    content: \"\";\n    position: absolute;\n    right: -180px;\n    bottom: -280px;\n    width: 720px;\n    height: 720px;\n    z-index: -2;\n    border-radius: 50%;\n    border: 1px solid rgba(0, 155, 229, 0.25);\n    box-shadow:\n      0 0 0 70px rgba(0, 155, 229, 0.035),\n      0 0 0 140px rgba(112, 189, 31, 0.025);\n  }\n\n  .pfh-hero__glow {\n    position: absolute;\n    top: -170px;\n    left: -120px;\n    width: 430px;\n    height: 430px;\n    border-radius: 50%;\n    background: rgba(112, 189, 31, 0.12);\n    filter: blur(90px);\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  .pfh-hero__wrap {\n    width: min(1220px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: 74px 0 70px;\n    display: grid;\n    grid-template-columns: minmax(0, 1.08fr) minmax(390px, 0.92fr);\n    gap: 72px;\n    align-items: center;\n  }\n\n  .pfh-hero__content {\n    position: relative;\n    z-index: 2;\n  }\n\n  .pfh-hero__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 21px;\n    padding: 10px 15px;\n    border: 1px solid rgba(0, 155, 229, 0.36);\n    border-radius: 999px;\n    background: rgba(0, 155, 229, 0.08);\n    color: #bcecff;\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.13em;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  .pfh-hero__eyebrow-dot {\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 14px rgba(112, 189, 31, 0.9);\n  }\n\n  .pfh-hero h1 {\n    max-width: 760px;\n    margin: 0;\n    color: var(--pfh-white);\n    font-size: clamp(46px, 5.2vw, 78px);\n    font-weight: 900;\n    letter-spacing: -0.052em;\n    line-height: 0.98;\n    text-transform: uppercase;\n  }\n\n  .pfh-hero h1 .pfh-blue {\n    color: var(--pfh-blue);\n  }\n\n  .pfh-hero h1 .pfh-green {\n    color: var(--pfh-green);\n  }\n\n  .pfh-hero__intro {\n    max-width: 680px;\n    margin: 27px 0 0;\n    color: var(--pfh-muted);\n    font-size: clamp(17px, 1.5vw, 20px);\n    line-height: 1.7;\n  }\n\n  .pfh-hero__intro strong {\n    color: #eef8fc;\n    font-weight: 700;\n  }\n\n  .pfh-hero__buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin: 34px 0 0;\n  }\n\n  .pfh-hero__button {\n    min-height: 57px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 11px;\n    padding: 0 25px;\n    border-radius: 7px;\n    font-size: 15px;\n    font-weight: 900;\n    letter-spacing: 0.045em;\n    line-height: 1;\n    text-align: center;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    transition:\n      transform 0.22s ease,\n      box-shadow 0.22s ease,\n      border-color 0.22s ease,\n      background 0.22s ease;\n  }\n\n  .pfh-hero__button:hover {\n    transform: translateY(-3px);\n  }\n\n  .pfh-hero__button--primary {\n    border: 1px solid var(--pfh-blue);\n    background: linear-gradient(135deg, var(--pfh-blue), var(--pfh-blue-dark));\n    color: #ffffff !important;\n    box-shadow: 0 14px 34px rgba(0, 155, 229, 0.22);\n  }\n\n  .pfh-hero__button--primary:hover {\n    box-shadow: 0 18px 40px rgba(0, 155, 229, 0.34);\n  }\n\n  .pfh-hero__button--secondary {\n    border: 1px solid rgba(112, 189, 31, 0.55);\n    background: rgba(112, 189, 31, 0.08);\n    color: #e9ffd4 !important;\n  }\n\n  .pfh-hero__button--secondary:hover {\n    border-color: var(--pfh-green);\n    background: rgba(112, 189, 31, 0.15);\n  }\n\n  .pfh-hero__button svg {\n    width: 18px;\n    height: 18px;\n    flex: 0 0 18px;\n  }\n\n  .pfh-hero__benefits {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 11px 20px;\n    margin: 31px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .pfh-hero__benefits li {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: #d7e2e9;\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  .pfh-hero__check {\n    width: 20px;\n    height: 20px;\n    flex: 0 0 20px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: rgba(112, 189, 31, 0.15);\n    color: var(--pfh-green);\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  .pfh-hero__visual {\n    position: relative;\n    min-height: 540px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .pfh-hero__visual::before {\n    content: \"\";\n    position: absolute;\n    inset: 8% 4% 4%;\n    border-radius: 46% 54% 56% 44% \/ 44% 40% 60% 56%;\n    background:\n      radial-gradient(circle at 38% 30%, rgba(255,255,255,.1), transparent 20%),\n      linear-gradient(145deg, rgba(0, 155, 229, 0.22), rgba(112, 189, 31, 0.08));\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    filter: drop-shadow(0 40px 80px rgba(0, 0, 0, 0.45));\n  }\n\n  .pfh-dashboard {\n    position: relative;\n    z-index: 2;\n    width: min(100%, 485px);\n    padding: 22px;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 24px;\n    background:\n      linear-gradient(145deg, rgba(17, 27, 36, 0.97), rgba(7, 12, 17, 0.98));\n    box-shadow:\n      0 35px 80px rgba(0, 0, 0, 0.48),\n      inset 0 1px 0 rgba(255, 255, 255, 0.06);\n    backdrop-filter: blur(16px);\n  }\n\n  .pfh-dashboard__top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 15px;\n    padding: 3px 3px 18px;\n  }\n\n  .pfh-dashboard__title {\n    color: #ffffff;\n    font-size: 17px;\n    font-weight: 900;\n    letter-spacing: 0.02em;\n  }\n\n  .pfh-dashboard__status {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    padding: 8px 11px;\n    border-radius: 999px;\n    background: rgba(112, 189, 31, 0.11);\n    color: #cfff9c;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .pfh-dashboard__status::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 10px rgba(112, 189, 31, 0.9);\n  }\n\n  .pfh-dashboard__main {\n    position: relative;\n    overflow: hidden;\n    min-height: 205px;\n    display: grid;\n    place-items: center;\n    padding: 25px;\n    border: 1px solid rgba(0, 155, 229, 0.22);\n    border-radius: 18px;\n    background:\n      radial-gradient(circle at center, rgba(0, 155, 229, 0.19), transparent 58%),\n      #081119;\n  }\n\n  .pfh-water-drop {\n    position: relative;\n    width: 110px;\n    height: 145px;\n    display: grid;\n    place-items: center;\n    border-radius: 56% 44% 63% 37% \/ 64% 45% 55% 36%;\n    background: linear-gradient(145deg, #13baf5, #006ebf);\n    transform: rotate(45deg);\n    box-shadow:\n      0 0 45px rgba(0, 155, 229, 0.38),\n      inset 12px 12px 22px rgba(255,255,255,.19),\n      inset -12px -12px 25px rgba(0,0,0,.22);\n  }\n\n  .pfh-water-drop::before {\n    content: \"\";\n    position: absolute;\n    top: 17px;\n    left: 22px;\n    width: 24px;\n    height: 44px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.28);\n    filter: blur(1px);\n  }\n\n  .pfh-water-drop span {\n    transform: rotate(-45deg);\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 900;\n    letter-spacing: -0.03em;\n  }\n\n  .pfh-dashboard__main-label {\n    position: absolute;\n    left: 20px;\n    bottom: 17px;\n    color: #bed7e5;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .pfh-dashboard__grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    margin-top: 12px;\n  }\n\n  .pfh-dashboard__card {\n    position: relative;\n    min-height: 112px;\n    padding: 17px;\n    overflow: hidden;\n    border: 1px solid rgba(255,255,255,.08);\n    border-radius: 15px;\n    background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));\n  }\n\n  .pfh-dashboard__card::after {\n    content: \"\";\n    position: absolute;\n    right: -26px;\n    bottom: -32px;\n    width: 78px;\n    height: 78px;\n    border-radius: 50%;\n    border: 13px solid rgba(0, 155, 229, 0.08);\n  }\n\n  .pfh-dashboard__card--green::after {\n    border-color: rgba(112, 189, 31, 0.09);\n  }\n\n  .pfh-dashboard__card-label {\n    position: relative;\n    z-index: 1;\n    display: block;\n    margin-bottom: 13px;\n    color: #8fa1ad;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-dashboard__card-value {\n    position: relative;\n    z-index: 1;\n    display: block;\n    color: #ffffff;\n    font-size: 22px;\n    font-weight: 900;\n    letter-spacing: -0.03em;\n  }\n\n  .pfh-dashboard__card-value--blue {\n    color: #2bbdff;\n  }\n\n  .pfh-dashboard__card-value--green {\n    color: #90dc3a;\n  }\n\n  .pfh-floating-tag {\n    position: absolute;\n    z-index: 4;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 13px 16px;\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: 12px;\n    background: rgba(8, 15, 21, 0.92);\n    box-shadow: 0 18px 38px rgba(0,0,0,.34);\n    backdrop-filter: blur(12px);\n    color: #eef7fb;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n  }\n\n  .pfh-floating-tag--one {\n    top: 6%;\n    left: -7%;\n  }\n\n  .pfh-floating-tag--two {\n    right: -7%;\n    bottom: 6%;\n  }\n\n  .pfh-floating-tag__icon {\n    width: 31px;\n    height: 31px;\n    flex: 0 0 31px;\n    display: grid;\n    place-items: center;\n    border-radius: 9px;\n    background: rgba(0, 155, 229, 0.14);\n    color: var(--pfh-blue);\n    font-size: 16px;\n  }\n\n  .pfh-floating-tag--two .pfh-floating-tag__icon {\n    background: rgba(112, 189, 31, 0.13);\n    color: var(--pfh-green);\n  }\n\n  .pfh-hero__bottom-line {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 4px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--pfh-blue) 24%,\n      var(--pfh-green) 70%,\n      transparent\n    );\n  }\n\n  @media (max-width: 1024px) {\n    .pfh-hero__wrap {\n      grid-template-columns: 1fr;\n      gap: 50px;\n      padding-top: 62px;\n    }\n\n    .pfh-hero__content {\n      max-width: 800px;\n    }\n\n    .pfh-hero__visual {\n      width: min(600px, 100%);\n      min-height: 500px;\n      margin: 0 auto;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-hero {\n      min-height: auto;\n    }\n\n    .pfh-hero__wrap {\n      width: min(100% - 28px, 1220px);\n      padding: 44px 0 55px;\n      gap: 42px;\n    }\n\n    .pfh-hero__eyebrow {\n      font-size: 10px;\n      letter-spacing: 0.1em;\n    }\n\n    .pfh-hero h1 {\n      font-size: clamp(40px, 13vw, 58px);\n      line-height: 1;\n    }\n\n    .pfh-hero__intro {\n      margin-top: 21px;\n      font-size: 16px;\n      line-height: 1.62;\n    }\n\n    .pfh-hero__buttons {\n      display: grid;\n      grid-template-columns: 1fr;\n      margin-top: 28px;\n    }\n\n    .pfh-hero__button {\n      width: 100%;\n    }\n\n    .pfh-hero__benefits {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 11px;\n    }\n\n    .pfh-hero__visual {\n      min-height: auto;\n      padding: 30px 0 26px;\n    }\n\n    .pfh-dashboard {\n      padding: 15px;\n      border-radius: 19px;\n    }\n\n    .pfh-dashboard__main {\n      min-height: 178px;\n    }\n\n    .pfh-dashboard__grid {\n      grid-template-columns: 1fr 1fr;\n      gap: 9px;\n    }\n\n    .pfh-dashboard__card {\n      min-height: 103px;\n      padding: 14px;\n    }\n\n    .pfh-dashboard__card-value {\n      font-size: 18px;\n    }\n\n    .pfh-floating-tag {\n      display: none;\n    }\n  }\n\n  @media (max-width: 430px) {\n    .pfh-dashboard__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-dashboard__card {\n      min-height: 91px;\n    }\n  }\n<\/style>\n\n<section class=\"pfh-hero\">\n  <div class=\"pfh-hero__glow\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"pfh-hero__wrap\">\n    <div class=\"pfh-hero__content\">\n\n      <div class=\"pfh-hero__eyebrow\">\n        <span class=\"pfh-hero__eyebrow-dot\"><\/span>\n        Purified water for home, trade and industry\n      <\/div>\n\n      <h1>\n        Pure water.<br>\n        <span class=\"pfh-blue\">Better value.<\/span><br>\n        <span class=\"pfh-green\">Smarter supply.<\/span>\n      <\/h1>\n\n      <p class=\"pfh-hero__intro\">\n        Freshly produced <strong>RO, deionised, distilled and double-purified water<\/strong>\n        available in 5L and 25L containers, 220L drums and 1000L IBC tanks, with tailored options for trade and bulk customers.\n      <\/p>\n\n      <div class=\"pfh-hero__buttons\">\n        <a class=\"pfh-hero__button pfh-hero__button--primary\" href=\"\/shop\/\">\n          Shop purified water\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n\n        <a class=\"pfh-hero__button pfh-hero__button--secondary\" href=\"\/trade-water\/\">\n          Trade and bulk enquiries\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n\n      <ul class=\"pfh-hero__benefits\">\n        <li>\n          <span class=\"pfh-hero__check\">\u2713<\/span>\n          5L and 25L containers\n        <\/li>\n        <li>\n          <span class=\"pfh-hero__check\">\u2713<\/span>\n          220L drums\n        <\/li>\n        <li>\n          <span class=\"pfh-hero__check\">\u2713<\/span>\n          1000L IBC tanks\n        <\/li>\n        <li>\n          <span class=\"pfh-hero__check\">\u2713<\/span>\n          Tailored trade rates\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"pfh-hero__visual\">\n      <div class=\"pfh-floating-tag pfh-floating-tag--one\">\n        <span class=\"pfh-floating-tag__icon\">\u2248<\/span>\n        Ultra-low mineral content\n      <\/div>\n\n      <div class=\"pfh-dashboard\">\n        <div class=\"pfh-dashboard__top\">\n          <span class=\"pfh-dashboard__title\">PureFlow Water Range<\/span>\n          <span class=\"pfh-dashboard__status\">Available<\/span>\n        <\/div>\n\n        <div class=\"pfh-dashboard__main\">\n          <div class=\"pfh-water-drop\">\n            <span>H<sub>2<\/sub>O<\/span>\n          <\/div>\n          <span class=\"pfh-dashboard__main-label\">Purified for performance<\/span>\n        <\/div>\n\n        <div class=\"pfh-dashboard__grid\">\n          <div class=\"pfh-dashboard__card\">\n            <span class=\"pfh-dashboard__card-label\">Everyday purification<\/span>\n            <span class=\"pfh-dashboard__card-value pfh-dashboard__card-value--blue\">\n              RO Water\n            <\/span>\n          <\/div>\n\n          <div class=\"pfh-dashboard__card pfh-dashboard__card--green\">\n            <span class=\"pfh-dashboard__card-label\">Trade favourite<\/span>\n            <span class=\"pfh-dashboard__card-value pfh-dashboard__card-value--green\">\n              DI Water\n            <\/span>\n          <\/div>\n\n          <div class=\"pfh-dashboard__card\">\n            <span class=\"pfh-dashboard__card-label\">Premium purity<\/span>\n            <span class=\"pfh-dashboard__card-value pfh-dashboard__card-value--blue\">\n              Distilled\n            <\/span>\n          <\/div>\n\n          <div class=\"pfh-dashboard__card pfh-dashboard__card--green\">\n            <span class=\"pfh-dashboard__card-label\">Dual-process<\/span>\n            <span class=\"pfh-dashboard__card-value pfh-dashboard__card-value--green\">\n              Ultra Pure\n            <\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfh-floating-tag pfh-floating-tag--two\">\n        <span class=\"pfh-floating-tag__icon\">\u00a3<\/span>\n        Trade pricing available\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"pfh-hero__bottom-line\" aria-hidden=\"true\"><\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb9eb14 e-con-full e-flex e-con e-parent\" data-id=\"eb9eb14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7969046 elementor-widget elementor-widget-html\" data-id=\"7969046\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .pfh-products,\n  .pfh-products * {\n    box-sizing: border-box;\n  }\n\n  .pfh-products {\n    --pfh-navy: #07111d;\n    --pfh-navy-soft: #0c1b2a;\n    --pfh-blue: #009be5;\n    --pfh-blue-light: #33c6ff;\n    --pfh-green: #70bd1f;\n    --pfh-green-light: #9be02b;\n    --pfh-white: #ffffff;\n    --pfh-text: #d5e1e9;\n    --pfh-muted: #91a3af;\n\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 12% 18%, rgba(0, 155, 229, 0.11), transparent 28%),\n      radial-gradient(circle at 88% 82%, rgba(112, 189, 31, 0.09), transparent 30%),\n      linear-gradient(180deg, #071019 0%, #091521 100%);\n    color: var(--pfh-white);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .pfh-products::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n    background-size: 52px 52px;\n    mask-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.65), transparent);\n  }\n\n  .pfh-products__wrap {\n    position: relative;\n    z-index: 2;\n    width: min(1220px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: 92px 0 100px;\n  }\n\n  .pfh-products__header {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);\n    gap: 54px;\n    align-items: end;\n    margin-bottom: 46px;\n  }\n\n  .pfh-products__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 17px;\n    color: #a8e8ff;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .pfh-products__eyebrow::before {\n    content: \"\";\n    width: 34px;\n    height: 3px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--pfh-blue), var(--pfh-green));\n  }\n\n  .pfh-products h2 {\n    max-width: 720px;\n    margin: 0;\n    color: #ffffff;\n    font-size: clamp(38px, 4.5vw, 66px);\n    font-weight: 900;\n    letter-spacing: -0.045em;\n    line-height: 1.02;\n    text-transform: uppercase;\n  }\n\n  .pfh-products h2 span {\n    color: var(--pfh-green-light);\n  }\n\n  .pfh-products__header-copy {\n    max-width: 610px;\n    margin: 0;\n    color: var(--pfh-text);\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .pfh-products__header-copy strong {\n    color: #ffffff;\n  }\n\n  .pfh-products__grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .pfh-product-card {\n    position: relative;\n    min-height: 430px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    padding: 28px;\n    border: 1px solid rgba(255,255,255,0.09);\n    border-radius: 22px;\n    background:\n      linear-gradient(160deg, rgba(255,255,255,0.055), rgba(255,255,255,0.012)),\n      #0a1520;\n    box-shadow:\n      0 22px 50px rgba(0,0,0,0.24),\n      inset 0 1px 0 rgba(255,255,255,0.045);\n    transition:\n      transform 0.28s ease,\n      border-color 0.28s ease,\n      box-shadow 0.28s ease;\n  }\n\n  .pfh-product-card:hover {\n    transform: translateY(-7px);\n    border-color: rgba(0, 155, 229, 0.42);\n    box-shadow:\n      0 30px 65px rgba(0,0,0,0.34),\n      0 0 35px rgba(0,155,229,0.08);\n  }\n\n  .pfh-product-card--green:hover {\n    border-color: rgba(112,189,31,0.48);\n    box-shadow:\n      0 30px 65px rgba(0,0,0,0.34),\n      0 0 35px rgba(112,189,31,0.08);\n  }\n\n  .pfh-product-card::after {\n    content: \"\";\n    position: absolute;\n    right: -75px;\n    bottom: -85px;\n    width: 190px;\n    height: 190px;\n    border-radius: 50%;\n    border: 28px solid rgba(0,155,229,0.07);\n    pointer-events: none;\n  }\n\n  .pfh-product-card--green::after {\n    border-color: rgba(112,189,31,0.075);\n  }\n\n  .pfh-product-card__top {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 18px;\n    margin-bottom: 25px;\n  }\n\n  .pfh-product-card__icon {\n    position: relative;\n    width: 74px;\n    height: 74px;\n    flex: 0 0 74px;\n    display: grid;\n    place-items: center;\n    border: 1px solid rgba(0,155,229,0.28);\n    border-radius: 20px;\n    background:\n      radial-gradient(circle at 35% 25%, rgba(255,255,255,0.16), transparent 28%),\n      linear-gradient(145deg, rgba(0,155,229,0.2), rgba(0,105,183,0.07));\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);\n  }\n\n  .pfh-product-card--green .pfh-product-card__icon {\n    border-color: rgba(112,189,31,0.32);\n    background:\n      radial-gradient(circle at 35% 25%, rgba(255,255,255,0.16), transparent 28%),\n      linear-gradient(145deg, rgba(112,189,31,0.2), rgba(63,141,23,0.07));\n  }\n\n  .pfh-product-card__icon svg {\n    width: 38px;\n    height: 38px;\n    color: var(--pfh-blue-light);\n  }\n\n  .pfh-product-card--green .pfh-product-card__icon svg {\n    color: var(--pfh-green-light);\n  }\n\n  .pfh-product-card__tag {\n    display: inline-flex;\n    align-items: center;\n    min-height: 30px;\n    padding: 0 11px;\n    border: 1px solid rgba(0,155,229,0.22);\n    border-radius: 999px;\n    background: rgba(0,155,229,0.07);\n    color: #aee9ff;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-product-card--green .pfh-product-card__tag {\n    border-color: rgba(112,189,31,0.24);\n    background: rgba(112,189,31,0.075);\n    color: #ceffa5;\n  }\n\n  .pfh-product-card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 15px;\n    color: #ffffff;\n    font-size: 28px;\n    font-weight: 900;\n    letter-spacing: -0.035em;\n    line-height: 1.08;\n  }\n\n  .pfh-product-card__description {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 23px;\n    color: var(--pfh-muted);\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .pfh-product-card__uses {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    gap: 10px;\n    margin: 0 0 28px;\n    padding: 0;\n    list-style: none;\n  }\n\n  .pfh-product-card__uses li {\n    display: flex;\n    align-items: flex-start;\n    gap: 9px;\n    color: #d9e5ec;\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.4;\n  }\n\n  .pfh-product-card__uses li::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    flex: 0 0 7px;\n    margin-top: 5px;\n    border-radius: 50%;\n    background: var(--pfh-blue);\n    box-shadow: 0 0 10px rgba(0,155,229,0.55);\n  }\n\n  .pfh-product-card--green .pfh-product-card__uses li::before {\n    background: var(--pfh-green);\n    box-shadow: 0 0 10px rgba(112,189,31,0.5);\n  }\n\n  .pfh-product-card__link {\n    position: relative;\n    z-index: 2;\n    min-height: 50px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 14px;\n    margin-top: auto;\n    padding: 0 17px;\n    border: 1px solid rgba(0,155,229,0.3);\n    border-radius: 10px;\n    background: rgba(0,155,229,0.08);\n    color: #d9f4ff !important;\n    font-size: 13px;\n    font-weight: 900;\n    letter-spacing: 0.045em;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    transition:\n      background 0.22s ease,\n      border-color 0.22s ease,\n      color 0.22s ease;\n  }\n\n  .pfh-product-card__link:hover {\n    border-color: var(--pfh-blue);\n    background: rgba(0,155,229,0.16);\n    color: #ffffff !important;\n  }\n\n  .pfh-product-card--green .pfh-product-card__link {\n    border-color: rgba(112,189,31,0.32);\n    background: rgba(112,189,31,0.08);\n    color: #e9ffd5 !important;\n  }\n\n  .pfh-product-card--green .pfh-product-card__link:hover {\n    border-color: var(--pfh-green);\n    background: rgba(112,189,31,0.16);\n    color: #ffffff !important;\n  }\n\n  .pfh-product-card__link svg {\n    width: 18px;\n    height: 18px;\n    flex: 0 0 18px;\n  }\n\n  .pfh-products__footer {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 24px;\n    align-items: center;\n    margin-top: 28px;\n    padding: 23px 25px;\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 16px;\n    background:\n      linear-gradient(90deg, rgba(0,155,229,0.07), rgba(112,189,31,0.055)),\n      rgba(255,255,255,0.025);\n  }\n\n  .pfh-products__footer-copy {\n    margin: 0;\n    color: #c8d7df;\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .pfh-products__footer-copy strong {\n    color: #ffffff;\n  }\n\n  .pfh-products__footer-button {\n    min-height: 49px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 0 19px;\n    border: 1px solid var(--pfh-green);\n    border-radius: 9px;\n    background: linear-gradient(135deg, var(--pfh-green), #4b9818);\n    color: #ffffff !important;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.055em;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    box-shadow: 0 13px 28px rgba(112,189,31,0.16);\n    transition:\n      transform 0.22s ease,\n      box-shadow 0.22s ease;\n  }\n\n  .pfh-products__footer-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 17px 34px rgba(112,189,31,0.25);\n  }\n\n  @media (max-width: 1100px) {\n    .pfh-products__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .pfh-product-card {\n      min-height: 400px;\n    }\n  }\n\n  @media (max-width: 850px) {\n    .pfh-products__header {\n      grid-template-columns: 1fr;\n      gap: 24px;\n      align-items: start;\n    }\n\n    .pfh-products__header-copy {\n      max-width: 760px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-products__wrap {\n      width: min(100% - 28px, 1220px);\n      padding: 66px 0 72px;\n    }\n\n    .pfh-products__header {\n      margin-bottom: 32px;\n    }\n\n    .pfh-products h2 {\n      font-size: clamp(36px, 11vw, 52px);\n    }\n\n    .pfh-products__header-copy {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .pfh-products__grid {\n      grid-template-columns: 1fr;\n      gap: 15px;\n    }\n\n    .pfh-product-card {\n      min-height: auto;\n      padding: 23px;\n    }\n\n    .pfh-products__footer {\n      grid-template-columns: 1fr;\n      padding: 20px;\n    }\n\n    .pfh-products__footer-button {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<section class=\"pfh-products\" id=\"water-range\">\n  <div class=\"pfh-products__wrap\">\n\n    <div class=\"pfh-products__header\">\n      <div>\n        <div class=\"pfh-products__eyebrow\">\n          Choose your water\n        <\/div>\n\n        <h2>\n          Purified water for\n          <span>every application.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"pfh-products__header-copy\">\n        From everyday appliance and automotive use to demanding trade applications,\n        PureFlow H\u2082O supplies a clear range of <strong>RO, deionised, distilled and\n        dual-process purified water<\/strong>.\n      <\/p>\n    <\/div>\n\n    <div class=\"pfh-products__grid\">\n\n      <article class=\"pfh-product-card\">\n        <div class=\"pfh-product-card__top\">\n          <div class=\"pfh-product-card__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 3c3.8 4.5 6 7.3 6 10.3A6 6 0 1 1 6 13.3C6 10.3 8.2 7.5 12 3Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <path d=\"M9.5 14.5c.7 1.2 1.7 1.8 3.1 1.8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <span class=\"pfh-product-card__tag\">\n            Everyday purity\n          <\/span>\n        <\/div>\n\n        <h3>Reverse Osmosis Water<\/h3>\n\n        <p class=\"pfh-product-card__description\">\n          Multi-stage purified water with significantly reduced minerals,\n          dissolved solids and common impurities.\n        <\/p>\n\n        <ul class=\"pfh-product-card__uses\">\n          <li>General technical use<\/li>\n          <li>Aquariums and horticulture<\/li>\n          <li>Cleaning and appliance applications<\/li>\n        <\/ul>\n\n        <a class=\"pfh-product-card__link\" href=\"\/reverse-osmosis-water\/\">\n          Explore RO water\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n      <\/article>\n\n      <article class=\"pfh-product-card pfh-product-card--green\">\n        <div class=\"pfh-product-card__top\">\n          <div class=\"pfh-product-card__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M5 8.5h14M7 4.5h10M7 12.5h10M9 16.5h6M11 20h2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <span class=\"pfh-product-card__tag\">\n            Trade favourite\n          <\/span>\n        <\/div>\n\n        <h3>Deionised Water<\/h3>\n\n        <p class=\"pfh-product-card__description\">\n          Low-mineral water designed for professional cleaning, automotive,\n          battery and equipment applications.\n        <\/p>\n\n        <ul class=\"pfh-product-card__uses\">\n          <li>Window cleaning systems<\/li>\n          <li>Car detailing and valeting<\/li>\n          <li>Batteries, irons and equipment<\/li>\n        <\/ul>\n\n        <a class=\"pfh-product-card__link\" href=\"\/deionised-water\/\">\n          Explore DI water\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n      <\/article>\n\n      <article class=\"pfh-product-card\">\n        <div class=\"pfh-product-card__top\">\n          <div class=\"pfh-product-card__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M8 4h8M9 4v5l-3.5 7A2.8 2.8 0 0 0 8 20h8a2.8 2.8 0 0 0 2.5-4l-3.5-7V4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M8 14h8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <span class=\"pfh-product-card__tag\">\n            Steam purified\n          <\/span>\n        <\/div>\n\n        <h3>Distilled Water<\/h3>\n\n        <p class=\"pfh-product-card__description\">\n          Water purified through distillation for applications where\n          reliable mineral reduction and consistency matter.\n        <\/p>\n\n        <ul class=\"pfh-product-card__uses\">\n          <li>Steam appliances and humidifiers<\/li>\n          <li>Laboratory and workshop use<\/li>\n          <li>Precision cleaning applications<\/li>\n        <\/ul>\n\n        <a class=\"pfh-product-card__link\" href=\"\/distilled-water\/\">\n          Explore distilled water\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n      <\/article>\n\n      <article class=\"pfh-product-card pfh-product-card--green\">\n        <div class=\"pfh-product-card__top\">\n          <div class=\"pfh-product-card__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 3c3.8 4.5 6 7.2 6 10.2A6 6 0 1 1 6 13.2C6 10.2 8.2 7.5 12 3Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <path d=\"m9.3 13 1.7 1.7 3.8-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <span class=\"pfh-product-card__tag\">\n            Dual-process\n          <\/span>\n        <\/div>\n\n        <h3>Ultra-Purified Water<\/h3>\n\n        <p class=\"pfh-product-card__description\">\n          Deionised first and then distilled for a premium dual-process\n          water with exceptionally low mineral content.\n        <\/p>\n\n        <ul class=\"pfh-product-card__uses\">\n          <li>Demanding technical processes<\/li>\n          <li>Specialist cleaning and equipment<\/li>\n          <li>Premium low-mineral applications<\/li>\n        <\/ul>\n\n        <a class=\"pfh-product-card__link\" href=\"\/ultra-purified-water\/\">\n          Explore ultra-pure water\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"pfh-products__footer\">\n      <p class=\"pfh-products__footer-copy\">\n        Unsure which product is right for your application?\n        <strong>Tell us how you plan to use the water<\/strong> and we will help\n        you select the most suitable option.\n      <\/p>\n\n      <a class=\"pfh-products__footer-button\" href=\"\/contact\/\">\n        Ask PureFlow\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" width=\"17\" height=\"17\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35f0ea3 e-con-full e-flex e-con e-parent\" data-id=\"35f0ea3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e42eb35 elementor-widget elementor-widget-html\" data-id=\"e42eb35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .pfh-why,\n  .pfh-why * {\n    box-sizing: border-box;\n  }\n\n  .pfh-why {\n    --pfh-bg: #f4f8fb;\n    --pfh-card: #ffffff;\n    --pfh-navy: #081a2b;\n    --pfh-text: #425466;\n    --pfh-muted: #738393;\n    --pfh-blue: #009be5;\n    --pfh-blue-dark: #0070b5;\n    --pfh-green: #70bd1f;\n    --pfh-green-dark: #4f9419;\n    --pfh-line: #dbe7ef;\n\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 7% 12%, rgba(0,155,229,0.11), transparent 24%),\n      radial-gradient(circle at 92% 84%, rgba(112,189,31,0.10), transparent 26%),\n      linear-gradient(180deg, #f7fafc 0%, #eef5f8 100%);\n    font-family: Arial, Helvetica, sans-serif;\n    color: var(--pfh-navy);\n  }\n\n  .pfh-why::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background-image:\n      linear-gradient(rgba(8,26,43,0.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(8,26,43,0.035) 1px, transparent 1px);\n    background-size: 54px 54px;\n    mask-image: linear-gradient(to bottom, rgba(0,0,0,.45), transparent 88%);\n  }\n\n  .pfh-why__wrap {\n    position: relative;\n    z-index: 2;\n    width: min(1220px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: 96px 0 104px;\n  }\n\n  .pfh-why__header {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);\n    gap: 58px;\n    align-items: end;\n    margin-bottom: 46px;\n  }\n\n  .pfh-why__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 17px;\n    color: var(--pfh-blue-dark);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .pfh-why__eyebrow::before {\n    content: \"\";\n    width: 34px;\n    height: 3px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--pfh-blue), var(--pfh-green));\n  }\n\n  .pfh-why h2 {\n    max-width: 720px;\n    margin: 0;\n    color: var(--pfh-navy);\n    font-size: clamp(38px, 4.4vw, 64px);\n    font-weight: 900;\n    letter-spacing: -0.045em;\n    line-height: 1.03;\n    text-transform: uppercase;\n  }\n\n  .pfh-why h2 span {\n    color: var(--pfh-green-dark);\n  }\n\n  .pfh-why__intro {\n    max-width: 620px;\n    margin: 0;\n    color: var(--pfh-text);\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .pfh-why__intro strong {\n    color: var(--pfh-navy);\n  }\n\n  .pfh-why__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 20px;\n  }\n\n  .pfh-why-card {\n    position: relative;\n    min-height: 285px;\n    overflow: hidden;\n    padding: 28px;\n    border: 1px solid var(--pfh-line);\n    border-radius: 20px;\n    background:\n      linear-gradient(145deg, rgba(255,255,255,0.98), rgba(248,252,254,0.96));\n    box-shadow:\n      0 20px 45px rgba(8,26,43,0.08),\n      inset 0 1px 0 rgba(255,255,255,0.85);\n    transition:\n      transform 0.25s ease,\n      border-color 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .pfh-why-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(0,155,229,0.36);\n    box-shadow:\n      0 28px 58px rgba(8,26,43,0.12),\n      0 0 28px rgba(0,155,229,0.07);\n  }\n\n  .pfh-why-card--green:hover {\n    border-color: rgba(112,189,31,0.40);\n    box-shadow:\n      0 28px 58px rgba(8,26,43,0.12),\n      0 0 28px rgba(112,189,31,0.08);\n  }\n\n  .pfh-why-card::after {\n    content: \"\";\n    position: absolute;\n    right: -55px;\n    bottom: -70px;\n    width: 160px;\n    height: 160px;\n    border-radius: 50%;\n    border: 24px solid rgba(0,155,229,0.055);\n  }\n\n  .pfh-why-card--green::after {\n    border-color: rgba(112,189,31,0.06);\n  }\n\n  .pfh-why-card__icon {\n    position: relative;\n    z-index: 2;\n    width: 64px;\n    height: 64px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 24px;\n    border: 1px solid rgba(0,155,229,0.24);\n    border-radius: 18px;\n    background:\n      radial-gradient(circle at 30% 24%, rgba(255,255,255,0.95), transparent 34%),\n      linear-gradient(145deg, rgba(0,155,229,0.16), rgba(0,112,181,0.06));\n    color: var(--pfh-blue-dark);\n  }\n\n  .pfh-why-card--green .pfh-why-card__icon {\n    border-color: rgba(112,189,31,0.26);\n    background:\n      radial-gradient(circle at 30% 24%, rgba(255,255,255,0.95), transparent 34%),\n      linear-gradient(145deg, rgba(112,189,31,0.17), rgba(79,148,25,0.06));\n    color: var(--pfh-green-dark);\n  }\n\n  .pfh-why-card__icon svg {\n    width: 31px;\n    height: 31px;\n  }\n\n  .pfh-why-card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 13px;\n    color: var(--pfh-navy);\n    font-size: 24px;\n    font-weight: 900;\n    letter-spacing: -0.03em;\n    line-height: 1.1;\n  }\n\n  .pfh-why-card p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: var(--pfh-muted);\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  .pfh-why__proof {\n    display: grid;\n    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);\n    gap: 22px;\n    margin-top: 24px;\n  }\n\n  .pfh-why__proof-main,\n  .pfh-why__proof-side {\n    position: relative;\n    overflow: hidden;\n    border-radius: 20px;\n  }\n\n  .pfh-why__proof-main {\n    padding: 30px;\n    border: 1px solid rgba(0,155,229,0.18);\n    background:\n      radial-gradient(circle at 90% 20%, rgba(51,198,255,0.16), transparent 30%),\n      linear-gradient(135deg, #071827 0%, #0b2538 100%);\n    color: #ffffff;\n  }\n\n  .pfh-why__proof-main::after {\n    content: \"\";\n    position: absolute;\n    right: -130px;\n    bottom: -170px;\n    width: 360px;\n    height: 360px;\n    border-radius: 50%;\n    border: 1px solid rgba(255,255,255,0.10);\n    box-shadow:\n      0 0 0 55px rgba(0,155,229,0.035),\n      0 0 0 110px rgba(112,189,31,0.025);\n  }\n\n  .pfh-why__proof-kicker {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 14px;\n    color: #aeeaff;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .pfh-why__proof-kicker::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 13px rgba(112,189,31,0.75);\n  }\n\n  .pfh-why__proof-main h3 {\n    position: relative;\n    z-index: 2;\n    max-width: 700px;\n    margin: 0 0 15px;\n    color: #ffffff;\n    font-size: clamp(28px, 3vw, 42px);\n    font-weight: 900;\n    letter-spacing: -0.035em;\n    line-height: 1.08;\n  }\n\n  .pfh-why__proof-main p {\n    position: relative;\n    z-index: 2;\n    max-width: 760px;\n    margin: 0;\n    color: #c9d8e2;\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .pfh-why__proof-side {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    border: 1px solid var(--pfh-line);\n    background: #ffffff;\n    box-shadow: 0 20px 45px rgba(8,26,43,0.07);\n  }\n\n  .pfh-stat {\n    min-height: 160px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 24px;\n  }\n\n  .pfh-stat + .pfh-stat {\n    border-left: 1px solid var(--pfh-line);\n  }\n\n  .pfh-stat__value {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--pfh-blue-dark);\n    font-size: 36px;\n    font-weight: 900;\n    letter-spacing: -0.045em;\n    line-height: 1;\n  }\n\n  .pfh-stat:nth-child(2) .pfh-stat__value {\n    color: var(--pfh-green-dark);\n  }\n\n  .pfh-stat__label {\n    color: var(--pfh-text);\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.5;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  @media (max-width: 1024px) {\n    .pfh-why__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .pfh-why__proof {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 850px) {\n    .pfh-why__header {\n      grid-template-columns: 1fr;\n      gap: 24px;\n      align-items: start;\n    }\n\n    .pfh-why__intro {\n      max-width: 760px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-why__wrap {\n      width: min(100% - 28px, 1220px);\n      padding: 68px 0 74px;\n    }\n\n    .pfh-why__header {\n      margin-bottom: 32px;\n    }\n\n    .pfh-why h2 {\n      font-size: clamp(36px, 11vw, 52px);\n    }\n\n    .pfh-why__intro {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .pfh-why__grid {\n      grid-template-columns: 1fr;\n      gap: 15px;\n    }\n\n    .pfh-why-card {\n      min-height: auto;\n      padding: 23px;\n    }\n\n    .pfh-why__proof-main {\n      padding: 24px;\n    }\n\n    .pfh-why__proof-side {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-stat + .pfh-stat {\n      border-left: 0;\n      border-top: 1px solid var(--pfh-line);\n    }\n  }\n<\/style>\n\n<section class=\"pfh-why\" id=\"why-pureflow\">\n  <div class=\"pfh-why__wrap\">\n\n    <div class=\"pfh-why__header\">\n      <div>\n        <div class=\"pfh-why__eyebrow\">Why PureFlow H\u2082O<\/div>\n\n        <h2>\n          Built around\n          <span>quality, value and trust.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"pfh-why__intro\">\n        PureFlow H\u2082O is being built to offer more than simply a container of water.\n        Our aim is to provide <strong>consistent purification, clear product choices,\n        competitive pricing and dependable service<\/strong> for domestic, trade and industrial customers.\n      <\/p>\n    <\/div>\n\n    <div class=\"pfh-why__grid\">\n\n      <article class=\"pfh-why-card\">\n        <div class=\"pfh-why-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 3c3.8 4.5 6 7.3 6 10.3A6 6 0 1 1 6 13.3C6 10.3 8.2 7.5 12 3Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"m9.4 13.2 1.7 1.7 3.7-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Freshly Purified<\/h3>\n        <p>\n          Water is produced through dedicated purification processes rather than\n          bought in and relabelled, giving us greater control over consistency and supply.\n        <\/p>\n      <\/article>\n\n      <article class=\"pfh-why-card pfh-why-card--green\">\n        <div class=\"pfh-why-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 3v18M5 8h14M7 13h10M9 18h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Clear Product Choice<\/h3>\n        <p>\n          RO, deionised, distilled and dual-process water are presented separately,\n          helping customers select the right option for the job.\n        <\/p>\n      <\/article>\n\n      <article class=\"pfh-why-card\">\n        <div class=\"pfh-why-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M4 8h16v10H4zM7 8V5h10v3M8 13h8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Trade-Friendly Supply<\/h3>\n        <p>\n          Tailored pricing and larger-volume options are planned for window cleaners,\n          valeters, detailers, workshops and other regular business users.\n        <\/p>\n      <\/article>\n\n      <article class=\"pfh-why-card pfh-why-card--green\">\n        <div class=\"pfh-why-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14M12 5v14M7.5 7.5l9 9M16.5 7.5l-9 9\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Lower-Waste Thinking<\/h3>\n        <p>\n          We are exploring reusable, refillable and responsibly cleaned container options\n          to reduce unnecessary single-use plastic where appropriate.\n        <\/p>\n      <\/article>\n\n      <article class=\"pfh-why-card\">\n        <div class=\"pfh-why-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M4 17V7l8-4 8 4v10l-8 4-8-4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n            <path d=\"m4 7 8 4 8-4M12 11v10\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Careful Packing<\/h3>\n        <p>\n          Containers, caps, seals and protective packaging are selected with heavy liquid\n          shipments in mind, helping reduce the risk of leakage and damage.\n        <\/p>\n      <\/article>\n\n      <article class=\"pfh-why-card pfh-why-card--green\">\n        <div class=\"pfh-why-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M4 12a8 8 0 1 1 2.3 5.6L4 20v-5h5l-2.2 2.2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Built for Repeat Supply<\/h3>\n        <p>\n          The business is designed around long-term customer relationships, repeat ordering,\n          trade accounts and future self-service refill locations.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"pfh-why__proof\">\n      <div class=\"pfh-why__proof-main\">\n        <div class=\"pfh-why__proof-kicker\">A smarter water supply model<\/div>\n        <h3>From delivered containers today to connected refill stations tomorrow.<\/h3>\n        <p>\n          PureFlow H\u2082O combines online water sales with a long-term plan for automated,\n          pay-by-the-litre trade refill stations. This creates a flexible supply model for\n          customers who need anything from a single container to hundreds of litres at a time.\n        <\/p>\n      <\/div>\n\n      <div class=\"pfh-why__proof-side\">\n        <div class=\"pfh-stat\">\n          <span class=\"pfh-stat__value\">4<\/span>\n          <span class=\"pfh-stat__label\">Purified water types planned<\/span>\n        <\/div>\n\n        <div class=\"pfh-stat\">\n          <span class=\"pfh-stat__value\">25L<\/span>\n          <span class=\"pfh-stat__label\">Core delivered container size<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55b0c73 e-con-full e-flex e-con e-parent\" data-id=\"55b0c73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a2feff elementor-widget elementor-widget-html\" data-id=\"5a2feff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .pfh-uses,\n  .pfh-uses * {\n    box-sizing: border-box;\n  }\n\n  .pfh-uses {\n    --pfh-bg: #07111d;\n    --pfh-panel: #0b1825;\n    --pfh-panel-2: #102233;\n    --pfh-white: #ffffff;\n    --pfh-text: #d6e2ea;\n    --pfh-muted: #90a2af;\n    --pfh-blue: #009be5;\n    --pfh-blue-light: #38c7ff;\n    --pfh-green: #70bd1f;\n    --pfh-green-light: #a0e63c;\n\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 16% 16%, rgba(0,155,229,0.12), transparent 28%),\n      radial-gradient(circle at 86% 78%, rgba(112,189,31,0.10), transparent 30%),\n      linear-gradient(180deg, #07111d 0%, #091724 100%);\n    color: var(--pfh-white);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .pfh-uses::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n    background-size: 54px 54px;\n    mask-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.72), transparent);\n  }\n\n  .pfh-uses__wrap {\n    position: relative;\n    z-index: 2;\n    width: min(1220px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: 94px 0 102px;\n  }\n\n  .pfh-uses__header {\n    display: grid;\n    grid-template-columns: minmax(0, 0.92fr) minmax(320px, 1.08fr);\n    gap: 56px;\n    align-items: end;\n    margin-bottom: 44px;\n  }\n\n  .pfh-uses__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 17px;\n    color: #afeaff;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .pfh-uses__eyebrow::before {\n    content: \"\";\n    width: 34px;\n    height: 3px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--pfh-blue), var(--pfh-green));\n  }\n\n  .pfh-uses h2 {\n    max-width: 720px;\n    margin: 0;\n    color: #ffffff;\n    font-size: clamp(38px, 4.5vw, 66px);\n    font-weight: 900;\n    letter-spacing: -0.045em;\n    line-height: 1.02;\n    text-transform: uppercase;\n  }\n\n  .pfh-uses h2 span {\n    color: var(--pfh-green-light);\n  }\n\n  .pfh-uses__intro {\n    max-width: 620px;\n    margin: 0;\n    color: var(--pfh-text);\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .pfh-uses__intro strong {\n    color: #ffffff;\n  }\n\n  .pfh-uses__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .pfh-use-card {\n    position: relative;\n    min-height: 265px;\n    overflow: hidden;\n    padding: 26px;\n    border: 1px solid rgba(255,255,255,0.09);\n    border-radius: 20px;\n    background:\n      linear-gradient(155deg, rgba(255,255,255,0.055), rgba(255,255,255,0.012)),\n      var(--pfh-panel);\n    box-shadow:\n      0 22px 50px rgba(0,0,0,0.24),\n      inset 0 1px 0 rgba(255,255,255,0.05);\n    transition:\n      transform 0.25s ease,\n      border-color 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .pfh-use-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(0,155,229,0.40);\n    box-shadow:\n      0 30px 60px rgba(0,0,0,0.34),\n      0 0 28px rgba(0,155,229,0.08);\n  }\n\n  .pfh-use-card--green:hover {\n    border-color: rgba(112,189,31,0.46);\n    box-shadow:\n      0 30px 60px rgba(0,0,0,0.34),\n      0 0 28px rgba(112,189,31,0.08);\n  }\n\n  .pfh-use-card::after {\n    content: \"\";\n    position: absolute;\n    right: -54px;\n    bottom: -70px;\n    width: 155px;\n    height: 155px;\n    border-radius: 50%;\n    border: 23px solid rgba(0,155,229,0.06);\n  }\n\n  .pfh-use-card--green::after {\n    border-color: rgba(112,189,31,0.065);\n  }\n\n  .pfh-use-card__icon {\n    position: relative;\n    z-index: 2;\n    width: 62px;\n    height: 62px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 22px;\n    border: 1px solid rgba(0,155,229,0.28);\n    border-radius: 17px;\n    background:\n      radial-gradient(circle at 30% 24%, rgba(255,255,255,0.16), transparent 34%),\n      linear-gradient(145deg, rgba(0,155,229,0.18), rgba(0,112,181,0.05));\n    color: var(--pfh-blue-light);\n  }\n\n  .pfh-use-card--green .pfh-use-card__icon {\n    border-color: rgba(112,189,31,0.30);\n    background:\n      radial-gradient(circle at 30% 24%, rgba(255,255,255,0.16), transparent 34%),\n      linear-gradient(145deg, rgba(112,189,31,0.18), rgba(79,148,25,0.05));\n    color: var(--pfh-green-light);\n  }\n\n  .pfh-use-card__icon svg {\n    width: 31px;\n    height: 31px;\n  }\n\n  .pfh-use-card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 12px;\n    color: #ffffff;\n    font-size: 24px;\n    font-weight: 900;\n    letter-spacing: -0.03em;\n    line-height: 1.12;\n  }\n\n  .pfh-use-card p {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 18px;\n    color: var(--pfh-muted);\n    font-size: 15px;\n    line-height: 1.68;\n  }\n\n  .pfh-use-card__water {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 11px;\n    border: 1px solid rgba(0,155,229,0.20);\n    border-radius: 999px;\n    background: rgba(0,155,229,0.07);\n    color: #c8f1ff;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.07em;\n    text-transform: uppercase;\n  }\n\n  .pfh-use-card--green .pfh-use-card__water {\n    border-color: rgba(112,189,31,0.22);\n    background: rgba(112,189,31,0.07);\n    color: #dcffbc;\n  }\n\n  .pfh-use-card__water::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--pfh-blue);\n    box-shadow: 0 0 10px rgba(0,155,229,0.55);\n  }\n\n  .pfh-use-card--green .pfh-use-card__water::before {\n    background: var(--pfh-green);\n    box-shadow: 0 0 10px rgba(112,189,31,0.55);\n  }\n\n  .pfh-uses__selector {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 24px;\n    align-items: center;\n    margin-top: 26px;\n    padding: 25px 27px;\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 18px;\n    background:\n      linear-gradient(90deg, rgba(0,155,229,0.08), rgba(112,189,31,0.06)),\n      rgba(255,255,255,0.025);\n  }\n\n  .pfh-uses__selector-copy {\n    margin: 0;\n    color: #c7d6df;\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .pfh-uses__selector-copy strong {\n    color: #ffffff;\n  }\n\n  .pfh-uses__selector-button {\n    min-height: 50px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 0 20px;\n    border: 1px solid var(--pfh-blue);\n    border-radius: 9px;\n    background: linear-gradient(135deg, var(--pfh-blue), #006eb7);\n    color: #ffffff !important;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.055em;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    box-shadow: 0 13px 28px rgba(0,155,229,0.18);\n    transition:\n      transform 0.22s ease,\n      box-shadow 0.22s ease;\n  }\n\n  .pfh-uses__selector-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 17px 34px rgba(0,155,229,0.28);\n  }\n\n  @media (max-width: 1024px) {\n    .pfh-uses__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 850px) {\n    .pfh-uses__header {\n      grid-template-columns: 1fr;\n      gap: 24px;\n      align-items: start;\n    }\n\n    .pfh-uses__intro {\n      max-width: 760px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-uses__wrap {\n      width: min(100% - 28px, 1220px);\n      padding: 66px 0 72px;\n    }\n\n    .pfh-uses__header {\n      margin-bottom: 32px;\n    }\n\n    .pfh-uses h2 {\n      font-size: clamp(36px, 11vw, 52px);\n    }\n\n    .pfh-uses__intro {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .pfh-uses__grid {\n      grid-template-columns: 1fr;\n      gap: 15px;\n    }\n\n    .pfh-use-card {\n      min-height: auto;\n      padding: 23px;\n    }\n\n    .pfh-uses__selector {\n      grid-template-columns: 1fr;\n      padding: 21px;\n    }\n\n    .pfh-uses__selector-button {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<section class=\"pfh-uses\" id=\"shop-by-use\">\n  <div class=\"pfh-uses__wrap\">\n\n    <div class=\"pfh-uses__header\">\n      <div>\n        <div class=\"pfh-uses__eyebrow\">Shop by application<\/div>\n\n        <h2>\n          Find the right water\n          <span>for the job.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"pfh-uses__intro\">\n        Different applications need different levels of purification.\n        Use this guide to quickly identify the <strong>most suitable PureFlow H\u2082O product<\/strong>\n        for your equipment, business or technical process.\n      <\/p>\n    <\/div>\n\n    <div class=\"pfh-uses__grid\">\n\n      <article class=\"pfh-use-card\">\n        <div class=\"pfh-use-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M4 8h16v8H4zM7 16v3M17 16v3M7 5h10v3M8 12h8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Window Cleaning<\/h3>\n        <p>\n          Low-mineral water helps support spot-free rinsing in professional\n          water-fed pole systems and exterior cleaning equipment.\n        <\/p>\n        <span class=\"pfh-use-card__water\">Recommended: DI Water<\/span>\n      <\/article>\n\n      <article class=\"pfh-use-card pfh-use-card--green\">\n        <div class=\"pfh-use-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 14l2-5h10l2 5M4 14h16v4H4zM7 18v2M17 18v2M8 14h8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Car Detailing & Valeting<\/h3>\n        <p>\n          Suitable for final rinsing, detailing systems and applications where\n          reduced mineral spotting can improve the finish.\n        <\/p>\n        <span class=\"pfh-use-card__water\">Recommended: DI Water<\/span>\n      <\/article>\n\n      <article class=\"pfh-use-card\">\n        <div class=\"pfh-use-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M7 7h10v10H7zM10 4h4v3M10 17h4v3M4 10h3M17 10h3M4 14h3M17 14h3\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Batteries & Automotive<\/h3>\n        <p>\n          Purified water for battery top-up, cooling systems and other\n          technical automotive uses where mineral content should be minimised.\n        <\/p>\n        <span class=\"pfh-use-card__water\">Recommended: DI Water<\/span>\n      <\/article>\n\n      <article class=\"pfh-use-card pfh-use-card--green\">\n        <div class=\"pfh-use-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M8 5h8v4H8zM6 9h12v8H6zM9 17v2M15 17v2M9 13h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Steam Irons & Appliances<\/h3>\n        <p>\n          Helps reduce limescale and mineral deposits in compatible steam irons,\n          humidifiers and selected household appliances.\n        <\/p>\n        <span class=\"pfh-use-card__water\">Recommended: Distilled<\/span>\n      <\/article>\n\n      <article class=\"pfh-use-card\">\n        <div class=\"pfh-use-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M4 6h16v12H4zM8 10c1.5-1.6 3-1.6 4.5 0S15.5 11.6 17 10M8 14c1.5-1.6 3-1.6 4.5 0S15.5 15.6 17 14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Aquariums & Horticulture<\/h3>\n        <p>\n          A low-mineral base water for controlled aquarium mixing, hydroponics\n          and specialist plant-care applications.\n        <\/p>\n        <span class=\"pfh-use-card__water\">Recommended: RO Water<\/span>\n      <\/article>\n\n      <article class=\"pfh-use-card pfh-use-card--green\">\n        <div class=\"pfh-use-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M8 4h8M9 4v5l-3.5 7A2.8 2.8 0 0 0 8 20h8a2.8 2.8 0 0 0 2.5-4l-3.5-7V4M8 14h8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Laboratories & Workshops<\/h3>\n        <p>\n          Distilled and dual-process water for selected technical, cleaning,\n          testing and equipment applications.\n        <\/p>\n        <span class=\"pfh-use-card__water\">Recommended: Distilled \/ Ultra Pure<\/span>\n      <\/article>\n\n      <article class=\"pfh-use-card\">\n        <div class=\"pfh-use-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 4h14v16H5zM8 8h8M8 12h8M8 16h5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Cleaning & Equipment<\/h3>\n        <p>\n          Purified water for specialist cleaning systems, equipment maintenance\n          and processes where tap-water residue is undesirable.\n        <\/p>\n        <span class=\"pfh-use-card__water\">Recommended: RO or DI<\/span>\n      <\/article>\n\n      <article class=\"pfh-use-card pfh-use-card--green\">\n        <div class=\"pfh-use-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M4 8h16v10H4zM7 8V5h10v3M8 13h8M10 18v2M14 18v2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Trade & Industrial Use<\/h3>\n        <p>\n          Regular supply, larger quantities and tailored pricing for businesses\n          with repeat purified-water requirements.\n        <\/p>\n        <span class=\"pfh-use-card__water\">Recommended: Tailored to Use<\/span>\n      <\/article>\n\n      <article class=\"pfh-use-card\">\n        <div class=\"pfh-use-card__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 3c3.8 4.5 6 7.3 6 10.3A6 6 0 1 1 6 13.3C6 10.3 8.2 7.5 12 3Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M9 14h6M12 11v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Not Sure What You Need?<\/h3>\n        <p>\n          Tell us about your equipment or application and we will help you choose\n          the most appropriate water type.\n        <\/p>\n        <span class=\"pfh-use-card__water\">Ask PureFlow H\u2082O<\/span>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"pfh-uses__selector\">\n      <p class=\"pfh-uses__selector-copy\">\n        Choosing the wrong water can affect performance.\n        <strong>Send us your application details<\/strong> and we will recommend the most suitable option.\n      <\/p>\n\n      <a class=\"pfh-uses__selector-button\" href=\"\/contact\/\">\n        Get a recommendation\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" width=\"17\" height=\"17\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a5f9f2 e-con-full e-flex e-con e-parent\" data-id=\"4a5f9f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-576e16f elementor-widget elementor-widget-html\" data-id=\"576e16f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     PUREFLOW H2O \u2014 HOMEPAGE BLOCK 05\n     PURITY YOU CAN MEASURE\n     Matched to the approved homepage hero design\n     Elementor HTML Widget Ready\n     ========================================================= -->\n\n<style>\n  .pfh-purity,\n  .pfh-purity * {\n    box-sizing: border-box;\n  }\n\n  .pfh-purity {\n    --pfh-black: #05080b;\n    --pfh-panel: #0b1117;\n    --pfh-panel-light: #111b24;\n    --pfh-white: #ffffff;\n    --pfh-muted: #aab7c2;\n    --pfh-blue: #009be5;\n    --pfh-blue-dark: #006db7;\n    --pfh-green: #70bd1f;\n    --pfh-green-dark: #3f8d17;\n\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 100px 20px;\n    background:\n      radial-gradient(circle at 15% 20%, rgba(0, 155, 229, 0.12), transparent 26%),\n      radial-gradient(circle at 88% 78%, rgba(112, 189, 31, 0.09), transparent 28%),\n      linear-gradient(135deg, #020405 0%, #071018 50%, #040708 100%);\n    color: var(--pfh-white);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .pfh-purity::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n    background-size: 46px 46px;\n    mask-image: linear-gradient(to bottom, transparent 2%, rgba(0,0,0,.88) 18%, rgba(0,0,0,.88) 82%, transparent 98%);\n  }\n\n  .pfh-purity::after {\n    content: \"\";\n    position: absolute;\n    left: -240px;\n    bottom: -360px;\n    width: 760px;\n    height: 760px;\n    z-index: -2;\n    border-radius: 50%;\n    border: 1px solid rgba(0, 155, 229, 0.16);\n    box-shadow:\n      0 0 0 80px rgba(0, 155, 229, 0.025),\n      0 0 0 160px rgba(112, 189, 31, 0.018);\n  }\n\n  .pfh-purity__wrap {\n    width: min(1220px, 100%);\n    margin: 0 auto;\n  }\n\n  .pfh-purity__header {\n    max-width: 820px;\n    margin-bottom: 58px;\n  }\n\n  .pfh-purity__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 21px;\n    padding: 10px 15px;\n    border: 1px solid rgba(0, 155, 229, 0.36);\n    border-radius: 999px;\n    background: rgba(0, 155, 229, 0.08);\n    color: #bcecff;\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.13em;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  .pfh-purity__eyebrow-dot {\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 14px rgba(112, 189, 31, 0.9);\n  }\n\n  .pfh-purity__title {\n    max-width: 850px;\n    margin: 0;\n    color: var(--pfh-white);\n    font-size: clamp(42px, 5vw, 72px);\n    font-weight: 900;\n    letter-spacing: -0.052em;\n    line-height: 0.98;\n    text-transform: uppercase;\n  }\n\n  .pfh-purity__title .pfh-blue {\n    color: var(--pfh-blue);\n  }\n\n  .pfh-purity__title .pfh-green {\n    color: var(--pfh-green);\n  }\n\n  .pfh-purity__intro {\n    max-width: 760px;\n    margin: 25px 0 0;\n    color: var(--pfh-muted);\n    font-size: clamp(17px, 1.5vw, 20px);\n    line-height: 1.7;\n  }\n\n  .pfh-purity__intro strong {\n    color: #eef8fc;\n  }\n\n  .pfh-purity__grid {\n    display: grid;\n    grid-template-columns: minmax(390px, 0.92fr) minmax(0, 1.08fr);\n    gap: 56px;\n    align-items: stretch;\n  }\n\n  .pfh-purity__dashboard {\n    position: relative;\n    min-height: 550px;\n    padding: 22px;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 24px;\n    background:\n      linear-gradient(145deg, rgba(17, 27, 36, 0.97), rgba(7, 12, 17, 0.98));\n    box-shadow:\n      0 35px 80px rgba(0, 0, 0, 0.48),\n      inset 0 1px 0 rgba(255, 255, 255, 0.06);\n    backdrop-filter: blur(16px);\n  }\n\n  .pfh-purity__dashboard-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 15px;\n    padding: 3px 3px 18px;\n  }\n\n  .pfh-purity__dashboard-title {\n    color: #ffffff;\n    font-size: 17px;\n    font-weight: 900;\n    letter-spacing: 0.02em;\n  }\n\n  .pfh-purity__status {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    padding: 8px 11px;\n    border-radius: 999px;\n    background: rgba(112, 189, 31, 0.11);\n    color: #cfff9c;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .pfh-purity__status::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 10px rgba(112, 189, 31, 0.9);\n  }\n\n  .pfh-purity__reading-panel {\n    position: relative;\n    overflow: hidden;\n    min-height: 290px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 32px;\n    border: 1px solid rgba(0, 155, 229, 0.22);\n    border-radius: 18px;\n    background:\n      radial-gradient(circle at 70% 30%, rgba(0, 155, 229, 0.18), transparent 42%),\n      #081119;\n  }\n\n  .pfh-purity__reading-label {\n    color: #8fa1ad;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .pfh-purity__reading {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    margin-top: 22px;\n  }\n\n  .pfh-purity__reading-value {\n    color: var(--pfh-white);\n    font-size: clamp(84px, 10vw, 124px);\n    font-weight: 900;\n    letter-spacing: -0.075em;\n    line-height: 0.8;\n  }\n\n  .pfh-purity__reading-unit {\n    margin-bottom: 10px;\n    color: var(--pfh-blue);\n    font-size: 24px;\n    font-weight: 900;\n    text-transform: uppercase;\n  }\n\n  .pfh-purity__bar {\n    height: 8px;\n    margin-top: 34px;\n    overflow: hidden;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.09);\n  }\n\n  .pfh-purity__bar span {\n    display: block;\n    width: 24%;\n    height: 100%;\n    border-radius: inherit;\n    background: linear-gradient(90deg, var(--pfh-green), var(--pfh-blue));\n    box-shadow: 0 0 18px rgba(0, 155, 229, 0.5);\n  }\n\n  .pfh-purity__reading-bottom {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n    margin-top: 17px;\n    color: #8fa1ad;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .pfh-purity__reading-bottom strong {\n    color: #dfffc2;\n  }\n\n  .pfh-purity__stats {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    margin-top: 12px;\n  }\n\n  .pfh-purity__stat {\n    min-height: 115px;\n    padding: 18px;\n    border: 1px solid rgba(255,255,255,.08);\n    border-radius: 15px;\n    background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));\n  }\n\n  .pfh-purity__stat-label {\n    display: block;\n    margin-bottom: 13px;\n    color: #8fa1ad;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-purity__stat-value {\n    display: block;\n    color: var(--pfh-white);\n    font-size: 20px;\n    font-weight: 900;\n    line-height: 1.25;\n  }\n\n  .pfh-purity__stat-value--blue {\n    color: #2bbdff;\n  }\n\n  .pfh-purity__stat-value--green {\n    color: #90dc3a;\n  }\n\n  .pfh-purity__content {\n    display: grid;\n    gap: 14px;\n  }\n\n  .pfh-purity__card {\n    position: relative;\n    display: grid;\n    grid-template-columns: 58px minmax(0, 1fr);\n    gap: 19px;\n    padding: 27px;\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 18px;\n    background:\n      linear-gradient(145deg, rgba(17, 27, 36, 0.88), rgba(8, 14, 19, 0.92));\n    box-shadow:\n      0 22px 50px rgba(0, 0, 0, 0.22),\n      inset 0 1px 0 rgba(255, 255, 255, 0.04);\n  }\n\n  .pfh-purity__card::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 4px;\n    height: 100%;\n    border-radius: 0 18px 18px 0;\n    background: linear-gradient(to bottom, var(--pfh-blue), var(--pfh-green));\n    opacity: 0.72;\n  }\n\n  .pfh-purity__number {\n    width: 54px;\n    height: 54px;\n    display: grid;\n    place-items: center;\n    border: 1px solid rgba(0, 155, 229, 0.34);\n    border-radius: 14px;\n    background: rgba(0, 155, 229, 0.08);\n    color: var(--pfh-blue);\n    font-size: 14px;\n    font-weight: 900;\n  }\n\n  .pfh-purity__card:nth-child(2) .pfh-purity__number {\n    border-color: rgba(112, 189, 31, 0.34);\n    background: rgba(112, 189, 31, 0.08);\n    color: var(--pfh-green);\n  }\n\n  .pfh-purity__card h3 {\n    margin: 1px 0 9px;\n    color: var(--pfh-white);\n    font-size: clamp(20px, 2vw, 25px);\n    font-weight: 900;\n    letter-spacing: -0.025em;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  .pfh-purity__card p {\n    margin: 0;\n    color: var(--pfh-muted);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .pfh-purity__note {\n    display: flex;\n    gap: 13px;\n    align-items: flex-start;\n    margin-top: 3px;\n    padding: 20px;\n    border: 1px solid rgba(112, 189, 31, 0.24);\n    border-radius: 16px;\n    background: rgba(112, 189, 31, 0.07);\n  }\n\n  .pfh-purity__note-icon {\n    width: 34px;\n    height: 34px;\n    flex: 0 0 34px;\n    display: grid;\n    place-items: center;\n    border-radius: 10px;\n    background: rgba(112, 189, 31, 0.13);\n    color: var(--pfh-green);\n    font-size: 17px;\n    font-weight: 900;\n  }\n\n  .pfh-purity__note p {\n    margin: 0;\n    color: #c5d4dc;\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  .pfh-purity__bottom-line {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 4px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--pfh-blue) 24%,\n      var(--pfh-green) 70%,\n      transparent\n    );\n  }\n\n  @media (max-width: 1024px) {\n    .pfh-purity {\n      padding: 84px 20px;\n    }\n\n    .pfh-purity__grid {\n      grid-template-columns: 1fr;\n      gap: 42px;\n    }\n\n    .pfh-purity__dashboard {\n      width: min(620px, 100%);\n      min-height: auto;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-purity {\n      padding: 70px 14px;\n    }\n\n    .pfh-purity__header {\n      margin-bottom: 40px;\n    }\n\n    .pfh-purity__eyebrow {\n      font-size: 10px;\n      letter-spacing: 0.1em;\n    }\n\n    .pfh-purity__title {\n      font-size: clamp(39px, 12vw, 56px);\n      line-height: 1;\n    }\n\n    .pfh-purity__intro {\n      margin-top: 20px;\n      font-size: 16px;\n      line-height: 1.62;\n    }\n\n    .pfh-purity__dashboard {\n      padding: 15px;\n      border-radius: 19px;\n    }\n\n    .pfh-purity__dashboard-top {\n      align-items: flex-start;\n    }\n\n    .pfh-purity__reading-panel {\n      min-height: 245px;\n      padding: 23px;\n    }\n\n    .pfh-purity__reading-value {\n      font-size: 82px;\n    }\n\n    .pfh-purity__reading-unit {\n      margin-bottom: 7px;\n      font-size: 20px;\n    }\n\n    .pfh-purity__stats {\n      grid-template-columns: 1fr;\n      gap: 9px;\n    }\n\n    .pfh-purity__stat {\n      min-height: 92px;\n      padding: 15px;\n    }\n\n    .pfh-purity__card {\n      grid-template-columns: 47px minmax(0, 1fr);\n      gap: 14px;\n      padding: 22px 20px;\n      border-radius: 16px;\n    }\n\n    .pfh-purity__number {\n      width: 44px;\n      height: 44px;\n      border-radius: 12px;\n    }\n\n    .pfh-purity__card h3 {\n      font-size: 20px;\n    }\n\n    .pfh-purity__card p {\n      font-size: 15px;\n    }\n  }\n\n  @media (max-width: 430px) {\n    .pfh-purity__reading-bottom {\n      flex-direction: column;\n      gap: 6px;\n    }\n  }\n<\/style>\n\n<section class=\"pfh-purity\" aria-labelledby=\"pfh-purity-title\">\n  <div class=\"pfh-purity__wrap\">\n\n    <header class=\"pfh-purity__header\">\n      <div class=\"pfh-purity__eyebrow\">\n        <span class=\"pfh-purity__eyebrow-dot\"><\/span>\n        Precision purification\n      <\/div>\n\n      <h2 class=\"pfh-purity__title\" id=\"pfh-purity-title\">\n        Purity you can <span class=\"pfh-blue\">measure.<\/span><br>\n        Quality you can <span class=\"pfh-green\">trust.<\/span>\n      <\/h2>\n\n      <p class=\"pfh-purity__intro\">\n        Every PureFlow H\u2082O product is produced through a carefully controlled purification process,\n        helping deliver <strong>consistent, application-ready water<\/strong> for home, trade and industry.\n      <\/p>\n    <\/header>\n\n    <div class=\"pfh-purity__grid\">\n\n      <div class=\"pfh-purity__dashboard\">\n        <div class=\"pfh-purity__dashboard-top\">\n          <span class=\"pfh-purity__dashboard-title\">PureFlow Quality Monitor<\/span>\n          <span class=\"pfh-purity__status\">Checked<\/span>\n        <\/div>\n\n        <div class=\"pfh-purity__reading-panel\">\n          <span class=\"pfh-purity__reading-label\">Illustrative dissolved solids reading<\/span>\n\n          <div class=\"pfh-purity__reading\">\n            <span class=\"pfh-purity__reading-value\">000<\/span>\n            <span class=\"pfh-purity__reading-unit\">ppm<\/span>\n          <\/div>\n\n          <div class=\"pfh-purity__bar\" aria-hidden=\"true\">\n            <span><\/span>\n          <\/div>\n\n          <div class=\"pfh-purity__reading-bottom\">\n            <span>Purity level<\/span>\n            <strong>Ultra-low mineral content<\/strong>\n          <\/div>\n        <\/div>\n\n        <div class=\"pfh-purity__stats\">\n          <div class=\"pfh-purity__stat\">\n            <span class=\"pfh-purity__stat-label\">Quality process<\/span>\n            <span class=\"pfh-purity__stat-value pfh-purity__stat-value--blue\">\n              Controlled\n            <\/span>\n          <\/div>\n\n          <div class=\"pfh-purity__stat\">\n            <span class=\"pfh-purity__stat-label\">Product range<\/span>\n            <span class=\"pfh-purity__stat-value pfh-purity__stat-value--green\">\n              Four purity levels\n            <\/span>\n          <\/div>\n\n          <div class=\"pfh-purity__stat\">\n            <span class=\"pfh-purity__stat-label\">Supply format<\/span>\n            <span class=\"pfh-purity__stat-value pfh-purity__stat-value--blue\">\n              25L containers\n            <\/span>\n          <\/div>\n\n          <div class=\"pfh-purity__stat\">\n            <span class=\"pfh-purity__stat-label\">Customer options<\/span>\n            <span class=\"pfh-purity__stat-value pfh-purity__stat-value--green\">\n              Home, trade and bulk\n            <\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfh-purity__content\">\n\n        <article class=\"pfh-purity__card\">\n          <div class=\"pfh-purity__number\">01<\/div>\n          <div>\n            <h3>Controlled purification<\/h3>\n            <p>\n              Purpose-selected purification methods remove unwanted minerals, ions and impurities\n              according to the type of water being produced.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"pfh-purity__card\">\n          <div class=\"pfh-purity__number\">02<\/div>\n          <div>\n            <h3>Consistent water quality<\/h3>\n            <p>\n              Quality checks help maintain dependable performance for cleaning, detailing,\n              workshops, aquariums, hydroponics, laboratories and industrial applications.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"pfh-purity__card\">\n          <div class=\"pfh-purity__number\">03<\/div>\n          <div>\n            <h3>Matched to your application<\/h3>\n            <p>\n              Choose reverse osmosis, deionised, distilled or ultra-purified water depending\n              on the purity level and production process your application requires.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <div class=\"pfh-purity__note\">\n          <span class=\"pfh-purity__note-icon\">i<\/span>\n          <p>\n            Product readings can vary by water type and batch. PureFlow H\u2082O product guidance\n            will help customers select the most suitable option for their intended use.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"pfh-purity__bottom-line\" aria-hidden=\"true\"><\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac283bf e-con-full e-flex e-con e-parent\" data-id=\"ac283bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-739e29a elementor-widget elementor-widget-html\" data-id=\"739e29a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     PUREFLOW H2O \u2014 HOMEPAGE BLOCK 06\n     BUILT FOR TRADE AND BUSINESS\n     Matched to the approved homepage design\n     Elementor HTML Widget Ready\n     ========================================================= -->\n\n<style>\n  .pfh-trade,\n  .pfh-trade * {\n    box-sizing: border-box;\n  }\n\n  .pfh-trade {\n    --pfh-black: #05080b;\n    --pfh-panel: #0b1117;\n    --pfh-panel-light: #111b24;\n    --pfh-white: #ffffff;\n    --pfh-muted: #aab7c2;\n    --pfh-blue: #009be5;\n    --pfh-blue-dark: #006db7;\n    --pfh-green: #70bd1f;\n    --pfh-green-dark: #3f8d17;\n\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 100px 20px;\n    background:\n      radial-gradient(circle at 12% 18%, rgba(0, 155, 229, 0.11), transparent 28%),\n      radial-gradient(circle at 88% 82%, rgba(112, 189, 31, 0.09), transparent 30%),\n      linear-gradient(180deg, #071019 0%, #091521 100%);\n    color: var(--pfh-white);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .pfh-trade::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    background-image:\n      linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\n    background-size: 52px 52px;\n    mask-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.72), transparent);\n  }\n\n  .pfh-trade::after {\n    content: \"\";\n    position: absolute;\n    right: -240px;\n    top: -300px;\n    width: 720px;\n    height: 720px;\n    z-index: -2;\n    border-radius: 50%;\n    border: 1px solid rgba(0,155,229,.16);\n    box-shadow:\n      0 0 0 80px rgba(0,155,229,.025),\n      0 0 0 160px rgba(112,189,31,.018);\n  }\n\n  .pfh-trade__wrap {\n    width: min(1220px, 100%);\n    margin: 0 auto;\n  }\n\n  .pfh-trade__header {\n    display: grid;\n    grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);\n    gap: 54px;\n    align-items: end;\n    margin-bottom: 52px;\n  }\n\n  .pfh-trade__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 17px;\n    color: #a8e8ff;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n  }\n\n  .pfh-trade__eyebrow::before {\n    content: \"\";\n    width: 34px;\n    height: 3px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--pfh-blue), var(--pfh-green));\n  }\n\n  .pfh-trade__title {\n    margin: 0;\n    color: #fff;\n    font-size: clamp(40px, 4.8vw, 68px);\n    font-weight: 900;\n    letter-spacing: -.048em;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  .pfh-trade__title span {\n    color: var(--pfh-green);\n  }\n\n  .pfh-trade__intro {\n    max-width: 610px;\n    margin: 0;\n    color: #d5e1e9;\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .pfh-trade__intro strong {\n    color: #fff;\n  }\n\n  .pfh-trade__layout {\n    display: grid;\n    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);\n    gap: 24px;\n    align-items: stretch;\n  }\n\n  .pfh-trade__benefits {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  .pfh-trade__card {\n    position: relative;\n    overflow: hidden;\n    min-height: 225px;\n    padding: 26px;\n    border: 1px solid rgba(255,255,255,.09);\n    border-radius: 20px;\n    background:\n      linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),\n      #0a1520;\n    box-shadow:\n      0 22px 50px rgba(0,0,0,.24),\n      inset 0 1px 0 rgba(255,255,255,.045);\n  }\n\n  .pfh-trade__card::after {\n    content: \"\";\n    position: absolute;\n    right: -58px;\n    bottom: -68px;\n    width: 145px;\n    height: 145px;\n    border-radius: 50%;\n    border: 22px solid rgba(0,155,229,.065);\n  }\n\n  .pfh-trade__card:nth-child(even)::after {\n    border-color: rgba(112,189,31,.07);\n  }\n\n  .pfh-trade__icon {\n    width: 54px;\n    height: 54px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 20px;\n    border-radius: 15px;\n    border: 1px solid rgba(0,155,229,.28);\n    background: rgba(0,155,229,.08);\n    color: var(--pfh-blue);\n  }\n\n  .pfh-trade__card:nth-child(even) .pfh-trade__icon {\n    border-color: rgba(112,189,31,.28);\n    background: rgba(112,189,31,.08);\n    color: var(--pfh-green);\n  }\n\n  .pfh-trade__icon svg {\n    width: 28px;\n    height: 28px;\n  }\n\n  .pfh-trade__card h3 {\n    margin: 0 0 10px;\n    color: #fff;\n    font-size: 22px;\n    font-weight: 900;\n    letter-spacing: -.025em;\n    text-transform: uppercase;\n  }\n\n  .pfh-trade__card p {\n    margin: 0;\n    color: var(--pfh-muted);\n    font-size: 15px;\n    line-height: 1.68;\n  }\n\n  .pfh-trade__panel {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    padding: 28px;\n    border: 1px solid rgba(0,155,229,.22);\n    border-radius: 22px;\n    background:\n      radial-gradient(circle at 78% 18%, rgba(0,155,229,.18), transparent 34%),\n      linear-gradient(145deg, rgba(17,27,36,.98), rgba(7,12,17,.99));\n    box-shadow:\n      0 30px 70px rgba(0,0,0,.4),\n      inset 0 1px 0 rgba(255,255,255,.05);\n  }\n\n  .pfh-trade__panel-label {\n    display: inline-flex;\n    align-items: center;\n    align-self: flex-start;\n    gap: 8px;\n    min-height: 30px;\n    padding: 0 11px;\n    border-radius: 999px;\n    border: 1px solid rgba(112,189,31,.28);\n    background: rgba(112,189,31,.08);\n    color: #d8ffb2;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-trade__panel-label::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 10px rgba(112,189,31,.8);\n  }\n\n  .pfh-trade__panel h3 {\n    margin: 28px 0 14px;\n    color: #fff;\n    font-size: clamp(30px, 3vw, 42px);\n    font-weight: 900;\n    letter-spacing: -.04em;\n    line-height: 1.05;\n    text-transform: uppercase;\n  }\n\n  .pfh-trade__panel-copy {\n    margin: 0;\n    color: #b8c7d0;\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .pfh-trade__list {\n    display: grid;\n    gap: 12px;\n    margin: 28px 0 30px;\n    padding: 0;\n    list-style: none;\n  }\n\n  .pfh-trade__list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    color: #dce7ed;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.5;\n  }\n\n  .pfh-trade__check {\n    width: 21px;\n    height: 21px;\n    flex: 0 0 21px;\n    display: grid;\n    place-items: center;\n    margin-top: 1px;\n    border-radius: 50%;\n    background: rgba(112,189,31,.14);\n    color: var(--pfh-green);\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  .pfh-trade__button {\n    min-height: 56px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    margin-top: auto;\n    padding: 0 22px;\n    border: 1px solid var(--pfh-blue);\n    border-radius: 7px;\n    background: linear-gradient(135deg, var(--pfh-blue), var(--pfh-blue-dark));\n    color: #fff !important;\n    box-shadow: 0 14px 34px rgba(0,155,229,.22);\n    font-size: 14px;\n    font-weight: 900;\n    letter-spacing: .045em;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    transition: transform .22s ease, box-shadow .22s ease;\n  }\n\n  .pfh-trade__button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 18px 40px rgba(0,155,229,.34);\n  }\n\n  .pfh-trade__button svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .pfh-trade__sectors {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 28px;\n    padding-top: 24px;\n    border-top: 1px solid rgba(255,255,255,.08);\n  }\n\n  .pfh-trade__sector {\n    min-height: 34px;\n    display: inline-flex;\n    align-items: center;\n    padding: 0 12px;\n    border: 1px solid rgba(255,255,255,.08);\n    border-radius: 999px;\n    background: rgba(255,255,255,.03);\n    color: #c8d6de;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: .03em;\n  }\n\n  .pfh-trade__bottom-line {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 4px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--pfh-blue) 24%,\n      var(--pfh-green) 70%,\n      transparent\n    );\n  }\n\n  @media (max-width: 980px) {\n    .pfh-trade {\n      padding: 84px 20px;\n    }\n\n    .pfh-trade__header,\n    .pfh-trade__layout {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-trade__header {\n      gap: 24px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-trade {\n      padding: 70px 14px;\n    }\n\n    .pfh-trade__header {\n      margin-bottom: 38px;\n    }\n\n    .pfh-trade__title {\n      font-size: clamp(38px, 11vw, 54px);\n    }\n\n    .pfh-trade__intro {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .pfh-trade__benefits {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-trade__card {\n      min-height: auto;\n      padding: 22px 20px;\n    }\n\n    .pfh-trade__panel {\n      padding: 23px 20px;\n    }\n\n    .pfh-trade__button {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<section class=\"pfh-trade\" aria-labelledby=\"pfh-trade-title\">\n  <div class=\"pfh-trade__wrap\">\n\n    <header class=\"pfh-trade__header\">\n      <div>\n        <div class=\"pfh-trade__eyebrow\">\n          Trade and commercial supply\n        <\/div>\n\n        <h2 class=\"pfh-trade__title\" id=\"pfh-trade-title\">\n          Built for business.<br>\n          Designed to <span>scale.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"pfh-trade__intro\">\n        From independent window cleaners and detailing businesses to workshops,\n        laboratories and industrial users, PureFlow H\u2082O is being built around\n        <strong>reliable supply, competitive pricing and simple repeat ordering.<\/strong>\n      <\/p>\n    <\/header>\n\n    <div class=\"pfh-trade__layout\">\n\n      <div class=\"pfh-trade__benefits\">\n\n        <article class=\"pfh-trade__card\">\n          <div class=\"pfh-trade__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 8h16M7 4h10l2 4v12H5V8l2-4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <path d=\"M9 12h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Volume pricing<\/h3>\n          <p>\n            Tailored rates for regular users, larger orders and customers whose\n            purified-water requirements increase over time.\n          <\/p>\n        <\/article>\n\n        <article class=\"pfh-trade__card\">\n          <div class=\"pfh-trade__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M7 7h10v10H7z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <path d=\"M4 12H2m20 0h-2M12 4V2m0 20v-2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Repeat supply<\/h3>\n          <p>\n            Straightforward recurring ordering for businesses that depend on a\n            consistent supply of RO, DI, distilled or ultra-purified water.\n          <\/p>\n        <\/article>\n\n        <article class=\"pfh-trade__card\">\n          <div class=\"pfh-trade__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 7h10v10H4zM14 10h3l3 3v4h-6v-7Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"8\" cy=\"18\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <circle cx=\"17\" cy=\"18\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Flexible fulfilment<\/h3>\n          <p>\n            Convenient 25L containers today, with bulk supply and refill-station\n            options forming part of the wider PureFlow network.\n          <\/p>\n        <\/article>\n\n        <article class=\"pfh-trade__card\">\n          <div class=\"pfh-trade__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M7 4h10a2 2 0 0 1 2 2v14H5V6a2 2 0 0 1 2-2Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <path d=\"M8 9h8M8 13h5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Account support<\/h3>\n          <p>\n            Product guidance and account options designed around the way your\n            team orders, stores and uses purified water.\n          <\/p>\n        <\/article>\n\n      <\/div>\n\n      <aside class=\"pfh-trade__panel\">\n        <span class=\"pfh-trade__panel-label\">\n          Trade accounts\n        <\/span>\n\n        <h3>\n          A smarter way to manage purified water.\n        <\/h3>\n\n        <p class=\"pfh-trade__panel-copy\">\n          PureFlow H\u2082O trade accounts are intended for customers who need regular\n          access, easier reordering and pricing that reflects their usage.\n        <\/p>\n\n        <ul class=\"pfh-trade__list\">\n          <li><span class=\"pfh-trade__check\">\u2713<\/span>Trade and volume-based pricing options<\/li>\n          <li><span class=\"pfh-trade__check\">\u2713<\/span>Support across the full PureFlow water range<\/li>\n          <li><span class=\"pfh-trade__check\">\u2713<\/span>Recurring and larger-order enquiries<\/li>\n          <li><span class=\"pfh-trade__check\">\u2713<\/span>Future access to smart refill account features<\/li>\n        <\/ul>\n\n        <a class=\"pfh-trade__button\" href=\"\/trade-water\/\">\n          Enquire about a trade account\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n\n        <div class=\"pfh-trade__sectors\" aria-label=\"Suitable business sectors\">\n          <span class=\"pfh-trade__sector\">Window Cleaning<\/span>\n          <span class=\"pfh-trade__sector\">Car Detailing<\/span>\n          <span class=\"pfh-trade__sector\">Workshops<\/span>\n          <span class=\"pfh-trade__sector\">Laboratories<\/span>\n          <span class=\"pfh-trade__sector\">Aquariums<\/span>\n          <span class=\"pfh-trade__sector\">Hydroponics<\/span>\n          <span class=\"pfh-trade__sector\">Industrial Users<\/span>\n        <\/div>\n      <\/aside>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"pfh-trade__bottom-line\" aria-hidden=\"true\"><\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdd2af3 e-con-full e-flex e-con e-parent\" data-id=\"bdd2af3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78afe92 elementor-widget elementor-widget-html\" data-id=\"78afe92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     PUREFLOW H2O \u2014 HOMEPAGE BLOCK 07\n     FLEXIBLE SUPPLY SIZES\n     Matched to the approved homepage design\n     Elementor HTML Widget Ready\n     ========================================================= -->\n\n<style>\n  .pfh-delivery,\n  .pfh-delivery * {\n    box-sizing: border-box;\n  }\n\n  .pfh-delivery {\n    --pfh-bg: #f4f8fb;\n    --pfh-card: #ffffff;\n    --pfh-navy: #081a2b;\n    --pfh-text: #425466;\n    --pfh-muted: #738393;\n    --pfh-blue: #009be5;\n    --pfh-blue-dark: #0070b5;\n    --pfh-green: #70bd1f;\n    --pfh-green-dark: #4f9419;\n    --pfh-line: #dbe7ef;\n\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 8% 14%, rgba(0,155,229,0.10), transparent 24%),\n      radial-gradient(circle at 92% 82%, rgba(112,189,31,0.09), transparent 26%),\n      linear-gradient(180deg, #f7fafc 0%, #edf4f8 100%);\n    color: var(--pfh-navy);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .pfh-delivery::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background-image:\n      linear-gradient(rgba(8,26,43,0.032) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(8,26,43,0.032) 1px, transparent 1px);\n    background-size: 54px 54px;\n    mask-image: linear-gradient(to bottom, rgba(0,0,0,.35), transparent 90%);\n  }\n\n  .pfh-delivery__wrap {\n    position: relative;\n    z-index: 2;\n    width: min(1220px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: 96px 0 104px;\n  }\n\n  .pfh-delivery__header {\n    display: grid;\n    grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);\n    gap: 58px;\n    align-items: end;\n    margin-bottom: 48px;\n  }\n\n  .pfh-delivery__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 17px;\n    color: var(--pfh-blue-dark);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n  }\n\n  .pfh-delivery__eyebrow::before {\n    content: \"\";\n    width: 34px;\n    height: 3px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--pfh-blue), var(--pfh-green));\n  }\n\n  .pfh-delivery__title {\n    margin: 0;\n    color: var(--pfh-navy);\n    font-size: clamp(40px, 4.7vw, 66px);\n    font-weight: 900;\n    letter-spacing: -.046em;\n    line-height: 1.02;\n    text-transform: uppercase;\n  }\n\n  .pfh-delivery__title span {\n    color: var(--pfh-green-dark);\n  }\n\n  .pfh-delivery__intro {\n    max-width: 620px;\n    margin: 0;\n    color: var(--pfh-text);\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .pfh-delivery__intro strong {\n    color: var(--pfh-navy);\n  }\n\n  .pfh-delivery__layout {\n    display: grid;\n    grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr);\n    gap: 24px;\n    align-items: stretch;\n  }\n\n  .pfh-delivery__feature {\n    position: relative;\n    overflow: hidden;\n    min-height: 560px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 32px;\n    border: 1px solid rgba(0,155,229,.18);\n    border-radius: 22px;\n    background:\n      radial-gradient(circle at 76% 18%, rgba(51,198,255,.18), transparent 32%),\n      linear-gradient(135deg, #071827 0%, #0b2538 100%);\n    box-shadow:\n      0 28px 65px rgba(8,26,43,.18),\n      inset 0 1px 0 rgba(255,255,255,.05);\n    color: #fff;\n  }\n\n  .pfh-delivery__feature::after {\n    content: \"\";\n    position: absolute;\n    right: -150px;\n    bottom: -200px;\n    width: 400px;\n    height: 400px;\n    border-radius: 50%;\n    border: 1px solid rgba(255,255,255,.10);\n    box-shadow:\n      0 0 0 60px rgba(0,155,229,.035),\n      0 0 0 120px rgba(112,189,31,.025);\n  }\n\n  .pfh-delivery__feature-top,\n  .pfh-delivery__feature-bottom {\n    position: relative;\n    z-index: 2;\n  }\n\n  .pfh-delivery__tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    min-height: 32px;\n    padding: 0 12px;\n    border: 1px solid rgba(112,189,31,.28);\n    border-radius: 999px;\n    background: rgba(112,189,31,.09);\n    color: #d8ffb2;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-delivery__tag::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 10px rgba(112,189,31,.8);\n  }\n\n  .pfh-delivery__feature h3 {\n    max-width: 430px;\n    margin: 27px 0 14px;\n    color: #fff;\n    font-size: clamp(32px, 3.4vw, 48px);\n    font-weight: 900;\n    letter-spacing: -.042em;\n    line-height: 1.04;\n    text-transform: uppercase;\n  }\n\n  .pfh-delivery__feature-copy {\n    max-width: 480px;\n    margin: 0;\n    color: #c8d8e1;\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .pfh-delivery__container-visual {\n    position: relative;\n    z-index: 2;\n    width: min(280px, 78%);\n    margin: 34px auto 20px;\n  }\n\n  .pfh-delivery__container-body {\n    position: relative;\n    width: 100%;\n    aspect-ratio: .82;\n    border-radius: 28px 28px 22px 22px;\n    background:\n      linear-gradient(145deg, rgba(255,255,255,.92), rgba(207,225,235,.82));\n    border: 1px solid rgba(255,255,255,.55);\n    box-shadow:\n      0 28px 55px rgba(0,0,0,.28),\n      inset 12px 12px 22px rgba(255,255,255,.65),\n      inset -12px -12px 22px rgba(7,24,39,.12);\n  }\n\n  .pfh-delivery__container-body::before {\n    content: \"\";\n    position: absolute;\n    top: -28px;\n    left: 50%;\n    width: 84px;\n    height: 42px;\n    transform: translateX(-50%);\n    border-radius: 10px 10px 4px 4px;\n    background: linear-gradient(180deg, #0c293d, #071827);\n    border: 1px solid rgba(255,255,255,.12);\n  }\n\n  .pfh-delivery__container-body::after {\n    content: \"25L\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: grid;\n    place-items: center;\n    width: 118px;\n    height: 118px;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background: linear-gradient(145deg, var(--pfh-blue), var(--pfh-blue-dark));\n    color: #fff;\n    box-shadow:\n      0 18px 38px rgba(0,155,229,.28),\n      inset 0 1px 0 rgba(255,255,255,.25);\n    font-size: 34px;\n    font-weight: 900;\n    letter-spacing: -.04em;\n  }\n\n  .pfh-delivery__feature-bottom {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0,1fr));\n    gap: 12px;\n    margin-top: 24px;\n  }\n\n  .pfh-delivery__mini {\n    min-height: 96px;\n    padding: 16px;\n    border: 1px solid rgba(255,255,255,.08);\n    border-radius: 14px;\n    background: rgba(255,255,255,.035);\n  }\n\n  .pfh-delivery__mini span {\n    display: block;\n    margin-bottom: 8px;\n    color: #90a7b6;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-delivery__mini strong {\n    color: #fff;\n    font-size: 16px;\n    line-height: 1.35;\n  }\n\n  .pfh-delivery__steps {\n    display: grid;\n    gap: 16px;\n  }\n\n  .pfh-delivery__step {\n    position: relative;\n    display: grid;\n    grid-template-columns: 64px minmax(0,1fr);\n    gap: 20px;\n    padding: 26px;\n    border: 1px solid var(--pfh-line);\n    border-radius: 20px;\n    background:\n      linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,252,254,.96));\n    box-shadow:\n      0 20px 45px rgba(8,26,43,.08),\n      inset 0 1px 0 rgba(255,255,255,.85);\n  }\n\n  .pfh-delivery__step-number {\n    width: 58px;\n    height: 58px;\n    display: grid;\n    place-items: center;\n    border-radius: 16px;\n    border: 1px solid rgba(0,155,229,.24);\n    background:\n      radial-gradient(circle at 30% 24%, rgba(255,255,255,.95), transparent 34%),\n      linear-gradient(145deg, rgba(0,155,229,.16), rgba(0,112,181,.06));\n    color: var(--pfh-blue-dark);\n    font-size: 14px;\n    font-weight: 900;\n  }\n\n  .pfh-delivery__step:nth-child(even) .pfh-delivery__step-number {\n    border-color: rgba(112,189,31,.26);\n    background:\n      radial-gradient(circle at 30% 24%, rgba(255,255,255,.95), transparent 34%),\n      linear-gradient(145deg, rgba(112,189,31,.17), rgba(79,148,25,.06));\n    color: var(--pfh-green-dark);\n  }\n\n  .pfh-delivery__step h3 {\n    margin: 1px 0 9px;\n    color: var(--pfh-navy);\n    font-size: 23px;\n    font-weight: 900;\n    letter-spacing: -.03em;\n    line-height: 1.1;\n    text-transform: uppercase;\n  }\n\n  .pfh-delivery__step p {\n    margin: 0;\n    color: var(--pfh-muted);\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .pfh-delivery__footer {\n    display: grid;\n    grid-template-columns: minmax(0,1fr) auto;\n    gap: 24px;\n    align-items: center;\n    margin-top: 26px;\n    padding: 24px 26px;\n    border: 1px solid var(--pfh-line);\n    border-radius: 18px;\n    background:\n      linear-gradient(90deg, rgba(0,155,229,.07), rgba(112,189,31,.055)),\n      rgba(255,255,255,.72);\n    box-shadow: 0 18px 38px rgba(8,26,43,.06);\n  }\n\n  .pfh-delivery__footer-copy {\n    margin: 0;\n    color: var(--pfh-text);\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .pfh-delivery__footer-copy strong {\n    color: var(--pfh-navy);\n  }\n\n  .pfh-delivery__button {\n    min-height: 52px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 0 21px;\n    border: 1px solid var(--pfh-blue);\n    border-radius: 9px;\n    background: linear-gradient(135deg, var(--pfh-blue), var(--pfh-blue-dark));\n    color: #fff !important;\n    box-shadow: 0 13px 28px rgba(0,155,229,.18);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .055em;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    transition: transform .22s ease, box-shadow .22s ease;\n  }\n\n  .pfh-delivery__button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 17px 34px rgba(0,155,229,.28);\n  }\n\n  .pfh-delivery__button svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  @media (max-width: 980px) {\n    .pfh-delivery__header,\n    .pfh-delivery__layout {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-delivery__header {\n      gap: 24px;\n    }\n\n    .pfh-delivery__feature {\n      min-height: auto;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-delivery__wrap {\n      width: min(100% - 28px, 1220px);\n      padding: 68px 0 74px;\n    }\n\n    .pfh-delivery__header {\n      margin-bottom: 34px;\n    }\n\n    .pfh-delivery__title {\n      font-size: clamp(38px, 11vw, 54px);\n    }\n\n    .pfh-delivery__intro {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .pfh-delivery__feature {\n      padding: 24px 20px;\n    }\n\n    .pfh-delivery__feature-bottom {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-delivery__step {\n      grid-template-columns: 48px minmax(0,1fr);\n      gap: 14px;\n      padding: 22px 20px;\n    }\n\n    .pfh-delivery__step-number {\n      width: 44px;\n      height: 44px;\n      border-radius: 13px;\n    }\n\n    .pfh-delivery__step h3 {\n      font-size: 20px;\n    }\n\n    .pfh-delivery__footer {\n      grid-template-columns: 1fr;\n      padding: 21px 20px;\n    }\n\n    .pfh-delivery__button {\n      width: 100%;\n    }\n  }\n\n  .pfh-delivery__sizes {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .pfh-delivery__size-card {\n    position: relative;\n    overflow: hidden;\n    min-height: 495px;\n    display: flex;\n    flex-direction: column;\n    padding: 24px;\n    border: 1px solid var(--pfh-line);\n    border-radius: 20px;\n    background: linear-gradient(145deg, rgba(255,255,255,.99), rgba(248,252,254,.97));\n    box-shadow: 0 20px 45px rgba(8,26,43,.08);\n    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;\n  }\n\n  .pfh-delivery__size-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(0,155,229,.34);\n    box-shadow: 0 28px 58px rgba(8,26,43,.12);\n  }\n\n  .pfh-delivery__size-tag {\n    align-self: flex-start;\n    min-height: 29px;\n    display: inline-flex;\n    align-items: center;\n    padding: 0 10px;\n    border-radius: 999px;\n    border: 1px solid rgba(0,155,229,.22);\n    background: rgba(0,155,229,.07);\n    color: var(--pfh-blue-dark);\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n  .pfh-delivery__size-card:nth-child(even) .pfh-delivery__size-tag {\n    border-color: rgba(112,189,31,.24);\n    background: rgba(112,189,31,.07);\n    color: var(--pfh-green-dark);\n  }\n\n  .pfh-delivery__product-visual {\n    height: 245px;\n    display: grid;\n    place-items: center;\n    margin: 18px 0 18px;\n    padding: 8px;\n  }\n\n  .pfh-delivery__product-image {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    object-position: center;\n    filter: drop-shadow(0 18px 24px rgba(8,26,43,.15));\n  }\n\n  .pfh-delivery__size-card h3 {\n    margin: 0 0 10px;\n    color: var(--pfh-navy);\n    font-size: 24px;\n    font-weight: 900;\n    letter-spacing: -.03em;\n    line-height: 1.08;\n    text-transform: uppercase;\n  }\n\n  .pfh-delivery__size-card p {\n    margin: 0 0 18px;\n    color: var(--pfh-muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  .pfh-delivery__best {\n    margin-top: auto;\n    padding-top: 15px;\n    border-top: 1px solid var(--pfh-line);\n  }\n\n  .pfh-delivery__best span,\n  .pfh-delivery__best strong {\n    display: block;\n  }\n\n  .pfh-delivery__best span {\n    margin-bottom: 6px;\n    color: #8493a0;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-delivery__best strong {\n    color: var(--pfh-navy);\n    font-size: 13px;\n    line-height: 1.45;\n  }\n\n  .pfh-delivery__steps--horizontal {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    margin-top: 24px;\n  }\n\n  .pfh-delivery__steps--horizontal .pfh-delivery__step {\n    grid-template-columns: 48px minmax(0,1fr);\n    gap: 14px;\n    padding: 22px;\n  }\n\n  .pfh-delivery__steps--horizontal .pfh-delivery__step-number {\n    width: 44px;\n    height: 44px;\n    border-radius: 13px;\n  }\n\n  .pfh-delivery__steps--horizontal .pfh-delivery__step h3 {\n    font-size: 18px;\n  }\n\n  @media (max-width: 1100px) {\n    .pfh-delivery__sizes,\n    .pfh-delivery__steps--horizontal {\n      grid-template-columns: repeat(2, minmax(0,1fr));\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-delivery__sizes,\n    .pfh-delivery__steps--horizontal {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-delivery__size-card {\n      min-height: auto;\n      padding: 20px;\n    }\n\n    .pfh-delivery__product-visual {\n      height: 235px;\n    }\n  }\n\n\n  \/* =========================================================\n     PRODUCT CARD IMAGE AND TEXT ALIGNMENT FIX\n     ========================================================= *\/\n\n  .pfh-delivery__size-card {\n    min-height: 540px;\n    padding: 22px;\n  }\n\n  .pfh-delivery__product-visual {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    height: 225px;\n    min-height: 225px;\n    margin: 18px 0 22px;\n    padding: 10px;\n    border-radius: 14px;\n    background: #ffffff;\n  }\n\n  .pfh-delivery__product-image {\n    position: absolute !important;\n    inset: 10px !important;\n    display: block !important;\n    width: calc(100% - 20px) !important;\n    max-width: calc(100% - 20px) !important;\n    height: calc(100% - 20px) !important;\n    max-height: calc(100% - 20px) !important;\n    margin: 0 !important;\n    object-fit: contain !important;\n    object-position: center center !important;\n    transform: none !important;\n  }\n\n  .pfh-delivery__size-card h3 {\n    position: relative;\n    z-index: 3;\n    margin: 0 0 10px;\n    font-size: 22px;\n    line-height: 1.1;\n  }\n\n  .pfh-delivery__size-card p {\n    position: relative;\n    z-index: 3;\n    margin: 0 0 18px;\n    font-size: 14px;\n    line-height: 1.58;\n  }\n\n  .pfh-delivery__best {\n    position: relative;\n    z-index: 3;\n  }\n\n  @media (max-width: 1100px) {\n    .pfh-delivery__size-card {\n      min-height: 520px;\n    }\n\n    .pfh-delivery__product-visual {\n      height: 245px;\n      min-height: 245px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-delivery__size-card {\n      min-height: auto;\n    }\n\n    .pfh-delivery__product-visual {\n      height: 260px;\n      min-height: 260px;\n      margin-bottom: 20px;\n    }\n\n    .pfh-delivery__size-card h3 {\n      font-size: 22px;\n    }\n  }\n\n<\/style>\n\n<section class=\"pfh-delivery\" aria-labelledby=\"pfh-delivery-title\">\n  <div class=\"pfh-delivery__wrap\">\n\n    <header class=\"pfh-delivery__header\">\n      <div>\n        <div class=\"pfh-delivery__eyebrow\">\n          Flexible supply sizes\n        <\/div>\n\n        <h2 class=\"pfh-delivery__title\" id=\"pfh-delivery-title\">\n          Purified water.<br>\n          Sized for <span>every requirement.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"pfh-delivery__intro\">\n        PureFlow H\u2082O supplies purified water in 5L and 25L containers,\n        220L drums and 1000L IBC tanks, giving domestic, trade and industrial\n        customers the right format for <strong>delivery, storage and repeat use.<\/strong>\n      <\/p>\n    <\/header>\n\n    <div class=\"pfh-delivery__sizes\">\n\n      <article class=\"pfh-delivery__size-card\">\n        <span class=\"pfh-delivery__size-tag\">Compact supply<\/span>\n\n        <div class=\"pfh-delivery__product-visual\">\n          <img decoding=\"async\"\n            class=\"pfh-delivery__product-image\"\n            src=\"https:\/\/pure-flow-h2o.com\/wp-content\/uploads\/2026\/07\/pureflow-5l-container.png\"\n            alt=\"PureFlow H2O branded 5 litre purified water container\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <h3>5L Container<\/h3>\n        <p>\n          Compact and easy to store for occasional domestic use,\n          small equipment and low-volume requirements.\n        <\/p>\n\n        <div class=\"pfh-delivery__best\">\n          <span>Best suited to<\/span>\n          <strong>Home use, small appliances and occasional requirements.<\/strong>\n        <\/div>\n      <\/article>\n\n      <article class=\"pfh-delivery__size-card\">\n        <span class=\"pfh-delivery__size-tag\">Popular format<\/span>\n\n        <div class=\"pfh-delivery__product-visual\">\n          <img decoding=\"async\"\n            class=\"pfh-delivery__product-image\"\n            src=\"https:\/\/pure-flow-h2o.com\/wp-content\/uploads\/2026\/07\/pureflow-25l-container.png\"\n            alt=\"PureFlow H2O branded 25 litre purified water container\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <h3>25L Container<\/h3>\n        <p>\n          A practical balance of capacity and portability for regular\n          home, mobile trade, workshop and professional use.\n        <\/p>\n\n        <div class=\"pfh-delivery__best\">\n          <span>Best suited to<\/span>\n          <strong>Window cleaners, detailers, workshops, aquariums and hydroponics.<\/strong>\n        <\/div>\n      <\/article>\n\n      <article class=\"pfh-delivery__size-card\">\n        <span class=\"pfh-delivery__size-tag\">Commercial supply<\/span>\n\n        <div class=\"pfh-delivery__product-visual\">\n          <img decoding=\"async\"\n            class=\"pfh-delivery__product-image\"\n            src=\"https:\/\/pure-flow-h2o.com\/wp-content\/uploads\/2026\/07\/pureflow-220l-drum.png\"\n            alt=\"PureFlow H2O branded 220 litre purified water drum\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <h3>220L Drum<\/h3>\n        <p>\n          Higher-capacity supply for businesses that use purified water\n          regularly and want to reduce ordering frequency.\n        <\/p>\n\n        <div class=\"pfh-delivery__best\">\n          <span>Best suited to<\/span>\n          <strong>Valeting sites, workshops, laboratories and regular trade customers.<\/strong>\n        <\/div>\n      <\/article>\n\n      <article class=\"pfh-delivery__size-card\">\n        <span class=\"pfh-delivery__size-tag\">Bulk supply<\/span>\n\n        <div class=\"pfh-delivery__product-visual\">\n          <img decoding=\"async\"\n            class=\"pfh-delivery__product-image\"\n            src=\"https:\/\/pure-flow-h2o.com\/wp-content\/uploads\/2026\/07\/pureflow-1000l-ibc-tank.png\"\n            alt=\"PureFlow H2O branded 1000 litre purified water IBC tank\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <h3>1000L IBC Tank<\/h3>\n        <p>\n          Bulk purified-water supply for high-consumption commercial,\n          industrial and multi-site applications.\n        <\/p>\n\n        <div class=\"pfh-delivery__best\">\n          <span>Best suited to<\/span>\n          <strong>Industrial users, large workshops, production sites and bulk storage.<\/strong>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"pfh-delivery__steps pfh-delivery__steps--horizontal\">\n\n      <article class=\"pfh-delivery__step\">\n        <div class=\"pfh-delivery__step-number\">01<\/div>\n        <div>\n          <h3>Select your water<\/h3>\n          <p>\n            Choose reverse osmosis, deionised, distilled or ultra-purified water.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"pfh-delivery__step\">\n        <div class=\"pfh-delivery__step-number\">02<\/div>\n        <div>\n          <h3>Choose your size<\/h3>\n          <p>\n            Match the container format to your consumption and storage needs.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"pfh-delivery__step\">\n        <div class=\"pfh-delivery__step-number\">03<\/div>\n        <div>\n          <h3>Produced and checked<\/h3>\n          <p>\n            Water is purified using the relevant process and checked before supply.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"pfh-delivery__step\">\n        <div class=\"pfh-delivery__step-number\">04<\/div>\n        <div>\n          <h3>Delivered or reordered<\/h3>\n          <p>\n            Order once, arrange repeat supply or discuss a commercial account.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"pfh-delivery__footer\">\n      <p class=\"pfh-delivery__footer-copy\">\n        Need help choosing the right container?\n        <strong>We can recommend a supply size based on your expected water usage.<\/strong>\n      <\/p>\n\n      <a class=\"pfh-delivery__button\" href=\"\/contact\/\">\n        Discuss your requirements\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3860080 e-con-full e-flex e-con e-parent\" data-id=\"3860080\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-054d1a5 elementor-widget elementor-widget-html\" data-id=\"054d1a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     PUREFLOW H2O \u2014 HOMEPAGE BLOCK 08\n     THE FUTURE OF WATER REFILL\n     Matched to the approved homepage design\n     Elementor HTML Widget Ready\n     ========================================================= -->\n\n<style>\n  .pfh-refill,\n  .pfh-refill * {\n    box-sizing: border-box;\n  }\n\n  .pfh-refill {\n    --pfh-black: #05080b;\n    --pfh-panel: #0b1117;\n    --pfh-panel-light: #111b24;\n    --pfh-white: #ffffff;\n    --pfh-muted: #aab7c2;\n    --pfh-blue: #009be5;\n    --pfh-blue-dark: #006db7;\n    --pfh-green: #70bd1f;\n    --pfh-green-dark: #3f8d17;\n\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 100px 20px;\n    background:\n      radial-gradient(circle at 18% 18%, rgba(0, 155, 229, 0.13), transparent 28%),\n      radial-gradient(circle at 86% 82%, rgba(112, 189, 31, 0.10), transparent 30%),\n      linear-gradient(135deg, #020405 0%, #071018 50%, #040708 100%);\n    color: var(--pfh-white);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .pfh-refill::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    background-image:\n      linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\n    background-size: 46px 46px;\n    mask-image: linear-gradient(to bottom, transparent 2%, rgba(0,0,0,.88) 18%, rgba(0,0,0,.88) 82%, transparent 98%);\n  }\n\n  .pfh-refill::after {\n    content: \"\";\n    position: absolute;\n    right: -260px;\n    bottom: -340px;\n    width: 760px;\n    height: 760px;\n    z-index: -2;\n    border-radius: 50%;\n    border: 1px solid rgba(0,155,229,.18);\n    box-shadow:\n      0 0 0 80px rgba(0,155,229,.025),\n      0 0 0 160px rgba(112,189,31,.018);\n  }\n\n  .pfh-refill__wrap {\n    width: min(1220px, 100%);\n    margin: 0 auto;\n  }\n\n  .pfh-refill__header {\n    display: grid;\n    grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);\n    gap: 54px;\n    align-items: end;\n    margin-bottom: 54px;\n  }\n\n  .pfh-refill__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 21px;\n    padding: 10px 15px;\n    border: 1px solid rgba(0,155,229,.36);\n    border-radius: 999px;\n    background: rgba(0,155,229,.08);\n    color: #bcecff;\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: .13em;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  .pfh-refill__eyebrow-dot {\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 14px rgba(112,189,31,.9);\n  }\n\n  .pfh-refill__title {\n    margin: 0;\n    color: var(--pfh-white);\n    font-size: clamp(42px, 5vw, 72px);\n    font-weight: 900;\n    letter-spacing: -.052em;\n    line-height: .98;\n    text-transform: uppercase;\n  }\n\n  .pfh-refill__title .pfh-blue {\n    color: var(--pfh-blue);\n  }\n\n  .pfh-refill__title .pfh-green {\n    color: var(--pfh-green);\n  }\n\n  .pfh-refill__intro {\n    max-width: 620px;\n    margin: 0;\n    color: var(--pfh-muted);\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .pfh-refill__intro strong {\n    color: #eef8fc;\n  }\n\n  .pfh-refill__layout {\n    display: grid;\n    grid-template-columns: minmax(390px, .92fr) minmax(0, 1.08fr);\n    gap: 42px;\n    align-items: stretch;\n  }\n\n  .pfh-refill__station {\n    position: relative;\n    min-height: 620px;\n    padding: 24px;\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: 24px;\n    background:\n      linear-gradient(145deg, rgba(17,27,36,.97), rgba(7,12,17,.98));\n    box-shadow:\n      0 35px 80px rgba(0,0,0,.48),\n      inset 0 1px 0 rgba(255,255,255,.06);\n    backdrop-filter: blur(16px);\n  }\n\n  .pfh-refill__station-top {\n    display: flex;\n    justify-content: space-between;\n    gap: 15px;\n    align-items: center;\n    padding: 3px 3px 18px;\n  }\n\n  .pfh-refill__station-title {\n    color: #fff;\n    font-size: 17px;\n    font-weight: 900;\n  }\n\n  .pfh-refill__status {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    padding: 8px 11px;\n    border-radius: 999px;\n    background: rgba(112,189,31,.11);\n    color: #cfff9c;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n  .pfh-refill__status::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 10px rgba(112,189,31,.9);\n  }\n\n  .pfh-refill__machine {\n    position: relative;\n    overflow: hidden;\n    min-height: 350px;\n    display: grid;\n    place-items: center;\n    padding: 28px;\n    border: 1px solid rgba(0,155,229,.22);\n    border-radius: 18px;\n    background:\n      radial-gradient(circle at center, rgba(0,155,229,.18), transparent 58%),\n      #081119;\n  }\n\n  .pfh-refill__machine-body {\n    position: relative;\n    width: 220px;\n    height: 280px;\n    border-radius: 20px;\n    background: linear-gradient(145deg, #142433, #09121a);\n    border: 1px solid rgba(255,255,255,.12);\n    box-shadow:\n      0 30px 55px rgba(0,0,0,.34),\n      inset 0 1px 0 rgba(255,255,255,.06);\n  }\n\n  .pfh-refill__screen {\n    position: absolute;\n    top: 26px;\n    left: 28px;\n    right: 28px;\n    height: 82px;\n    display: grid;\n    place-items: center;\n    border-radius: 12px;\n    background:\n      radial-gradient(circle at center, rgba(0,155,229,.25), transparent 60%),\n      #06131d;\n    border: 1px solid rgba(0,155,229,.25);\n    color: #d9f6ff;\n    font-size: 18px;\n    font-weight: 900;\n    letter-spacing: .03em;\n    text-transform: uppercase;\n  }\n\n  .pfh-refill__tap {\n    position: absolute;\n    top: 128px;\n    left: 50%;\n    width: 34px;\n    height: 34px;\n    transform: translateX(-50%);\n    border-radius: 50%;\n    background: linear-gradient(145deg, var(--pfh-blue), var(--pfh-blue-dark));\n    box-shadow: 0 0 18px rgba(0,155,229,.4);\n  }\n\n  .pfh-refill__tap::after {\n    content: \"\";\n    position: absolute;\n    top: 28px;\n    left: 50%;\n    width: 8px;\n    height: 52px;\n    transform: translateX(-50%);\n    border-radius: 999px;\n    background: linear-gradient(180deg, #2cc3ff, rgba(44,195,255,.08));\n  }\n\n  .pfh-refill__bay {\n    position: absolute;\n    right: 28px;\n    bottom: 28px;\n    left: 28px;\n    height: 78px;\n    border-radius: 14px;\n    border: 1px solid rgba(255,255,255,.09);\n    background: rgba(255,255,255,.035);\n  }\n\n  .pfh-refill__bay::before {\n    content: \"PLACE CONTAINER\";\n    position: absolute;\n    inset: 0;\n    display: grid;\n    place-items: center;\n    color: #8ea2af;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .08em;\n  }\n\n  .pfh-refill__station-stats {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0,1fr));\n    gap: 12px;\n    margin-top: 12px;\n  }\n\n  .pfh-refill__stat {\n    min-height: 102px;\n    padding: 17px;\n    border: 1px solid rgba(255,255,255,.08);\n    border-radius: 15px;\n    background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));\n  }\n\n  .pfh-refill__stat span {\n    display: block;\n    margin-bottom: 12px;\n    color: #8fa1ad;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-refill__stat strong {\n    color: #fff;\n    font-size: 18px;\n    line-height: 1.25;\n  }\n\n  .pfh-refill__stat--blue strong {\n    color: #2bbdff;\n  }\n\n  .pfh-refill__stat--green strong {\n    color: #90dc3a;\n  }\n\n  .pfh-refill__content {\n    display: grid;\n    gap: 16px;\n  }\n\n  .pfh-refill__card {\n    position: relative;\n    display: grid;\n    grid-template-columns: 60px minmax(0,1fr);\n    gap: 18px;\n    padding: 26px;\n    border: 1px solid rgba(255,255,255,.09);\n    border-radius: 18px;\n    background:\n      linear-gradient(145deg, rgba(17,27,36,.88), rgba(8,14,19,.92));\n    box-shadow:\n      0 22px 50px rgba(0,0,0,.22),\n      inset 0 1px 0 rgba(255,255,255,.04);\n  }\n\n  .pfh-refill__icon {\n    width: 56px;\n    height: 56px;\n    display: grid;\n    place-items: center;\n    border-radius: 15px;\n    border: 1px solid rgba(0,155,229,.28);\n    background: rgba(0,155,229,.08);\n    color: var(--pfh-blue);\n  }\n\n  .pfh-refill__card:nth-child(even) .pfh-refill__icon {\n    border-color: rgba(112,189,31,.28);\n    background: rgba(112,189,31,.08);\n    color: var(--pfh-green);\n  }\n\n  .pfh-refill__icon svg {\n    width: 28px;\n    height: 28px;\n  }\n\n  .pfh-refill__card h3 {\n    margin: 1px 0 9px;\n    color: #fff;\n    font-size: 23px;\n    font-weight: 900;\n    letter-spacing: -.03em;\n    line-height: 1.15;\n    text-transform: uppercase;\n  }\n\n  .pfh-refill__card p {\n    margin: 0;\n    color: var(--pfh-muted);\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .pfh-refill__host {\n    margin-top: 4px;\n    padding: 24px 25px;\n    border: 1px solid rgba(112,189,31,.24);\n    border-radius: 18px;\n    background:\n      linear-gradient(90deg, rgba(0,155,229,.07), rgba(112,189,31,.07)),\n      rgba(255,255,255,.025);\n  }\n\n  .pfh-refill__host h3 {\n    margin: 0 0 9px;\n    color: #fff;\n    font-size: 22px;\n    font-weight: 900;\n    letter-spacing: -.025em;\n    text-transform: uppercase;\n  }\n\n  .pfh-refill__host p {\n    margin: 0 0 18px;\n    color: #c7d6df;\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .pfh-refill__button {\n    min-height: 52px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 0 21px;\n    border: 1px solid var(--pfh-green);\n    border-radius: 7px;\n    background: linear-gradient(135deg, var(--pfh-green), var(--pfh-green-dark));\n    color: #fff !important;\n    box-shadow: 0 13px 28px rgba(112,189,31,.18);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .055em;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    transition: transform .22s ease, box-shadow .22s ease;\n  }\n\n  .pfh-refill__button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 17px 34px rgba(112,189,31,.28);\n  }\n\n  .pfh-refill__button svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  .pfh-refill__bottom-line {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 4px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--pfh-blue) 24%,\n      var(--pfh-green) 70%,\n      transparent\n    );\n  }\n\n  @media (max-width: 980px) {\n    .pfh-refill {\n      padding: 84px 20px;\n    }\n\n    .pfh-refill__header,\n    .pfh-refill__layout {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-refill__header {\n      gap: 24px;\n    }\n\n    .pfh-refill__station {\n      min-height: auto;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-refill {\n      padding: 70px 14px;\n    }\n\n    .pfh-refill__header {\n      margin-bottom: 38px;\n    }\n\n    .pfh-refill__eyebrow {\n      font-size: 10px;\n      letter-spacing: .1em;\n    }\n\n    .pfh-refill__title {\n      font-size: clamp(39px, 12vw, 56px);\n      line-height: 1;\n    }\n\n    .pfh-refill__intro {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .pfh-refill__station {\n      padding: 15px;\n      border-radius: 19px;\n    }\n\n    .pfh-refill__machine {\n      min-height: 310px;\n      padding: 20px;\n    }\n\n    .pfh-refill__machine-body {\n      width: 190px;\n      height: 250px;\n    }\n\n    .pfh-refill__station-stats {\n      grid-template-columns: 1fr;\n      gap: 9px;\n    }\n\n    .pfh-refill__card {\n      grid-template-columns: 48px minmax(0,1fr);\n      gap: 14px;\n      padding: 22px 20px;\n    }\n\n    .pfh-refill__icon {\n      width: 44px;\n      height: 44px;\n      border-radius: 12px;\n    }\n\n    .pfh-refill__card h3 {\n      font-size: 20px;\n    }\n\n    .pfh-refill__button {\n      width: 100%;\n    }\n  }\n\n  \/* =========================================================\n     REFILL STATION MOCK-UP IMAGE\n     ========================================================= *\/\n\n  .pfh-refill__machine--image {\n    min-height: 0;\n    display: block;\n    padding: 0;\n    overflow: hidden;\n    border: 1px solid rgba(0,155,229,.24);\n    background: #081119;\n  }\n\n  .pfh-refill__station-image {\n    display: block;\n    width: 100%;\n    height: auto;\n    aspect-ratio: 3 \/ 2;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 17px;\n  }\n\n  @media (max-width: 980px) {\n    .pfh-refill__station-image {\n      aspect-ratio: 3 \/ 2;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-refill__machine--image {\n      min-height: 0;\n      padding: 0;\n    }\n\n    .pfh-refill__station-image {\n      aspect-ratio: auto;\n      object-fit: contain;\n    }\n  }\n\n<\/style>\n\n<section class=\"pfh-refill\" aria-labelledby=\"pfh-refill-title\">\n  <div class=\"pfh-refill__wrap\">\n\n    <header class=\"pfh-refill__header\">\n      <div>\n        <div class=\"pfh-refill__eyebrow\">\n          <span class=\"pfh-refill__eyebrow-dot\"><\/span>\n          Smart refill network\n        <\/div>\n\n        <h2 class=\"pfh-refill__title\" id=\"pfh-refill-title\">\n          The future of <span class=\"pfh-blue\">water refill.<\/span><br>\n          Built to be <span class=\"pfh-green\">self-service.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"pfh-refill__intro\">\n        PureFlow H\u2082O is developing a network of unattended refill stations designed\n        to make purified water easier to access, while giving trade customers\n        <strong>smarter accounts, faster collection and clearer usage tracking.<\/strong>\n      <\/p>\n    <\/header>\n\n    <div class=\"pfh-refill__layout\">\n\n      <div class=\"pfh-refill__station\">\n        <div class=\"pfh-refill__station-top\">\n          <span class=\"pfh-refill__station-title\">PureFlow Refill Station<\/span>\n          <span class=\"pfh-refill__status\">Concept<\/span>\n        <\/div>\n\n        <div class=\"pfh-refill__machine pfh-refill__machine--image\">\n          <img decoding=\"async\"\n            class=\"pfh-refill__station-image\"\n            src=\"https:\/\/pure-flow-h2o.com\/wp-content\/uploads\/2026\/07\/pureflow-refill-station-mockup.png\"\n            alt=\"PureFlow H2O self-service purified water refill station concept with 5L, 25L, 220L and 1000L container options\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"pfh-refill__station-stats\">\n          <div class=\"pfh-refill__stat pfh-refill__stat--blue\">\n            <span>Access method<\/span>\n            <strong>NFC and secure QR<\/strong>\n          <\/div>\n\n          <div class=\"pfh-refill__stat pfh-refill__stat--green\">\n            <span>Availability<\/span>\n            <strong>Unattended access<\/strong>\n          <\/div>\n\n          <div class=\"pfh-refill__stat pfh-refill__stat--blue\">\n            <span>Control system<\/span>\n            <strong>Smart monitored filling<\/strong>\n          <\/div>\n\n          <div class=\"pfh-refill__stat pfh-refill__stat--green\">\n            <span>Account options<\/span>\n            <strong>Trade and pay-as-you-go<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfh-refill__content\">\n\n        <article class=\"pfh-refill__card\">\n          <div class=\"pfh-refill__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M7 4h10v16H7z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <path d=\"M10 8h4M10 12h4M10 16h4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>Unattended access<\/h3>\n            <p>\n              Customers will be able to access purified water without waiting for\n              staffed opening hours, helping make collection faster and more convenient.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"pfh-refill__card\">\n          <div class=\"pfh-refill__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <path d=\"M8 10h8M8 14h4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>Smart trade accounts<\/h3>\n            <p>\n              NFC cards and rotating secure QR codes can support account pricing,\n              usage permissions and simpler repeat access for approved customers.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"pfh-refill__card\">\n          <div class=\"pfh-refill__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 18V8m5 10V4m5 14v-7m5 7V6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>Live system monitoring<\/h3>\n            <p>\n              Connected controls can track litres dispensed, system condition,\n              water quality indicators, tank levels and operational alerts.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"pfh-refill__card\">\n          <div class=\"pfh-refill__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 10h16v10H4zM7 4h10l2 6H5l2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <path d=\"M9 14h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>Host-location partnerships<\/h3>\n            <p>\n              Garages, supermarkets, car washes and other suitable sites may be able\n              to host PureFlow refill stations through a revenue-sharing model.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <div class=\"pfh-refill__host\">\n          <h3>Interested in hosting a PureFlow refill station?<\/h3>\n          <p>\n            We are developing the future host-location model now. Suitable businesses\n            can register their interest in partnership opportunities and location rollout.\n          <\/p>\n\n          <a class=\"pfh-refill__button\" href=\"\/contact\/\">\n            Register host interest\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"pfh-refill__bottom-line\" aria-hidden=\"true\"><\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13d62e1 e-con-full e-flex e-con e-parent\" data-id=\"13d62e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ac50f8 elementor-widget elementor-widget-html\" data-id=\"9ac50f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     PUREFLOW H2O \u2014 HOMEPAGE BLOCK 09\n     SUSTAINABILITY BY DESIGN\n     Matched to the approved homepage design\n     Elementor HTML Widget Ready\n     ========================================================= -->\n\n<style>\n  .pfh-sustainability,\n  .pfh-sustainability * {\n    box-sizing: border-box;\n  }\n\n  .pfh-sustainability {\n    --pfh-bg: #f4f8fb;\n    --pfh-card: #ffffff;\n    --pfh-navy: #081a2b;\n    --pfh-text: #425466;\n    --pfh-muted: #738393;\n    --pfh-blue: #009be5;\n    --pfh-blue-dark: #0070b5;\n    --pfh-green: #70bd1f;\n    --pfh-green-dark: #4f9419;\n    --pfh-line: #dbe7ef;\n\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 8% 16%, rgba(0,155,229,0.10), transparent 24%),\n      radial-gradient(circle at 92% 84%, rgba(112,189,31,0.11), transparent 28%),\n      linear-gradient(180deg, #f7fafc 0%, #eef5f8 100%);\n    color: var(--pfh-navy);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .pfh-sustainability::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background-image:\n      linear-gradient(rgba(8,26,43,0.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(8,26,43,0.035) 1px, transparent 1px);\n    background-size: 54px 54px;\n    mask-image: linear-gradient(to bottom, rgba(0,0,0,.42), transparent 90%);\n  }\n\n  .pfh-sustainability__wrap {\n    position: relative;\n    z-index: 2;\n    width: min(1220px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: 96px 0 104px;\n  }\n\n  .pfh-sustainability__header {\n    display: grid;\n    grid-template-columns: minmax(0, .92fr) minmax(320px, 1.08fr);\n    gap: 58px;\n    align-items: end;\n    margin-bottom: 48px;\n  }\n\n  .pfh-sustainability__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 17px;\n    color: var(--pfh-blue-dark);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n  }\n\n  .pfh-sustainability__eyebrow::before {\n    content: \"\";\n    width: 34px;\n    height: 3px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--pfh-blue), var(--pfh-green));\n  }\n\n  .pfh-sustainability__title {\n    margin: 0;\n    color: var(--pfh-navy);\n    font-size: clamp(40px, 4.7vw, 66px);\n    font-weight: 900;\n    letter-spacing: -.046em;\n    line-height: 1.02;\n    text-transform: uppercase;\n  }\n\n  .pfh-sustainability__title span {\n    color: var(--pfh-green-dark);\n  }\n\n  .pfh-sustainability__intro {\n    max-width: 620px;\n    margin: 0;\n    color: var(--pfh-text);\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .pfh-sustainability__intro strong {\n    color: var(--pfh-navy);\n  }\n\n  .pfh-sustainability__layout {\n    display: grid;\n    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);\n    gap: 24px;\n    align-items: stretch;\n  }\n\n  .pfh-sustainability__grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .pfh-sustainability__card {\n    position: relative;\n    min-height: 260px;\n    overflow: hidden;\n    padding: 28px;\n    border: 1px solid var(--pfh-line);\n    border-radius: 20px;\n    background:\n      linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,252,254,.96));\n    box-shadow:\n      0 20px 45px rgba(8,26,43,.08),\n      inset 0 1px 0 rgba(255,255,255,.85);\n    transition:\n      transform .25s ease,\n      border-color .25s ease,\n      box-shadow .25s ease;\n  }\n\n  .pfh-sustainability__card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(0,155,229,.36);\n    box-shadow:\n      0 28px 58px rgba(8,26,43,.12),\n      0 0 28px rgba(0,155,229,.07);\n  }\n\n  .pfh-sustainability__card:nth-child(even):hover {\n    border-color: rgba(112,189,31,.40);\n    box-shadow:\n      0 28px 58px rgba(8,26,43,.12),\n      0 0 28px rgba(112,189,31,.08);\n  }\n\n  .pfh-sustainability__card::after {\n    content: \"\";\n    position: absolute;\n    right: -58px;\n    bottom: -72px;\n    width: 165px;\n    height: 165px;\n    border-radius: 50%;\n    border: 24px solid rgba(0,155,229,.055);\n  }\n\n  .pfh-sustainability__card:nth-child(even)::after {\n    border-color: rgba(112,189,31,.06);\n  }\n\n  .pfh-sustainability__icon {\n    position: relative;\n    z-index: 2;\n    width: 64px;\n    height: 64px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 24px;\n    border: 1px solid rgba(0,155,229,.24);\n    border-radius: 18px;\n    background:\n      radial-gradient(circle at 30% 24%, rgba(255,255,255,.95), transparent 34%),\n      linear-gradient(145deg, rgba(0,155,229,.16), rgba(0,112,181,.06));\n    color: var(--pfh-blue-dark);\n  }\n\n  .pfh-sustainability__card:nth-child(even) .pfh-sustainability__icon {\n    border-color: rgba(112,189,31,.26);\n    background:\n      radial-gradient(circle at 30% 24%, rgba(255,255,255,.95), transparent 34%),\n      linear-gradient(145deg, rgba(112,189,31,.17), rgba(79,148,25,.06));\n    color: var(--pfh-green-dark);\n  }\n\n  .pfh-sustainability__icon svg {\n    width: 31px;\n    height: 31px;\n  }\n\n  .pfh-sustainability__card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 13px;\n    color: var(--pfh-navy);\n    font-size: 24px;\n    font-weight: 900;\n    letter-spacing: -.03em;\n    line-height: 1.1;\n    text-transform: uppercase;\n  }\n\n  .pfh-sustainability__card p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: var(--pfh-muted);\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  .pfh-sustainability__feature {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 538px;\n    padding: 32px;\n    border: 1px solid rgba(0,155,229,.18);\n    border-radius: 22px;\n    background:\n      radial-gradient(circle at 80% 18%, rgba(51,198,255,.16), transparent 31%),\n      linear-gradient(135deg, #071827 0%, #0b2538 100%);\n    box-shadow:\n      0 28px 65px rgba(8,26,43,.18),\n      inset 0 1px 0 rgba(255,255,255,.05);\n    color: #fff;\n  }\n\n  .pfh-sustainability__feature::after {\n    content: \"\";\n    position: absolute;\n    right: -150px;\n    bottom: -190px;\n    width: 390px;\n    height: 390px;\n    border-radius: 50%;\n    border: 1px solid rgba(255,255,255,.10);\n    box-shadow:\n      0 0 0 60px rgba(0,155,229,.035),\n      0 0 0 120px rgba(112,189,31,.025);\n  }\n\n  .pfh-sustainability__tag {\n    position: relative;\n    z-index: 2;\n    align-self: flex-start;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    min-height: 32px;\n    padding: 0 12px;\n    border: 1px solid rgba(112,189,31,.28);\n    border-radius: 999px;\n    background: rgba(112,189,31,.09);\n    color: #d8ffb2;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-sustainability__tag::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 10px rgba(112,189,31,.8);\n  }\n\n  .pfh-sustainability__feature h3 {\n    position: relative;\n    z-index: 2;\n    margin: 28px 0 14px;\n    color: #fff;\n    font-size: clamp(32px, 3.4vw, 48px);\n    font-weight: 900;\n    letter-spacing: -.042em;\n    line-height: 1.04;\n    text-transform: uppercase;\n  }\n\n  .pfh-sustainability__feature-copy {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: #c8d8e1;\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .pfh-sustainability__metrics {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    gap: 12px;\n    margin: 28px 0 30px;\n  }\n\n  .pfh-sustainability__metric {\n    display: grid;\n    grid-template-columns: 46px minmax(0,1fr);\n    gap: 14px;\n    align-items: center;\n    padding: 15px;\n    border: 1px solid rgba(255,255,255,.08);\n    border-radius: 14px;\n    background: rgba(255,255,255,.035);\n  }\n\n  .pfh-sustainability__metric-icon {\n    width: 42px;\n    height: 42px;\n    display: grid;\n    place-items: center;\n    border-radius: 12px;\n    background: rgba(0,155,229,.10);\n    color: var(--pfh-blue);\n    font-size: 18px;\n    font-weight: 900;\n  }\n\n  .pfh-sustainability__metric:nth-child(even) .pfh-sustainability__metric-icon {\n    background: rgba(112,189,31,.10);\n    color: var(--pfh-green);\n  }\n\n  .pfh-sustainability__metric span {\n    display: block;\n    margin-bottom: 4px;\n    color: #8fa6b5;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-sustainability__metric strong {\n    color: #fff;\n    font-size: 16px;\n    line-height: 1.35;\n  }\n\n  .pfh-sustainability__note {\n    position: relative;\n    z-index: 2;\n    margin-top: auto;\n    padding: 18px;\n    border: 1px solid rgba(112,189,31,.22);\n    border-radius: 15px;\n    background: rgba(112,189,31,.07);\n    color: #d7e7ee;\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  .pfh-sustainability__footer {\n    display: grid;\n    grid-template-columns: minmax(0,1fr) auto;\n    gap: 24px;\n    align-items: center;\n    margin-top: 26px;\n    padding: 24px 26px;\n    border: 1px solid var(--pfh-line);\n    border-radius: 18px;\n    background:\n      linear-gradient(90deg, rgba(0,155,229,.07), rgba(112,189,31,.055)),\n      rgba(255,255,255,.72);\n    box-shadow: 0 18px 38px rgba(8,26,43,.06);\n  }\n\n  .pfh-sustainability__footer p {\n    margin: 0;\n    color: var(--pfh-text);\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .pfh-sustainability__footer strong {\n    color: var(--pfh-navy);\n  }\n\n  .pfh-sustainability__button {\n    min-height: 52px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 0 21px;\n    border: 1px solid var(--pfh-green);\n    border-radius: 9px;\n    background: linear-gradient(135deg, var(--pfh-green), var(--pfh-green-dark));\n    color: #fff !important;\n    box-shadow: 0 13px 28px rgba(112,189,31,.18);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .055em;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    transition: transform .22s ease, box-shadow .22s ease;\n  }\n\n  .pfh-sustainability__button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 17px 34px rgba(112,189,31,.28);\n  }\n\n  .pfh-sustainability__button svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  @media (max-width: 980px) {\n    .pfh-sustainability__header,\n    .pfh-sustainability__layout {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-sustainability__header {\n      gap: 24px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-sustainability__wrap {\n      width: min(100% - 28px, 1220px);\n      padding: 68px 0 74px;\n    }\n\n    .pfh-sustainability__header {\n      margin-bottom: 34px;\n    }\n\n    .pfh-sustainability__title {\n      font-size: clamp(38px, 11vw, 54px);\n    }\n\n    .pfh-sustainability__intro {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .pfh-sustainability__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-sustainability__card {\n      min-height: auto;\n      padding: 22px 20px;\n    }\n\n    .pfh-sustainability__feature {\n      min-height: auto;\n      padding: 24px 20px;\n    }\n\n    .pfh-sustainability__footer {\n      grid-template-columns: 1fr;\n      padding: 21px 20px;\n    }\n\n    .pfh-sustainability__button {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<section class=\"pfh-sustainability\" aria-labelledby=\"pfh-sustainability-title\">\n  <div class=\"pfh-sustainability__wrap\">\n\n    <header class=\"pfh-sustainability__header\">\n      <div>\n        <div class=\"pfh-sustainability__eyebrow\">\n          Sustainability by design\n        <\/div>\n\n        <h2 class=\"pfh-sustainability__title\" id=\"pfh-sustainability-title\">\n          Smarter supply.<br>\n          Less <span>unnecessary waste.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"pfh-sustainability__intro\">\n        PureFlow H\u2082O is being developed around practical supply methods that can\n        reduce avoidable packaging, transport and handling while giving customers\n        <strong>more efficient access to the water they actually need.<\/strong>\n      <\/p>\n    <\/header>\n\n    <div class=\"pfh-sustainability__layout\">\n\n      <div class=\"pfh-sustainability__grid\">\n\n        <article class=\"pfh-sustainability__card\">\n          <div class=\"pfh-sustainability__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M7 4h10v16H7z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <path d=\"M9 8h6M9 12h6M9 16h4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Reusable containers<\/h3>\n          <p>\n            Durable 25L containers provide a practical route toward repeat use,\n            refill collection and reduced dependence on smaller single-use bottles.\n          <\/p>\n        <\/article>\n\n        <article class=\"pfh-sustainability__card\">\n          <div class=\"pfh-sustainability__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 17h16M6 17V9l6-5 6 5v8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <path d=\"M9 17v-5h6v5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Localised supply<\/h3>\n          <p>\n            Expanding production and refill access closer to customers can help\n            reduce unnecessary transport miles and improve supply efficiency.\n          <\/p>\n        <\/article>\n\n        <article class=\"pfh-sustainability__card\">\n          <div class=\"pfh-sustainability__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 3c3.8 4.5 6 7.3 6 10.3A6 6 0 1 1 6 13.3C6 10.3 8.2 7.5 12 3Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <path d=\"M9 15c.7 1.2 1.8 1.9 3.2 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Purpose-matched purity<\/h3>\n          <p>\n            Supplying the right water type for each application helps avoid using\n            a more intensive purification process where it is not required.\n          <\/p>\n        <\/article>\n\n        <article class=\"pfh-sustainability__card\">\n          <div class=\"pfh-sustainability__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M5 12a7 7 0 0 1 12-4.9L19 9\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M19 5v4h-4M19 12a7 7 0 0 1-12 4.9L5 15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M5 19v-4h4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Refill-led future<\/h3>\n          <p>\n            The planned PureFlow refill network is designed to make repeated local\n            filling more convenient for trade and regular-use customers.\n          <\/p>\n        <\/article>\n\n      <\/div>\n\n      <aside class=\"pfh-sustainability__feature\">\n        <span class=\"pfh-sustainability__tag\">\n          Long-term direction\n        <\/span>\n\n        <h3>A circular model for purified water.<\/h3>\n\n        <p class=\"pfh-sustainability__feature-copy\">\n          The PureFlow model is intended to evolve from delivered containers into\n          a connected refill network where containers remain in use for longer,\n          customers travel less and host locations support local access.\n        <\/p>\n\n        <div class=\"pfh-sustainability__metrics\">\n          <div class=\"pfh-sustainability__metric\">\n            <span class=\"pfh-sustainability__metric-icon\">01<\/span>\n            <div>\n              <span>Today<\/span>\n              <strong>25L container delivery<\/strong>\n            <\/div>\n          <\/div>\n\n          <div class=\"pfh-sustainability__metric\">\n            <span class=\"pfh-sustainability__metric-icon\">02<\/span>\n            <div>\n              <span>Next stage<\/span>\n              <strong>Trade and bulk supply<\/strong>\n            <\/div>\n          <\/div>\n\n          <div class=\"pfh-sustainability__metric\">\n            <span class=\"pfh-sustainability__metric-icon\">03<\/span>\n            <div>\n              <span>Future network<\/span>\n              <strong>Smart local refill stations<\/strong>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"pfh-sustainability__note\">\n          Sustainability improvements will develop alongside the business, with\n          practical decisions based on production efficiency, packaging life,\n          transport requirements and customer demand.\n        <\/div>\n      <\/aside>\n\n    <\/div>\n\n    <div class=\"pfh-sustainability__footer\">\n      <p>\n        PureFlow H\u2082O is building toward a model where\n        <strong>better access and lower waste work together.<\/strong>\n      <\/p>\n\n      <a class=\"pfh-sustainability__button\" href=\"\/about\/\">\n        Discover PureFlow\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bce4789 e-con-full e-flex e-con e-parent\" data-id=\"bce4789\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98bac69 elementor-widget elementor-widget-html\" data-id=\"98bac69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     PUREFLOW H2O \u2014 HOMEPAGE BLOCK 10\n     TRUST, QUALITY AND SERVICE\n     Matched to the approved homepage design\n     Elementor HTML Widget Ready\n     ========================================================= -->\n\n<style>\n  .pfh-trust,\n  .pfh-trust * {\n    box-sizing: border-box;\n  }\n\n  .pfh-trust {\n    --pfh-black: #05080b;\n    --pfh-panel: #0b1117;\n    --pfh-panel-light: #111b24;\n    --pfh-white: #ffffff;\n    --pfh-muted: #aab7c2;\n    --pfh-blue: #009be5;\n    --pfh-blue-dark: #006db7;\n    --pfh-green: #70bd1f;\n    --pfh-green-dark: #3f8d17;\n\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 100px 20px;\n    background:\n      radial-gradient(circle at 14% 18%, rgba(0,155,229,.12), transparent 27%),\n      radial-gradient(circle at 88% 82%, rgba(112,189,31,.09), transparent 28%),\n      linear-gradient(135deg, #020405 0%, #071018 50%, #040708 100%);\n    color: var(--pfh-white);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .pfh-trust::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    background-image:\n      linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\n    background-size: 46px 46px;\n    mask-image: linear-gradient(to bottom, transparent 2%, rgba(0,0,0,.88) 18%, rgba(0,0,0,.88) 82%, transparent 98%);\n  }\n\n  .pfh-trust::after {\n    content: \"\";\n    position: absolute;\n    left: -250px;\n    bottom: -350px;\n    width: 760px;\n    height: 760px;\n    z-index: -2;\n    border-radius: 50%;\n    border: 1px solid rgba(0,155,229,.16);\n    box-shadow:\n      0 0 0 80px rgba(0,155,229,.025),\n      0 0 0 160px rgba(112,189,31,.018);\n  }\n\n  .pfh-trust__wrap {\n    width: min(1220px, 100%);\n    margin: 0 auto;\n  }\n\n  .pfh-trust__header {\n    display: grid;\n    grid-template-columns: minmax(0,.95fr) minmax(320px,1.05fr);\n    gap: 54px;\n    align-items: end;\n    margin-bottom: 52px;\n  }\n\n  .pfh-trust__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 21px;\n    padding: 10px 15px;\n    border: 1px solid rgba(0,155,229,.36);\n    border-radius: 999px;\n    background: rgba(0,155,229,.08);\n    color: #bcecff;\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: .13em;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  .pfh-trust__eyebrow-dot {\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 14px rgba(112,189,31,.9);\n  }\n\n  .pfh-trust__title {\n    margin: 0;\n    color: #fff;\n    font-size: clamp(42px,5vw,72px);\n    font-weight: 900;\n    letter-spacing: -.052em;\n    line-height: .98;\n    text-transform: uppercase;\n  }\n\n  .pfh-trust__title .pfh-blue {\n    color: var(--pfh-blue);\n  }\n\n  .pfh-trust__title .pfh-green {\n    color: var(--pfh-green);\n  }\n\n  .pfh-trust__intro {\n    max-width: 620px;\n    margin: 0;\n    color: var(--pfh-muted);\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .pfh-trust__intro strong {\n    color: #eef8fc;\n  }\n\n  .pfh-trust__layout {\n    display: grid;\n    grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr);\n    gap: 24px;\n    align-items: stretch;\n  }\n\n  .pfh-trust__grid {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 16px;\n  }\n\n  .pfh-trust__card {\n    position: relative;\n    overflow: hidden;\n    min-height: 240px;\n    padding: 26px;\n    border: 1px solid rgba(255,255,255,.09);\n    border-radius: 20px;\n    background:\n      linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),\n      #0a1520;\n    box-shadow:\n      0 22px 50px rgba(0,0,0,.24),\n      inset 0 1px 0 rgba(255,255,255,.045);\n  }\n\n  .pfh-trust__card::after {\n    content: \"\";\n    position: absolute;\n    right: -58px;\n    bottom: -70px;\n    width: 155px;\n    height: 155px;\n    border-radius: 50%;\n    border: 23px solid rgba(0,155,229,.06);\n  }\n\n  .pfh-trust__card:nth-child(even)::after {\n    border-color: rgba(112,189,31,.065);\n  }\n\n  .pfh-trust__icon {\n    position: relative;\n    z-index: 2;\n    width: 60px;\n    height: 60px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 22px;\n    border: 1px solid rgba(0,155,229,.28);\n    border-radius: 17px;\n    background:\n      radial-gradient(circle at 30% 24%, rgba(255,255,255,.16), transparent 34%),\n      linear-gradient(145deg, rgba(0,155,229,.18), rgba(0,112,181,.05));\n    color: #38c7ff;\n  }\n\n  .pfh-trust__card:nth-child(even) .pfh-trust__icon {\n    border-color: rgba(112,189,31,.30);\n    background:\n      radial-gradient(circle at 30% 24%, rgba(255,255,255,.16), transparent 34%),\n      linear-gradient(145deg, rgba(112,189,31,.18), rgba(79,148,25,.05));\n    color: #a0e63c;\n  }\n\n  .pfh-trust__icon svg {\n    width: 30px;\n    height: 30px;\n  }\n\n  .pfh-trust__card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 12px;\n    color: #fff;\n    font-size: 23px;\n    font-weight: 900;\n    letter-spacing: -.03em;\n    line-height: 1.12;\n    text-transform: uppercase;\n  }\n\n  .pfh-trust__card p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: var(--pfh-muted);\n    font-size: 15px;\n    line-height: 1.68;\n  }\n\n  .pfh-trust__panel {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 496px;\n    padding: 30px;\n    border: 1px solid rgba(0,155,229,.22);\n    border-radius: 22px;\n    background:\n      radial-gradient(circle at 78% 18%, rgba(0,155,229,.18), transparent 34%),\n      linear-gradient(145deg, rgba(17,27,36,.98), rgba(7,12,17,.99));\n    box-shadow:\n      0 30px 70px rgba(0,0,0,.4),\n      inset 0 1px 0 rgba(255,255,255,.05);\n  }\n\n  .pfh-trust__panel-label {\n    align-self: flex-start;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    min-height: 30px;\n    padding: 0 11px;\n    border-radius: 999px;\n    border: 1px solid rgba(112,189,31,.28);\n    background: rgba(112,189,31,.08);\n    color: #d8ffb2;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-trust__panel-label::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 10px rgba(112,189,31,.8);\n  }\n\n  .pfh-trust__panel h3 {\n    margin: 27px 0 14px;\n    color: #fff;\n    font-size: clamp(31px,3.2vw,44px);\n    font-weight: 900;\n    letter-spacing: -.04em;\n    line-height: 1.05;\n    text-transform: uppercase;\n  }\n\n  .pfh-trust__panel-copy {\n    margin: 0;\n    color: #b8c7d0;\n    font-size: 16px;\n    line-height: 1.72;\n  }\n\n  .pfh-trust__checks {\n    display: grid;\n    gap: 12px;\n    margin: 28px 0 30px;\n    padding: 0;\n    list-style: none;\n  }\n\n  .pfh-trust__checks li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    color: #dce7ed;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.5;\n  }\n\n  .pfh-trust__check {\n    width: 21px;\n    height: 21px;\n    flex: 0 0 21px;\n    display: grid;\n    place-items: center;\n    margin-top: 1px;\n    border-radius: 50%;\n    background: rgba(112,189,31,.14);\n    color: var(--pfh-green);\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  .pfh-trust__review-note {\n    margin-top: auto;\n    padding: 18px;\n    border: 1px solid rgba(255,255,255,.08);\n    border-radius: 15px;\n    background: rgba(255,255,255,.035);\n  }\n\n  .pfh-trust__stars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 10px;\n    color: var(--pfh-green);\n    font-size: 18px;\n    letter-spacing: .05em;\n  }\n\n  .pfh-trust__review-note strong {\n    display: block;\n    margin-bottom: 6px;\n    color: #fff;\n    font-size: 15px;\n  }\n\n  .pfh-trust__review-note p {\n    margin: 0;\n    color: #9fb0bb;\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  .pfh-trust__footer {\n    display: grid;\n    grid-template-columns: minmax(0,1fr) auto;\n    gap: 24px;\n    align-items: center;\n    margin-top: 26px;\n    padding: 24px 26px;\n    border: 1px solid rgba(255,255,255,.09);\n    border-radius: 18px;\n    background:\n      linear-gradient(90deg, rgba(0,155,229,.07), rgba(112,189,31,.055)),\n      rgba(255,255,255,.025);\n  }\n\n  .pfh-trust__footer p {\n    margin: 0;\n    color: #c7d6df;\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .pfh-trust__footer strong {\n    color: #fff;\n  }\n\n  .pfh-trust__button {\n    min-height: 52px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 0 21px;\n    border: 1px solid var(--pfh-blue);\n    border-radius: 7px;\n    background: linear-gradient(135deg,var(--pfh-blue),var(--pfh-blue-dark));\n    color: #fff !important;\n    box-shadow: 0 13px 28px rgba(0,155,229,.18);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .055em;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    transition: transform .22s ease, box-shadow .22s ease;\n  }\n\n  .pfh-trust__button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 17px 34px rgba(0,155,229,.28);\n  }\n\n  .pfh-trust__button svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  .pfh-trust__bottom-line {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 4px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--pfh-blue) 24%,\n      var(--pfh-green) 70%,\n      transparent\n    );\n  }\n\n  @media (max-width: 980px) {\n    .pfh-trust {\n      padding: 84px 20px;\n    }\n\n    .pfh-trust__header,\n    .pfh-trust__layout {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-trust__header {\n      gap: 24px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-trust {\n      padding: 70px 14px;\n    }\n\n    .pfh-trust__header {\n      margin-bottom: 38px;\n    }\n\n    .pfh-trust__eyebrow {\n      font-size: 10px;\n      letter-spacing: .1em;\n    }\n\n    .pfh-trust__title {\n      font-size: clamp(39px,12vw,56px);\n      line-height: 1;\n    }\n\n    .pfh-trust__intro {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .pfh-trust__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-trust__card,\n    .pfh-trust__panel {\n      min-height: auto;\n      padding: 22px 20px;\n    }\n\n    .pfh-trust__footer {\n      grid-template-columns: 1fr;\n      padding: 21px 20px;\n    }\n\n    .pfh-trust__button {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<section class=\"pfh-trust\" aria-labelledby=\"pfh-trust-title\">\n  <div class=\"pfh-trust__wrap\">\n\n    <header class=\"pfh-trust__header\">\n      <div>\n        <div class=\"pfh-trust__eyebrow\">\n          <span class=\"pfh-trust__eyebrow-dot\"><\/span>\n          Trust, quality and service\n        <\/div>\n\n        <h2 class=\"pfh-trust__title\" id=\"pfh-trust-title\">\n          Clear standards.<br>\n          <span class=\"pfh-blue\">Reliable supply.<\/span><br>\n          <span class=\"pfh-green\">Real support.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"pfh-trust__intro\">\n        PureFlow H\u2082O is being built around straightforward product information,\n        controlled production and responsive support so customers can order with\n        <strong>greater confidence and fewer complications.<\/strong>\n      <\/p>\n    <\/header>\n\n    <div class=\"pfh-trust__layout\">\n\n      <div class=\"pfh-trust__grid\">\n\n        <article class=\"pfh-trust__card\">\n          <div class=\"pfh-trust__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"m7 12 3 3 7-7\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Quality controlled<\/h3>\n          <p>\n            Each water type follows its relevant purification process, with checks\n            designed to support consistent product quality.\n          <\/p>\n        <\/article>\n\n        <article class=\"pfh-trust__card\">\n          <div class=\"pfh-trust__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M5 8h14v10H5z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <path d=\"M8 5h8v3H8zM8 12h8M8 15h5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Clear product guidance<\/h3>\n          <p>\n            Straightforward descriptions and application guidance help customers\n            choose the most suitable water for the job.\n          <\/p>\n        <\/article>\n\n        <article class=\"pfh-trust__card\">\n          <div class=\"pfh-trust__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 7h10v10H4zM14 10h3l3 3v4h-6v-7Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"8\" cy=\"18\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <circle cx=\"17\" cy=\"18\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Practical fulfilment<\/h3>\n          <p>\n            25L containers provide a useful supply format for delivery, storage,\n            repeat ordering and regular trade use.\n          <\/p>\n        <\/article>\n\n        <article class=\"pfh-trust__card\">\n          <div class=\"pfh-trust__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M5 12a7 7 0 0 1 14 0v4a2 2 0 0 1-2 2h-2v-6h4M5 12v6H3a2 2 0 0 1-2-2v-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M9 19h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Helpful human support<\/h3>\n          <p>\n            Customers can contact PureFlow H\u2082O for product selection, trade supply,\n            recurring orders and specialist enquiries.\n          <\/p>\n        <\/article>\n\n      <\/div>\n\n      <aside class=\"pfh-trust__panel\">\n        <span class=\"pfh-trust__panel-label\">\n          The PureFlow promise\n        <\/span>\n\n        <h3>Premium water supply without the confusion.<\/h3>\n\n        <p class=\"pfh-trust__panel-copy\">\n          We aim to make purified water easier to understand, easier to order and\n          easier to use, whether you are buying a single container or planning\n          regular commercial supply.\n        <\/p>\n\n        <ul class=\"pfh-trust__checks\">\n          <li><span class=\"pfh-trust__check\">\u2713<\/span>Clear descriptions for every water type<\/li>\n          <li><span class=\"pfh-trust__check\">\u2713<\/span>Transparent 25L product format<\/li>\n          <li><span class=\"pfh-trust__check\">\u2713<\/span>Support for domestic and trade customers<\/li>\n          <li><span class=\"pfh-trust__check\">\u2713<\/span>Future-focused refill and bulk options<\/li>\n        <\/ul>\n\n        <div class=\"pfh-trust__review-note\">\n          <div class=\"pfh-trust__stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <strong>Customer reviews coming soon<\/strong>\n          <p>\n            Verified customer feedback can be added here once PureFlow H\u2082O begins\n            collecting genuine product and service reviews.\n          <\/p>\n        <\/div>\n      <\/aside>\n\n    <\/div>\n\n    <div class=\"pfh-trust__footer\">\n      <p>\n        Have a question before ordering?\n        <strong>Tell us what you need the water for and we will point you in the right direction.<\/strong>\n      <\/p>\n\n      <a class=\"pfh-trust__button\" href=\"\/contact\/\">\n        Contact PureFlow\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"pfh-trust__bottom-line\" aria-hidden=\"true\"><\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13d7467 e-con-full e-flex e-con e-parent\" data-id=\"13d7467\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11b2f88 elementor-widget elementor-widget-html\" data-id=\"11b2f88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     PUREFLOW H2O \u2014 HOMEPAGE BLOCK 11\n     FREQUENTLY ASKED QUESTIONS\n     Matched to the approved homepage design\n     Elementor HTML Widget Ready\n     ========================================================= -->\n\n<style>\n  .pfh-faq,\n  .pfh-faq * {\n    box-sizing: border-box;\n  }\n\n  .pfh-faq {\n    --pfh-bg: #f4f8fb;\n    --pfh-card: #ffffff;\n    --pfh-navy: #081a2b;\n    --pfh-text: #425466;\n    --pfh-muted: #738393;\n    --pfh-blue: #009be5;\n    --pfh-blue-dark: #0070b5;\n    --pfh-green: #70bd1f;\n    --pfh-green-dark: #4f9419;\n    --pfh-line: #dbe7ef;\n\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 8% 14%, rgba(0,155,229,0.10), transparent 24%),\n      radial-gradient(circle at 92% 86%, rgba(112,189,31,0.10), transparent 27%),\n      linear-gradient(180deg, #f7fafc 0%, #eef5f8 100%);\n    color: var(--pfh-navy);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .pfh-faq::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background-image:\n      linear-gradient(rgba(8,26,43,0.034) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(8,26,43,0.034) 1px, transparent 1px);\n    background-size: 54px 54px;\n    mask-image: linear-gradient(to bottom, rgba(0,0,0,.42), transparent 90%);\n  }\n\n  .pfh-faq__wrap {\n    position: relative;\n    z-index: 2;\n    width: min(1220px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: 96px 0 104px;\n  }\n\n  .pfh-faq__header {\n    display: grid;\n    grid-template-columns: minmax(0, .92fr) minmax(320px, 1.08fr);\n    gap: 58px;\n    align-items: end;\n    margin-bottom: 48px;\n  }\n\n  .pfh-faq__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 17px;\n    color: var(--pfh-blue-dark);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n  }\n\n  .pfh-faq__eyebrow::before {\n    content: \"\";\n    width: 34px;\n    height: 3px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--pfh-blue), var(--pfh-green));\n  }\n\n  .pfh-faq__title {\n    margin: 0;\n    color: var(--pfh-navy);\n    font-size: clamp(40px, 4.7vw, 66px);\n    font-weight: 900;\n    letter-spacing: -.046em;\n    line-height: 1.02;\n    text-transform: uppercase;\n  }\n\n  .pfh-faq__title span {\n    color: var(--pfh-green-dark);\n  }\n\n  .pfh-faq__intro {\n    max-width: 620px;\n    margin: 0;\n    color: var(--pfh-text);\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .pfh-faq__intro strong {\n    color: var(--pfh-navy);\n  }\n\n  .pfh-faq__layout {\n    display: grid;\n    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);\n    gap: 24px;\n    align-items: start;\n  }\n\n  .pfh-faq__list {\n    display: grid;\n    gap: 14px;\n  }\n\n  .pfh-faq__item {\n    overflow: hidden;\n    border: 1px solid var(--pfh-line);\n    border-radius: 18px;\n    background:\n      linear-gradient(145deg, rgba(255,255,255,.99), rgba(248,252,254,.97));\n    box-shadow:\n      0 18px 40px rgba(8,26,43,.07),\n      inset 0 1px 0 rgba(255,255,255,.85);\n  }\n\n  .pfh-faq__item summary {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    min-height: 82px;\n    padding: 20px 64px 20px 22px;\n    cursor: pointer;\n    list-style: none;\n    color: var(--pfh-navy);\n    font-size: 18px;\n    font-weight: 900;\n    line-height: 1.35;\n  }\n\n  .pfh-faq__item summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .pfh-faq__number {\n    width: 38px;\n    height: 38px;\n    flex: 0 0 38px;\n    display: grid;\n    place-items: center;\n    border-radius: 12px;\n    border: 1px solid rgba(0,155,229,.24);\n    background: rgba(0,155,229,.08);\n    color: var(--pfh-blue-dark);\n    font-size: 11px;\n    font-weight: 900;\n  }\n\n  .pfh-faq__item:nth-child(even) .pfh-faq__number {\n    border-color: rgba(112,189,31,.26);\n    background: rgba(112,189,31,.08);\n    color: var(--pfh-green-dark);\n  }\n\n  .pfh-faq__toggle {\n    position: absolute;\n    top: 50%;\n    right: 22px;\n    width: 32px;\n    height: 32px;\n    transform: translateY(-50%);\n    border-radius: 10px;\n    border: 1px solid rgba(0,155,229,.22);\n    background: rgba(0,155,229,.07);\n  }\n\n  .pfh-faq__toggle::before,\n  .pfh-faq__toggle::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 12px;\n    height: 2px;\n    border-radius: 999px;\n    background: var(--pfh-blue-dark);\n    transform: translate(-50%, -50%);\n    transition: transform .22s ease;\n  }\n\n  .pfh-faq__toggle::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n  }\n\n  .pfh-faq__item[open] .pfh-faq__toggle::after {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n\n  .pfh-faq__answer {\n    padding: 0 24px 23px 76px;\n    color: var(--pfh-muted);\n    font-size: 15px;\n    line-height: 1.75;\n  }\n\n  .pfh-faq__answer p {\n    margin: 0;\n  }\n\n  .pfh-faq__panel {\n    position: sticky;\n    top: 28px;\n    overflow: hidden;\n    padding: 30px;\n    border: 1px solid rgba(0,155,229,.18);\n    border-radius: 22px;\n    background:\n      radial-gradient(circle at 80% 18%, rgba(51,198,255,.16), transparent 31%),\n      linear-gradient(135deg, #071827 0%, #0b2538 100%);\n    box-shadow:\n      0 28px 65px rgba(8,26,43,.18),\n      inset 0 1px 0 rgba(255,255,255,.05);\n    color: #fff;\n  }\n\n  .pfh-faq__panel::after {\n    content: \"\";\n    position: absolute;\n    right: -140px;\n    bottom: -180px;\n    width: 360px;\n    height: 360px;\n    border-radius: 50%;\n    border: 1px solid rgba(255,255,255,.10);\n    box-shadow:\n      0 0 0 55px rgba(0,155,229,.035),\n      0 0 0 110px rgba(112,189,31,.025);\n  }\n\n  .pfh-faq__panel-label {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    min-height: 32px;\n    padding: 0 12px;\n    border: 1px solid rgba(112,189,31,.28);\n    border-radius: 999px;\n    background: rgba(112,189,31,.09);\n    color: #d8ffb2;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n  }\n\n  .pfh-faq__panel-label::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 10px rgba(112,189,31,.8);\n  }\n\n  .pfh-faq__panel h3 {\n    position: relative;\n    z-index: 2;\n    margin: 27px 0 14px;\n    color: #fff;\n    font-size: clamp(31px, 3.1vw, 43px);\n    font-weight: 900;\n    letter-spacing: -.04em;\n    line-height: 1.05;\n    text-transform: uppercase;\n  }\n\n  .pfh-faq__panel-copy {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: #c8d8e1;\n    font-size: 16px;\n    line-height: 1.72;\n  }\n\n  .pfh-faq__panel-list {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    gap: 12px;\n    margin: 27px 0 30px;\n    padding: 0;\n    list-style: none;\n  }\n\n  .pfh-faq__panel-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    color: #dce7ed;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.5;\n  }\n\n  .pfh-faq__check {\n    width: 21px;\n    height: 21px;\n    flex: 0 0 21px;\n    display: grid;\n    place-items: center;\n    margin-top: 1px;\n    border-radius: 50%;\n    background: rgba(112,189,31,.14);\n    color: var(--pfh-green);\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  .pfh-faq__button {\n    position: relative;\n    z-index: 2;\n    min-height: 54px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    padding: 0 22px;\n    border: 1px solid var(--pfh-blue);\n    border-radius: 9px;\n    background: linear-gradient(135deg, var(--pfh-blue), var(--pfh-blue-dark));\n    color: #fff !important;\n    box-shadow: 0 14px 34px rgba(0,155,229,.22);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .055em;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    transition: transform .22s ease, box-shadow .22s ease;\n  }\n\n  .pfh-faq__button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 18px 40px rgba(0,155,229,.32);\n  }\n\n  .pfh-faq__button svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  @media (max-width: 980px) {\n    .pfh-faq__header,\n    .pfh-faq__layout {\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-faq__header {\n      gap: 24px;\n    }\n\n    .pfh-faq__panel {\n      position: relative;\n      top: auto;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-faq__wrap {\n      width: min(100% - 28px, 1220px);\n      padding: 68px 0 74px;\n    }\n\n    .pfh-faq__header {\n      margin-bottom: 34px;\n    }\n\n    .pfh-faq__title {\n      font-size: clamp(38px, 11vw, 54px);\n    }\n\n    .pfh-faq__intro {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .pfh-faq__item summary {\n      min-height: 74px;\n      padding: 18px 54px 18px 18px;\n      font-size: 16px;\n    }\n\n    .pfh-faq__number {\n      display: none;\n    }\n\n    .pfh-faq__answer {\n      padding: 0 18px 20px;\n      font-size: 14px;\n    }\n\n    .pfh-faq__toggle {\n      right: 16px;\n    }\n\n    .pfh-faq__panel {\n      padding: 24px 20px;\n    }\n  }\n<\/style>\n\n<section class=\"pfh-faq\" aria-labelledby=\"pfh-faq-title\">\n  <div class=\"pfh-faq__wrap\">\n\n    <header class=\"pfh-faq__header\">\n      <div>\n        <div class=\"pfh-faq__eyebrow\">\n          Frequently asked questions\n        <\/div>\n\n        <h2 class=\"pfh-faq__title\" id=\"pfh-faq-title\">\n          Everything you need<br>\n          to know <span>before ordering.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"pfh-faq__intro\">\n        Clear answers about the PureFlow H\u2082O range, available container sizes, product selection,\n        storage and trade supply, all in one place.\n      <\/p>\n    <\/header>\n\n    <div class=\"pfh-faq__layout\">\n\n      <div class=\"pfh-faq__list\">\n\n        <details class=\"pfh-faq__item\" open>\n          <summary>\n            <span class=\"pfh-faq__number\">01<\/span>\n            Which type of purified water should I choose?\n            <span class=\"pfh-faq__toggle\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"pfh-faq__answer\">\n            <p>\n              The right choice depends on your application. Reverse osmosis water is a\n              versatile general purified-water option. Deionised water is especially popular\n              for window cleaning, detailing and rinse applications. Distilled water is suited\n              to technical, laboratory and equipment uses, while ultra-purified water is intended\n              for specialist applications requiring PureFlow H\u2082O\u2019s highest purification level.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"pfh-faq__item\">\n          <summary>\n            <span class=\"pfh-faq__number\">02<\/span>\n            What size containers do you supply?\n            <span class=\"pfh-faq__toggle\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"pfh-faq__answer\">\n            <p>\n              PureFlow H\u2082O supplies 5L and 25L containers, 220L drums and 1000L IBC tanks.\n              The 5L and 25L formats suit domestic, mobile trade and regular-use applications,\n              while 220L drums and 1000L IBC tanks are intended for higher-volume commercial\n              and industrial requirements.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"pfh-faq__item\">\n          <summary>\n            <span class=\"pfh-faq__number\">03<\/span>\n            Do you supply trade and commercial customers?\n            <span class=\"pfh-faq__toggle\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"pfh-faq__answer\">\n            <p>\n              Yes. PureFlow H\u2082O welcomes trade, repeat-order and larger-volume enquiries.\n              Trade account options are being developed around usage, order frequency and\n              the type of water required.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"pfh-faq__item\">\n          <summary>\n            <span class=\"pfh-faq__number\">04<\/span>\n            How should purified water be stored?\n            <span class=\"pfh-faq__toggle\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"pfh-faq__answer\">\n            <p>\n              Keep the container sealed when not in use and store it upright in a clean,\n              cool location away from direct sunlight, strong chemicals and sources of contamination.\n              Always use clean dispensing equipment to help protect the water after opening.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"pfh-faq__item\">\n          <summary>\n            <span class=\"pfh-faq__number\">05<\/span>\n            Is purified water suitable for every application?\n            <span class=\"pfh-faq__toggle\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"pfh-faq__answer\">\n            <p>\n              No single water type is right for every use. Requirements can vary by equipment,\n              process and manufacturer guidance. Check the instructions for your application,\n              and contact PureFlow H\u2082O when you need help selecting the most suitable product.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"pfh-faq__item\">\n          <summary>\n            <span class=\"pfh-faq__number\">06<\/span>\n            Are self-service refill stations available now?\n            <span class=\"pfh-faq__toggle\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"pfh-faq__answer\">\n            <p>\n              The PureFlow smart refill network is a future development. The current supply model\n              includes 5L and 25L containers, 220L drums and 1000L IBC tanks, with local\n              self-service refill options planned as the network grows.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"pfh-faq__item\">\n          <summary>\n            <span class=\"pfh-faq__number\">07<\/span>\n            Can I host a PureFlow refill station at my business?\n            <span class=\"pfh-faq__toggle\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"pfh-faq__answer\">\n            <p>\n              Suitable garages, supermarkets, car washes and other accessible locations can\n              register interest in the future host partnership model. Locations will be assessed\n              based on demand, access, utilities and operational suitability.\n            <\/p>\n          <\/div>\n        <\/details>\n\n      <\/div>\n\n      <aside class=\"pfh-faq__panel\">\n        <span class=\"pfh-faq__panel-label\">\n          Need a specific answer?\n        <\/span>\n\n        <h3>Tell us what you are using the water for.<\/h3>\n\n        <p class=\"pfh-faq__panel-copy\">\n          Give us a brief description of your application and we will help you identify\n          the most suitable place to start within the PureFlow H\u2082O range.\n        <\/p>\n\n        <ul class=\"pfh-faq__panel-list\">\n          <li><span class=\"pfh-faq__check\">\u2713<\/span>Product selection questions<\/li>\n          <li><span class=\"pfh-faq__check\">\u2713<\/span>Trade and recurring supply<\/li>\n          <li><span class=\"pfh-faq__check\">\u2713<\/span>Bulk water enquiries<\/li>\n          <li><span class=\"pfh-faq__check\">\u2713<\/span>Future refill-host interest<\/li>\n        <\/ul>\n\n        <a class=\"pfh-faq__button\" href=\"\/contact\/\">\n          Ask PureFlow H\u2082O\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n      <\/aside>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fabbdb6 e-con-full e-flex e-con e-parent\" data-id=\"fabbdb6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2384615 elementor-widget elementor-widget-html\" data-id=\"2384615\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     PUREFLOW H2O \u2014 HOMEPAGE BLOCK 12\n     FINAL CONVERSION CTA\n     Matched to the approved homepage design\n     Elementor HTML Widget Ready\n     ========================================================= -->\n\n<style>\n  .pfh-final,\n  .pfh-final * {\n    box-sizing: border-box;\n  }\n\n  .pfh-final {\n    --pfh-black: #05080b;\n    --pfh-panel: #0b1117;\n    --pfh-panel-light: #111b24;\n    --pfh-white: #ffffff;\n    --pfh-muted: #aab7c2;\n    --pfh-blue: #009be5;\n    --pfh-blue-dark: #006db7;\n    --pfh-green: #70bd1f;\n    --pfh-green-dark: #3f8d17;\n\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 100px 20px;\n    background:\n      radial-gradient(circle at 18% 18%, rgba(0,155,229,.16), transparent 28%),\n      radial-gradient(circle at 84% 78%, rgba(112,189,31,.13), transparent 30%),\n      linear-gradient(135deg, #020405 0%, #071018 50%, #040708 100%);\n    color: var(--pfh-white);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .pfh-final::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    background-image:\n      linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\n    background-size: 46px 46px;\n    mask-image: linear-gradient(to bottom, transparent 2%, rgba(0,0,0,.9) 18%, rgba(0,0,0,.9) 82%, transparent 98%);\n  }\n\n  .pfh-final::after {\n    content: \"\";\n    position: absolute;\n    right: -240px;\n    bottom: -330px;\n    width: 760px;\n    height: 760px;\n    z-index: -2;\n    border-radius: 50%;\n    border: 1px solid rgba(0,155,229,.18);\n    box-shadow:\n      0 0 0 80px rgba(0,155,229,.028),\n      0 0 0 160px rgba(112,189,31,.02);\n  }\n\n  .pfh-final__wrap {\n    width: min(1220px, 100%);\n    margin: 0 auto;\n  }\n\n  .pfh-final__panel {\n    position: relative;\n    overflow: hidden;\n    display: grid;\n    grid-template-columns: minmax(0,1.12fr) minmax(340px,.88fr);\n    gap: 54px;\n    align-items: center;\n    padding: 54px;\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: 28px;\n    background:\n      radial-gradient(circle at 82% 18%, rgba(0,155,229,.18), transparent 30%),\n      linear-gradient(145deg, rgba(17,27,36,.98), rgba(7,12,17,.99));\n    box-shadow:\n      0 36px 90px rgba(0,0,0,.46),\n      inset 0 1px 0 rgba(255,255,255,.06);\n  }\n\n  .pfh-final__panel::after {\n    content: \"\";\n    position: absolute;\n    left: -180px;\n    bottom: -260px;\n    width: 520px;\n    height: 520px;\n    border-radius: 50%;\n    border: 1px solid rgba(255,255,255,.08);\n    box-shadow:\n      0 0 0 60px rgba(0,155,229,.03),\n      0 0 0 120px rgba(112,189,31,.02);\n  }\n\n  .pfh-final__content,\n  .pfh-final__actions {\n    position: relative;\n    z-index: 2;\n  }\n\n  .pfh-final__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 21px;\n    padding: 10px 15px;\n    border: 1px solid rgba(0,155,229,.36);\n    border-radius: 999px;\n    background: rgba(0,155,229,.08);\n    color: #bcecff;\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: .13em;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  .pfh-final__eyebrow-dot {\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n    border-radius: 50%;\n    background: var(--pfh-green);\n    box-shadow: 0 0 14px rgba(112,189,31,.9);\n  }\n\n  .pfh-final__title {\n    max-width: 760px;\n    margin: 0;\n    color: #fff;\n    font-size: clamp(44px,5.3vw,76px);\n    font-weight: 900;\n    letter-spacing: -.054em;\n    line-height: .98;\n    text-transform: uppercase;\n  }\n\n  .pfh-final__title .pfh-blue {\n    color: var(--pfh-blue);\n  }\n\n  .pfh-final__title .pfh-green {\n    color: var(--pfh-green);\n  }\n\n  .pfh-final__copy {\n    max-width: 700px;\n    margin: 25px 0 0;\n    color: var(--pfh-muted);\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .pfh-final__copy strong {\n    color: #eef8fc;\n  }\n\n  .pfh-final__benefits {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 11px 20px;\n    margin: 29px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .pfh-final__benefits li {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: #d7e2e9;\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  .pfh-final__check {\n    width: 20px;\n    height: 20px;\n    flex: 0 0 20px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: rgba(112,189,31,.15);\n    color: var(--pfh-green);\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  .pfh-final__actions {\n    display: grid;\n    gap: 14px;\n  }\n\n  .pfh-final__action {\n    position: relative;\n    overflow: hidden;\n    display: grid;\n    grid-template-columns: 52px minmax(0,1fr) 24px;\n    gap: 15px;\n    align-items: center;\n    min-height: 96px;\n    padding: 19px;\n    border: 1px solid rgba(255,255,255,.09);\n    border-radius: 18px;\n    background:\n      linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.015));\n    color: #fff !important;\n    text-decoration: none !important;\n    transition:\n      transform .22s ease,\n      border-color .22s ease,\n      background .22s ease,\n      box-shadow .22s ease;\n  }\n\n  .pfh-final__action:hover {\n    transform: translateY(-3px);\n    border-color: rgba(0,155,229,.42);\n    background: rgba(0,155,229,.08);\n    box-shadow: 0 18px 40px rgba(0,0,0,.24);\n  }\n\n  .pfh-final__action:nth-child(2):hover {\n    border-color: rgba(112,189,31,.42);\n    background: rgba(112,189,31,.08);\n  }\n\n  .pfh-final__action-icon {\n    width: 50px;\n    height: 50px;\n    display: grid;\n    place-items: center;\n    border-radius: 14px;\n    border: 1px solid rgba(0,155,229,.28);\n    background: rgba(0,155,229,.08);\n    color: var(--pfh-blue);\n  }\n\n  .pfh-final__action:nth-child(2) .pfh-final__action-icon {\n    border-color: rgba(112,189,31,.28);\n    background: rgba(112,189,31,.08);\n    color: var(--pfh-green);\n  }\n\n  .pfh-final__action-icon svg {\n    width: 25px;\n    height: 25px;\n  }\n\n  .pfh-final__action-copy strong,\n  .pfh-final__action-copy span {\n    display: block;\n  }\n\n  .pfh-final__action-copy strong {\n    margin-bottom: 5px;\n    color: #fff;\n    font-size: 18px;\n    font-weight: 900;\n    letter-spacing: -.02em;\n    text-transform: uppercase;\n  }\n\n  .pfh-final__action-copy span {\n    color: #9eb0bb;\n    font-size: 13px;\n    line-height: 1.45;\n  }\n\n  .pfh-final__arrow {\n    display: grid;\n    place-items: center;\n    color: #fff;\n  }\n\n  .pfh-final__arrow svg {\n    width: 20px;\n    height: 20px;\n  }\n\n  .pfh-final__primary {\n    min-height: 60px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 11px;\n    margin-top: 2px;\n    padding: 0 24px;\n    border: 1px solid var(--pfh-blue);\n    border-radius: 7px;\n    background: linear-gradient(135deg,var(--pfh-blue),var(--pfh-blue-dark));\n    color: #fff !important;\n    box-shadow: 0 14px 34px rgba(0,155,229,.24);\n    font-size: 14px;\n    font-weight: 900;\n    letter-spacing: .05em;\n    text-align: center;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    transition: transform .22s ease, box-shadow .22s ease;\n  }\n\n  .pfh-final__primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 18px 40px rgba(0,155,229,.34);\n  }\n\n  .pfh-final__primary svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .pfh-final__support {\n    margin: 18px 0 0;\n    color: #8fa1ad;\n    font-size: 12px;\n    line-height: 1.6;\n    text-align: center;\n  }\n\n  .pfh-final__bottom-line {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 4px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--pfh-blue) 24%,\n      var(--pfh-green) 70%,\n      transparent\n    );\n  }\n\n  @media (max-width: 980px) {\n    .pfh-final {\n      padding: 84px 20px;\n    }\n\n    .pfh-final__panel {\n      grid-template-columns: 1fr;\n      gap: 42px;\n      padding: 42px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pfh-final {\n      padding: 70px 14px;\n    }\n\n    .pfh-final__panel {\n      gap: 34px;\n      padding: 28px 20px;\n      border-radius: 22px;\n    }\n\n    .pfh-final__eyebrow {\n      font-size: 10px;\n      letter-spacing: .1em;\n    }\n\n    .pfh-final__title {\n      font-size: clamp(40px,12vw,58px);\n      line-height: 1;\n    }\n\n    .pfh-final__copy {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .pfh-final__benefits {\n      display: grid;\n      grid-template-columns: 1fr;\n    }\n\n    .pfh-final__action {\n      grid-template-columns: 46px minmax(0,1fr) 20px;\n      gap: 12px;\n      min-height: 88px;\n      padding: 16px;\n    }\n\n    .pfh-final__action-icon {\n      width: 44px;\n      height: 44px;\n      border-radius: 12px;\n    }\n\n    .pfh-final__action-copy strong {\n      font-size: 16px;\n    }\n\n    .pfh-final__primary {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<section class=\"pfh-final\" aria-labelledby=\"pfh-final-title\">\n  <div class=\"pfh-final__wrap\">\n\n    <div class=\"pfh-final__panel\">\n\n      <div class=\"pfh-final__content\">\n        <div class=\"pfh-final__eyebrow\">\n          <span class=\"pfh-final__eyebrow-dot\"><\/span>\n          Ready when you are\n        <\/div>\n\n        <h2 class=\"pfh-final__title\" id=\"pfh-final-title\">\n          Pure water.<br>\n          <span class=\"pfh-blue\">Simple ordering.<\/span><br>\n          <span class=\"pfh-green\">Smarter supply.<\/span>\n        <\/h2>\n\n        <p class=\"pfh-final__copy\">\n          Shop 5L and 25L purified water online, request 220L drum or 1000L IBC supply,\n          or speak to us about a regular trade account. PureFlow H\u2082O can also help you\n          choose the most suitable water type and container size for your application.\n        <\/p>\n\n        <ul class=\"pfh-final__benefits\">\n          <li><span class=\"pfh-final__check\">\u2713<\/span>RO, DI, distilled and ultra-purified water<\/li>\n          <li><span class=\"pfh-final__check\">\u2713<\/span>5L and 25L online ordering<\/li>\n          <li><span class=\"pfh-final__check\">\u2713<\/span>220L and 1000L bulk supply<\/li>\n          <li><span class=\"pfh-final__check\">\u2713<\/span>Trade account enquiries<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"pfh-final__actions\">\n\n        <a class=\"pfh-final__action\" href=\"\/shop\/\">\n          <span class=\"pfh-final__action-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 7h16l-2 10H6L4 7Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <path d=\"M8 7a4 4 0 0 1 8 0\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <\/svg>\n          <\/span>\n\n          <span class=\"pfh-final__action-copy\">\n            <strong>Shop 5L and 25L water<\/strong>\n            <span>Browse the online range for smaller and regular-use requirements.<\/span>\n          <\/span>\n\n          <span class=\"pfh-final__arrow\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n        <a class=\"pfh-final__action\" href=\"\/trade-water\/\">\n          <span class=\"pfh-final__action-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 9h16v11H4zM7 4h10l2 5H5l2-5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <path d=\"M9 13h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/span>\n\n          <span class=\"pfh-final__action-copy\">\n            <strong>Request bulk supply<\/strong>\n            <span>Enquire about 220L drums, 1000L IBC tanks and trade pricing.<\/span>\n          <\/span>\n\n          <span class=\"pfh-final__arrow\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n        <a class=\"pfh-final__primary\" href=\"\/contact\/\">\n          Ask PureFlow H\u2082O\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n\n        <p class=\"pfh-final__support\">\n          Product guidance, bulk supply, trade accounts and future refill-host enquiries are welcome.\n        <\/p>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"pfh-final__bottom-line\" aria-hidden=\"true\"><\/div>\n<\/section>\n\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>Purified water for home, trade and industry Pure water. Better value. Smarter supply. Freshly produced RO, deionised, distilled and double-purified water available in 5L and 25L containers, 220L drums and 1000L IBC tanks, with tailored options for trade and bulk customers. Shop purified water Trade and bulk enquiries \u2713 5L and 25L containers \u2713 220L [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pure-flow-h2o.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pure-flow-h2o.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pure-flow-h2o.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pure-flow-h2o.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pure-flow-h2o.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/pure-flow-h2o.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/pure-flow-h2o.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/pure-flow-h2o.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}