{"id":1267,"date":"2025-12-03T00:50:32","date_gmt":"2025-12-03T00:50:32","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=1267"},"modified":"2026-02-09T05:42:14","modified_gmt":"2026-02-09T05:42:14","slug":"pvt-hybrid-solar-systems","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/ja\/products\/pvt-hybrid-solar-systems\/","title":{"rendered":"PVT\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u592a\u967d\u5149\u30b7\u30b9\u30c6\u30e0"},"content":{"rendered":"<p><!--LEMONX_BLOCK_START:1--><br \/>\n<!-- PVT Hybrid Solar Systems Banner --><\/p>\n<section class=\"pvt-banner\">\n<style>\n    .pvt-banner {\n      width: 100%;\n      background: #1a1410;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 70px 0;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/12\/2.png');\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      opacity: 0.15;\n      z-index: 0;\n    }<\/p>\n<p>    .pvt-banner::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: radial-gradient(ellipse at top left, rgba(234, 88, 12, 0.15) 0%, transparent 50%),\n                  radial-gradient(ellipse at bottom right, rgba(249, 115, 22, 0.12) 0%, transparent 50%),\n                  linear-gradient(135deg, rgba(26, 20, 16, 0.95) 0%, rgba(28, 25, 23, 0.92) 100%);\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-banner .banner-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: grid;\n      grid-template-columns: 1.1fr 0.9fr;\n      gap: 50px;\n      align-items: center;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    \/* Left Content *\/\n    .pvt-banner .content-section .label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: #fb923c;\n      margin-bottom: 20px;\n      padding: 6px 16px;\n      background: rgba(234, 88, 12, 0.15);\n      border-radius: 20px;\n      border: 1px solid rgba(249, 115, 22, 0.3);\n      backdrop-filter: blur(10px);\n    }<\/p>\n<p>    .pvt-banner .label svg {\n      width: 14px;\n      height: 14px;\n      fill: #fb923c;\n    }<\/p>\n<p>    .pvt-banner .title {\n      font-size: 42px;\n      font-weight: 800;\n      line-height: 1.15;\n      margin-bottom: 18px;\n      color: #fafaf9;\n      letter-spacing: -0.5px;\n    }<\/p>\n<p>    .pvt-banner .title .highlight {\n      background: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      display: inline-block;\n    }<\/p>\n<p>    .pvt-banner .subtitle {\n      font-size: 18px;\n      line-height: 1.6;\n      color: #d6d3d1;\n      margin-bottom: 12px;\n      font-weight: 500;\n    }<\/p>\n<p>    .pvt-banner .description {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #a8a29e;\n      margin-bottom: 32px;\n    }<\/p>\n<p>    \/* Features Grid *\/\n    .pvt-banner .features {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 15px;\n      margin-bottom: 32px;\n    }<\/p>\n<p>    .pvt-banner .feature-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 12px 16px;\n      background: rgba(234, 88, 12, 0.08);\n      border-radius: 12px;\n      border: 1px solid rgba(249, 115, 22, 0.2);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-banner .feature-item:hover {\n      background: rgba(234, 88, 12, 0.12);\n      border-color: rgba(249, 115, 22, 0.4);\n      transform: translateY(-2px);\n    }<\/p>\n<p>    .pvt-banner .feature-item svg {\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      stroke: #fb923c;\n    }<\/p>\n<p>    .pvt-banner .feature-item span {\n      font-size: 13px;\n      font-weight: 600;\n      color: #e7e5e4;\n    }<\/p>\n<p>    \/* Buttons *\/\n    .pvt-banner .button-group {\n      display: flex;\n      gap: 14px;\n      flex-wrap: wrap;\n    }<\/p>\n<p>    .pvt-banner .btn {\n      padding: 14px 32px;\n      font-size: 15px;\n      font-weight: 600;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      border: none;\n    }<\/p>\n<p>    .pvt-banner .btn-primary {\n      background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);\n      color: white;\n      box-shadow: 0 4px 20px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .pvt-banner .btn-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 25px rgba(234, 88, 12, 0.5);\n      background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\n    }<\/p>\n<p>    .pvt-banner .btn-secondary {\n      background: rgba(250, 250, 249, 0.08);\n      color: #fafaf9;\n      border: 1.5px solid rgba(250, 250, 249, 0.2);\n      backdrop-filter: blur(10px);\n    }<\/p>\n<p>    .pvt-banner .btn-secondary:hover {\n      background: rgba(250, 250, 249, 0.12);\n      border-color: #fb923c;\n      color: #fb923c;\n    }<\/p>\n<p>    .pvt-banner .btn svg {\n      width: 16px;\n      height: 16px;\n    }<\/p>\n<p>    \/* Right Image *\/\n    .pvt-banner .image-section {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }<\/p>\n<p>    .pvt-banner .image-wrapper {\n      width: 100%;\n      max-width: 450px;\n      position: relative;\n    }<\/p>\n<p>    .pvt-banner .image-wrapper::before {\n      content: '';\n      position: absolute;\n      top: -20px;\n      left: -20px;\n      right: 20px;\n      bottom: 20px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.3), rgba(249, 115, 22, 0.2));\n      border-radius: 20px;\n      filter: blur(30px);\n      z-index: -1;\n    }<\/p>\n<p>    .pvt-banner .image-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 16px;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n      border: 2px solid rgba(251, 146, 60, 0.3);\n      transition: transform 0.5s ease;\n    }<\/p>\n<p>    .pvt-banner .image-wrapper:hover img {\n      transform: scale(1.03);\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 992px) {\n      .pvt-banner {\n        padding: 60px 0;\n      }\n      .pvt-banner .banner-container {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n      .pvt-banner .title {\n        font-size: 36px;\n      }\n      .pvt-banner .features {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }<\/p>\n<p>    @media (max-width: 576px) {\n      .pvt-banner {\n        padding: 50px 0;\n      }\n      .pvt-banner .title {\n        font-size: 30px;\n      }\n      .pvt-banner .subtitle {\n        font-size: 16px;\n      }\n      .pvt-banner .features {\n        grid-template-columns: 1fr;\n      }\n      .pvt-banner .button-group {\n        flex-direction: column;\n      }\n      .pvt-banner .btn {\n        width: 100%;\n        justify-content: center;\n      }\n    }\n  <\/style>\n<div class=\"banner-container\">\n<div class=\"content-section\">\n<div class=\"label\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M13 2L3 14h8l-1 8 10-12h-8l1-8z\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n        <\/svg><br \/>\n        <span>PVT Hybrid Technology<\/span>\n      <\/div>\n<h1 class=\"title\">\n        Unlock the Full Potential<br \/>\n        <span class=\"highlight\">of Every Square Meter<\/span><br \/>\n      <\/h1>\n<p class=\"subtitle\">\n        Generate high-efficiency electricity and stable thermal energy from a single panel.\n      <\/p>\n<p class=\"description\">\n        Boost total solar yield, accelerate ROI, and power buildings toward true net-zero performance.\n      <\/p>\n<div class=\"features\">\n<div class=\"feature-item\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n          <\/svg><br \/>\n          <span>Dual Energy Output<\/span>\n        <\/div>\n<div class=\"feature-item\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n          <\/svg><br \/>\n          <span>Fast ROI<\/span>\n        <\/div>\n<div class=\"feature-item\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n          <\/svg><br \/>\n          <span>Net-Zero Ready<\/span>\n        <\/div>\n<\/p><\/div>\n<div class=\"button-group\">\n        <button class=\"btn btn-primary\" data-href=\"https:\/\/service.soletksolar.com\/contact\/\" data-target=\"_blank\" onclick=\"window.open('https:\/\/service.soletksolar.com\/contact\/', '_blank'); return false;\">Get a Quote<\/button><br \/>\n        <button class=\"btn btn-secondary\" data-href=\"https:\/\/service.soletksolar.com\/products\/\" data-target=\"_blank\" onclick=\"window.open('https:\/\/service.soletksolar.com\/products\/', '_blank'); return false;\">Learn More<\/button>\n      <\/div>\n<\/p><\/div>\n<div class=\"image-section\">\n<div class=\"image-wrapper\">\n        <img height=\"720\" width=\"1280\" decoding=\"async\" alt=\"PVT Hybrid Solar System\" loading=\"lazy\" class=\"\" style=\"outline: rgb(33, 150, 243) solid 3px; outline-offset: 2px; box-shadow: rgba(33, 150, 243, 0.3) 0px 0px 10px;\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/12\/image.png\">\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script type=\"text\/lemonx-script\">\ndocument.addEventListener('DOMContentLoaded', function() {\n  const buttons = document.querySelectorAll('.pvt-banner .btn');<\/p>\n<p>  buttons.forEach(button => {\n    button.addEventListener('click', function() {\n      const buttonText = this.querySelector('span').textContent.trim();\n      console.log(buttonText + ' clicked');\n    });\n  });\n});\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:1--><\/p>\n<p><!--LEMONX_BLOCK_START:12--><br \/>\n<!-- PVT Solar Panel Section --><\/p>\n<section id=\"pvt-solar-panel\" class=\"pvt-section\">\n<style>\n    .pvt-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n    }<\/p>\n<p>    .pvt-container {\n      max-width: 1400px;\n      margin: 0 auto;\n    }<\/p>\n<p>    .pvt-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .pvt-subtitle {\n      font-size: 14px;\n      color: #10b981;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .pvt-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 18px;\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }<\/p>\n<p>    .pvt-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 60px;\n      height: 3px;\n      background: linear-gradient(90deg, #10b981 0%, #06b6d4 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .pvt-intro {\n      max-width: 900px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }<\/p>\n<p>    .pvt-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }<\/p>\n<p>    \/* 3\u5217Grid\u5e03\u5c40 *\/\n    .pvt-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-top: 35px;\n    }<\/p>\n<p>    .pvt-product-card {\n      background: white;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      border: 1px solid rgba(0, 0, 0, 0.05);\n    }<\/p>\n<p>    .pvt-product-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #10b981 0%, #06b6d4 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .pvt-product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n      border-color: rgba(16, 185, 129, 0.2);\n    }<\/p>\n<p>    .pvt-product-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .pvt-product-image {\n      position: relative;\n      width: 100%;\n      height: 300px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #d1fae5 0%, #cffafe 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 15px;\n    }<\/p>\n<p>    .pvt-product-image img {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      object-position: center;\n      transition: transform 0.5s ease, opacity 0.3s ease;\n      filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));\n    }<\/p>\n<p>    \/* \u56fe\u7247\u52a0\u8f7d\u72b6\u6001 *\/\n    .pvt-product-image img[loading=\"lazy\"] {\n      opacity: 0;\n    }<\/p>\n<p>    .pvt-product-image img.loaded {\n      opacity: 1;\n    }<\/p>\n<p>    \/* \u52a0\u8f7d\u5360\u4f4d\u7b26 *\/\n    .pvt-product-image::after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 40px;\n      height: 40px;\n      border: 3px solid rgba(16, 185, 129, 0.2);\n      border-top-color: #10b981;\n      border-radius: 50%;\n      animation: spin 0.8s linear infinite;\n      opacity: 0;\n      pointer-events: none;\n    }<\/p>\n<p>    .pvt-product-image.loading::after {\n      opacity: 1;\n    }<\/p>\n<p>    @keyframes spin {\n      to { transform: translate(-50%, -50%) rotate(360deg); }\n    }<\/p>\n<p>    \/* \u9488\u5bf9\u6240\u6709PVT\u56fe\u7247 - \u5927\u5c3a\u5bf8\u663e\u793a *\/\n    .pvt-product-card .pvt-product-image img {\n      width: 92%;\n      height: auto;\n    }<\/p>\n<p>    .pvt-product-card:hover .pvt-product-image img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .pvt-product-content {\n      padding: 28px 30px;\n    }<\/p>\n<p>    .pvt-product-title {\n      font-size: 22px;\n      color: #1e293b;\n      margin-bottom: 14px;\n      font-weight: 700;\n      line-height: 1.3;\n    }<\/p>\n<p>    .pvt-product-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 10px;\n    }<\/p>\n<p>    .pvt-product-features {\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.6;\n      margin-bottom: 30px;\n      padding-left: 5px;\n    }<\/p>\n<p>    \/* \ud83c\udfa8 \u5f3a\u5236\u767d\u8272\u6587\u5b57\u7684\u6309\u94ae *\/\n    .pvt-learn-more {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 15px 35px;\n      background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n      color: #ffffff !important;\n      text-decoration: none;\n      border-radius: 12px;\n      font-weight: 700;\n      font-size: 16px;\n      transition: all 0.3s ease;\n      box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);\n      letter-spacing: 0.5px;\n      border: 2px solid transparent;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-learn-more::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n      transition: left 0.5s ease;\n    }<\/p>\n<p>    .pvt-learn-more:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .pvt-learn-more:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 30px rgba(16, 185, 129, 0.6);\n      background: linear-gradient(135deg, #059669 0%, #047857 100%);\n      color: #ffffff !important;\n    }<\/p>\n<p>    .pvt-learn-more:visited {\n      color: #ffffff !important;\n    }<\/p>\n<p>    .pvt-learn-more:active {\n      color: #ffffff !important;\n    }<\/p>\n<p>    .pvt-learn-more svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n      stroke-width: 2.5;\n      stroke: #ffffff !important;\n    }<\/p>\n<p>    .pvt-learn-more:hover svg {\n      transform: translateX(6px);\n    }<\/p>\n<p>    \/* Badge *\/\n    .pvt-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);\n      color: white;\n      padding: 6px 14px;\n      border-radius: 18px;\n      font-size: 12px;\n      font-weight: 600;\n      z-index: 10;\n      box-shadow: 0 3px 10px rgba(16, 185, 129, 0.4);\n    }<\/p>\n<p>    \/* \u5e73\u677f\u5e03\u5c40 *\/\n    @media (max-width: 1200px) {\n      .pvt-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }<\/p>\n<p>      .pvt-product-card:nth-child(3) {\n        grid-column: span 2;\n        max-width: 500px;\n        margin: 0 auto;\n      }\n    }<\/p>\n<p>    \/* \u624b\u673a\u5e03\u5c40 *\/\n    @media (max-width: 768px) {\n      .pvt-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .pvt-subtitle {\n        font-size: 12px;\n      }<\/p>\n<p>      .pvt-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .pvt-intro {\n        margin-bottom: 30px;\n      }<\/p>\n<p>      .pvt-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .pvt-products-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 30px;\n      }<\/p>\n<p>      .pvt-product-card:nth-child(3) {\n        grid-column: span 1;\n        max-width: 100%;\n      }<\/p>\n<p>      .pvt-product-image {\n        height: 240px;\n        padding: 12px;\n      }<\/p>\n<p>      .pvt-product-card .pvt-product-image img {\n        width: 90%;\n        height: auto;\n        max-height: 90%;\n      }<\/p>\n<p>      .pvt-product-content {\n        padding: 22px 20px;\n      }<\/p>\n<p>      .pvt-product-title {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }<\/p>\n<p>      .pvt-product-description {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }<\/p>\n<p>      .pvt-product-features {\n        font-size: 13px;\n        margin-bottom: 25px;\n      }<\/p>\n<p>      .pvt-learn-more {\n        padding: 14px 30px;\n        font-size: 15px;\n        width: 100%;\n      }<\/p>\n<p>      .pvt-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n  <\/style>\n<div class=\"pvt-container\">\n    <!-- Header --><\/p>\n<div class=\"pvt-header\">\n<div class=\"pvt-subtitle\">Dual Energy Harvesting Technology<\/div>\n<h2>PVT Solar Panel<\/h2>\n<\/p><\/div>\n<p>    <!-- Introduction --><\/p>\n<div class=\"pvt-intro\">\n<p>\n        SOLETKS PVT (Photovoltaic-Thermal) Solar Panels integrate photovoltaic electricity generation and thermal energy collection in one advanced system. By utilizing both light and heat from the sun, they maximize total energy output and overall efficiency \u2014 ideal for buildings, industries, and projects seeking comprehensive clean-energy solutions.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Products Grid --><\/p>\n<div class=\"pvt-products-grid\">\n<p>      <!-- PVT-E Type --><\/p>\n<div class=\"pvt-product-card\">\n<div class=\"pvt-badge\">Hybrid<\/div>\n<div class=\"pvt-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/E\u578b5-scaled.png?w=400&amp;quality=80\" srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/E\u578b5-scaled.png?w=400&amp;quality=80 400w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/E\u578b5-scaled.png?w=600&amp;quality=75 600w\" sizes=\"(max-width: 768px) 90vw, (max-width: 1200px) 45vw, 30vw\" alt=\"PVT-E Type Solar Panel\" loading=\"lazy\" decoding=\"async\" onload=\"this.parentElement.classList.remove('loading'); this.classList.add('loaded');\" class=\"loaded\">\n        <\/div>\n<div class=\"pvt-product-content\">\n<h3 class=\"pvt-product-title\">PVT-E Type<\/h3>\n<p class=\"pvt-product-description\">\n            A hybrid photovoltaic-thermal module optimized for efficient electricity generation with auxiliary heat recovery.\n          <\/p>\n<p class=\"pvt-product-features\">\n            It delivers excellent electrical performance and consistent hot water output, ideal for residential rooftops and commercial systems.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/products\/pvt-solar-panel\/pvt-e-type-solar-panel\/\" class=\"pvt-learn-more\"><br \/>\n            Learn More<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- PVT-T Type --><\/p>\n<div class=\"pvt-product-card\">\n<div class=\"pvt-badge\">Thermal Focus<\/div>\n<div class=\"pvt-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/T\u578b3-scaled.png?w=400&amp;quality=80\" srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/T\u578b3-scaled.png?w=400&amp;quality=80 400w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/T\u578b3-scaled.png?w=600&amp;quality=75 600w\" sizes=\"(max-width: 768px) 90vw, (max-width: 1200px) 45vw, 30vw\" alt=\"PVT-T Type Solar Panel\" loading=\"lazy\" decoding=\"async\" onload=\"this.parentElement.classList.remove('loading'); this.classList.add('loaded');\" class=\"loaded\">\n        <\/div>\n<div class=\"pvt-product-content\">\n<h3 class=\"pvt-product-title\">PVT-T Type<\/h3>\n<p class=\"pvt-product-description\">\n            A thermal-focused hybrid panel emphasizing high heat capture while maintaining strong power generation capacity.\n          <\/p>\n<p class=\"pvt-product-features\">\n            Suitable for industrial or large-scale energy systems that require stable heat supply alongside electrical generation.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/products\/pvt-solar-panel\/pvt-t-type-solar-panel\/\" class=\"pvt-learn-more\"><br \/>\n            Learn More<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- TP\/V Pro Type --><\/p>\n<div class=\"pvt-product-card\">\n<div class=\"pvt-badge\">Professional<\/div>\n<div class=\"pvt-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/TPVPRO4-scaled.png?w=400&amp;quality=80\" srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/TPVPRO4-scaled.png?w=400&amp;quality=80 400w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/TPVPRO4-scaled.png?w=600&amp;quality=75 600w\" sizes=\"(max-width: 768px) 90vw, (max-width: 1200px) 45vw, 30vw\" alt=\"TP\/V Pro Type Solar Panel\" loading=\"lazy\" decoding=\"async\" onload=\"this.parentElement.classList.remove('loading'); this.classList.add('loaded');\" class=\"loaded\">\n        <\/div>\n<div class=\"pvt-product-content\">\n<h3 class=\"pvt-product-title\">TP\/V Pro Type<\/h3>\n<p class=\"pvt-product-description\">\n            The next-generation professional PVT system featuring upgraded thermal management and enhanced cooling technology.\n          <\/p>\n<p class=\"pvt-product-features\">\n            It achieves higher electrical conversion efficiency, longer service life, and superior overall energy yield \u2014 setting a new benchmark for integrated solar performance.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/products\/pvt-solar-panel\/tp-v-pro-type-solar-panel\/\" class=\"pvt-learn-more\"><br \/>\n            Learn More<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!--LEMONX_BLOCK_END:12--><\/p>\n<p><!--LEMONX_BLOCK_START:2--><br \/>\n<!-- PVT Content Section --><\/p>\n<section class=\"pvt-content\">\n<style>\n    .pvt-content {\n      width: 100%;\n      background: linear-gradient(180deg, #fafaf9 0%, #f5f5f4 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n    }<\/p>\n<p>    .pvt-content .content-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n    }<\/p>\n<p>    \/* Hero Section *\/\n    .pvt-content .hero-section {\n      text-align: center;\n      margin-bottom: 70px;\n      padding: 50px 30px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.05) 0%, rgba(249, 115, 22, 0.08) 100%);\n      border-radius: 24px;\n      border: 1px solid rgba(234, 88, 12, 0.15);\n    }<\/p>\n<p>    .pvt-content .hero-title {\n      font-size: 46px;\n      font-weight: 800;\n      line-height: 1.2;\n      color: #1a1410;\n      margin-bottom: 20px;\n      letter-spacing: -0.5px;\n    }<\/p>\n<p>    .pvt-content .hero-title .highlight {\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .pvt-content .hero-subtitle {\n      font-size: 20px;\n      color: #57534e;\n      margin-bottom: 12px;\n      font-weight: 600;\n    }<\/p>\n<p>    .pvt-content .hero-description {\n      font-size: 17px;\n      color: #78716c;\n      max-width: 700px;\n      margin: 0 auto;\n      line-height: 1.7;\n    }<\/p>\n<p>    \/* Main Content Sections *\/\n    .pvt-content .content-section {\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .pvt-content .section-header {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      margin-bottom: 30px;\n    }<\/p>\n<p>    .pvt-content .section-number {\n      width: 50px;\n      height: 50px;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 24px;\n      font-weight: 800;\n      color: white;\n      flex-shrink: 0;\n      box-shadow: 0 4px 15px rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-content .section-title {\n      font-size: 32px;\n      font-weight: 700;\n      color: #1a1410;\n      margin: 0;\n    }<\/p>\n<p>    \/* What is PVT Section *\/\n    .pvt-content .pvt-explanation {\n      background: white;\n      padding: 40px;\n      border-radius: 20px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      border: 1px solid #e7e5e4;\n    }<\/p>\n<p>    .pvt-content .pvt-intro {\n      font-size: 17px;\n      line-height: 1.8;\n      color: #44403c;\n      margin-bottom: 30px;\n    }<\/p>\n<p>    .pvt-content .pvt-features {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .pvt-content .pvt-feature {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 20px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.05) 0%, rgba(249, 115, 22, 0.03) 100%);\n      border-radius: 12px;\n      border: 1px solid rgba(234, 88, 12, 0.1);\n    }<\/p>\n<p>    .pvt-content .pvt-feature svg {\n      width: 24px;\n      height: 24px;\n      flex-shrink: 0;\n      stroke: #ea580c;\n      margin-top: 2px;\n    }<\/p>\n<p>    .pvt-content .pvt-feature-content h4 {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1a1410;\n      margin: 0 0 6px 0;\n    }<\/p>\n<p>    .pvt-content .pvt-feature-content p {\n      font-size: 14px;\n      color: #57534e;\n      margin: 0;\n      line-height: 1.6;\n    }<\/p>\n<p>    .pvt-content .highlight-box {\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      padding: 25px 30px;\n      border-radius: 16px;\n      text-align: center;\n      color: white;\n      box-shadow: 0 6px 25px rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-content .highlight-box p {\n      font-size: 18px;\n      font-weight: 600;\n      margin: 0;\n      line-height: 1.5;\n    }<\/p>\n<p>    \/* Benefits Grid *\/\n    .pvt-content .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 25px;\n    }<\/p>\n<p>    .pvt-content .benefit-card {\n      background: white;\n      padding: 35px;\n      border-radius: 20px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      border: 1px solid #e7e5e4;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-content .benefit-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 8px 30px rgba(234, 88, 12, 0.15);\n      border-color: rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-content .benefit-icon {\n      width: 50px;\n      height: 50px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.1) 0%, rgba(249, 115, 22, 0.15) 100%);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 20px;\n    }<\/p>\n<p>    .pvt-content .benefit-icon svg {\n      width: 28px;\n      height: 28px;\n      stroke: #ea580c;\n    }<\/p>\n<p>    .pvt-content .benefit-title {\n      font-size: 20px;\n      font-weight: 700;\n      color: #1a1410;\n      margin-bottom: 15px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }<\/p>\n<p>    .pvt-content .benefit-title svg {\n      width: 20px;\n      height: 20px;\n      fill: #22c55e;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .pvt-content .benefit-description {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #57534e;\n      margin-bottom: 20px;\n    }<\/p>\n<p>    .pvt-content .benefit-points {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }<\/p>\n<p>    .pvt-content .benefit-points li {\n      font-size: 14px;\n      color: #44403c;\n      padding: 8px 0;\n      padding-left: 25px;\n      position: relative;\n      line-height: 1.6;\n    }<\/p>\n<p>    .pvt-content .benefit-points li::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 14px;\n      width: 6px;\n      height: 6px;\n      background: #ea580c;\n      border-radius: 50%;\n    }<\/p>\n<p>    .pvt-content .ideal-for {\n      background: rgba(234, 88, 12, 0.05);\n      padding: 20px 25px;\n      border-radius: 12px;\n      border-left: 4px solid #ea580c;\n      margin-top: 20px;\n    }<\/p>\n<p>    .pvt-content .ideal-for h5 {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1410;\n      margin: 0 0 12px 0;\n    }<\/p>\n<p>    .pvt-content .ideal-for ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 8px;\n    }<\/p>\n<p>    .pvt-content .ideal-for li {\n      font-size: 14px;\n      color: #57534e;\n      padding-left: 20px;\n      position: relative;\n    }<\/p>\n<p>    .pvt-content .ideal-for li::before {\n      content: '\u2192';\n      position: absolute;\n      left: 0;\n      color: #ea580c;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 992px) {\n      .pvt-content .hero-title {\n        font-size: 38px;\n      }\n      .pvt-content .benefits-grid,\n      .pvt-content .pvt-features {\n        grid-template-columns: 1fr;\n      }\n      .pvt-content .ideal-for ul {\n        grid-template-columns: 1fr;\n      }\n    }<\/p>\n<p>    @media (max-width: 576px) {\n      .pvt-content {\n        padding: 60px 0;\n      }\n      .pvt-content .hero-title {\n        font-size: 32px;\n      }\n      .pvt-content .section-title {\n        font-size: 26px;\n      }\n      .pvt-content .pvt-explanation,\n      .pvt-content .benefit-card {\n        padding: 25px;\n      }\n    }\n  <\/style>\n<div class=\"content-container\">\n    <!-- Hero Section --><\/p>\n<div class=\"hero-section\">\n<h1 class=\"hero-title\">\n        PVT Hybrid Solar Systems \u2014 <span class=\"highlight\">One Panel, Two Energies<\/span><br \/>\n      <\/h1>\n<p class=\"hero-subtitle\">Simultaneous power and heat from the same surface.<\/p>\n<p class=\"hero-description\">\n        When roof space is limited, PVT gives you the maximum energy per square meter.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Section 1: What is PVT --><\/p>\n<div class=\"content-section\">\n<div class=\"section-header\">\n<div class=\"section-number\">1<\/div>\n<h2 class=\"section-title\">What is a PVT System?<\/h2>\n<\/p><\/div>\n<div class=\"pvt-explanation\">\n<p class=\"pvt-intro\">\n          PVT (Photovoltaic-Thermal) is a hybrid solar panel that produces electricity and heat at the same time from a single module:\n        <\/p>\n<div class=\"pvt-features\">\n<div class=\"pvt-feature\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\n              <path d=\"M3 9h18M9 21V9\"><\/path>\n            <\/svg><\/p>\n<div class=\"pvt-feature-content\">\n<h4>Front Side<\/h4>\n<p>Photovoltaic cells generate electricity<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pvt-feature\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"><\/path>\n            <\/svg><\/p>\n<div class=\"pvt-feature-content\">\n<h4>Rear Side<\/h4>\n<p>Heat exchanger recovers thermal energy for hot water, heating, pools or processes<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"pvt-intro\">\n          Instead of installing one array for PV and another for solar thermal, PVT merges both into one integrated system.\n        <\/p>\n<div class=\"highlight-box\">\n<p>Same roof. Same mounting. <strong>Double output.<\/strong><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Section 2: Why PVT --><\/p>\n<div class=\"content-section\">\n<div class=\"section-header\">\n<div class=\"section-number\">2<\/div>\n<h2 class=\"section-title\">Why PVT Instead of Separate PV + Thermal?<\/h2>\n<\/p><\/div>\n<div class=\"benefits-grid\">\n        <!-- Benefit 1 --><\/p>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n            <\/svg>\n          <\/div>\n<h3 class=\"benefit-title\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n              <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n            <\/svg><br \/>\n            Maximum Energy per m\u00b2 of Roof Area<br \/>\n          <\/h3>\n<p class=\"benefit-description\">\n            For many projects, roof or fa\u00e7ade area is the main limitation. PVT allows you to:\n          <\/p>\n<ul class=\"benefit-points\">\n<li>Produce kWh of electricity + kWh of heat on the same square meter<\/li>\n<li>Reach much higher total solar yield compared with PV alone<\/li>\n<\/ul>\n<div class=\"ideal-for\">\n<h5>Ideal for:<\/h5>\n<ul>\n<li>Apartment buildings<\/li>\n<li>Hotels, hospitals, nursing homes<\/li>\n<li>Offices &amp; mixed-use buildings<\/li>\n<li>Industrial\/food plants with hot water demand<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p>        <!-- Benefit 2 --><\/p>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"><\/path>\n            <\/svg>\n          <\/div>\n<h3 class=\"benefit-title\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n              <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n            <\/svg><br \/>\n            Better PV Efficiency Through Active Cooling<br \/>\n          <\/h3>\n<p class=\"benefit-description\">\n            PV efficiency drops when cells are hot. The thermal side of a PVT module removes heat from the PV cells, which can:\n          <\/p>\n<ul class=\"benefit-points\">\n<li>Improve electrical efficiency compared with the same PV module without cooling<\/li>\n<li>Increase annual PV output, especially in hot climates or on dark roofs<\/li>\n<\/ul><\/div>\n<p>        <!-- Benefit 3 --><\/p>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n            <\/svg>\n          <\/div>\n<h3 class=\"benefit-title\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n              <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n            <\/svg><br \/>\n            Lower System Cost vs Two Separate Systems<br \/>\n          <\/h3>\n<p class=\"benefit-description\">\n            With PVT, you share:\n          <\/p>\n<ul class=\"benefit-points\">\n<li>Mounting structure<\/li>\n<li>Piping\/conduits routing<\/li>\n<li>Design &amp; engineering work<\/li>\n<li>Inverters \/ monitoring integration<\/li>\n<\/ul>\n<p class=\"benefit-description\" style=\"margin-top: 15px;\">\n            Even though a PVT module is more expensive than standard PV or a flat plate collector alone, the total system cost per unit of useful energy is often lower.\n          <\/p>\n<\/p><\/div>\n<p>        <!-- Benefit 4 --><\/p>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M3 3h18v18H3zM12 8v8m-4-4h8\"><\/path>\n            <\/svg>\n          <\/div>\n<h3 class=\"benefit-title\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n              <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n            <\/svg><br \/>\n            Strong Sustainability &amp; ESG Value<br \/>\n          <\/h3>\n<p class=\"benefit-description\">\n            PVT displaces both grid electricity and fossil-based heat:\n          <\/p>\n<ul class=\"benefit-points\">\n<li>Higher primary energy savings per m\u00b2<\/li>\n<li>Lower CO\u2082 emissions compared to PV-only systems<\/li>\n<li>Perfect match with green building certifications and decarbonization roadmaps<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script type=\"text\/lemonx-script\">\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Smooth scroll animation for benefit cards\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };<\/p>\n<p>  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '0';\n        entry.target.style.transform = 'translateY(20px)';<\/p>\n<p>        setTimeout(() => {\n          entry.target.style.transition = 'all 0.6s ease';\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }, 100);<\/p>\n<p>        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);<\/p>\n<p>  document.querySelectorAll('.benefit-card').forEach(card => {\n    observer.observe(card);\n  });\n});\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:2--><\/p>\n<p><!--LEMONX_BLOCK_START:3--><br \/>\n<!-- PVT Applications Section --><\/p>\n<section class=\"pvt-applications\">\n<style>\n    .pvt-applications {\n      width: 100%;\n      background: #fafaf9;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n    }<\/p>\n<p>    .pvt-applications .applications-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n    }<\/p>\n<p>    \/* Section Header *\/\n    .pvt-applications .main-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .pvt-applications .main-header .section-number {\n      display: inline-block;\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      border-radius: 50%;\n      font-size: 28px;\n      font-weight: 800;\n      color: white;\n      line-height: 60px;\n      margin-bottom: 20px;\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-applications .main-title {\n      font-size: 40px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 15px;\n      line-height: 1.2;\n    }<\/p>\n<p>    .pvt-applications .main-subtitle {\n      font-size: 18px;\n      color: #78716c;\n      max-width: 700px;\n      margin: 0 auto;\n    }<\/p>\n<p>    \/* Application Cards *\/\n    .pvt-applications .applications-grid {\n      display: grid;\n      gap: 30px;\n    }<\/p>\n<p>    .pvt-applications .application-card {\n      background: white;\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      border: 1px solid #e7e5e4;\n      transition: all 0.4s ease;\n    }<\/p>\n<p>    .pvt-applications .application-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(234, 88, 12, 0.15);\n      border-color: rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-applications .card-header {\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      padding: 30px 35px;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-applications .card-header::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n      animation: pulse 3s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes pulse {\n      0%, 100% { transform: scale(1); opacity: 0.5; }\n      50% { transform: scale(1.1); opacity: 0.8; }\n    }<\/p>\n<p>    .pvt-applications .card-number {\n      display: inline-block;\n      font-size: 14px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.8);\n      margin-bottom: 10px;\n      letter-spacing: 1px;\n    }<\/p>\n<p>    .pvt-applications .card-title {\n      font-size: 26px;\n      font-weight: 800;\n      color: white;\n      margin: 0;\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }<\/p>\n<p>    .pvt-applications .card-title svg {\n      width: 32px;\n      height: 32px;\n      stroke: white;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .pvt-applications .card-body {\n      padding: 35px;\n    }<\/p>\n<p>    .pvt-applications .targets-section,\n    .pvt-applications .benefits-section {\n      margin-bottom: 30px;\n    }<\/p>\n<p>    .pvt-applications .targets-section:last-child,\n    .pvt-applications .benefits-section:last-child {\n      margin-bottom: 0;\n    }<\/p>\n<p>    .pvt-applications .section-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      color: #ea580c;\n      margin-bottom: 15px;\n      padding: 6px 14px;\n      background: rgba(234, 88, 12, 0.1);\n      border-radius: 20px;\n    }<\/p>\n<p>    .pvt-applications .section-label svg {\n      width: 16px;\n      height: 16px;\n      stroke: #ea580c;\n    }<\/p>\n<p>    .pvt-applications .targets-list {\n      display: grid;\n      gap: 10px;\n    }<\/p>\n<p>    .pvt-applications .target-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 12px 16px;\n      background: rgba(234, 88, 12, 0.04);\n      border-radius: 10px;\n      border-left: 3px solid #ea580c;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-applications .target-item:hover {\n      background: rgba(234, 88, 12, 0.08);\n      transform: translateX(5px);\n    }<\/p>\n<p>    .pvt-applications .target-item svg {\n      width: 18px;\n      height: 18px;\n      stroke: #ea580c;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }<\/p>\n<p>    .pvt-applications .target-item span {\n      font-size: 15px;\n      color: #44403c;\n      line-height: 1.6;\n    }<\/p>\n<p>    .pvt-applications .benefits-list {\n      display: grid;\n      gap: 12px;\n    }<\/p>\n<p>    .pvt-applications .benefit-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 15px 18px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.05) 0%, rgba(249, 115, 22, 0.03) 100%);\n      border-radius: 12px;\n      border: 1px solid rgba(234, 88, 12, 0.15);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-applications .benefit-item:hover {\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.08) 0%, rgba(249, 115, 22, 0.05) 100%);\n      border-color: rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-applications .benefit-item svg {\n      width: 20px;\n      height: 20px;\n      fill: #22c55e;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }<\/p>\n<p>    .pvt-applications .benefit-item span {\n      font-size: 15px;\n      color: #292524;\n      line-height: 1.7;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 992px) {\n      .pvt-applications .main-title {\n        font-size: 34px;\n      }\n      .pvt-applications .card-title {\n        font-size: 24px;\n      }\n    }<\/p>\n<p>    @media (max-width: 576px) {\n      .pvt-applications {\n        padding: 60px 0;\n      }\n      .pvt-applications .main-title {\n        font-size: 28px;\n      }\n      .pvt-applications .card-header {\n        padding: 25px;\n      }\n      .pvt-applications .card-body {\n        padding: 25px;\n      }\n      .pvt-applications .card-title {\n        font-size: 22px;\n      }\n    }\n  <\/style>\n<div class=\"applications-container\">\n    <!-- Main Header --><\/p>\n<div class=\"main-header\">\n<div class=\"section-number\">3<\/div>\n<h2 class=\"main-title\">Typical PVT Applications &amp; Turn-Key Solutions<\/h2>\n<p class=\"main-subtitle\">Discover how PVT hybrid systems deliver maximum value across diverse building types and industries<\/p>\n<\/p><\/div>\n<p>    <!-- Applications Grid --><\/p>\n<div class=\"applications-grid\">\n<p>      <!-- 3.1 Residential & Multi-Family --><\/p>\n<div class=\"application-card\" style=\"opacity: 1; transform: none; transition: none; border: 5px solid red;\">\n<div class=\"card-header\" style=\"border: 3px solid blue;\">\n<div class=\"card-number\">3.1<\/div>\n<h3 class=\"card-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n              <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\n            <\/svg><br \/>\n            Residential &amp; Multi-Family Buildings<br \/>\n          <\/h3>\n<\/p><\/div>\n<div class=\"card-body\">\n<div class=\"targets-section\">\n<div class=\"section-label\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n              <\/svg><br \/>\n              Ideal Targets\n            <\/div>\n<div class=\"targets-list\">\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Domestic hot water (DHW)<\/span>\n              <\/div>\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Partial space heating support<\/span>\n              <\/div>\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Electricity for common areas<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefits-section\">\n<div class=\"section-label\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Key Benefits\n            <\/div>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>High solar yield per m\u00b2\u2014ideal for limited roof space<\/span>\n              <\/div>\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Lower energy bills and improved building energy rating<\/span>\n              <\/div>\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Strong value for social housing, condominiums, and student residences<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- 3.2 Hotels & Hospitality --><\/p>\n<div class=\"application-card\" style=\"opacity: 1; transform: none; transition: none; border: 5px solid red;\">\n<div class=\"card-header\" style=\"border: 3px solid blue;\">\n<div class=\"card-number\">3.2<\/div>\n<h3 class=\"card-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9z\"><\/path>\n              <path d=\"M9 21V7a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v14\"><\/path>\n            <\/svg><br \/>\n            Hotels, Resorts &amp; Hospitality<br \/>\n          <\/h3>\n<\/p><\/div>\n<div class=\"card-body\">\n<div class=\"targets-section\">\n<div class=\"section-label\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n              <\/svg><br \/>\n              Ideal Targets\n            <\/div>\n<div class=\"targets-list\">\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>DHW for rooms, kitchens, and spa facilities<\/span>\n              <\/div>\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Pool heating<\/span>\n              <\/div>\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Electricity for lighting, HVAC, and laundry<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefits-section\">\n<div class=\"section-label\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Key Benefits\n            <\/div>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Delivers peak heat output during high occupancy and cooling demand<\/span>\n              <\/div>\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Excellent synergy with heat pumps for highly efficient, low-carbon energy plants<\/span>\n              <\/div>\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Enhances brand image as a &#8220;solar hotel&#8221; with visible rooftop technology<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- 3.3 Hospitals & Healthcare --><\/p>\n<div class=\"application-card\" style=\"opacity: 1; transform: none; transition: none; border: 5px solid red;\">\n<div class=\"card-header\" style=\"border: 3px solid blue;\">\n<div class=\"card-number\">3.3<\/div>\n<h3 class=\"card-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M20 6L9 17l-5-5\"><\/path>\n              <path d=\"M12 2v6m0 0v6m0-6h6m-6 0H6\"><\/path>\n            <\/svg><br \/>\n            Hospitals, Clinics &amp; Elderly Care<br \/>\n          <\/h3>\n<\/p><\/div>\n<div class=\"card-body\">\n<div class=\"targets-section\">\n<div class=\"section-label\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n              <\/svg><br \/>\n              Ideal Targets\n            <\/div>\n<div class=\"targets-list\">\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Continuous domestic hot water<\/span>\n              <\/div>\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Laundry and sterilization processes<\/span>\n              <\/div>\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Space heating support<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefits-section\">\n<div class=\"section-label\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Key Benefits\n            <\/div>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Year-round demand ensures exceptional utilization of thermal and electrical output<\/span>\n              <\/div>\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Reduces pressure on boilers and electrical networks simultaneously<\/span>\n              <\/div>\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Improves energy security and lowers operational costs<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- 3.4 Industrial & Agro-Food --><\/p>\n<div class=\"application-card\" style=\"opacity: 1; transform: none; transition: none; border: 5px solid red;\">\n<div class=\"card-header\" style=\"border: 3px solid blue;\">\n<div class=\"card-number\">3.4<\/div>\n<h3 class=\"card-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"><\/rect>\n              <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path>\n            <\/svg><br \/>\n            Industrial &amp; Agro-Food Processes<br \/>\n          <\/h3>\n<\/p><\/div>\n<div class=\"card-body\">\n<div class=\"targets-section\">\n<div class=\"section-label\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n              <\/svg><br \/>\n              Ideal Targets\n            <\/div>\n<div class=\"targets-list\">\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Process water at 35\u201370\u00b0C<\/span>\n              <\/div>\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Cleaning, CIP, pre-heating, and drying air<\/span>\n              <\/div>\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Electricity for motors, pumps, and compressors<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefits-section\">\n<div class=\"section-label\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Key Benefits\n            <\/div>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Maximizes both sides of solar energy: thermal for processes and electricity to reduce peak demand<\/span>\n              <\/div>\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Ideal for dairies, beverage plants, textile factories, laundries, slaughterhouses, and greenhouses<\/span>\n              <\/div>\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Supports industrial decarbonization and long-term energy cost stability<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- 3.5 Office & Commercial --><\/p>\n<div class=\"application-card\" style=\"opacity: 1; transform: none; transition: none; border: 5px solid red;\">\n<div class=\"card-header\" style=\"border: 3px solid blue;\">\n<div class=\"card-number\">3.5<\/div>\n<h3 class=\"card-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\n              <path d=\"M3 9h18M9 21V9\"><\/path>\n            <\/svg><br \/>\n            Office, Commercial &amp; Public Buildings<br \/>\n          <\/h3>\n<\/p><\/div>\n<div class=\"card-body\">\n<div class=\"targets-section\">\n<div class=\"section-label\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n              <\/svg><br \/>\n              Ideal Targets\n            <\/div>\n<div class=\"targets-list\">\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>DHW for canteens, showers, and gyms<\/span>\n              <\/div>\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Space heating or underfloor heating support<\/span>\n              <\/div>\n<div class=\"target-item\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                <\/svg><br \/>\n                <span>Electricity for building services<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefits-section\">\n<div class=\"section-label\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Key Benefits\n            <\/div>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Works seamlessly with BIPV\/BIPVT fa\u00e7ade concepts<\/span>\n              <\/div>\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Supports net-zero and energy-positive building strategies<\/span>\n              <\/div>\n<div class=\"benefit-item\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg><br \/>\n                <span>Reduces operational energy consumption while improving ESG and green-building ratings<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script type=\"text\/lemonx-script\">\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Intersection Observer for card animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -100px 0px'\n  };<\/p>\n<p>  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }, index * 150);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);<\/p>\n<p>  document.querySelectorAll('.application-card').forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';\n    card.style.transition = 'all 0.6s ease';\n    observer.observe(card);\n  });\n});\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:3--><\/p>\n<p><!--LEMONX_BLOCK_START:4--><br \/>\n<!-- PVT System Working & Heat Pump Section --><\/p>\n<section class=\"pvt-system-working\">\n<style>\n    .pvt-system-working {\n      width: 100%;\n      background: linear-gradient(180deg, #1a1410 0%, #292524 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-system-working::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: radial-gradient(ellipse at top right, rgba(234, 88, 12, 0.1) 0%, transparent 50%),\n                  radial-gradient(ellipse at bottom left, rgba(249, 115, 22, 0.08) 0%, transparent 50%);\n      z-index: 0;\n    }<\/p>\n<p>    .pvt-system-working .system-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    \/* Section 4 Header *\/\n    .pvt-system-working .section-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .pvt-system-working .section-number {\n      display: inline-block;\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      border-radius: 50%;\n      font-size: 28px;\n      font-weight: 800;\n      color: white;\n      line-height: 60px;\n      margin-bottom: 20px;\n      box-shadow: 0 6px 25px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .pvt-system-working .section-title {\n      font-size: 42px;\n      font-weight: 800;\n      color: #fafaf9;\n      margin-bottom: 18px;\n      line-height: 1.2;\n    }<\/p>\n<p>    .pvt-system-working .section-subtitle {\n      font-size: 18px;\n      color: #d6d3d1;\n      max-width: 800px;\n      margin: 0 auto;\n      line-height: 1.7;\n    }<\/p>\n<p>    \/* Component Cards Grid *\/\n    .pvt-system-working .components-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 25px;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .pvt-system-working .component-card {\n      background: rgba(250, 250, 249, 0.05);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(234, 88, 12, 0.2);\n      border-radius: 20px;\n      padding: 30px;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-system-working .component-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #ea580c 0%, #f97316 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .pvt-system-working .component-card:hover {\n      background: rgba(250, 250, 249, 0.08);\n      border-color: rgba(234, 88, 12, 0.4);\n      transform: translateY(-5px);\n      box-shadow: 0 10px 30px rgba(234, 88, 12, 0.2);\n    }<\/p>\n<p>    .pvt-system-working .component-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .pvt-system-working .component-header {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      margin-bottom: 20px;\n    }<\/p>\n<p>    .pvt-system-working .component-number {\n      width: 40px;\n      height: 40px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.2) 0%, rgba(249, 115, 22, 0.3) 100%);\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      font-weight: 800;\n      color: #fb923c;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .pvt-system-working .component-title {\n      font-size: 20px;\n      font-weight: 700;\n      color: #fafaf9;\n      margin: 0;\n    }<\/p>\n<p>    .pvt-system-working .component-description {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #d6d3d1;\n      margin-bottom: 18px;\n    }<\/p>\n<p>    .pvt-system-working .component-features {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }<\/p>\n<p>    .pvt-system-working .component-features li {\n      font-size: 14px;\n      color: #a8a29e;\n      padding: 8px 0;\n      padding-left: 25px;\n      position: relative;\n      line-height: 1.6;\n    }<\/p>\n<p>    .pvt-system-working .component-features li::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 14px;\n      width: 8px;\n      height: 8px;\n      background: #ea580c;\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(234, 88, 12, 0.5);\n    }<\/p>\n<p>    \/* Heat Pump Section *\/\n    .pvt-system-working .heat-pump-section {\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.1) 0%, rgba(249, 115, 22, 0.05) 100%);\n      border: 2px solid rgba(234, 88, 12, 0.3);\n      border-radius: 24px;\n      padding: 50px;\n      margin-top: 60px;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-system-working .heat-pump-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(234, 88, 12, 0.1) 0%, transparent 70%);\n      animation: rotate 20s linear infinite;\n    }<\/p>\n<p>    @keyframes rotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }<\/p>\n<p>    .pvt-system-working .heat-pump-header {\n      text-align: center;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-system-working .heat-pump-number {\n      display: inline-block;\n      width: 50px;\n      height: 50px;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      border-radius: 50%;\n      font-size: 24px;\n      font-weight: 800;\n      color: white;\n      line-height: 50px;\n      margin-bottom: 15px;\n      box-shadow: 0 4px 20px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .pvt-system-working .heat-pump-title {\n      font-size: 36px;\n      font-weight: 800;\n      color: #fafaf9;\n      margin-bottom: 15px;\n      line-height: 1.2;\n    }<\/p>\n<p>    .pvt-system-working .heat-pump-subtitle {\n      font-size: 17px;\n      color: #d6d3d1;\n      max-width: 700px;\n      margin: 0 auto;\n    }<\/p>\n<p>    .pvt-system-working .heat-pump-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-system-working .how-it-works {\n      background: rgba(26, 20, 16, 0.6);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(234, 88, 12, 0.2);\n      border-radius: 16px;\n      padding: 30px;\n    }<\/p>\n<p>    .pvt-system-working .subsection-title {\n      font-size: 22px;\n      font-weight: 700;\n      color: #fb923c;\n      margin-bottom: 20px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }<\/p>\n<p>    .pvt-system-working .subsection-title svg {\n      width: 24px;\n      height: 24px;\n      stroke: #fb923c;\n    }<\/p>\n<p>    .pvt-system-working .process-steps {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }<\/p>\n<p>    .pvt-system-working .process-step {\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      margin-bottom: 20px;\n      padding: 15px;\n      background: rgba(234, 88, 12, 0.05);\n      border-radius: 12px;\n      border-left: 3px solid #ea580c;\n    }<\/p>\n<p>    .pvt-system-working .step-icon {\n      width: 32px;\n      height: 32px;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .pvt-system-working .step-icon svg {\n      width: 18px;\n      height: 18px;\n      stroke: white;\n    }<\/p>\n<p>    .pvt-system-working .step-text {\n      font-size: 15px;\n      color: #e7e5e4;\n      line-height: 1.7;\n    }<\/p>\n<p>    .pvt-system-working .result-box {\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      padding: 20px 25px;\n      border-radius: 12px;\n      margin-top: 20px;\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-system-working .result-box p {\n      font-size: 16px;\n      font-weight: 600;\n      color: white;\n      margin: 0;\n      line-height: 1.6;\n    }<\/p>\n<p>    .pvt-system-working .use-cases {\n      background: rgba(26, 20, 16, 0.6);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(234, 88, 12, 0.2);\n      border-radius: 16px;\n      padding: 30px;\n    }<\/p>\n<p>    .pvt-system-working .use-case-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }<\/p>\n<p>    .pvt-system-working .use-case-item {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 15px;\n      margin-bottom: 12px;\n      background: rgba(234, 88, 12, 0.05);\n      border-radius: 10px;\n      border: 1px solid rgba(234, 88, 12, 0.15);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-system-working .use-case-item:hover {\n      background: rgba(234, 88, 12, 0.1);\n      border-color: rgba(234, 88, 12, 0.3);\n      transform: translateX(5px);\n    }<\/p>\n<p>    .pvt-system-working .use-case-item svg {\n      width: 20px;\n      height: 20px;\n      fill: #22c55e;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .pvt-system-working .use-case-item span {\n      font-size: 15px;\n      color: #e7e5e4;\n      line-height: 1.6;\n    }<\/p>\n<p>    .pvt-system-working .final-statement {\n      background: rgba(26, 20, 16, 0.8);\n      backdrop-filter: blur(10px);\n      border: 2px solid rgba(234, 88, 12, 0.3);\n      border-radius: 16px;\n      padding: 30px;\n      margin-top: 30px;\n      text-align: center;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-system-working .final-statement p {\n      font-size: 18px;\n      font-weight: 600;\n      color: #fafaf9;\n      margin: 0;\n      line-height: 1.7;\n    }<\/p>\n<p>    .pvt-system-working .final-statement .highlight {\n      color: #fb923c;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 992px) {\n      .pvt-system-working .section-title {\n        font-size: 36px;\n      }\n      .pvt-system-working .heat-pump-title {\n        font-size: 30px;\n      }\n      .pvt-system-working .heat-pump-content {\n        grid-template-columns: 1fr;\n      }\n      .pvt-system-working .components-grid {\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      }\n    }<\/p>\n<p>    @media (max-width: 576px) {\n      .pvt-system-working {\n        padding: 60px 0;\n      }\n      .pvt-system-working .section-title {\n        font-size: 30px;\n      }\n      .pvt-system-working .heat-pump-section {\n        padding: 30px 25px;\n      }\n      .pvt-system-working .heat-pump-title {\n        font-size: 26px;\n      }\n    }\n  <\/style>\n<div class=\"system-container\">\n    <!-- Section 4: How PVT Works --><\/p>\n<div class=\"section-header\">\n<div class=\"section-number\">4<\/div>\n<h2 class=\"section-title\">How a PVT System Works<\/h2>\n<p class=\"section-subtitle\">\n        A Soletks PVT system is built as a fully integrated hybrid solution that produces both electricity and thermal energy from the same surface.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Components Grid --><\/p>\n<div class=\"components-grid\">\n      <!-- Component 1 --><\/p>\n<div class=\"component-card\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"component-header\">\n<div class=\"component-number\">1<\/div>\n<h3 class=\"component-title\">PVT Hybrid Panels<\/h3>\n<\/p><\/div>\n<p class=\"component-description\">\n          Advanced dual-function solar modules combining photovoltaic and thermal technologies.\n        <\/p>\n<ul class=\"component-features\">\n<li>High-efficiency photovoltaic cells on the front side<\/li>\n<li>Thermal absorber and fluid channels on the rear<\/li>\n<li>Multiple insulation layers to minimize heat losses and ensure long-term durability<\/li>\n<\/ul><\/div>\n<p>      <!-- Component 2 --><\/p>\n<div class=\"component-card\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"component-header\">\n<div class=\"component-number\">2<\/div>\n<h3 class=\"component-title\">Hydraulic Circuit &amp; Heat Exchanger<\/h3>\n<\/p><\/div>\n<p class=\"component-description\">\n          Complete thermal management system for optimal heat transfer and distribution.\n        <\/p>\n<ul class=\"component-features\">\n<li>Pumping station with flow and temperature control<\/li>\n<li>Heat exchanger for transferring energy to DHW tank, buffer tank, pool, or heating loop<\/li>\n<li>Complete safety group with valves, sensors, and expansion vessel<\/li>\n<\/ul><\/div>\n<p>      <!-- Component 3 --><\/p>\n<div class=\"component-card\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"component-header\">\n<div class=\"component-number\">3<\/div>\n<h3 class=\"component-title\">Hot Water &amp; Buffer Tanks<\/h3>\n<\/p><\/div>\n<p class=\"component-description\">\n          Thermal energy storage solutions for continuous hot water availability.\n        <\/p>\n<ul class=\"component-features\">\n<li>Domestic hot water (DHW) storage tanks<\/li>\n<li>Buffer tanks for heating or industrial process circuits<\/li>\n<li>Easy integration with heat pumps, boilers, or hybrid energy systems<\/li>\n<\/ul><\/div>\n<p>      <!-- Component 4 --><\/p>\n<div class=\"component-card\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"component-header\">\n<div class=\"component-number\">4<\/div>\n<h3 class=\"component-title\">Electrical Side<\/h3>\n<\/p><\/div>\n<p class=\"component-description\">\n          Professional PV system components for maximum electrical efficiency.\n        <\/p>\n<ul class=\"component-features\">\n<li>PV string configuration with high-quality DC cabling<\/li>\n<li>String or centralized inverters for maximum conversion efficiency<\/li>\n<li>Smart monitoring and metering for both electricity and heat production<\/li>\n<\/ul><\/div>\n<p>      <!-- Component 5 --><\/p>\n<div class=\"component-card\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"component-header\">\n<div class=\"component-number\">5<\/div>\n<h3 class=\"component-title\">Control &amp; Monitoring<\/h3>\n<\/p><\/div>\n<p class=\"component-description\">\n          Intelligent system management for optimized performance and energy savings.\n        <\/p>\n<ul class=\"component-features\">\n<li>Weather, irradiation, and temperature sensors<\/li>\n<li>Intelligent prioritization between PV, thermal output, heat pump, and backup sources<\/li>\n<li>Online monitoring of electrical kWh, thermal kWh, energy savings, and CO\u2082 reduction<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p>    <!-- Section 5: PVT + Heat Pump --><\/p>\n<div class=\"heat-pump-section\">\n<div class=\"heat-pump-header\">\n<div class=\"heat-pump-number\">5<\/div>\n<h2 class=\"heat-pump-title\">PVT + Heat Pump = High-Performance Hybrid Plant<\/h2>\n<p class=\"heat-pump-subtitle\">\n          Combining PVT panels with a heat pump creates one of the most efficient renewable energy systems available today.\n        <\/p>\n<\/p><\/div>\n<div class=\"heat-pump-content\">\n        <!-- How It Works --><\/p>\n<div class=\"how-it-works\">\n<h3 class=\"subsection-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n            <\/svg><br \/>\n            How the Hybrid Works<br \/>\n          <\/h3>\n<ul class=\"process-steps\">\n<li class=\"process-step\">\n<div class=\"step-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n                <\/svg>\n              <\/div>\n<p>              <span class=\"step-text\">The PVT panel provides low-temperature heat to the heat pump&#8217;s evaporator or buffer tank<\/span>\n            <\/li>\n<li class=\"process-step\">\n<div class=\"step-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M13 2L3 14h8l-1 8 10-12h-8l1-8z\"><\/path>\n                <\/svg>\n              <\/div>\n<p>              <span class=\"step-text\">The PV side supplies part of the electricity required by the compressor<\/span>\n            <\/li>\n<\/ul>\n<div class=\"result-box\">\n<p><strong>Result:<\/strong> A significantly higher overall COP and superior seasonal performance<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Use Cases --><\/p>\n<div class=\"use-cases\">\n<h3 class=\"subsection-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n            <\/svg><br \/>\n            Typical Use Cases<br \/>\n          <\/h3>\n<ul class=\"use-case-list\">\n<li class=\"use-case-item\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n              <\/svg><br \/>\n              <span>Low-temperature underfloor heating<\/span>\n            <\/li>\n<li class=\"use-case-item\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n              <\/svg><br \/>\n              <span>DHW + space heating for residential and commercial buildings<\/span>\n            <\/li>\n<li class=\"use-case-item\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n              <\/svg><br \/>\n              <span>Pool heating and dehumidification<\/span>\n            <\/li>\n<li class=\"use-case-item\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n              <\/svg><br \/>\n              <span>Process water pre-heating for industrial applications<\/span>\n            <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div class=\"final-statement\">\n<p>\n          <span class=\"highlight\">PVT + heat pump<\/span> transforms your roof into a compact, high-efficiency renewable energy plant\u2014producing both <span class=\"highlight\">heating energy<\/span> and <span class=\"highlight\">clean electricity<\/span> from one integrated system.\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script type=\"text\/lemonx-script\">\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Staggered animation for component cards\n  const componentCards = document.querySelectorAll('.component-card');<\/p>\n<p>  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };<\/p>\n<p>  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }, index * 100);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);<\/p>\n<p>  componentCards.forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(20px)';\n    card.style.transition = 'all 0.6s ease';\n    observer.observe(card);\n  });<\/p>\n<p>  \/\/ Hover effect for use case items\n  const useCaseItems = document.querySelectorAll('.use-case-item');\n  useCaseItems.forEach(item => {\n    item.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateX(8px)';\n    });\n    item.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateX(0)';\n    });\n  });\n});\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:4--><\/p>\n<p><!--LEMONX_BLOCK_START:5--><br \/>\n<!-- Soletks PVT Engineering Excellence Section --><\/p>\n<section class=\"pvt-engineering\">\n<style>\n    .pvt-engineering {\n      width: 100%;\n      background: linear-gradient(180deg, #fafaf9 0%, #f5f5f4 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n    }<\/p>\n<p>    .pvt-engineering .engineering-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n    }<\/p>\n<p>    \/* Hero Section *\/\n    .pvt-engineering .hero-section {\n      text-align: center;\n      margin-bottom: 70px;\n      padding: 60px 40px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.08) 0%, rgba(249, 115, 22, 0.05) 100%);\n      border-radius: 24px;\n      border: 2px solid rgba(234, 88, 12, 0.2);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-engineering .hero-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(234, 88, 12, 0.1) 0%, transparent 70%);\n      animation: pulse-glow 4s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes pulse-glow {\n      0%, 100% { opacity: 0.5; transform: scale(1); }\n      50% { opacity: 1; transform: scale(1.05); }\n    }<\/p>\n<p>    .pvt-engineering .hero-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 20px;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      color: white;\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      border-radius: 20px;\n      margin-bottom: 20px;\n      box-shadow: 0 4px 15px rgba(234, 88, 12, 0.3);\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-engineering .hero-badge svg {\n      width: 16px;\n      height: 16px;\n      fill: white;\n    }<\/p>\n<p>    .pvt-engineering .hero-title {\n      font-size: 44px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 20px;\n      line-height: 1.2;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-engineering .hero-title .highlight {\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .pvt-engineering .hero-statement {\n      font-size: 20px;\n      font-weight: 600;\n      color: #57534e;\n      max-width: 800px;\n      margin: 0 auto 15px;\n      line-height: 1.6;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-engineering .hero-subtext {\n      font-size: 17px;\n      color: #78716c;\n      max-width: 750px;\n      margin: 0 auto;\n      line-height: 1.7;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    \/* Features Grid *\/\n    .pvt-engineering .features-section {\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .pvt-engineering .section-intro {\n      text-align: center;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    .pvt-engineering .section-intro h3 {\n      font-size: 28px;\n      font-weight: 700;\n      color: #1a1410;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .pvt-engineering .features-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    .pvt-engineering .feature-card {\n      background: white;\n      padding: 25px 30px;\n      border-radius: 16px;\n      border-left: 4px solid #ea580c;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-engineering .feature-card:hover {\n      transform: translateX(5px);\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.15);\n    }<\/p>\n<p>    .pvt-engineering .feature-card p {\n      font-size: 15px;\n      color: #44403c;\n      margin: 0;\n      line-height: 1.7;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* Performance Stats *\/\n    .pvt-engineering .performance-section {\n      background: linear-gradient(135deg, #1a1410 0%, #292524 100%);\n      padding: 50px;\n      border-radius: 24px;\n      margin-bottom: 60px;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-engineering .performance-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: radial-gradient(ellipse at top left, rgba(234, 88, 12, 0.15) 0%, transparent 50%);\n      z-index: 0;\n    }<\/p>\n<p>    .pvt-engineering .performance-header {\n      text-align: center;\n      margin-bottom: 35px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-engineering .performance-header h3 {\n      font-size: 30px;\n      font-weight: 800;\n      color: #fafaf9;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .pvt-engineering .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-engineering .stat-card {\n      background: rgba(250, 250, 249, 0.05);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(234, 88, 12, 0.3);\n      border-radius: 16px;\n      padding: 25px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-engineering .stat-card:hover {\n      background: rgba(250, 250, 249, 0.08);\n      border-color: rgba(234, 88, 12, 0.5);\n      transform: translateY(-3px);\n    }<\/p>\n<p>    .pvt-engineering .stat-card p {\n      font-size: 16px;\n      color: #e7e5e4;\n      margin: 0;\n      line-height: 1.7;\n      font-weight: 500;\n    }<\/p>\n<p>    .pvt-engineering .stat-card strong {\n      color: #fb923c;\n      font-weight: 700;\n    }<\/p>\n<p>    .pvt-engineering .key-outcome {\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      padding: 30px 35px;\n      border-radius: 16px;\n      position: relative;\n      z-index: 1;\n      box-shadow: 0 8px 25px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .pvt-engineering .key-outcome h4 {\n      font-size: 18px;\n      font-weight: 800;\n      color: white;\n      margin: 0 0 12px 0;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }<\/p>\n<p>    .pvt-engineering .key-outcome p {\n      font-size: 16px;\n      color: white;\n      margin: 0;\n      line-height: 1.8;\n      font-weight: 500;\n    }<\/p>\n<p>    .pvt-engineering .validation-note {\n      text-align: center;\n      margin-top: 25px;\n      padding: 20px;\n      background: rgba(250, 250, 249, 0.05);\n      border-radius: 12px;\n      border: 1px solid rgba(234, 88, 12, 0.2);\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-engineering .validation-note p {\n      font-size: 15px;\n      color: #d6d3d1;\n      margin: 0;\n      line-height: 1.7;\n      font-style: italic;\n    }<\/p>\n<p>    .pvt-engineering .validation-note strong {\n      color: #fb923c;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Section 6: Why Soletks *\/\n    .pvt-engineering .why-soletks-section {\n      margin-top: 70px;\n    }<\/p>\n<p>    .pvt-engineering .why-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }<\/p>\n<p>    .pvt-engineering .why-number {\n      display: inline-block;\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      border-radius: 50%;\n      font-size: 28px;\n      font-weight: 800;\n      color: white;\n      line-height: 60px;\n      margin-bottom: 20px;\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-engineering .why-title {\n      font-size: 40px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 15px;\n      line-height: 1.2;\n    }<\/p>\n<p>    .pvt-engineering .why-subtitle {\n      font-size: 18px;\n      color: #78716c;\n      max-width: 700px;\n      margin: 0 auto;\n      line-height: 1.7;\n    }<\/p>\n<p>    \/* Engineering Points *\/\n    .pvt-engineering .engineering-points {\n      display: grid;\n      gap: 30px;\n    }<\/p>\n<p>    .pvt-engineering .point-card {\n      background: white;\n      border-radius: 20px;\n      padding: 40px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      border: 1px solid #e7e5e4;\n      transition: all 0.4s ease;\n    }<\/p>\n<p>    .pvt-engineering .point-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 8px 30px rgba(234, 88, 12, 0.15);\n      border-color: rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-engineering .point-header {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      margin-bottom: 20px;\n    }<\/p>\n<p>    .pvt-engineering .point-number {\n      width: 45px;\n      height: 45px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.15) 0%, rgba(249, 115, 22, 0.2) 100%);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 20px;\n      font-weight: 800;\n      color: #ea580c;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .pvt-engineering .point-title {\n      font-size: 24px;\n      font-weight: 700;\n      color: #1a1410;\n      margin: 0;\n    }<\/p>\n<p>    .pvt-engineering .point-description {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #57534e;\n      margin-bottom: 20px;\n    }<\/p>\n<p>    .pvt-engineering .point-content {\n      font-size: 15px;\n      line-height: 1.8;\n      color: #44403c;\n      margin-bottom: 20px;\n    }<\/p>\n<p>    .pvt-engineering .point-benefits {\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.05) 0%, rgba(249, 115, 22, 0.03) 100%);\n      padding: 20px 25px;\n      border-radius: 12px;\n      border-left: 4px solid #ea580c;\n    }<\/p>\n<p>    .pvt-engineering .point-benefits h5 {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1410;\n      margin: 0 0 12px 0;\n    }<\/p>\n<p>    .pvt-engineering .point-benefits ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }<\/p>\n<p>    .pvt-engineering .point-benefits li {\n      font-size: 14px;\n      color: #44403c;\n      padding: 6px 0;\n      padding-left: 20px;\n      position: relative;\n      line-height: 1.6;\n    }<\/p>\n<p>    .pvt-engineering .point-benefits li::before {\n      content: '\u2713';\n      position: absolute;\n      left: 0;\n      color: #22c55e;\n      font-weight: 700;\n      font-size: 16px;\n    }<\/p>\n<p>    \/* Final CTA *\/\n    .pvt-engineering .final-cta {\n      background: linear-gradient(135deg, #1a1410 0%, #292524 100%);\n      padding: 50px;\n      border-radius: 24px;\n      margin-top: 60px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-engineering .final-cta::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(234, 88, 12, 0.15) 0%, transparent 70%);\n      animation: rotate 15s linear infinite;\n    }<\/p>\n<p>    @keyframes rotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }<\/p>\n<p>    .pvt-engineering .final-cta-content {\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-engineering .final-cta h3 {\n      font-size: 32px;\n      font-weight: 800;\n      color: #fafaf9;\n      margin-bottom: 20px;\n      line-height: 1.3;\n    }<\/p>\n<p>    .pvt-engineering .final-cta .highlight {\n      color: #fb923c;\n    }<\/p>\n<p>    .pvt-engineering .final-cta-points {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n      margin: 30px 0;\n    }<\/p>\n<p>    .pvt-engineering .cta-point {\n      background: rgba(250, 250, 249, 0.05);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(234, 88, 12, 0.2);\n      border-radius: 12px;\n      padding: 20px;\n    }<\/p>\n<p>    .pvt-engineering .cta-point p {\n      font-size: 15px;\n      color: #e7e5e4;\n      margin: 0;\n      line-height: 1.7;\n      font-weight: 500;\n    }<\/p>\n<p>    .pvt-engineering .final-statement {\n      font-size: 20px;\n      font-weight: 700;\n      color: #fafaf9;\n      margin: 30px 0 0 0;\n      line-height: 1.6;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 992px) {\n      .pvt-engineering .hero-title {\n        font-size: 36px;\n      }\n      .pvt-engineering .features-grid,\n      .pvt-engineering .stats-grid {\n        grid-template-columns: 1fr;\n      }\n      .pvt-engineering .final-cta-points {\n        grid-template-columns: 1fr;\n      }\n    }<\/p>\n<p>    @media (max-width: 576px) {\n      .pvt-engineering {\n        padding: 60px 0;\n      }\n      .pvt-engineering .hero-section {\n        padding: 40px 25px;\n      }\n      .pvt-engineering .hero-title {\n        font-size: 28px;\n      }\n      .pvt-engineering .performance-section,\n      .pvt-engineering .final-cta {\n        padding: 30px 25px;\n      }\n      .pvt-engineering .point-card {\n        padding: 30px 25px;\n      }\n    }\n  <\/style>\n<div class=\"engineering-container\">\n    <!-- Hero Section --><\/p>\n<div class=\"hero-section\">\n<div class=\"hero-badge\" style=\"transform: scale(1);\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M9 11l3 3L22 4\"><\/path>\n          <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path>\n        <\/svg><br \/>\n        <span>Laboratory Tested &amp; Field Proven<\/span>\n      <\/div>\n<h2 class=\"hero-title\">\n        Soletks Hybrid PVT Panels \u2014 <span class=\"highlight\">Engineered, Tested, and Validated<\/span> for Real Performance<br \/>\n      <\/h2>\n<p class=\"hero-statement\">\n        Soletks hybrid PVT panels are not conceptual prototypes.\n      <\/p>\n<p class=\"hero-subtext\">\n        They are laboratory-tested, field-proven, and validated under controlled thermal and electrical conditions.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Features Section --><\/p>\n<div class=\"features-section\">\n<div class=\"section-intro\">\n<h3>Our Latest PVT Generation Features:<\/h3>\n<\/p><\/div>\n<div class=\"features-grid\">\n<div class=\"feature-card\">\n<p>Full-size monocrystalline PV modules (450\u2013600 W class)<\/p>\n<\/p><\/div>\n<div class=\"feature-card\">\n<p>Laser-welded aluminum absorber with optimized heat-spread geometry<\/p>\n<\/p><\/div>\n<div class=\"feature-card\">\n<p>Selective coating with high absorptance and low emissivity<\/p>\n<\/p><\/div>\n<div class=\"feature-card\">\n<p>Micro-channel heat exchanger integrated beneath the PV cells<\/p>\n<\/p><\/div>\n<div class=\"feature-card\">\n<p>Rear-mounted thermal control layer for PV temperature stabilization<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Performance Section --><\/p>\n<div class=\"performance-section\">\n<div class=\"performance-header\">\n<h3>In Performance Testing, Soletks PVT Panels Demonstrated:<\/h3>\n<\/p><\/div>\n<div class=\"stats-grid\">\n<div class=\"stat-card\">\n<p><strong>Stable thermal output<\/strong> of 350\u2013500 kWh\/m\u00b2\u00b7year (climate dependent)<\/p>\n<\/p><\/div>\n<div class=\"stat-card\">\n<p><strong>Electrical yield<\/strong> at 90\u201395% of standalone PV modules<\/p>\n<\/p><\/div>\n<div class=\"stat-card\">\n<p><strong>Panel temperature reduction<\/strong> of 10\u201318\u00b0C under full irradiance<\/p>\n<\/p><\/div>\n<div class=\"stat-card\">\n<p><strong>Zero hotspots or delamination<\/strong> during continuous stagnation cycling<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"key-outcome\">\n<h4>The Key Outcome:<\/h4>\n<p>\n          Instead of degrading under heat stress, PV cells operate in a cooler, more efficient condition, producing higher electrical yield while generating usable thermal energy.\n        <\/p>\n<\/p><\/div>\n<div class=\"validation-note\">\n<p>\n          All measurements were captured using <strong>calibrated sensors under controlled load<\/strong>\u2014never spreadsheet simulations.<br \/>\n          We publish <strong>sustained performance<\/strong>, not inflated peak numbers.\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Section 6: Why Soletks --><\/p>\n<div class=\"why-soletks-section\">\n<div class=\"why-header\">\n<div class=\"why-number\">6<\/div>\n<h2 class=\"why-title\">Why Soletks PVT \u2014 Engineering Built for Real Projects<\/h2>\n<p class=\"why-subtitle\">\n          The solar industry is full of &#8220;PVT concepts&#8221; that perform well on paper but fail under real operating conditions. Soletks takes an engineering-led, not marketing-led, approach.\n        <\/p>\n<\/p><\/div>\n<div class=\"engineering-points\">\n        <!-- Point 1 --><\/p>\n<div class=\"point-card\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"point-header\">\n<div class=\"point-number\">1<\/div>\n<h3 class=\"point-title\">Thermal Circuit Designed Around PV Physics<\/h3>\n<\/p><\/div>\n<p class=\"point-description\">\n            Uniform heat extraction is essential for reliable PVT operation. Soletks uses full-coverage aluminum absorber plates with micro-channel heat exchangers to prevent localized overheating.\n          <\/p>\n<p class=\"point-content\">\n            Unlike spot-flow or partial-contact designs, our geometry eliminates thermal gradients\u2014the root cause of:\n          <\/p>\n<div class=\"point-benefits\">\n<ul>\n<li>Cell fatigue<\/li>\n<li>Micro-cracking<\/li>\n<li>Long-term electrical yield decay<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p>        <!-- Point 2 --><\/p>\n<div class=\"point-card\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"point-header\">\n<div class=\"point-number\">2<\/div>\n<h3 class=\"point-title\">Electrical Yield Preserved, Not Sacrificed<\/h3>\n<\/p><\/div>\n<p class=\"point-description\">\n            A PVT panel that loses 20\u201330% PV output is unacceptable. Our architecture extracts heat below the PV operating zone, ensuring:\n          <\/p>\n<div class=\"point-benefits\">\n<ul>\n<li>No shadowing<\/li>\n<li>No hydraulic deformation<\/li>\n<li>No clamp hotspots<\/li>\n<li>No solder-joint fatigue<\/li>\n<\/ul><\/div>\n<p class=\"point-content\" style=\"margin-top: 15px;\">\n            Field data confirms <strong>90\u201395% of pure PV output<\/strong>, while also generating thermal gain.\n          <\/p>\n<\/p><\/div>\n<p>        <!-- Point 3 --><\/p>\n<div class=\"point-card\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"point-header\">\n<div class=\"point-number\">3<\/div>\n<h3 class=\"point-title\">Real Thermal Performance \u2014 Not Cosmetic Water-Cooling<\/h3>\n<\/p><\/div>\n<p class=\"point-description\">\n            Many &#8220;PVT&#8221; designs rely on laminated capillaries or shallow snake tubes that only cool panels under mild conditions and then stagnate or boil.\n          <\/p>\n<p class=\"point-content\">Soletks uses:<\/p>\n<div class=\"point-benefits\">\n<h5>Technology:<\/h5>\n<ul>\n<li>High thermal conductivity plate (k &gt; 200 W\/m\u00b7K)<\/li>\n<li>Optimized fluid volume<\/li>\n<li>Controlled \u0394T extraction strategy<\/li>\n<\/ul><\/div>\n<div class=\"point-benefits\" style=\"margin-top: 15px;\">\n<h5>This ensures:<\/h5>\n<ul>\n<li>Stable heat output in summer<\/li>\n<li>Predictable return temperatures for heat pumps or storage<\/li>\n<li>No boiling, stagnation, or thermal runaway<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p>        <!-- Point 4 --><\/p>\n<div class=\"point-card\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"point-header\">\n<div class=\"point-number\">4<\/div>\n<h3 class=\"point-title\">Structural Integrity for Long Service Life<\/h3>\n<\/p><\/div>\n<p class=\"point-description\">\n            PVT panels endure UV + thermal cycling, moisture ingress, corrosion, mechanical stress, and high stagnation temperatures.\n          <\/p>\n<p class=\"point-content\">Soletks eliminates common failure points:<\/p>\n<div class=\"point-benefits\">\n<ul>\n<li>No vacuum tubes<\/li>\n<li>No plastic manifolds<\/li>\n<li>No adhesive-based thermal paths<\/li>\n<li>No uncontrolled stagnation risk<\/li>\n<\/ul><\/div>\n<p class=\"point-content\" style=\"margin-top: 15px;\">\n            Panels use <strong>aluminum + EPDM sealing<\/strong> with controlled drainage to prevent moisture accumulation and corrosion.\n          <\/p>\n<\/p><\/div>\n<p>        <!-- Point 5 --><\/p>\n<div class=\"point-card\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"point-header\">\n<div class=\"point-number\">5<\/div>\n<h3 class=\"point-title\">System-Level Integration \u2014 Not Just Selling Panels<\/h3>\n<\/p><\/div>\n<p class=\"point-description\">\n            Soletks designs complete PVT systems, not loose components.\n          <\/p>\n<div class=\"point-benefits\">\n<h5>Our engineering covers:<\/h5>\n<ul>\n<li>Buffer + consumption tank configuration<\/li>\n<li>Constant-temperature return control<\/li>\n<li>Smart \u0394T pump control<\/li>\n<li>Energy-priority logic (PVT \u2192 heat pump \u2192 boiler)<\/li>\n<\/ul><\/div>\n<div class=\"point-benefits\" style=\"margin-top: 15px;\">\n<h5>This prevents:<\/h5>\n<ul>\n<li>Temperature overshoot<\/li>\n<li>Cavitation at high loads<\/li>\n<li>Seasonal thermal shock<\/li>\n<li>Bypass stagnation<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p>        <!-- Point 6 --><\/p>\n<div class=\"point-card\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"point-header\">\n<div class=\"point-number\">6<\/div>\n<h3 class=\"point-title\">Tested for Commercial Duty Cycles<\/h3>\n<\/p><\/div>\n<p class=\"point-description\">\n            Real projects\u2014hotels, apartments, clinics, worker camps\u2014run hot water 365 days a year.\n          <\/p>\n<div class=\"point-benefits\">\n<h5>Soletks PVT panels are validated under:<\/h5>\n<ul>\n<li>Continuous recirculation<\/li>\n<li>Sudden consumption peaks<\/li>\n<li>Daily start\/stop thermal cycles<\/li>\n<li>Ambient temperatures above 40\u201350\u00b0C<\/li>\n<\/ul><\/div>\n<p class=\"point-content\" style=\"margin-top: 15px;\">\n            Panel lifespan is measured in <strong>years of real operation<\/strong>, not hours of laboratory sunshine.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Final CTA --><\/p>\n<div class=\"final-cta\">\n<div class=\"final-cta-content\">\n<h3>Why Choose Soletks \u2014 <span class=\"highlight\">Technical Trust, Not Hype<\/span><\/h3>\n<div class=\"final-cta-points\">\n<div class=\"cta-point\">\n<p>Stable electrical performance<\/p>\n<\/p><\/div>\n<div class=\"cta-point\">\n<p>Predictable thermal output<\/p>\n<\/p><\/div>\n<div class=\"cta-point\">\n<p>No fragile glass tubes<\/p>\n<\/p><\/div>\n<div class=\"cta-point\">\n<p>No polymer creep<\/p>\n<\/p><\/div>\n<div class=\"cta-point\">\n<p>No stagnation failures<\/p>\n<\/p><\/div>\n<div class=\"cta-point\">\n<p>Full engineering documentation<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"final-statement\">\n          Soletks products are not built on promises \u2014<br \/>\n          they are built on <span class=\"highlight\">physics, materials science, and tested thermal behavior<\/span>.\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script type=\"text\/lemonx-script\">\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Staggered animation for point cards\n  const pointCards = document.querySelectorAll('.point-card');<\/p>\n<p>  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -80px 0px'\n  };<\/p>\n<p>  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }, index * 150);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);<\/p>\n<p>  pointCards.forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';\n    card.style.transition = 'all 0.6s ease';\n    observer.observe(card);\n  });<\/p>\n<p>  \/\/ Pulse animation for hero badge\n  const heroBadge = document.querySelector('.hero-badge');\n  setInterval(() => {\n    heroBadge.style.transform = 'scale(1.05)';\n    setTimeout(() => {\n      heroBadge.style.transform = 'scale(1)';\n    }, 200);\n  }, 3000);\n});\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:5--><\/p>\n<p><!--LEMONX_BLOCK_START:6--><br \/>\n<!-- PVT Comparison & ROI Analysis Section --><\/p>\n<section class=\"pvt-comparison\">\n<style>\n    .pvt-comparison {\n      width: 100%;\n      background: linear-gradient(180deg, #f5f5f4 0%, #fafaf9 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n    }<\/p>\n<p>    .pvt-comparison .comparison-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n    }<\/p>\n<p>    \/* Section 7 Header *\/\n    .pvt-comparison .section-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }<\/p>\n<p>    .pvt-comparison .section-number {\n      display: inline-block;\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      border-radius: 50%;\n      font-size: 28px;\n      font-weight: 800;\n      color: white;\n      line-height: 60px;\n      margin-bottom: 20px;\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-comparison .section-title {\n      font-size: 40px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 15px;\n      line-height: 1.2;\n    }<\/p>\n<p>    \/* Comparison Table *\/\n    .pvt-comparison .comparison-table-wrapper {\n      background: white;\n      border-radius: 20px;\n      padding: 40px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      margin-bottom: 40px;\n      overflow-x: auto;\n    }<\/p>\n<p>    .pvt-comparison .comparison-table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n    }<\/p>\n<p>    .pvt-comparison .comparison-table thead th {\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      color: white;\n      padding: 18px 15px;\n      font-size: 14px;\n      font-weight: 700;\n      text-align: left;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .pvt-comparison .comparison-table thead th:first-child {\n      border-top-left-radius: 12px;\n    }<\/p>\n<p>    .pvt-comparison .comparison-table thead th:last-child {\n      border-top-right-radius: 12px;\n    }<\/p>\n<p>    .pvt-comparison .comparison-table tbody tr {\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-comparison .comparison-table tbody tr:hover {\n      background: rgba(234, 88, 12, 0.05);\n    }<\/p>\n<p>    .pvt-comparison .comparison-table tbody td {\n      padding: 18px 15px;\n      font-size: 15px;\n      color: #44403c;\n      border-bottom: 1px solid #e7e5e4;\n    }<\/p>\n<p>    .pvt-comparison .comparison-table tbody tr:last-child td {\n      border-bottom: none;\n    }<\/p>\n<p>    .pvt-comparison .comparison-table tbody td:first-child {\n      font-weight: 700;\n      color: #1a1410;\n    }<\/p>\n<p>    .pvt-comparison .comparison-table .highlight-row {\n      background: rgba(234, 88, 12, 0.08);\n    }<\/p>\n<p>    .pvt-comparison .comparison-table .highlight-row td {\n      font-weight: 600;\n    }<\/p>\n<p>    .pvt-comparison .table-note {\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.08) 0%, rgba(249, 115, 22, 0.05) 100%);\n      padding: 25px 30px;\n      border-radius: 12px;\n      border-left: 4px solid #ea580c;\n      margin-top: 25px;\n    }<\/p>\n<p>    .pvt-comparison .table-note p {\n      font-size: 16px;\n      color: #44403c;\n      margin: 0;\n      line-height: 1.8;\n    }<\/p>\n<p>    .pvt-comparison .table-note strong {\n      color: #ea580c;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* ROI Section *\/\n    .pvt-comparison .roi-section {\n      margin-top: 60px;\n    }<\/p>\n<p>    .pvt-comparison .roi-header {\n      text-align: center;\n      margin-bottom: 50px;\n      padding: 40px;\n      background: linear-gradient(135deg, #1a1410 0%, #292524 100%);\n      border-radius: 20px;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-comparison .roi-header::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(234, 88, 12, 0.15) 0%, transparent 70%);\n      animation: pulse-rotate 8s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes pulse-rotate {\n      0%, 100% { transform: rotate(0deg) scale(1); }\n      50% { transform: rotate(180deg) scale(1.1); }\n    }<\/p>\n<p>    .pvt-comparison .roi-header-content {\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-comparison .roi-emoji {\n      font-size: 48px;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .pvt-comparison .roi-title {\n      font-size: 36px;\n      font-weight: 800;\n      color: #fafaf9;\n      margin-bottom: 15px;\n      line-height: 1.2;\n    }<\/p>\n<p>    .pvt-comparison .roi-subtitle {\n      font-size: 17px;\n      color: #d6d3d1;\n      max-width: 900px;\n      margin: 0 auto 25px;\n      line-height: 1.7;\n    }<\/p>\n<p>    .pvt-comparison .roi-assumptions {\n      display: inline-block;\n      background: rgba(250, 250, 249, 0.1);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(234, 88, 12, 0.3);\n      border-radius: 12px;\n      padding: 20px 30px;\n      text-align: left;\n    }<\/p>\n<p>    .pvt-comparison .roi-assumptions ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 12px;\n    }<\/p>\n<p>    .pvt-comparison .roi-assumptions li {\n      font-size: 14px;\n      color: #e7e5e4;\n      padding-left: 20px;\n      position: relative;\n    }<\/p>\n<p>    .pvt-comparison .roi-assumptions li::before {\n      content: '\u25b8';\n      position: absolute;\n      left: 0;\n      color: #fb923c;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Regional Cards *\/\n    .pvt-comparison .regional-cards {\n      display: grid;\n      gap: 30px;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .pvt-comparison .regional-card {\n      background: white;\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      border: 2px solid transparent;\n      transition: all 0.4s ease;\n    }<\/p>\n<p>    .pvt-comparison .regional-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 8px 30px rgba(234, 88, 12, 0.15);\n      border-color: rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-comparison .regional-card.eu {\n      border-top: 4px solid #3b82f6;\n    }<\/p>\n<p>    .pvt-comparison .regional-card.mena {\n      border-top: 4px solid #f97316;\n    }<\/p>\n<p>    .pvt-comparison .regional-card.latam {\n      border-top: 4px solid #eab308;\n    }<\/p>\n<p>    .pvt-comparison .regional-header {\n      padding: 35px 40px 25px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.05) 0%, rgba(249, 115, 22, 0.03) 100%);\n    }<\/p>\n<p>    .pvt-comparison .regional-emoji {\n      font-size: 40px;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .pvt-comparison .regional-title {\n      font-size: 28px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 10px;\n      line-height: 1.2;\n    }<\/p>\n<p>    .pvt-comparison .regional-subtitle {\n      font-size: 16px;\n      color: #78716c;\n      font-weight: 600;\n    }<\/p>\n<p>    .pvt-comparison .regional-body {\n      padding: 35px 40px;\n    }<\/p>\n<p>    .pvt-comparison .assumptions-box {\n      background: rgba(234, 88, 12, 0.05);\n      padding: 20px 25px;\n      border-radius: 12px;\n      margin-bottom: 25px;\n      border-left: 3px solid #ea580c;\n    }<\/p>\n<p>    .pvt-comparison .assumptions-box h4 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #ea580c;\n      margin: 0 0 12px 0;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }<\/p>\n<p>    .pvt-comparison .assumptions-box ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }<\/p>\n<p>    .pvt-comparison .assumptions-box li {\n      font-size: 14px;\n      color: #44403c;\n      padding: 6px 0;\n      padding-left: 20px;\n      position: relative;\n    }<\/p>\n<p>    .pvt-comparison .assumptions-box li::before {\n      content: '\u2022';\n      position: absolute;\n      left: 0;\n      color: #ea580c;\n      font-weight: 700;\n      font-size: 18px;\n    }<\/p>\n<p>    .pvt-comparison .performance-table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .pvt-comparison .performance-table thead th {\n      background: #f5f5f4;\n      padding: 12px 15px;\n      font-size: 13px;\n      font-weight: 700;\n      color: #1a1410;\n      text-align: left;\n      border-bottom: 2px solid #ea580c;\n    }<\/p>\n<p>    .pvt-comparison .performance-table tbody td {\n      padding: 15px;\n      font-size: 14px;\n      color: #44403c;\n      border-bottom: 1px solid #e7e5e4;\n    }<\/p>\n<p>    .pvt-comparison .performance-table tbody tr:last-child td {\n      border-bottom: none;\n    }<\/p>\n<p>    .pvt-comparison .performance-table tbody tr:hover {\n      background: rgba(234, 88, 12, 0.03);\n    }<\/p>\n<p>    .pvt-comparison .performance-table .pvt-row {\n      background: rgba(234, 88, 12, 0.08);\n      font-weight: 600;\n    }<\/p>\n<p>    .pvt-comparison .performance-table .payback-cell {\n      font-weight: 700;\n      color: #ea580c;\n    }<\/p>\n<p>    .pvt-comparison .example-box {\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      padding: 25px 30px;\n      border-radius: 12px;\n      color: white;\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-comparison .example-box h4 {\n      font-size: 16px;\n      font-weight: 800;\n      margin: 0 0 15px 0;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }<\/p>\n<p>    .pvt-comparison .example-box p {\n      font-size: 15px;\n      margin: 8px 0;\n      line-height: 1.7;\n    }<\/p>\n<p>    .pvt-comparison .example-box strong {\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Why Numbers Matter *\/\n    .pvt-comparison .numbers-matter {\n      background: linear-gradient(135deg, #1a1410 0%, #292524 100%);\n      padding: 50px;\n      border-radius: 24px;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-comparison .numbers-matter::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: radial-gradient(ellipse at bottom right, rgba(234, 88, 12, 0.15) 0%, transparent 50%);\n    }<\/p>\n<p>    .pvt-comparison .numbers-matter-content {\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-comparison .numbers-matter h3 {\n      font-size: 32px;\n      font-weight: 800;\n      color: #fafaf9;\n      margin-bottom: 25px;\n      text-align: center;\n    }<\/p>\n<p>    .pvt-comparison .numbers-matter .emoji {\n      font-size: 36px;\n      margin-right: 10px;\n    }<\/p>\n<p>    .pvt-comparison .numbers-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 25px;\n      margin-bottom: 30px;\n    }<\/p>\n<p>    .pvt-comparison .number-card {\n      background: rgba(250, 250, 249, 0.05);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(234, 88, 12, 0.3);\n      border-radius: 16px;\n      padding: 25px;\n      text-align: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-comparison .number-card:hover {\n      background: rgba(250, 250, 249, 0.08);\n      border-color: rgba(234, 88, 12, 0.5);\n      transform: translateY(-3px);\n    }<\/p>\n<p>    .pvt-comparison .number-card h4 {\n      font-size: 18px;\n      font-weight: 700;\n      color: #fb923c;\n      margin: 0 0 10px 0;\n    }<\/p>\n<p>    .pvt-comparison .number-card p {\n      font-size: 15px;\n      color: #d6d3d1;\n      margin: 0;\n      line-height: 1.6;\n    }<\/p>\n<p>    .pvt-comparison .conclusion-box {\n      background: rgba(234, 88, 12, 0.15);\n      border: 2px solid rgba(234, 88, 12, 0.3);\n      border-radius: 12px;\n      padding: 25px 30px;\n      text-align: center;\n    }<\/p>\n<p>    .pvt-comparison .conclusion-box p {\n      font-size: 18px;\n      font-weight: 600;\n      color: #fafaf9;\n      margin: 0;\n      line-height: 1.7;\n    }<\/p>\n<p>    .pvt-comparison .conclusion-box strong {\n      color: #fb923c;\n      font-weight: 800;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 992px) {\n      .pvt-comparison .section-title {\n        font-size: 34px;\n      }\n      .pvt-comparison .roi-title {\n        font-size: 30px;\n      }\n      .pvt-comparison .numbers-grid {\n        grid-template-columns: 1fr;\n      }\n      .pvt-comparison .roi-assumptions ul {\n        grid-template-columns: 1fr;\n      }\n    }<\/p>\n<p>    @media (max-width: 576px) {\n      .pvt-comparison {\n        padding: 60px 0;\n      }\n      .pvt-comparison .comparison-table-wrapper,\n      .pvt-comparison .regional-body,\n      .pvt-comparison .numbers-matter {\n        padding: 25px;\n      }\n      .pvt-comparison .section-title {\n        font-size: 28px;\n      }\n      .pvt-comparison .comparison-table {\n        font-size: 13px;\n      }\n    }\n  <\/style>\n<div class=\"comparison-container\">\n    <!-- Section 7 Header --><\/p>\n<div class=\"section-header\">\n<div class=\"section-number\">7<\/div>\n<h2 class=\"section-title\">PVT vs Conventional Solutions<\/h2>\n<\/p><\/div>\n<p>    <!-- Comparison Table --><\/p>\n<div class=\"comparison-table-wrapper\">\n<table class=\"comparison-table\">\n<thead>\n<tr>\n<th>Option<\/th>\n<th>Roof Use<\/th>\n<th>Output Type<\/th>\n<th>Energy per m\u00b2<\/th>\n<th>CAPEX per energy unit<\/th>\n<th>Complexity<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>PV only<\/td>\n<td>Electricity<\/td>\n<td>kWh electric only<\/td>\n<td>Medium<\/td>\n<td>Good for electricity<\/td>\n<td>Simple<\/td>\n<\/tr>\n<tr>\n<td>Solar thermal only<\/td>\n<td>Heat<\/td>\n<td>kWh thermal only<\/td>\n<td>High<\/td>\n<td>Very competitive for DHW<\/td>\n<td>Medium<\/td>\n<\/tr>\n<tr class=\"highlight-row\">\n<td>PVT hybrid<\/td>\n<td>Combined<\/td>\n<td>kWh electric + kWh thermal<\/td>\n<td>Very high total<\/td>\n<td>Often lowest per kWh (combined)<\/td>\n<td>Higher but integrated<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"table-note\">\n<p>\n          <strong>PVT is not replacing classic PV or solar thermal in every case.<\/strong><br \/>\n          But when roof area is limited and there is simultaneous demand for power and heat, PVT is often the most efficient and compact choice.\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- ROI Section --><\/p>\n<div class=\"roi-section\">\n<div class=\"roi-header\">\n<div class=\"roi-header-content\">\n<div class=\"roi-emoji\">\ud83d\udd25<\/div>\n<h2 class=\"roi-title\">PVT vs PV ROI \u2014 Realistic Regional Examples<\/h2>\n<p class=\"roi-subtitle\">\n            Below is a practical B2B comparison, based on typical commercial buildings (hotel \/ student housing \/ clinic), where electricity + hot water demand coexist. It is not theoretical marketing\u2014it reflects real energy prices, hot water loads, and panel performance.\n          <\/p>\n<div class=\"roi-assumptions\">\n<ul>\n<li>Roof constraint: 80\u2013120 m\u00b2 usable area<\/li>\n<li>Electric tariff: local commercial rate<\/li>\n<li>DHW demand: 1\u20134 tons\/day @ 45\u201355\u00b0C<\/li>\n<li>PVT output: 1 unit delivers electricity + heat<\/li>\n<li>PV output: electricity only<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Regional Cards --><\/p>\n<div class=\"regional-cards\">\n        <!-- Europe --><\/p>\n<div class=\"regional-card eu\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"regional-header\">\n<div class=\"regional-emoji\">\ud83d\udd35<\/div>\n<h3 class=\"regional-title\">Europe (EU)<\/h3>\n<p class=\"regional-subtitle\">High electricity cost + heating demand = PVT perfect<\/p>\n<\/p><\/div>\n<div class=\"regional-body\">\n<div class=\"assumptions-box\">\n<h4>\ud83d\udc49 Assumptions<\/h4>\n<ul>\n<li>Electricity: \u20ac0.18\u20130.28\/kWh (commercial)<\/li>\n<li>Gas \/ heating cost: \u20ac0.07\u20130.12\/kWh<\/li>\n<li>Good solar irradiation: 950\u20131,350 kWh\/m\u00b2\u00b7year<\/li>\n<li>Hot water: constant demand (hotels \/ hospitals \/ residences)<\/li>\n<\/ul><\/div>\n<table class=\"performance-table\">\n<thead>\n<tr>\n<th>System<\/th>\n<th>Annual Energy Yield (per m\u00b2)<\/th>\n<th>Economic Result<\/th>\n<th>Payback<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>PV only<\/td>\n<td>180\u2013220 kWh electric<\/td>\n<td>Good, but limited by roof<\/td>\n<td class=\"payback-cell\">5\u20138 yrs<\/td>\n<\/tr>\n<tr class=\"pvt-row\">\n<td>PVT hybrid<\/td>\n<td>180\u2013220 kWh electric + 350\u2013500 kWh thermal<\/td>\n<td>Thermal replaces expensive gas\/electric heat<\/td>\n<td class=\"payback-cell\">2.8\u20134.5 yrs<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"example-box\">\n<h4>Example (France 80\u2013100 m\u00b2 hotel):<\/h4>\n<p><strong>PV-only:<\/strong> ~18\u201322 kWp \u2192 20\u201335 kWh\/day \u2192 Payback ~6 yrs<\/p>\n<p><strong>PVT:<\/strong> same roof \u2192 electricity + 1,500\u20132,500 L\/day DHW \u2192 Payback ~3\u20133.8 yrs<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- MENA --><\/p>\n<div class=\"regional-card mena\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"regional-header\">\n<div class=\"regional-emoji\">\ud83d\udfe0<\/div>\n<h3 class=\"regional-title\">Middle East &amp; North Africa (MENA)<\/h3>\n<p class=\"regional-subtitle\">High sun + hotel demand = PVT extremely efficient<\/p>\n<\/p><\/div>\n<div class=\"regional-body\">\n<div class=\"assumptions-box\">\n<h4>\ud83d\udc49 Assumptions<\/h4>\n<ul>\n<li>Irradiation: 2,000\u20132,300 kWh\/m\u00b2\u00b7year (top of the world)<\/li>\n<li>Electricity: $0.11\u20130.27\/kWh<\/li>\n<li>Hot water usage: very high (resorts, spas, staff housing)<\/li>\n<\/ul><\/div>\n<table class=\"performance-table\">\n<thead>\n<tr>\n<th>System<\/th>\n<th>Annual Energy Yield<\/th>\n<th>Economic Result<\/th>\n<th>Payback<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>PV only<\/td>\n<td>250\u2013380 kWh \/ m\u00b2<\/td>\n<td>Excellent electrical output<\/td>\n<td class=\"payback-cell\">3.5\u20136 yrs<\/td>\n<\/tr>\n<tr class=\"pvt-row\">\n<td>PVT hybrid<\/td>\n<td>250\u2013380 kWh + 550\u2013750 kWh thermal<\/td>\n<td>Peak ROI due to DHW &amp; pools<\/td>\n<td class=\"payback-cell\">2.0\u20133.0 yrs<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"example-box\">\n<h4>Example (Dubai 100-room resort):<\/h4>\n<p><strong>PV-only:<\/strong> strong production but most goes to HVAC<\/p>\n<p><strong>PVT:<\/strong> electricity + daytime pool + showers<\/p>\n<p><strong>\u2192 ROI often &lt; 2.5 yrs<\/strong><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- LATAM --><\/p>\n<div class=\"regional-card latam\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"regional-header\">\n<div class=\"regional-emoji\">\ud83d\udfe1<\/div>\n<h3 class=\"regional-title\">Latin America (LATAM)<\/h3>\n<p class=\"regional-subtitle\">Medium prices, high sun, strong thermal demand<\/p>\n<\/p><\/div>\n<div class=\"regional-body\">\n<div class=\"assumptions-box\">\n<h4>\ud83d\udc49 Assumptions<\/h4>\n<ul>\n<li>Electricity: $0.08\u20130.18\/kWh (commercial)<\/li>\n<li>Gas \/ LPG: $0.10\u20130.25\/kWh equivalent<\/li>\n<li>Solar irradiation: 1,600\u20132,100 kWh\/m\u00b2\u00b7year<\/li>\n<\/ul><\/div>\n<table class=\"performance-table\">\n<thead>\n<tr>\n<th>System<\/th>\n<th>Annual Energy Yield<\/th>\n<th>Economic Result<\/th>\n<th>Payback<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>PV only<\/td>\n<td>220\u2013350 kWh\/m\u00b2<\/td>\n<td>Very strong results<\/td>\n<td class=\"payback-cell\">4\u20137 yrs<\/td>\n<\/tr>\n<tr class=\"pvt-row\">\n<td>PVT hybrid<\/td>\n<td>220\u2013350 kWh + 350\u2013600 kWh thermal<\/td>\n<td>Best ROI in laundry \/ food \/ resorts<\/td>\n<td class=\"payback-cell\">2.2\u20133.8 yrs<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"example-box\">\n<h4>Mexico \/ Peru \/ Brazil \/ Chile:<\/h4>\n<p>Industrial laundries, textile washing, agro-food cleaning \u2192 massive hot water consumption.<\/p>\n<p><strong>PV alone solves only half the problem.<\/strong><\/p>\n<p>PVT reduces the two largest cost centers at once: <strong>power + heat<\/strong>.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Why Numbers Matter --><\/p>\n<div class=\"numbers-matter\">\n<div class=\"numbers-matter-content\">\n<h3><span class=\"emoji\">\ud83d\udcca<\/span> Why These Numbers Matter (Not Just Marketing)<\/h3>\n<div class=\"numbers-grid\">\n<div class=\"number-card\">\n<h4>PV<\/h4>\n<p>~200\u2013300 kWh\/m\u00b2<br \/>(electric)<\/p>\n<\/p><\/div>\n<div class=\"number-card\">\n<h4>Solar Thermal<\/h4>\n<p>~300\u2013900 kWh\/m\u00b2<br \/>(thermal)<\/p>\n<\/p><\/div>\n<div class=\"number-card\">\n<h4>PVT<\/h4>\n<p>~500\u2013900 kWh combined<br \/>(electric + thermal)<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"conclusion-box\">\n<p>\n              <strong>PVT = PV output + 1\u20132\u00d7 extra heat yield.<\/strong><br \/>\n              And unlike PV spillover: Thermal energy is always absorbed by DHW (hospitals\/hotels\/industry). Buffer tanks store excess heat \u2192 no curtailment.<br \/>\n              <strong>This is why ROI accelerates.<\/strong>\n            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script type=\"text\/lemonx-script\">\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Animate regional cards on scroll\n  const regionalCards = document.querySelectorAll('.regional-card');<\/p>\n<p>  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -80px 0px'\n  };<\/p>\n<p>  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }, index * 200);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);<\/p>\n<p>  regionalCards.forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';\n    card.style.transition = 'all 0.6s ease';\n    observer.observe(card);\n  });<\/p>\n<p>  \/\/ Highlight table rows on hover\n  const tableRows = document.querySelectorAll('.comparison-table tbody tr, .performance-table tbody tr');\n  tableRows.forEach(row => {\n    row.addEventListener('mouseenter', function() {\n      this.style.transform = 'scale(1.02)';\n    });\n    row.addEventListener('mouseleave', function() {\n      this.style.transform = 'scale(1)';\n    });\n  });\n});\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:6--><\/p>\n<p><!--LEMONX_BLOCK_START:14--><br \/>\n<!-- PVT Cost-Effective Heat Source Section --><\/p>\n<section class=\"pvt-heat-source\">\n<style>\n    .pvt-heat-source {\n      width: 100%;\n      background: linear-gradient(180deg, #f5f5f4 0%, #fafaf9 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n    }<\/p>\n<p>    .pvt-heat-source .heat-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n    }<\/p>\n<p>    \/* Section Header *\/\n    .pvt-heat-source .section-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }<\/p>\n<p>    .pvt-heat-source .section-title {\n      font-size: 40px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 15px;\n      line-height: 1.2;\n    }<\/p>\n<p>    .pvt-heat-source .section-subtitle {\n      font-size: 18px;\n      color: #78716c;\n      max-width: 800px;\n      margin: 0 auto;\n      line-height: 1.7;\n    }<\/p>\n<p>    \/* Heat Comparison Card *\/\n    .pvt-heat-source .heat-comparison-card {\n      background: white;\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      border: 2px solid transparent;\n      transition: all 0.4s ease;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    .pvt-heat-source .heat-comparison-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 8px 30px rgba(234, 88, 12, 0.15);\n      border-color: rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-heat-source .card-header {\n      padding: 40px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.05) 0%, rgba(249, 115, 22, 0.03) 100%);\n      border-bottom: 3px solid #ea580c;\n    }<\/p>\n<p>    .pvt-heat-source .card-emoji {\n      font-size: 48px;\n      margin-bottom: 15px;\n      display: block;\n    }<\/p>\n<p>    .pvt-heat-source .card-title {\n      font-size: 28px;\n      font-weight: 800;\n      color: #1a1410;\n      margin: 0;\n      line-height: 1.3;\n    }<\/p>\n<p>    .pvt-heat-source .card-body {\n      padding: 40px;\n    }<\/p>\n<p>    .pvt-heat-source .intro-text {\n      font-size: 17px;\n      color: #44403c;\n      margin-bottom: 30px;\n      line-height: 1.7;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* Comparison Table *\/\n    .pvt-heat-source .comparison-table-wrapper {\n      overflow-x: auto;\n    }<\/p>\n<p>    .pvt-heat-source .comparison-table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n    }<\/p>\n<p>    .pvt-heat-source .comparison-table thead th {\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      color: white;\n      padding: 18px 20px;\n      font-size: 14px;\n      font-weight: 700;\n      text-align: left;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .pvt-heat-source .comparison-table thead th:first-child {\n      border-top-left-radius: 12px;\n    }<\/p>\n<p>    .pvt-heat-source .comparison-table thead th:last-child {\n      border-top-right-radius: 12px;\n    }<\/p>\n<p>    .pvt-heat-source .comparison-table tbody tr {\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-heat-source .comparison-table tbody tr:hover {\n      background: rgba(234, 88, 12, 0.05);\n      transform: scale(1.01);\n    }<\/p>\n<p>    .pvt-heat-source .comparison-table tbody td {\n      padding: 20px;\n      font-size: 15px;\n      color: #44403c;\n      border-bottom: 1px solid #e7e5e4;\n    }<\/p>\n<p>    .pvt-heat-source .comparison-table tbody tr:last-child td {\n      border-bottom: none;\n    }<\/p>\n<p>    .pvt-heat-source .comparison-table tbody td:first-child {\n      font-weight: 700;\n      color: #1a1410;\n    }<\/p>\n<p>    \/* Highlight PVT Row *\/\n    .pvt-heat-source .comparison-table .pvt-highlight {\n      background: rgba(234, 88, 12, 0.08);\n      position: relative;\n    }<\/p>\n<p>    .pvt-heat-source .comparison-table .pvt-highlight td {\n      font-weight: 600;\n      color: #1a1410;\n    }<\/p>\n<p>    .pvt-heat-source .comparison-table .pvt-highlight::before {\n      content: '\u2b50';\n      position: absolute;\n      left: -5px;\n      font-size: 20px;\n      animation: pulse 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes pulse {\n      0%, 100% { transform: scale(1); opacity: 1; }\n      50% { transform: scale(1.2); opacity: 0.8; }\n    }<\/p>\n<p>    \/* COP Badge *\/\n    .pvt-heat-source .cop-badge {\n      display: inline-block;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      color: white;\n      padding: 6px 14px;\n      border-radius: 20px;\n      font-size: 14px;\n      font-weight: 700;\n      box-shadow: 0 2px 8px rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    \/* Cost Indicator *\/\n    .pvt-heat-source .cost-indicator {\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n      font-weight: 600;\n    }<\/p>\n<p>    .pvt-heat-source .cost-indicator.higher {\n      color: #dc2626;\n    }<\/p>\n<p>    .pvt-heat-source .cost-indicator.lower {\n      color: #f97316;\n    }<\/p>\n<p>    .pvt-heat-source .cost-indicator.lowest {\n      color: #16a34a;\n    }<\/p>\n<p>    .pvt-heat-source .cost-indicator::before {\n      content: '\u25cf';\n      font-size: 12px;\n    }<\/p>\n<p>    \/* Note Box *\/\n    .pvt-heat-source .note-box {\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.08) 0%, rgba(249, 115, 22, 0.05) 100%);\n      padding: 25px 30px;\n      border-radius: 12px;\n      border-left: 4px solid #ea580c;\n      margin-top: 30px;\n    }<\/p>\n<p>    .pvt-heat-source .note-box p {\n      font-size: 16px;\n      color: #44403c;\n      margin: 0;\n      line-height: 1.8;\n    }<\/p>\n<p>    .pvt-heat-source .note-box strong {\n      color: #ea580c;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 992px) {\n      .pvt-heat-source .section-title {\n        font-size: 34px;\n      }\n      .pvt-heat-source .card-title {\n        font-size: 24px;\n      }\n    }<\/p>\n<p>    @media (max-width: 576px) {\n      .pvt-heat-source {\n        padding: 60px 0;\n      }\n      .pvt-heat-source .card-header,\n      .pvt-heat-source .card-body {\n        padding: 25px;\n      }\n      .pvt-heat-source .section-title {\n        font-size: 28px;\n      }\n      .pvt-heat-source .comparison-table {\n        font-size: 13px;\n      }\n      .pvt-heat-source .comparison-table thead th,\n      .pvt-heat-source .comparison-table tbody td {\n        padding: 12px 10px;\n      }\n    }\n  <\/style>\n<div class=\"heat-container\">\n    <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<h2 class=\"section-title\">PVT: The Most Cost-Effective Renewable Heat Source for Europe<\/h2>\n<\/p><\/div>\n<p>    <!-- Heat Comparison Card --><\/p>\n<div class=\"heat-comparison-card\">\n<div class=\"card-header\">\n        <span class=\"card-emoji\"><span style=\"color: rgb(26, 20, 16); font-size: 28px; font-weight: 800; background-color: initial;\">PVT delivers the same principle \u2014 naturally and continuously.<\/span><\/span>\n      <\/div>\n<div class=\"card-body\">\n<div class=\"comparison-table-wrapper\">\n<table class=\"comparison-table\">\n<thead>\n<tr>\n<th>Heating Configuration<\/th>\n<th>Typical COP<\/th>\n<th>Relative Heat Cost<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Air-source heat pump<\/td>\n<td><span class=\"cop-badge\">~3<\/span><\/td>\n<td><span class=\"cost-indicator higher\">Higher<\/span><\/td>\n<\/tr>\n<tr>\n<td>Water-source heat pump<\/td>\n<td><span class=\"cop-badge\">~5<\/span><\/td>\n<td><span class=\"cost-indicator lower\">Lower<\/span><\/td>\n<\/tr>\n<tr>\n<td>Water-source + waste heat<\/td>\n<td><span class=\"cop-badge\">~6<\/span><\/td>\n<td><span class=\"cost-indicator lowest\">Lowest<\/span><\/td>\n<\/tr>\n<tr class=\"pvt-highlight\">\n<td>PVT-assisted heat pump<\/td>\n<td><span class=\"cop-badge\">5\u20136+<\/span><\/td>\n<td><span class=\"cost-indicator lowest\">Lowest<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<div class=\"note-box\">\n<p>\n            <strong>Why PVT wins:<\/strong> PVT panels provide pre-heated water to the heat pump, dramatically improving COP while simultaneously generating electricity. This dual benefit makes PVT-assisted systems the most economically efficient renewable heating solution in Europe&#8217;s climate.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script type=\"text\/lemonx-script\">\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Animate table rows on hover\n  const tableRows = document.querySelectorAll('.pvt-heat-source .comparison-table tbody tr');\n  tableRows.forEach(row => {\n    row.addEventListener('mouseenter', function() {\n      this.style.transform = 'scale(1.02)';\n    });\n    row.addEventListener('mouseleave', function() {\n      this.style.transform = 'scale(1)';\n    });\n  });<\/p>\n<p>  \/\/ Highlight PVT row with subtle animation\n  const pvtRow = document.querySelector('.pvt-heat-source .pvt-highlight');\n  if (pvtRow) {\n    setInterval(() => {\n      pvtRow.style.background = 'rgba(234, 88, 12, 0.12)';\n      setTimeout(() => {\n        pvtRow.style.background = 'rgba(234, 88, 12, 0.08)';\n      }, 500);\n    }, 3000);\n  }\n});\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:14--><\/p>\n<p><!--LEMONX_BLOCK_START:13--><\/p>\n<p><!--LEMONX_BLOCK_END:13--><\/p>\n<p><!--LEMONX_BLOCK_START:7--><br \/>\n<!-- FAQ & Contact Section --><\/p>\n<section class=\"pvt-faq-contact\">\n<style>\n    .pvt-faq-contact {\n      width: 100%;\n      background: linear-gradient(180deg, #fafaf9 0%, #f5f5f4 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n    }<\/p>\n<p>    \/* Section 8: FAQ *\/\n    .pvt-faq-contact .faq-section {\n      margin-bottom: 80px;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-number {\n      display: inline-block;\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      border-radius: 50%;\n      font-size: 28px;\n      font-weight: 800;\n      color: white;\n      line-height: 60px;\n      margin-bottom: 20px;\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .pvt-faq-contact .faq-title {\n      font-size: 40px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 15px;\n      line-height: 1.2;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-subtitle {\n      font-size: 17px;\n      color: #78716c;\n      max-width: 700px;\n      margin: 0 auto;\n    }<\/p>\n<p>    \/* FAQ Items *\/\n    .pvt-faq-contact .faq-list {\n      display: grid;\n      gap: 20px;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-item {\n      background: white;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      border: 2px solid transparent;\n      transition: all 0.4s ease;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-item:hover {\n      border-color: rgba(234, 88, 12, 0.3);\n      box-shadow: 0 6px 25px rgba(234, 88, 12, 0.15);\n    }<\/p>\n<p>    .pvt-faq-contact .faq-question {\n      padding: 30px 35px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.05) 0%, rgba(249, 115, 22, 0.03) 100%);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-question:hover {\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.08) 0%, rgba(249, 115, 22, 0.05) 100%);\n    }<\/p>\n<p>    .pvt-faq-contact .faq-question h3 {\n      font-size: 20px;\n      font-weight: 700;\n      color: #1a1410;\n      margin: 0;\n      line-height: 1.4;\n      flex: 1;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-question .q-number {\n      display: inline-block;\n      width: 40px;\n      height: 40px;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      border-radius: 10px;\n      font-size: 18px;\n      font-weight: 800;\n      color: white;\n      line-height: 40px;\n      text-align: center;\n      flex-shrink: 0;\n      margin-right: 15px;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-toggle {\n      width: 35px;\n      height: 35px;\n      background: rgba(234, 88, 12, 0.15);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-toggle svg {\n      width: 20px;\n      height: 20px;\n      stroke: #ea580c;\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-item.active .faq-toggle {\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n    }<\/p>\n<p>    .pvt-faq-contact .faq-item.active .faq-toggle svg {\n      stroke: white;\n      transform: rotate(180deg);\n    }<\/p>\n<p>    .pvt-faq-contact .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.4s ease, padding 0.4s ease;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-item.active .faq-answer {\n      max-height: 800px;\n      padding: 0 35px 30px;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-answer-content {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #44403c;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-answer-content p {\n      margin: 0 0 15px 0;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-answer-content p:last-child {\n      margin-bottom: 0;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-answer-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 15px 0;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-answer-content li {\n      padding: 8px 0;\n      padding-left: 25px;\n      position: relative;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-answer-content li::before {\n      content: '\u25b8';\n      position: absolute;\n      left: 0;\n      color: #ea580c;\n      font-weight: 700;\n    }<\/p>\n<p>    .pvt-faq-contact .faq-answer-content strong {\n      color: #1a1410;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Section 9: Contact *\/\n    .pvt-faq-contact .contact-section {\n      background: linear-gradient(135deg, #1a1410 0%, #292524 100%);\n      padding: 60px;\n      border-radius: 24px;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(234, 88, 12, 0.15) 0%, transparent 70%);\n      animation: pulse-rotate 10s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes pulse-rotate {\n      0%, 100% { transform: rotate(0deg) scale(1); opacity: 0.5; }\n      50% { transform: rotate(180deg) scale(1.1); opacity: 1; }\n    }<\/p>\n<p>    .pvt-faq-contact .contact-content {\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-header {\n      text-align: center;\n      margin-bottom: 45px;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-number {\n      display: inline-block;\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      border-radius: 50%;\n      font-size: 28px;\n      font-weight: 800;\n      color: white;\n      line-height: 60px;\n      margin-bottom: 20px;\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .pvt-faq-contact .contact-title {\n      font-size: 38px;\n      font-weight: 800;\n      color: #fafaf9;\n      margin-bottom: 20px;\n      line-height: 1.2;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-description {\n      font-size: 17px;\n      color: #d6d3d1;\n      max-width: 800px;\n      margin: 0 auto 35px;\n      line-height: 1.7;\n    }<\/p>\n<p>    .pvt-faq-contact .target-audience {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n      margin-bottom: 45px;\n    }<\/p>\n<p>    .pvt-faq-contact .audience-card {\n      background: rgba(250, 250, 249, 0.05);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(234, 88, 12, 0.3);\n      border-radius: 16px;\n      padding: 25px;\n      text-align: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-faq-contact .audience-card:hover {\n      background: rgba(250, 250, 249, 0.08);\n      border-color: rgba(234, 88, 12, 0.5);\n      transform: translateY(-5px);\n    }<\/p>\n<p>    .pvt-faq-contact .audience-card svg {\n      width: 40px;\n      height: 40px;\n      stroke: #fb923c;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .pvt-faq-contact .audience-card p {\n      font-size: 15px;\n      color: #e7e5e4;\n      margin: 0;\n      line-height: 1.6;\n      font-weight: 500;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-info-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 25px;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-info-card {\n      background: rgba(250, 250, 249, 0.05);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(234, 88, 12, 0.2);\n      border-radius: 16px;\n      padding: 30px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-info-card:hover {\n      background: rgba(250, 250, 249, 0.08);\n      border-color: rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .pvt-faq-contact .contact-info-card .icon {\n      width: 45px;\n      height: 45px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.2) 0%, rgba(249, 115, 22, 0.3) 100%);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-info-card .icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: #fb923c;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-info-card h4 {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fb923c;\n      margin: 0 0 10px 0;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-info-card p {\n      font-size: 16px;\n      color: #e7e5e4;\n      margin: 0;\n      line-height: 1.7;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-info-card a {\n      color: #fb923c;\n      text-decoration: none;\n      font-weight: 600;\n      transition: color 0.3s ease;\n    }<\/p>\n<p>    .pvt-faq-contact .contact-info-card a:hover {\n      color: #f97316;\n    }<\/p>\n<p>    .pvt-faq-contact .cta-box {\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n      padding: 35px 40px;\n      border-radius: 16px;\n      text-align: center;\n      box-shadow: 0 8px 30px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .pvt-faq-contact .cta-box h4 {\n      font-size: 20px;\n      font-weight: 800;\n      color: white;\n      margin: 0 0 15px 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n    }<\/p>\n<p>    .pvt-faq-contact .cta-box h4 svg {\n      width: 24px;\n      height: 24px;\n      stroke: white;\n    }<\/p>\n<p>    .pvt-faq-contact .cta-box p {\n      font-size: 16px;\n      color: white;\n      margin: 0;\n      line-height: 1.8;\n    }<\/p>\n<p>    .pvt-faq-contact .cta-box strong {\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 992px) {\n      .pvt-faq-contact .faq-title,\n      .pvt-faq-contact .contact-title {\n        font-size: 34px;\n      }\n      .pvt-faq-contact .target-audience,\n      .pvt-faq-contact .contact-info-grid {\n        grid-template-columns: 1fr;\n      }\n    }<\/p>\n<p>    @media (max-width: 576px) {\n      .pvt-faq-contact {\n        padding: 60px 0;\n      }\n      .pvt-faq-contact .faq-title,\n      .pvt-faq-contact .contact-title {\n        font-size: 28px;\n      }\n      .pvt-faq-contact .faq-question,\n      .pvt-faq-contact .faq-item.active .faq-answer {\n        padding: 25px;\n      }\n      .pvt-faq-contact .contact-section {\n        padding: 40px 25px;\n      }\n    }\n  <\/style>\n<div class=\"faq-container\">\n    <!-- Section 8: FAQ --><\/p>\n<div class=\"faq-section\">\n<div class=\"faq-header\">\n<div class=\"faq-number\">8<\/div>\n<h2 class=\"faq-title\">Typical Questions (FAQ)<\/h2>\n<p class=\"faq-subtitle\">Get answers to the most common questions about PVT hybrid solar systems<\/p>\n<\/p><\/div>\n<div class=\"faq-list\">\n        <!-- FAQ 1 --><\/p>\n<div class=\"faq-item\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"faq-question\">\n<h3>\n              <span class=\"q-number\">Q1<\/span><br \/>\n              When does PVT make more sense than normal PV?<br \/>\n            <\/h3>\n<div class=\"faq-toggle\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/div>\n<\/p><\/div>\n<div class=\"faq-answer\">\n<div class=\"faq-answer-content\">\n<p><strong>Whenever you have:<\/strong><\/p>\n<ul>\n<li>Significant and regular hot water or heating demand<\/li>\n<li>Limited roof area<\/li>\n<li>Medium to high energy prices<\/li>\n<\/ul>\n<p>\u2026PVT will generally deliver a <strong>better total energy yield per m\u00b2<\/strong> than PV alone.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- FAQ 2 --><\/p>\n<div class=\"faq-item\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"faq-question\">\n<h3>\n              <span class=\"q-number\">Q2<\/span><br \/>\n              What temperatures can Soletks PVT deliver?<br \/>\n            <\/h3>\n<div class=\"faq-toggle\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/div>\n<\/p><\/div>\n<div class=\"faq-answer\">\n<div class=\"faq-answer-content\">\n<p>For most projects, we design for <strong>35\u201370\u00b0C:<\/strong><\/p>\n<ul>\n<li>Domestic hot water<\/li>\n<li>Low-temperature heating<\/li>\n<li>Pools and process pre-heating<\/li>\n<\/ul>\n<p>Higher temperatures may be possible with specific configurations.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- FAQ 3 --><\/p>\n<div class=\"faq-item\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"faq-question\">\n<h3>\n              <span class=\"q-number\">Q3<\/span><br \/>\n              Does PVT work in cold climates?<br \/>\n            <\/h3>\n<div class=\"faq-toggle\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/div>\n<\/p><\/div>\n<div class=\"faq-answer\">\n<div class=\"faq-answer-content\">\n<p><strong>Yes.<\/strong><\/p>\n<p>Solar radiation is still available; PVT can operate at low ambient temperatures. The system is designed with:<\/p>\n<ul>\n<li>Antifreeze fluid where necessary<\/li>\n<li>Insulation against heat losses<\/li>\n<li>Integration with existing boilers or heat pumps<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- FAQ 4 --><\/p>\n<div class=\"faq-item\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"faq-question\">\n<h3>\n              <span class=\"q-number\">Q4<\/span><br \/>\n              Can PVT be integrated into fa\u00e7ades or BIPV\/BIPVT?<br \/>\n            <\/h3>\n<div class=\"faq-toggle\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/div>\n<\/p><\/div>\n<div class=\"faq-answer\">\n<div class=\"faq-answer-content\">\n<p><strong>Yes, on suitable structures.<\/strong><\/p>\n<p>PVT can be used as:<\/p>\n<ul>\n<li>Roof-mounted system<\/li>\n<li>Part of a ventilated fa\u00e7ade or canopy structure<\/li>\n<\/ul>\n<p>Engineering checks on structure, wind loads, and condensation are required.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- FAQ 5 --><\/p>\n<div class=\"faq-item\" style=\"opacity: 1; transform: none; transition: none;\">\n<div class=\"faq-question\">\n<h3>\n              <span class=\"q-number\">Q5<\/span><br \/>\n              How complex is installation compared to PV?<br \/>\n            <\/h3>\n<div class=\"faq-toggle\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/div>\n<\/p><\/div>\n<div class=\"faq-answer\">\n<div class=\"faq-answer-content\">\n<p>A PVT system adds:<\/p>\n<ul>\n<li>Hydraulic circuit and thermal integration on top of standard PV works<\/li>\n<\/ul>\n<p>For experienced solar thermal or HVAC installers, the complexity is <strong>manageable<\/strong>.<\/p>\n<p>Soletks provides <strong>detailed diagrams and installation guidance<\/strong> to simplify the process.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!--LEMONX_BLOCK_END:7--><\/p>\n<p><!--LEMONX_BLOCK_START:11--><br \/>\n<!-- Section 9: Contact --><\/p>\n<div class=\"contact-section\">\n<div class=\"contact-content\">\n<div class=\"contact-header\">\n<div class=\"contact-number\">9<\/div>\n<h2 class=\"contact-title lemonx-cursor-highlight\" style=\"outline: rgb(102, 126, 234) solid 2px; outline-offset: 2px; background: rgba(102, 126, 234, 0.1); transition: 0.2s;\">Start a PVT Project with Soletks Solar<\/h2>\n<p class=\"contact-description\">\n            We can support you with concept, design, equipment and documentation for your next high-performance solar energy project.\n          <\/p>\n<\/p><\/div>\n<div class=\"target-audience\">\n<div class=\"audience-card\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n              <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n              <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n              <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n            <\/svg><\/p>\n<p>An EPC or installer looking to add PVT to your portfolio<\/p>\n<\/p><\/div>\n<div class=\"audience-card\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"><\/rect>\n              <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path>\n            <\/svg><\/p>\n<p>A developer or investor with high energy-density projects<\/p>\n<\/p><\/div>\n<div class=\"audience-card\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n              <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\n            <\/svg><\/p>\n<p>A building owner aiming for deep decarbonization<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-info-grid\">\n<div class=\"contact-info-card\">\n<div class=\"icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n                <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n              <\/svg>\n            <\/div>\n<h4>Email<\/h4>\n<p><a href=\"mailto:export@soletksolar.com\">export@soletksolar.com<\/a><\/p>\n<\/p><\/div>\n<div class=\"contact-info-card\">\n<div class=\"icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n              <\/svg>\n            <\/div>\n<h4>Address<\/h4>\n<p>No.2228 Jinghua Avenue, Economic Development Zone<br \/>253000 Dezhou City, Shandong Province, China<\/p>\n<\/p><\/div>\n<div class=\"contact-info-card\" style=\"grid-column: 1 \/ -1;\">\n<div class=\"icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"><\/rect>\n                <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path>\n              <\/svg>\n            <\/div>\n<h4>Company<\/h4>\n<p><strong>Shandong Soletks Solar Technology Co., Ltd.<\/strong><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-box\">\n<h4>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg><br \/>\n            Ready to Get Started?<br \/>\n          <\/h4>\n<p>\n            Send us your <strong>building type<\/strong>, <strong>roof area<\/strong>, <strong>hot water \/ heating demand<\/strong>, and <strong>electricity usage<\/strong>.<br \/>\n            We will propose a PVT configuration and energy yield estimation.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script type=\"text\/lemonx-script\">\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ FAQ Accordion functionality\n  const faqItems = document.querySelectorAll('.faq-item');<\/p>\n<p>  faqItems.forEach(item => {\n    const question = item.querySelector('.faq-question');<\/p>\n<p>    question.addEventListener('click', function() {\n      const isActive = item.classList.contains('active');<\/p>\n<p>      \/\/ Close all other items\n      faqItems.forEach(otherItem => {\n        if (otherItem !== item) {\n          otherItem.classList.remove('active');\n        }\n      });<\/p>\n<p>      \/\/ Toggle current item\n      if (isActive) {\n        item.classList.remove('active');\n      } else {\n        item.classList.add('active');\n      }\n    });\n  });<\/p>\n<p>  \/\/ Animate FAQ items on scroll\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };<\/p>\n<p>  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }, index * 100);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);<\/p>\n<p>  faqItems.forEach(item => {\n    item.style.opacity = '0';\n    item.style.transform = 'translateY(20px)';\n    item.style.transition = 'all 0.5s ease';\n    observer.observe(item);\n  });<\/p>\n<p>  \/\/ Smooth scroll for email links\n  const emailLinks = document.querySelectorAll('a[href^=\"mailto:\"]');\n  emailLinks.forEach(link => {\n    link.addEventListener('click', function(e) {\n      console.log('Email link clicked:', this.href);\n    });\n  });\n});\n<\/script><br \/>\n<!--LEMONX_BLOCK_END:11--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>PVT Hybrid Technology Unlock the Full Potential of Every Square Meter Generate high-efficiency electricity and stable thermal energy from a single panel. Boost total solar yield, accelerate ROI, and power buildings toward true net-zero performance. Dual Energy Output Fast ROI Net-Zero Ready Get a Quote Learn More Dual Energy Harvesting Technology PVT Solar Panel SOLETKS PVT (Photovoltaic-Thermal) Solar Panels integrate photovoltaic electricity generation and thermal energy collection in one advanced system. By utilizing both light and heat from the sun, they maximize total energy output and overall efficiency \u2014 ideal for buildings, industries, and projects seeking comprehensive clean-energy solutions. Hybrid PVT-E Type A hybrid photovoltaic-thermal module optimized for efficient electricity [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":179,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1267","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages\/1267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/comments?post=1267"}],"version-history":[{"count":1,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages\/1267\/revisions"}],"predecessor-version":[{"id":1268,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages\/1267\/revisions\/1268"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/media?parent=1267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}