{"id":1270,"date":"2025-12-03T02:07:19","date_gmt":"2025-12-03T02:07:19","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=1270"},"modified":"2026-02-09T02:53:59","modified_gmt":"2026-02-09T02:53:59","slug":"solar-hot-water-systems","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/id\/products\/solar-hot-water-systems\/","title":{"rendered":"Sistem Pemanas Air Surya"},"content":{"rendered":"<p><!--LEMONX_BLOCK_START:13--><br \/>\n<!-- Solar Hot Water Systems Banner --><\/p>\n<section class=\"solar-water-banner\">\n<style class=\"\" style=\"transition: 0.2s;\">\n    .solar-water-banner {\n      width: 100%;\n      min-height: 65vh;\n      background: #fafaf9;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n    }<\/p>\n<p>    \/* Animated Background Pattern *\/\n    .solar-water-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        linear-gradient(135deg, #fff5f0 0%, #ffe8dc 50%, #ffd4c1 100%);\n      z-index: 0;\n    }<\/p>\n<p>    .solar-water-banner::after {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -20%;\n      width: 80%;\n      height: 150%;\n      background: radial-gradient(ellipse, rgba(234, 88, 12, 0.08) 0%, transparent 70%);\n      animation: float 15s ease-in-out infinite;\n      z-index: 1;\n    }<\/p>\n<p>    @keyframes float {\n      0%, 100% { transform: translate(0, 0) rotate(0deg); }\n      50% { transform: translate(-30px, 30px) rotate(5deg); }\n    }<\/p>\n<p>    .solar-water-banner .banner-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 60px 40px;\n      display: grid;\n      grid-template-columns: 1.1fr 0.9fr;\n      gap: 60px;\n      align-items: center;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    \/* Left Content *\/\n    .solar-water-banner .content-section {\n      animation: slideInLeft 1s ease-out;\n    }<\/p>\n<p>    @keyframes slideInLeft {\n      from {\n        opacity: 0;\n        transform: translateX(-50px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }<\/p>\n<p>    .solar-water-banner .badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 18px;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      color: white;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      border-radius: 30px;\n      margin-bottom: 20px;\n      box-shadow: 0 4px 15px rgba(234, 88, 12, 0.3);\n      animation: pulse 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }<\/p>\n<p>    .solar-water-banner .badge svg {\n      width: 14px;\n      height: 14px;\n      fill: white;\n    }<\/p>\n<p>    .solar-water-banner .main-title {\n      font-size: 48px;\n      font-weight: 900;\n      line-height: 1.1;\n      color: #1a1410;\n      margin-bottom: 18px;\n      letter-spacing: -1.2px;\n    }<\/p>\n<p>    .solar-water-banner .main-title .line1 {\n      display: block;\n      color: #292524;\n    }<\/p>\n<p>    .solar-water-banner .main-title .line2 {\n      display: block;\n      background: linear-gradient(135deg, #ea580c 0%, #f97316 50%, #fb923c 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-top: 6px;\n    }<\/p>\n<p>    .solar-water-banner .subtitle {\n      font-size: 18px;\n      line-height: 1.6;\n      color: #57534e;\n      margin-bottom: 12px;\n      font-weight: 600;\n    }<\/p>\n<p>    .solar-water-banner .description {\n      font-size: 15px;\n      line-height: 1.6;\n      color: #78716c;\n      margin-bottom: 28px;\n      max-width: 540px;\n    }<\/p>\n<p>    \/* Stats Grid *\/\n    .solar-water-banner .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 15px;\n      margin-bottom: 28px;\n    }<\/p>\n<p>    .solar-water-banner .stat-card {\n      background: white;\n      padding: 18px;\n      border-radius: 14px;\n      border: 2px solid #f5f5f4;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .solar-water-banner .stat-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, #ea580c, #f97316);\n      transform: scaleY(0);\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .solar-water-banner .stat-card:hover {\n      border-color: #ea580c;\n      transform: translateY(-3px);\n      box-shadow: 0 8px 25px rgba(234, 88, 12, 0.15);\n    }<\/p>\n<p>    .solar-water-banner .stat-card:hover::before {\n      transform: scaleY(1);\n    }<\/p>\n<p>    .solar-water-banner .stat-number {\n      font-size: 28px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 6px;\n      line-height: 1;\n    }<\/p>\n<p>    .solar-water-banner .stat-label {\n      font-size: 12px;\n      color: #57534e;\n      font-weight: 600;\n      line-height: 1.3;\n    }<\/p>\n<p>    \/* CTA Buttons *\/\n    .solar-water-banner .cta-group {\n      display: flex;\n      gap: 14px;\n      flex-wrap: wrap;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .solar-water-banner .btn {\n      padding: 14px 32px;\n      font-size: 15px;\n      font-weight: 700;\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      letter-spacing: 0.3px;\n    }<\/p>\n<p>    .solar-water-banner .btn-primary {\n      background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);\n      color: white;\n      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .solar-water-banner .btn-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 25px rgba(234, 88, 12, 0.5);\n    }<\/p>\n<p>    .solar-water-banner .btn-secondary {\n      background: white;\n      color: #ea580c;\n      border: 2px solid #ea580c;\n    }<\/p>\n<p>    .solar-water-banner .btn-secondary:hover {\n      background: #ea580c;\n      color: white;\n    }<\/p>\n<p>    .solar-water-banner .btn svg {\n      width: 18px;\n      height: 18px;\n    }<\/p>\n<p>    \/* Right Image Section *\/\n    .solar-water-banner .image-section {\n      position: relative;\n      animation: slideInRight 1s ease-out;\n    }<\/p>\n<p>    @keyframes slideInRight {\n      from {\n        opacity: 0;\n        transform: translateX(50px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }<\/p>\n<p>    .solar-water-banner .image-container {\n      position: relative;\n      width: 100%;\n    }<\/p>\n<p>    \/* Decorative Circles *\/\n    .solar-water-banner .circle-decoration {\n      position: absolute;\n      border-radius: 50%;\n      z-index: 0;\n    }<\/p>\n<p>    .solar-water-banner .circle-1 {\n      width: 320px;\n      height: 320px;\n      background: linear-gradient(135deg, rgba(234, 88, 12, 0.15), rgba(249, 115, 22, 0.1));\n      top: -40px;\n      right: -40px;\n      animation: rotate 20s linear infinite;\n    }<\/p>\n<p>    .solar-water-banner .circle-2 {\n      width: 240px;\n      height: 240px;\n      background: linear-gradient(225deg, rgba(251, 146, 60, 0.2), transparent);\n      bottom: -25px;\n      left: -25px;\n      animation: rotate 15s linear infinite reverse;\n    }<\/p>\n<p>    @keyframes rotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }<\/p>\n<p>    .solar-water-banner .main-image {\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      height: auto;\n      border-radius: 20px;\n      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\n      transition: transform 0.5s ease;\n    }<\/p>\n<p>    .solar-water-banner .main-image:hover {\n      transform: scale(1.02) translateY(-8px);\n    }<\/p>\n<p>    \/* Feature Tags *\/\n    .solar-water-banner .feature-tags {\n      position: absolute;\n      z-index: 2;\n    }<\/p>\n<p>    .solar-water-banner .feature-tag {\n      background: white;\n      padding: 10px 18px;\n      border-radius: 50px;\n      box-shadow: 0 6px 25px rgba(0, 0, 0, 0.12);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      animation: fadeInUp 1s ease-out;\n      border: 2px solid #f5f5f4;\n    }<\/p>\n<p>    @keyframes fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }<\/p>\n<p>    .solar-water-banner .feature-tag svg {\n      width: 20px;\n      height: 20px;\n    }<\/p>\n<p>    .solar-water-banner .feature-tag span {\n      font-size: 13px;\n      font-weight: 700;\n      color: #1a1410;\n    }<\/p>\n<p>    .solar-water-banner .tag-1 {\n      top: 30px;\n      left: -35px;\n      animation-delay: 0.3s;\n    }<\/p>\n<p>    .solar-water-banner .tag-1 svg {\n      stroke: #22c55e;\n    }<\/p>\n<p>    .solar-water-banner .tag-2 {\n      bottom: 50px;\n      right: -35px;\n      animation-delay: 0.6s;\n    }<\/p>\n<p>    .solar-water-banner .tag-2 svg {\n      stroke: #ea580c;\n    }<\/p>\n<p>    \/* Trust Indicators *\/\n    .solar-water-banner .trust-bar {\n      display: flex;\n      align-items: center;\n      gap: 25px;\n      padding-top: 20px;\n      border-top: 2px solid #e7e5e4;\n    }<\/p>\n<p>    .solar-water-banner .trust-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }<\/p>\n<p>    .solar-water-banner .trust-item svg {\n      width: 20px;\n      height: 20px;\n      fill: #ea580c;\n    }<\/p>\n<p>    .solar-water-banner .trust-item span {\n      font-size: 13px;\n      font-weight: 600;\n      color: #57534e;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 1200px) {\n      .solar-water-banner .banner-container {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        padding: 50px 30px;\n      }<\/p>\n<p>      .solar-water-banner .main-title {\n        font-size: 42px;\n      }<\/p>\n<p>      .solar-water-banner .stats-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }<\/p>\n<p>      .solar-water-banner .image-container {\n        max-width: 600px;\n        margin: 0 auto;\n      }<\/p>\n<p>      .solar-water-banner .tag-1,\n      .solar-water-banner .tag-2 {\n        position: relative;\n        top: auto;\n        left: auto;\n        right: auto;\n        bottom: auto;\n        margin-bottom: 12px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .solar-water-banner {\n        min-height: auto;\n      }<\/p>\n<p>      .solar-water-banner .banner-container {\n        padding: 40px 20px;\n      }<\/p>\n<p>      .solar-water-banner .main-title {\n        font-size: 32px;\n      }<\/p>\n<p>      .solar-water-banner .subtitle {\n        font-size: 16px;\n      }<\/p>\n<p>      .solar-water-banner .description {\n        font-size: 14px;\n      }<\/p>\n<p>      .solar-water-banner .stats-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 12px;\n      }<\/p>\n<p>      .solar-water-banner .stat-number {\n        font-size: 24px;\n      }<\/p>\n<p>      .solar-water-banner .stat-label {\n        font-size: 11px;\n      }<\/p>\n<p>      .solar-water-banner .cta-group {\n        flex-direction: column;\n      }<\/p>\n<p>      .solar-water-banner .btn {\n        width: 100%;\n        justify-content: center;\n      }<\/p>\n<p>      .solar-water-banner .trust-bar {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n      }<\/p>\n<p>      .solar-water-banner .circle-1,\n      .solar-water-banner .circle-2 {\n        width: 180px;\n        height: 180px;\n      }\n    }\n  <\/style>\n<div class=\"banner-container\">\n    <!-- Left Content --><\/p>\n<div class=\"content-section\">\n<div class=\"badge\">\n        <svg viewbox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n          <path d=\"M12 6v6l4 2\" stroke=\"white\" fill=\"none\" stroke-width=\"2\"><\/path>\n        <\/svg><br \/>\n        <span>Kelas Komersial<\/span>\n      <\/div>\n<h1 class=\"main-title\">\n        <span class=\"line1\">Sistem Pemanas Air Surya<\/span><br \/>\n        <span class=\"line2\">Efisiensi Tinggi, Pengembalian Nyata<\/span><br \/>\n      <\/h1>\n<p class=\"subtitle\">\n        Ubah sinar matahari menjadi air panas yang stabil dan penghematan terjamin selama 10\u201315 tahun.\n      <\/p>\n<p class=\"description\">\n        Dibuat untuk hotel, pabrik, dan gedung komersial yang menuntut kinerja terus-menerus dan kemandirian energi maksimal.\n      <\/p>\n<div class=\"stats-grid\">\n<div class=\"stat-card\" style=\"opacity: 1; transform: translateY(0px); transition: 0.6s;\">\n<div class=\"stat-number\">45-70\u00b0C<\/div>\n<div class=\"stat-label\">Suhu Keluaran<\/div>\n<\/p><\/div>\n<div class=\"stat-card\" style=\"opacity: 1; transform: translateY(0px); transition: 0.6s;\">\n<div class=\"stat-number\">60-80%<\/div>\n<div class=\"stat-label\">Penghematan Biaya<\/div>\n<\/p><\/div>\n<div class=\"stat-card\" style=\"opacity: 1; transform: translateY(0px); transition: 0.6s;\">\n<div class=\"stat-number\">10-15 Tahun<\/div>\n<div class=\"stat-label\">Umur Pakai<\/div>\n<\/p><\/div>\n<div class=\"stat-card\" style=\"opacity: 1; transform: translateY(0px); transition: 0.6s;\">\n<div class=\"stat-number\">Nol<\/div>\n<div class=\"stat-label\">Emisi<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-group\">\n        <button class=\"btn btn-primary\"><br \/>\n          <span>Dapatkan Penawaran Gratis<\/span><br \/>\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n          <\/svg><br \/>\n        <\/button><br \/>\n        <button class=\"btn btn-secondary\"><br \/>\n          <span>Jelajahi Sistem<\/span><br \/>\n        <\/button>\n      <\/div>\n<div class=\"trust-bar\">\n<div class=\"trust-item\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n          <\/svg><br \/>\n          <span>Garansi Lebih dari 15 Tahun<\/span>\n        <\/div>\n<div class=\"trust-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>Sertifikasi ISO<\/span>\n        <\/div>\n<div class=\"trust-item\">\n          <svg viewbox=\"0 0 24 24\">\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.87M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n          <\/svg><br \/>\n          <span>Lebih dari 1000 Proyek<\/span>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Right Image --><\/p>\n<div class=\"image-section\">\n<div class=\"image-container\">\n<div class=\"circle-decoration circle-1\"><\/div>\n<div class=\"circle-decoration circle-2\"><\/div>\n<p>        <img height=\"565\" width=\"850\" decoding=\"async\" alt=\"Soletks Solar Hot Water System\" class=\"main-image\" 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\/850X850.jpeg\"><\/p>\n<div class=\"feature-tags\">\n<div class=\"feature-tag tag-1\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span>Eco-Friendly<\/span>\n          <\/div>\n<div class=\"feature-tag tag-2\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M13 2L3 14h8l-1 8 10-12h-8l1-8z\"><\/path>\n            <\/svg><br \/>\n            <span>Kinerja Tinggi<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- lemonx-script-placeholder --><br \/>\n<!--LEMONX_BLOCK_END:13--><\/p>\n<p><!--LEMONX_BLOCK_START:18--><br \/>\n<!-- Solar Water Heater Section --><\/p>\n<section id=\"solar-water-heater\" class=\"swh-section\">\n<style>\n    .swh-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n    }<\/p>\n<p>    .swh-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }<\/p>\n<p>    .swh-header {\n      text-align: center;\n      margin-bottom: 20px;\n    }<\/p>\n<p>    .swh-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>    .swh-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, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .swh-intro {\n      max-width: 900px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }<\/p>\n<p>    .swh-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }<\/p>\n<p>    .swh-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-top: 35px;\n    }<\/p>\n<p>    .swh-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      width: 100%;\n      display: flex;\n      flex-direction: column;\n    }<\/p>\n<p>    .swh-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, #667eea 0%, #764ba2 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .swh-product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n    }<\/p>\n<p>    .swh-product-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .swh-product-image {\n      position: relative;\n      width: 100%;\n      height: 240px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n    }<\/p>\n<p>    .swh-product-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      transition: transform 0.5s ease;\n    }<\/p>\n<p>    .swh-product-card:hover .swh-product-image img {\n      transform: scale(1.08);\n    }<\/p>\n<p>    .swh-product-content {\n      padding: 24px 22px;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n    }<\/p>\n<p>    .swh-product-title {\n      font-size: 20px;\n      color: #1e293b;\n      margin-bottom: 12px;\n      font-weight: 700;\n      line-height: 1.3;\n      min-height: 52px;\n    }<\/p>\n<p>    .swh-product-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 10px;\n    }<\/p>\n<p>    .swh-product-features {\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.6;\n      margin-bottom: 20px;\n      padding-left: 5px;\n      flex: 1;\n    }<\/p>\n<p>    .swh-learn-more {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      padding: 11px 24px;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: white;\n      text-decoration: none;\n      border-radius: 50px;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      box-shadow: 0 3px 12px rgba(102, 126, 234, 0.3);\n      align-self: flex-start;\n    }<\/p>\n<p>    .swh-learn-more:hover {\n      transform: translateX(5px);\n      box-shadow: 0 5px 18px rgba(102, 126, 234, 0.5);\n    }<\/p>\n<p>    .swh-learn-more svg {\n      width: 14px;\n      height: 14px;\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .swh-learn-more:hover svg {\n      transform: translateX(4px);\n    }<\/p>\n<p>    \/* Badge *\/\n    .swh-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 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(102, 126, 234, 0.4);\n    }<\/p>\n<p>    \/* Tablet *\/\n    @media (max-width: 1024px) {\n      .swh-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n      }\n    }<\/p>\n<p>    \/* Mobile *\/\n    @media (max-width: 768px) {\n      .swh-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .swh-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .swh-intro {\n        margin-bottom: 30px;\n      }<\/p>\n<p>      .swh-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .swh-products-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 30px;\n      }<\/p>\n<p>      .swh-product-image {\n        height: 200px;\n      }<\/p>\n<p>      .swh-product-image img {\n        padding: 15px;\n      }<\/p>\n<p>      .swh-product-content {\n        padding: 22px 20px;\n      }<\/p>\n<p>      .swh-product-title {\n        font-size: 20px;\n        margin-bottom: 12px;\n        min-height: auto;\n      }<\/p>\n<p>      .swh-product-description {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }<\/p>\n<p>      .swh-product-features {\n        font-size: 13px;\n        margin-bottom: 18px;\n      }<\/p>\n<p>      .swh-learn-more {\n        padding: 10px 22px;\n        font-size: 13px;\n      }<\/p>\n<p>      .swh-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n  <\/style>\n<div class=\"swh-container\">\n    <!-- Header --><\/p>\n<div class=\"swh-header\" style=\"transition: 0.2s;\">\n<h2 class=\"\" style=\"transition: 0.2s;\">Produk Pemanas Air Surya<\/h2>\n<\/div>\n<p>    <!-- Introduction --><\/p>\n<div class=\"swh-intro\">\n<p>\n        Sistem Pemanas Air Surya SOLETKS dirancang untuk menangkap energi matahari secara efisien dan mengubahnya menjadi air panas yang andal untuk rumah, bisnis, dan industri. Dengan teknologi pelat datar dan pipa panas canggih, sistem kami memberikan kinerja luar biasa, penghematan energi, dan manfaat lingkungan. Setiap model dirancang untuk memenuhi berbagai kebutuhan instalasi dan kondisi iklim, menjadikan pemanas air surya lebih efisien dan berkelanjutan dari sebelumnya.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Products Grid --><\/p>\n<div class=\"swh-products-grid\">\n<p>      <!-- Integrated Solar Water Heater --><\/p>\n<div class=\"swh-product-card\">\n<div class=\"swh-badge\">Populer<\/div>\n<div class=\"swh-product-image\">\n          <img height=\"1024\" width=\"2560\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/01\/20260107101525_408_490-scaled.png\" alt=\"Integrated Solar Water Heater\" loading=\"lazy\">\n        <\/div>\n<div class=\"swh-product-content\">\n<h3 class=\"swh-product-title\">Pemanas Air Surya<\/h3>\n<p class=\"swh-product-description\">\n            Sistem kompak yang menggabungkan kolektor surya dan tangki air menjadi satu unit terintegrasi.\n          <\/p>\n<p class=\"swh-product-features\">\n            Menawarkan instalasi yang mudah, operasi yang andal, dan retensi panas yang baik\u2014ideal untuk rumah dan aplikasi skala kecil di mana kesederhanaan dan efisiensi adalah kunci.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/id\/products\/solar-water-heater\/integrated-solar-water-heater\/\" class=\"swh-learn-more\"><br \/>\n            Pelajari Lebih Lanjut<br \/>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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>      <!-- Split Solar Water Heater --><\/p>\n<div class=\"swh-product-card\">\n<div class=\"swh-badge\">Flexible<\/div>\n<div class=\"swh-product-image\">\n          <img height=\"952\" width=\"2412\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/01\/ScreenShot_2026-01-08_101359_083.png\" alt=\"Split Solar Water Heater\" loading=\"lazy\">\n        <\/div>\n<div class=\"swh-product-content\">\n<h3 class=\"swh-product-title\">Kolektor Surya<\/h3>\n<p class=\"swh-product-description\">\n            Sistem ini memisahkan kolektor surya dari tangki penyimpanan, memungkinkan instalasi yang fleksibel sesuai tata letak bangunan.\n          <\/p>\n<p class=\"swh-product-features\">\n            Desain split meminimalkan kehilangan panas, memberikan perlindungan beku yang lebih baik, dan memastikan pasokan air panas yang stabil di semua musim.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/id\/products\/solar-water-heater\/flat-plate-split-solar-water-heater\/\" class=\"swh-learn-more\"><br \/>\n            Pelajari Lebih Lanjut<br \/>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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>      <!-- Heat Pipe Solar Water Heater --><\/p>\n<div class=\"swh-product-card\">\n<div class=\"swh-badge\">Efisiensi Tinggi<\/div>\n<div class=\"swh-product-image\">\n          <img height=\"1255\" width=\"2292\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/01\/ScreenShot_2026-01-08_101417_993.png\" alt=\"Heat Pipe Solar Water Heater\" loading=\"lazy\">\n        <\/div>\n<div class=\"swh-product-content\">\n<h3 class=\"swh-product-title\">Kolektor Surya Tabung Vakum<\/h3>\n<p class=\"swh-product-description\">\n            Dilengkapi dengan tabung vakum dan teknologi pipa panas canggih, model ini memberikan pemanasan cepat dan efisiensi superior bahkan dalam kondisi dingin atau berawan.\n          <\/p>\n<p class=\"swh-product-features\">\n            Cocok untuk daerah dengan iklim beragam dan pengguna yang menginginkan kinerja tinggi dengan perawatan minimal.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/id\/products\/solar-water-heater\/heat-pipe-solar-water-heater\/\" class=\"swh-learn-more\"><br \/>\n            Pelajari Lebih Lanjut<br \/>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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:18--><\/p>\n<p><!--LEMONX_BLOCK_START:14--><br \/>\n<!-- Why Solar Hot Water Section --><\/p>\n<section class=\"why-solar-section\">\n<style>\n    .why-solar-section {\n      width: 100%;\n      background: #fafaf9;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n      padding: 80px 0;\n    }<\/p>\n<p>    .why-solar-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, #fff5f0 0%, #ffe8dc 50%, #ffd4c1 100%);\n      z-index: 0;\n    }<\/p>\n<p>    .why-solar-section .section-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    \/* Section Header *\/\n    .why-solar-section .section-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .why-solar-section .section-number {\n      display: inline-block;\n      font-size: 14px;\n      font-weight: 700;\n      color: #ea580c;\n      background: white;\n      padding: 8px 20px;\n      border-radius: 30px;\n      margin-bottom: 15px;\n      letter-spacing: 1px;\n      border: 2px solid #fed7aa;\n    }<\/p>\n<p>    .why-solar-section .section-title {\n      font-size: 42px;\n      font-weight: 900;\n      color: #1a1410;\n      margin-bottom: 15px;\n      letter-spacing: -1px;\n    }<\/p>\n<p>    .why-solar-section .section-subtitle {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #57534e;\n      max-width: 900px;\n      margin: 0 auto;\n    }<\/p>\n<p>    \/* Main Content Grid *\/\n    .why-solar-section .content-grid {\n      display: grid;\n      gap: 40px;\n      margin-bottom: 50px;\n    }<\/p>\n<p>    \/* Feature Card *\/\n    .why-solar-section .feature-card {\n      background: white;\n      border-radius: 20px;\n      padding: 40px;\n      border: 2px solid #f5f5f4;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .why-solar-section .feature-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 5px;\n      background: linear-gradient(90deg, #ea580c, #f97316, #fb923c);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .why-solar-section .feature-card:hover {\n      border-color: #ea580c;\n      transform: translateY(-5px);\n      box-shadow: 0 15px 40px rgba(234, 88, 12, 0.15);\n    }<\/p>\n<p>    .why-solar-section .feature-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .why-solar-section .feature-header {\n      display: flex;\n      align-items: flex-start;\n      gap: 20px;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .why-solar-section .feature-icon {\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #fff7ed, #fed7aa);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      border: 2px solid #fdba74;\n    }<\/p>\n<p>    .why-solar-section .feature-icon svg {\n      width: 30px;\n      height: 30px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2;\n    }<\/p>\n<p>    .why-solar-section .feature-title {\n      font-size: 26px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 12px;\n      line-height: 1.3;\n    }<\/p>\n<p>    .why-solar-section .feature-description {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #78716c;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    \/* Benefits List *\/\n    .why-solar-section .benefits-list {\n      display: grid;\n      gap: 12px;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .why-solar-section .benefit-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 12px;\n      background: #fafaf9;\n      border-radius: 10px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .why-solar-section .benefit-item:hover {\n      background: #fff7ed;\n      transform: translateX(5px);\n    }<\/p>\n<p>    .why-solar-section .benefit-item svg {\n      width: 20px;\n      height: 20px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2.5;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }<\/p>\n<p>    .why-solar-section .benefit-text {\n      font-size: 14px;\n      font-weight: 600;\n      color: #292524;\n      line-height: 1.5;\n    }<\/p>\n<p>    \/* Highlight Box *\/\n    .why-solar-section .highlight-box {\n      background: linear-gradient(135deg, #fff7ed, #ffedd5);\n      border-left: 4px solid #ea580c;\n      padding: 20px 25px;\n      border-radius: 12px;\n      margin-top: 20px;\n    }<\/p>\n<p>    .why-solar-section .highlight-box p {\n      font-size: 15px;\n      font-weight: 700;\n      color: #c2410c;\n      margin: 0;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }<\/p>\n<p>    .why-solar-section .highlight-box svg {\n      width: 20px;\n      height: 20px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    \/* Applications Grid *\/\n    .why-solar-section .applications-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 15px;\n      margin-top: 25px;\n    }<\/p>\n<p>    .why-solar-section .application-tag {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 10px;\n      border: 2px solid #f5f5f4;\n      text-align: center;\n      font-size: 13px;\n      font-weight: 600;\n      color: #57534e;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .why-solar-section .application-tag:hover {\n      border-color: #ea580c;\n      color: #ea580c;\n      transform: translateY(-2px);\n    }<\/p>\n<p>    \/* ROI Section *\/\n    .why-solar-section .roi-section {\n      background: white;\n      border-radius: 20px;\n      padding: 50px;\n      border: 2px solid #f5f5f4;\n      margin-bottom: 50px;\n    }<\/p>\n<p>    .why-solar-section .roi-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    .why-solar-section .roi-title {\n      font-size: 36px;\n      font-weight: 900;\n      color: #1a1410;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .why-solar-section .roi-subtitle {\n      font-size: 16px;\n      color: #57534e;\n      font-weight: 600;\n    }<\/p>\n<p>    .why-solar-section .roi-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      align-items: center;\n    }<\/p>\n<p>    .why-solar-section .roi-example {\n      background: linear-gradient(135deg, #fff7ed, #ffedd5);\n      padding: 35px;\n      border-radius: 16px;\n      border: 2px solid #fed7aa;\n    }<\/p>\n<p>    .why-solar-section .roi-example-title {\n      font-size: 18px;\n      font-weight: 800;\n      color: #c2410c;\n      margin-bottom: 20px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }<\/p>\n<p>    .why-solar-section .roi-example-title svg {\n      width: 24px;\n      height: 24px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2;\n    }<\/p>\n<p>    .why-solar-section .roi-stats {\n      display: grid;\n      gap: 12px;\n    }<\/p>\n<p>    .why-solar-section .roi-stat {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 0;\n      border-bottom: 1px solid #fed7aa;\n    }<\/p>\n<p>    .why-solar-section .roi-stat:last-child {\n      border-bottom: none;\n    }<\/p>\n<p>    .why-solar-section .roi-stat-label {\n      font-size: 14px;\n      color: #78716c;\n      font-weight: 600;\n    }<\/p>\n<p>    .why-solar-section .roi-stat-value {\n      font-size: 15px;\n      font-weight: 800;\n      color: #1a1410;\n    }<\/p>\n<p>    .why-solar-section .roi-highlight {\n      background: white;\n      padding: 20px;\n      border-radius: 12px;\n      margin-top: 20px;\n      text-align: center;\n      border: 2px solid #ea580c;\n    }<\/p>\n<p>    .why-solar-section .roi-highlight-label {\n      font-size: 13px;\n      color: #78716c;\n      margin-bottom: 8px;\n      font-weight: 600;\n    }<\/p>\n<p>    .why-solar-section .roi-highlight-value {\n      font-size: 32px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .why-solar-section .roi-benefits {\n      display: grid;\n      gap: 15px;\n    }<\/p>\n<p>    .why-solar-section .roi-benefit-item {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      padding: 18px;\n      background: #fafaf9;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .why-solar-section .roi-benefit-item:hover {\n      background: #fff7ed;\n      transform: translateX(5px);\n    }<\/p>\n<p>    .why-solar-section .roi-benefit-icon {\n      width: 45px;\n      height: 45px;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .why-solar-section .roi-benefit-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: white;\n      fill: none;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .why-solar-section .roi-benefit-text {\n      font-size: 15px;\n      font-weight: 700;\n      color: #292524;\n      line-height: 1.4;\n    }<\/p>\n<p>    \/* Factors Grid *\/\n    .why-solar-section .factors-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin: 30px 0;\n    }<\/p>\n<p>    .why-solar-section .factor-card {\n      background: white;\n      padding: 20px;\n      border-radius: 12px;\n      border: 2px solid #f5f5f4;\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .why-solar-section .factor-card:hover {\n      border-color: #ea580c;\n      transform: translateY(-2px);\n    }<\/p>\n<p>    .why-solar-section .factor-icon {\n      width: 40px;\n      height: 40px;\n      background: #fff7ed;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .why-solar-section .factor-icon svg {\n      width: 20px;\n      height: 20px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2;\n    }<\/p>\n<p>    .why-solar-section .factor-text {\n      font-size: 14px;\n      font-weight: 600;\n      color: #292524;\n    }<\/p>\n<p>    \/* Analysis Box *\/\n    .why-solar-section .analysis-box {\n      background: linear-gradient(135deg, #1a1410, #292524);\n      padding: 35px;\n      border-radius: 16px;\n      margin-top: 30px;\n    }<\/p>\n<p>    .why-solar-section .analysis-title {\n      font-size: 18px;\n      font-weight: 800;\n      color: white;\n      margin-bottom: 20px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }<\/p>\n<p>    .why-solar-section .analysis-title svg {\n      width: 24px;\n      height: 24px;\n      stroke: #fb923c;\n      fill: none;\n      stroke-width: 2;\n    }<\/p>\n<p>    .why-solar-section .analysis-list {\n      display: grid;\n      gap: 12px;\n    }<\/p>\n<p>    .why-solar-section .analysis-item {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      color: #d6d3d1;\n      font-size: 14px;\n      font-weight: 600;\n    }<\/p>\n<p>    .why-solar-section .analysis-item svg {\n      width: 18px;\n      height: 18px;\n      stroke: #fb923c;\n      fill: none;\n      stroke-width: 2.5;\n      flex-shrink: 0;\n    }<\/p>\n<p>    \/* System Components *\/\n    .why-solar-section .system-section {\n      background: white;\n      border-radius: 20px;\n      padding: 50px;\n      border: 2px solid #f5f5f4;\n    }<\/p>\n<p>    .why-solar-section .system-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }<\/p>\n<p>    .why-solar-section .system-title {\n      font-size: 36px;\n      font-weight: 900;\n      color: #1a1410;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .why-solar-section .system-subtitle {\n      font-size: 16px;\n      color: #57534e;\n      font-weight: 600;\n    }<\/p>\n<p>    .why-solar-section .components-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n    }<\/p>\n<p>    .why-solar-section .component-card {\n      background: #fafaf9;\n      padding: 35px;\n      border-radius: 16px;\n      border: 2px solid #f5f5f4;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .why-solar-section .component-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, #ea580c, #f97316);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .why-solar-section .component-card:hover {\n      background: white;\n      border-color: #ea580c;\n      transform: translateY(-5px);\n      box-shadow: 0 15px 40px rgba(234, 88, 12, 0.15);\n    }<\/p>\n<p>    .why-solar-section .component-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .why-solar-section .component-number {\n      width: 50px;\n      height: 50px;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 20px;\n    }<\/p>\n<p>    .why-solar-section .component-number svg {\n      width: 28px;\n      height: 28px;\n      stroke: white;\n      fill: none;\n      stroke-width: 2;\n    }<\/p>\n<p>    .why-solar-section .component-title {\n      font-size: 20px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 15px;\n      line-height: 1.3;\n    }<\/p>\n<p>    .why-solar-section .component-features {\n      display: grid;\n      gap: 10px;\n    }<\/p>\n<p>    .why-solar-section .component-feature {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      font-size: 14px;\n      color: #57534e;\n      font-weight: 600;\n      line-height: 1.5;\n    }<\/p>\n<p>    .why-solar-section .component-feature svg {\n      width: 16px;\n      height: 16px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2.5;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 1200px) {\n      .why-solar-section .section-container {\n        padding: 0 30px;\n      }<\/p>\n<p>      .why-solar-section .applications-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }<\/p>\n<p>      .why-solar-section .components-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .why-solar-section {\n        padding: 50px 0;\n      }<\/p>\n<p>      .why-solar-section .section-container {\n        padding: 0 20px;\n      }<\/p>\n<p>      .why-solar-section .section-title {\n        font-size: 32px;\n      }<\/p>\n<p>      .why-solar-section .feature-card,\n      .why-solar-section .roi-section,\n      .why-solar-section .system-section {\n        padding: 30px 25px;\n      }<\/p>\n<p>      .why-solar-section .roi-content {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .why-solar-section .applications-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }<\/p>\n<p>      .why-solar-section .factors-grid,\n      .why-solar-section .components-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n<div class=\"section-container\">\n    <!-- Section Header --><\/p>\n<div class=\"section-header\">\n      <span class=\"section-number\">1. Mengapa Air Panas Surya?<\/span><\/p>\n<h2 class=\"section-title\">Mengapa Air Panas Surya?<\/h2>\n<p class=\"section-subtitle\">\n        Sistem air panas surya menangkap radiasi matahari dan mengubahnya menjadi energi termal yang dapat digunakan untuk air panas domestik, kebutuhan komersial, proses industri, atau dukungan pemanasan ruang.<br \/>\n        Ini secara signifikan mengurangi ketergantungan pada listrik dari jaringan, gas, diesel, atau LPG.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Main Features --><\/p>\n<div class=\"content-grid\">\n      <!-- Feature 1: Savings --><\/p>\n<div class=\"feature-card\">\n<div class=\"feature-header\">\n<div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" 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<div>\n<h3 class=\"feature-title\">Penghematan Stabil, Terprediksi, Jangka Panjang<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"benefit-text\">Tanpa biaya bahan bakar selama operasi<\/span>\n          <\/div>\n<div class=\"benefit-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"benefit-text\">Investasi satu kali \u2192 output ekonomi jangka panjang<\/span>\n          <\/div>\n<div class=\"benefit-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"benefit-text\">Pengganti langsung biaya pemanasan konvensional<\/span>\n          <\/div>\n<\/p><\/div>\n<div class=\"highlight-box\">\n<p>\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M13 2L3 14h8l-1 8 10-12h-8l1-8z\"><\/path>\n            <\/svg><br \/>\n            Harga energi yang lebih tinggi = pengembalian investasi lebih cepat = ROI lebih tinggi\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Feature 2: Applications --><\/p>\n<div class=\"feature-card\">\n<div class=\"feature-header\">\n<div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n              <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n              <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n              <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n            <\/svg>\n          <\/div>\n<div>\n<h3 class=\"feature-title\">Ideal untuk Proyek dengan Permintaan Air Panas Konstan<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"feature-description\">\n          Termal surya bukan tren \u2014 ini adalah teknologi matang yang terbukti di lapangan. Sempurna untuk:\n        <\/p>\n<div class=\"applications-grid\">\n<div class=\"application-tag\">Hotel &amp; resor<\/div>\n<div class=\"application-tag\">Kompleks apartemen &amp; bangunan hunian<\/div>\n<div class=\"application-tag\">Asrama, hostel, kamp pekerja<\/div>\n<div class=\"application-tag\">Sekolah, gym, rumah sakit, panti jompo<\/div>\n<div class=\"application-tag\">Pengolahan makanan, tekstil, laundry, susu, pembersihan<\/div>\n<div class=\"application-tag\">SPA, kebugaran, salon kecantikan<\/div>\n<div class=\"application-tag\">Fasilitas pabrik &amp; pertanian<\/div>\n<\/p><\/div>\n<div class=\"highlight-box\">\n<p>\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <path d=\"M12 6v6l4 2\"><\/path>\n            <\/svg><br \/>\n            Semakin banyak air panas yang dikonsumsi fasilitas Anda, semakin banyak yang Anda hemat.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Feature 3: Sustainability --><\/p>\n<div class=\"feature-card\">\n<div class=\"feature-header\">\n<div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path>\n            <\/svg>\n          <\/div>\n<div>\n<h3 class=\"feature-title\">Berkelanjutan, Aman, dan Tahan Masa Depan<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"benefit-text\">Tanpa pembakaran dan tanpa emisi di lokasi<\/span>\n          <\/div>\n<div class=\"benefit-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"benefit-text\">Tidak ada risiko ledakan atau kebakaran dari diesel atau gas<\/span>\n          <\/div>\n<div class=\"benefit-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"benefit-text\">Sepenuhnya kompatibel dengan pompa panas atau booster listrik<\/span>\n          <\/div>\n<div class=\"benefit-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"benefit-text\">Mendukung kepatuhan LEED, ESG, EPC, dan bangunan hijau<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- ROI Section --><\/p>\n<div class=\"roi-section\">\n<div class=\"roi-header\">\n        <span class=\"section-number\">2. Pengembalian Investasi (ROI) \u2014 Angka yang Penting<\/span><\/p>\n<h2 class=\"roi-title\">Pengembalian Investasi (ROI) \u2014 Angka yang Penting<\/h2>\n<p class=\"roi-subtitle\">Energi panas matahari tidak hanya solusi lingkungan \u2014 ini adalah alat keuangan yang kuat.<\/p>\n<\/p><\/div>\n<div class=\"roi-content\">\n<div class=\"roi-example\">\n<h3 class=\"roi-example-title\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n              <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n              <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n              <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n            <\/svg><br \/>\n            Contoh (Skema Proyek Nyata)<br \/>\n          <\/h3>\n<div class=\"roi-stats\">\n<div class=\"roi-stat\">\n              <span class=\"roi-stat-label\">Hotel dengan 50\u201380 kamar<\/span><br \/>\n              <span class=\"roi-stat-value\">\u2713<\/span>\n            <\/div>\n<div class=\"roi-stat\">\n              <span class=\"roi-stat-label\">Permintaan air panas tahunan<\/span><br \/>\n              <span class=\"roi-stat-value\">300\u2013600 m\u00b3<\/span>\n            <\/div>\n<div class=\"roi-stat\">\n              <span class=\"roi-stat-label\">Pemanasan konvensional<\/span><br \/>\n              <span class=\"roi-stat-value\">Listrik atau gas<\/span>\n            <\/div>\n<div class=\"roi-stat\">\n              <span class=\"roi-stat-label\">Cakupan energi panas matahari<\/span><br \/>\n              <span class=\"roi-stat-value\">60\u201385%<\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"roi-highlight\">\n<div class=\"roi-highlight-label\">Perkiraan Waktu Pengembalian Modal<\/div>\n<div class=\"roi-highlight-value\">1,8\u20134,5 tahun<\/div>\n<div class=\"roi-highlight-label\" style=\"margin-top: 5px;\">(Rata-rata global konservatif)<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"roi-benefits\">\n<div class=\"roi-benefit-item\">\n<div class=\"roi-benefit-icon\">\n              <svg viewbox=\"0 0 24 24\" 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=\"roi-benefit-text\">10\u201315 tahun umur layanan<\/span>\n          <\/div>\n<div class=\"roi-benefit-item\">\n<div class=\"roi-benefit-icon\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path>\n              <\/svg>\n            <\/div>\n<p>            <span class=\"roi-benefit-text\">Perawatan minimal<\/span>\n          <\/div>\n<div class=\"roi-benefit-item\">\n<div class=\"roi-benefit-icon\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n                <path d=\"M17 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=\"roi-benefit-text\">OPEX sangat rendah<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"factors-grid\">\n<div class=\"factor-card\">\n<div class=\"factor-icon\">\n            <svg viewbox=\"0 0 24 24\" 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=\"factor-text\">Biaya listrik \/ gas \/ solar lokal<\/span>\n        <\/div>\n<div class=\"factor-card\">\n<div class=\"factor-icon\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n              <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n            <\/svg>\n          <\/div>\n<p>          <span class=\"factor-text\">Konsumsi air panas puncak harian<\/span>\n        <\/div>\n<div class=\"factor-card\">\n<div class=\"factor-icon\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n              <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line>\n              <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line>\n            <\/svg>\n          <\/div>\n<p>          <span class=\"factor-text\">Desain sistem &amp; kapasitas tangki<\/span>\n        <\/div>\n<div class=\"factor-card\">\n<div class=\"factor-icon\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\n              <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\n              <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\n              <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\n              <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\n              <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\n              <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\n              <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line>\n              <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line>\n            <\/svg>\n          <\/div>\n<p>          <span class=\"factor-text\">Jam matahari \/ iklim<\/span>\n        <\/div>\n<div class=\"factor-card\">\n<div class=\"factor-icon\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n              <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n            <\/svg>\n          <\/div>\n<p>          <span class=\"factor-text\">Integrasi dengan pompa panas atau boiler<\/span>\n        <\/div>\n<\/p><\/div>\n<div class=\"analysis-box\">\n<h3 class=\"analysis-title\">\n          <svg viewbox=\"0 0 24 24\" 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          Kami menyediakan analisis ROI yang disesuaikan untuk setiap proyek, termasuk:<br \/>\n        <\/h3>\n<div class=\"analysis-list\">\n<div class=\"analysis-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"9 11 12 14 22 4\"><\/polyline>\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            Penghematan energi tahunan\n          <\/div>\n<div class=\"analysis-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"9 11 12 14 22 4\"><\/polyline>\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            Periode pengembalian modal\n          <\/div>\n<div class=\"analysis-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"9 11 12 14 22 4\"><\/polyline>\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            Perbandingan biaya seumur hidup\n          <\/div>\n<div class=\"analysis-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"9 11 12 14 22 4\"><\/polyline>\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            Perkiraan pengurangan karbon\n          <\/div>\n<div class=\"analysis-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"9 11 12 14 22 4\"><\/polyline>\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            Perencanaan jadwal pemeliharaan\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- System Components --><\/p>\n<div class=\"system-section\">\n<div class=\"system-header\">\n        <span class=\"section-number\">3. Cara Kerja Sistem<\/span><\/p>\n<h2 class=\"system-title\">Cara Kerja Sistem<\/h2>\n<p class=\"system-subtitle\">Sistem air panas surya mengintegrasikan tiga komponen penting:<\/p>\n<\/p><\/div>\n<div class=\"components-grid\">\n        <!-- Component 1 --><\/p>\n<div class=\"component-card\">\n<div class=\"component-number\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\n              <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\n              <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\n              <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\n              <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\n              <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\n              <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\n              <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line>\n              <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line>\n            <\/svg>\n          <\/div>\n<h3 class=\"component-title\">1. Kolektor Surya (Pelat Datar atau Tabung Vakum)<\/h3>\n<div class=\"component-features\">\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Menyerap sinar matahari dan mengubahnya menjadi panas\n            <\/div>\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Transfer panas ke fluida kerja (glikol\/air)\n            <\/div>\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Dioptimalkan untuk aplikasi air 30\u201380\u00b0C\n            <\/div>\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Kinerja terbukti untuk beban komersial &amp; industri\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Component 2 --><\/p>\n<div class=\"component-card\">\n<div class=\"component-number\">\n            <svg viewbox=\"0 0 24 24\" 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=\"component-title\">2. Tangki Penyimpanan Air Panas<\/h3>\n<div class=\"component-features\">\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Tangki dari stainless steel, dilapisi enamel, atau tangki komersial berat\n            <\/div>\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Desain bertekanan atau tidak bertekanan\n            <\/div>\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Kapasitas yang dapat diperluas: 100L hingga 10.000L+\n            <\/div>\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Integrasi tanpa batas dengan pompa panas atau boiler\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Component 3 --><\/p>\n<div class=\"component-card\">\n<div class=\"component-number\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n              <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n            <\/svg>\n          <\/div>\n<h3 class=\"component-title\">3. Sistem Sirkulasi &amp; Kontrol<\/h3>\n<div class=\"component-features\">\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Pengontrol suhu diferensial\n            <\/div>\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Pompa otomatis dan loop sirkulasi\n            <\/div>\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Perlindungan anti-beku, anti-overheat, dan pembakaran kering\n            <\/div>\n<div class=\"component-feature\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Pengelolaan jalur kembali untuk menjaga suhu keluar yang konstan\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!--LEMONX_BLOCK_END:14--><\/p>\n<p><!--LEMONX_BLOCK_START:15--><br \/>\n<!-- High ROI Applications Section --><\/p>\n<section class=\"high-roi-section\">\n<style>\n    .high-roi-section {\n      width: 100%;\n      background: #fafaf9;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n      padding: 80px 0;\n    }<\/p>\n<p>    .high-roi-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, #fff5f0 0%, #ffe8dc 50%, #ffd4c1 100%);\n      z-index: 0;\n    }<\/p>\n<p>    .high-roi-section .section-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    \/* Section Header *\/\n    .high-roi-section .section-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .high-roi-section .section-number {\n      display: inline-block;\n      font-size: 14px;\n      font-weight: 700;\n      color: #ea580c;\n      background: white;\n      padding: 8px 20px;\n      border-radius: 30px;\n      margin-bottom: 15px;\n      letter-spacing: 1px;\n      border: 2px solid #fed7aa;\n    }<\/p>\n<p>    .high-roi-section .section-title {\n      font-size: 42px;\n      font-weight: 900;\n      color: #1a1410;\n      margin-bottom: 0;\n      letter-spacing: -1px;\n      line-height: 1.2;\n    }<\/p>\n<p>    \/* Applications Grid *\/\n    .high-roi-section .applications-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n      margin-bottom: 80px;\n    }<\/p>\n<p>    .high-roi-section .application-card {\n      background: white;\n      border-radius: 18px;\n      padding: 35px;\n      border: 2px solid #f5f5f4;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .high-roi-section .application-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, #ea580c, #f97316);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .high-roi-section .application-card:hover {\n      border-color: #ea580c;\n      transform: translateY(-8px);\n      box-shadow: 0 20px 50px rgba(234, 88, 12, 0.2);\n    }<\/p>\n<p>    .high-roi-section .application-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .high-roi-section .app-icon {\n      width: 70px;\n      height: 70px;\n      background: linear-gradient(135deg, #fff7ed, #fed7aa);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 20px;\n      border: 2px solid #fdba74;\n    }<\/p>\n<p>    .high-roi-section .app-icon svg {\n      width: 36px;\n      height: 36px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2;\n    }<\/p>\n<p>    .high-roi-section .app-title {\n      font-size: 22px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 15px;\n      line-height: 1.3;\n    }<\/p>\n<p>    .high-roi-section .app-description {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #78716c;\n      margin-bottom: 18px;\n      font-weight: 500;\n    }<\/p>\n<p>    .high-roi-section .app-highlight {\n      background: linear-gradient(135deg, #fff7ed, #ffedd5);\n      padding: 12px 16px;\n      border-radius: 10px;\n      border-left: 3px solid #ea580c;\n    }<\/p>\n<p>    .high-roi-section .app-highlight p {\n      font-size: 13px;\n      font-weight: 700;\n      color: #c2410c;\n      margin: 0;\n      line-height: 1.5;\n    }<\/p>\n<p>    \/* ROI Examples Section *\/\n    .high-roi-section .roi-examples-wrapper {\n      background: white;\n      border-radius: 24px;\n      padding: 60px;\n      border: 2px solid #f5f5f4;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .high-roi-section .roi-examples-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }<\/p>\n<p>    .high-roi-section .roi-examples-title {\n      font-size: 36px;\n      font-weight: 900;\n      color: #1a1410;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .high-roi-section .roi-examples-subtitle {\n      font-size: 15px;\n      color: #78716c;\n      font-weight: 600;\n    }<\/p>\n<p>    .high-roi-section .examples-grid {\n      display: grid;\n      gap: 40px;\n    }<\/p>\n<p>    \/* Example Card *\/\n    .high-roi-section .example-card {\n      background: #fafaf9;\n      border-radius: 20px;\n      padding: 40px;\n      border: 2px solid #e7e5e4;\n      transition: all 0.4s ease;\n    }<\/p>\n<p>    .high-roi-section .example-card:hover {\n      border-color: #ea580c;\n      box-shadow: 0 15px 40px rgba(234, 88, 12, 0.12);\n    }<\/p>\n<p>    .high-roi-section .example-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 30px;\n      padding-bottom: 20px;\n      border-bottom: 2px solid #e7e5e4;\n    }<\/p>\n<p>    .high-roi-section .example-title-group {\n      flex: 1;\n    }<\/p>\n<p>    .high-roi-section .example-number {\n      font-size: 14px;\n      font-weight: 700;\n      color: #ea580c;\n      margin-bottom: 8px;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .high-roi-section .example-title {\n      font-size: 24px;\n      font-weight: 900;\n      color: #1a1410;\n      margin: 0;\n      line-height: 1.3;\n    }<\/p>\n<p>    .high-roi-section .example-badge {\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      color: white;\n      padding: 8px 18px;\n      border-radius: 30px;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.5px;\n      white-space: nowrap;\n    }<\/p>\n<p>    .high-roi-section .example-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      gap: 30px;\n    }<\/p>\n<p>    .high-roi-section .example-section {\n      background: white;\n      padding: 25px;\n      border-radius: 14px;\n      border: 2px solid #f5f5f4;\n    }<\/p>\n<p>    .high-roi-section .example-section-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #57534e;\n      margin-bottom: 15px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }<\/p>\n<p>    .high-roi-section .example-section-title svg {\n      width: 16px;\n      height: 16px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .high-roi-section .info-list {\n      display: grid;\n      gap: 10px;\n    }<\/p>\n<p>    .high-roi-section .info-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      font-size: 13px;\n      line-height: 1.5;\n    }<\/p>\n<p>    .high-roi-section .info-label {\n      color: #78716c;\n      font-weight: 600;\n      min-width: 100px;\n    }<\/p>\n<p>    .high-roi-section .info-value {\n      color: #292524;\n      font-weight: 700;\n      flex: 1;\n    }<\/p>\n<p>    .high-roi-section .roi-results {\n      background: linear-gradient(135deg, #1a1410, #292524);\n      padding: 25px;\n      border-radius: 14px;\n      margin-top: 30px;\n    }<\/p>\n<p>    .high-roi-section .roi-results-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: white;\n      margin-bottom: 18px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }<\/p>\n<p>    .high-roi-section .roi-results-title svg {\n      width: 20px;\n      height: 20px;\n      stroke: #fb923c;\n      fill: none;\n      stroke-width: 2;\n    }<\/p>\n<p>    .high-roi-section .roi-stats-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 15px;\n    }<\/p>\n<p>    .high-roi-section .roi-stat-box {\n      background: rgba(255, 255, 255, 0.1);\n      padding: 15px;\n      border-radius: 10px;\n      border: 1px solid rgba(251, 146, 60, 0.3);\n      text-align: center;\n    }<\/p>\n<p>    .high-roi-section .roi-stat-label {\n      font-size: 11px;\n      color: #d6d3d1;\n      margin-bottom: 6px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .high-roi-section .roi-stat-value {\n      font-size: 20px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #fb923c, #fdba74);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .high-roi-section .interpretation-box {\n      background: #fff7ed;\n      padding: 20px 25px;\n      border-radius: 12px;\n      border-left: 4px solid #ea580c;\n      margin-top: 25px;\n    }<\/p>\n<p>    .high-roi-section .interpretation-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: #c2410c;\n      margin-bottom: 8px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .high-roi-section .interpretation-text {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #78716c;\n      font-weight: 600;\n      margin: 0;\n    }<\/p>\n<p>    \/* Regional Table *\/\n    .high-roi-section .regional-section {\n      background: white;\n      border-radius: 24px;\n      padding: 50px;\n      border: 2px solid #f5f5f4;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .high-roi-section .regional-header {\n      text-align: center;\n      margin-bottom: 35px;\n    }<\/p>\n<p>    .high-roi-section .regional-title {\n      font-size: 32px;\n      font-weight: 900;\n      color: #1a1410;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .high-roi-section .regional-subtitle {\n      font-size: 15px;\n      color: #78716c;\n      font-weight: 600;\n      line-height: 1.6;\n    }<\/p>\n<p>    .high-roi-section .regional-table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      background: #fafaf9;\n      border-radius: 14px;\n      overflow: hidden;\n      border: 2px solid #e7e5e4;\n    }<\/p>\n<p>    .high-roi-section .regional-table thead {\n      background: linear-gradient(135deg, #1a1410, #292524);\n    }<\/p>\n<p>    .high-roi-section .regional-table th {\n      padding: 18px 20px;\n      text-align: left;\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .high-roi-section .regional-table tbody tr {\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .high-roi-section .regional-table tbody tr:hover {\n      background: #fff7ed;\n    }<\/p>\n<p>    .high-roi-section .regional-table td {\n      padding: 18px 20px;\n      font-size: 14px;\n      color: #292524;\n      font-weight: 600;\n      border-bottom: 1px solid #e7e5e4;\n    }<\/p>\n<p>    .high-roi-section .regional-table tbody tr:last-child td {\n      border-bottom: none;\n    }<\/p>\n<p>    .high-roi-section .region-name {\n      font-weight: 800;\n      color: #1a1410;\n    }<\/p>\n<p>    .high-roi-section .energy-cost-badge {\n      display: inline-block;\n      padding: 4px 12px;\n      border-radius: 20px;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.3px;\n    }<\/p>\n<p>    .high-roi-section .cost-high {\n      background: #fee2e2;\n      color: #dc2626;\n    }<\/p>\n<p>    .high-roi-section .cost-very-high {\n      background: #fef3c7;\n      color: #d97706;\n    }<\/p>\n<p>    .high-roi-section .cost-medium {\n      background: #dbeafe;\n      color: #2563eb;\n    }<\/p>\n<p>    .high-roi-section .roi-performance {\n      font-weight: 800;\n      color: #ea580c;\n    }<\/p>\n<p>    \/* Conclusion Box *\/\n    .high-roi-section .conclusion-box {\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      padding: 40px;\n      border-radius: 20px;\n      text-align: center;\n      color: white;\n    }<\/p>\n<p>    .high-roi-section .conclusion-title {\n      font-size: 24px;\n      font-weight: 900;\n      margin-bottom: 15px;\n      line-height: 1.3;\n    }<\/p>\n<p>    .high-roi-section .conclusion-text {\n      font-size: 16px;\n      line-height: 1.7;\n      font-weight: 600;\n      margin: 0;\n      opacity: 0.95;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 1200px) {\n      .high-roi-section .section-container {\n        padding: 0 30px;\n      }<\/p>\n<p>      .high-roi-section .applications-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }<\/p>\n<p>      .high-roi-section .example-content {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .high-roi-section .roi-stats-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .high-roi-section {\n        padding: 50px 0;\n      }<\/p>\n<p>      .high-roi-section .section-container {\n        padding: 0 20px;\n      }<\/p>\n<p>      .high-roi-section .section-title {\n        font-size: 32px;\n      }<\/p>\n<p>      .high-roi-section .applications-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }<\/p>\n<p>      .high-roi-section .roi-examples-wrapper,\n      .high-roi-section .regional-section {\n        padding: 30px 25px;\n      }<\/p>\n<p>      .high-roi-section .example-card {\n        padding: 25px 20px;\n      }<\/p>\n<p>      .high-roi-section .example-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 15px;\n      }<\/p>\n<p>      .high-roi-section .roi-stats-grid {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .high-roi-section .regional-table {\n        font-size: 12px;\n      }<\/p>\n<p>      .high-roi-section .regional-table th,\n      .high-roi-section .regional-table td {\n        padding: 12px 15px;\n      }\n    }\n  <\/style>\n<div class=\"section-container\">\n    <!-- Section Header --><\/p>\n<div class=\"section-header\">\n      <span class=\"section-number\">4. Tempat Solar Hot Water Memberikan ROI Tertinggi<\/span><\/p>\n<h2 class=\"section-title\">Tempat Solar Hot Water Memberikan ROI Tertinggi<\/h2>\n<\/p><\/div>\n<p>    <!-- Applications Grid --><\/p>\n<div class=\"applications-grid\">\n      <!-- Hotels & Resorts --><\/p>\n<div class=\"application-card\">\n<div class=\"app-icon\">\n          <svg viewbox=\"0 0 24 24\" 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>\n        <\/div>\n<h3 class=\"app-title\">Hotel &amp; Resor<\/h3>\n<p class=\"app-description\">Kamar tamu, asrama staf, cuci dapur, laundry<\/p>\n<div class=\"app-highlight\">\n<p>Penutup surya &gt;65% energi air panas tahunan.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Schools & Dormitories --><\/p>\n<div class=\"application-card\">\n<div class=\"app-icon\">\n          <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path>\n            <path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path>\n          <\/svg>\n        <\/div>\n<h3 class=\"app-title\">Sekolah &amp; Asrama<\/h3>\n<p class=\"app-description\">Penggunaan yang dapat diprediksi di pagi hari\/malam hari<\/p>\n<div class=\"app-highlight\">\n<p>Matahari memanas saat siang hari \u2192 penggunaan di malam hari \u2192 kecocokan siklus yang sempurna.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Hospitals & Care Facilities --><\/p>\n<div class=\"application-card\">\n<div class=\"app-icon\">\n          <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path>\n          <\/svg>\n        <\/div>\n<h3 class=\"app-title\">Rumah Sakit &amp; Fasilitas Perawatan<\/h3>\n<p class=\"app-description\">Cuci sterilkan + mandi + pembersihan<\/p>\n<div class=\"app-highlight\">\n<p>Permintaan air panas 365 hari \u2192 ROI tercepat di semua sektor.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Industrial & Commercial --><\/p>\n<div class=\"application-card\">\n<div class=\"app-icon\">\n          <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"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<h3 class=\"app-title\">Industri &amp; Komersial<\/h3>\n<p class=\"app-description\">Makanan, tekstil, pencelupan, laundry, susu, unggas<\/p>\n<div class=\"app-highlight\">\n<p>Air proses 40\u201370\u00b0C \u2192 energi surya termal tak tertandingi dari segi biaya.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- ROI Examples --><\/p>\n<div class=\"roi-examples-wrapper\">\n<div class=\"roi-examples-header\">\n<h2 class=\"roi-examples-title\">ROI Sistem Air Panas Surya \u2014 Contoh Perhitungan<\/h2>\n<p class=\"roi-examples-subtitle\">(Untuk Referensi)<\/p>\n<\/p><\/div>\n<div class=\"examples-grid\">\n        <!-- Example 1 --><\/p>\n<div class=\"example-card\">\n<div class=\"example-header\">\n<div class=\"example-title-group\">\n<div class=\"example-number\">Contoh 1<\/div>\n<h3 class=\"example-title\">Hotel Eropa (Ukuran Sedang, 50\u201380 Kamar)<\/h3>\n<\/p><\/div>\n<p>            <span class=\"example-badge\">Eropa<\/span>\n          <\/div>\n<div class=\"example-content\">\n<div class=\"example-section\">\n<div class=\"example-section-title\">\n                <svg viewbox=\"0 0 24 24\" 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                Latar Belakang Proyek\n              <\/div>\n<div class=\"info-list\">\n<div class=\"info-item\">\n                  <span class=\"info-label\">Wilayah:<\/span><br \/>\n                  <span class=\"info-value\">Indonesia \/ Indonesia \/ Indonesia<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Jenis bangunan:<\/span><br \/>\n                  <span class=\"info-value\">Hotel dengan dapur + kamar mandi staf<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Permintaan DHW harian:<\/span><br \/>\n                  <span class=\"info-value\">3.000\u20135.000 L\/hari<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Pemanas yang ada:<\/span><br \/>\n                  <span class=\"info-value\">Ketel gas (60\u201370\u00b0C)<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"example-section\">\n<div class=\"example-section-title\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n                  <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line>\n                  <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line>\n                <\/svg><br \/>\n                Konfigurasi Sistem\n              <\/div>\n<div class=\"info-list\">\n<div class=\"info-item\">\n                  <span class=\"info-label\">Area pengumpul:<\/span><br \/>\n                  <span class=\"info-value\">80\u2013120 m\u00b2<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Tangki penyimpanan:<\/span><br \/>\n                  <span class=\"info-value\">3.000\u20136.000 L<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Jenis sistem:<\/span><br \/>\n                  <span class=\"info-value\">Recirculation + katup pencampur<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Cadangan:<\/span><br \/>\n                  <span class=\"info-value\">Boiler gas (musim dingin \/ mendung)<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"example-section\">\n<div class=\"example-section-title\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n                  <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n                <\/svg><br \/>\n                Perhitungan ROI\n              <\/div>\n<div class=\"info-list\">\n<div class=\"info-item\">\n                  <span class=\"info-label\">Cakupan surya:<\/span><br \/>\n                  <span class=\"info-value\">65\u201378%<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Penghematan tahunan:<\/span><br \/>\n                  <span class=\"info-value\">\u20ac12.000\u2013\u20ac20.000<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Pengembalian investasi sederhana:<\/span><br \/>\n                  <span class=\"info-value\">2,8\u20134,2 tahun<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"roi-results\">\n<div class=\"roi-results-title\">\n              <svg viewbox=\"0 0 24 24\" 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              Perhitungan ROI\n            <\/div>\n<div class=\"roi-stats-grid\">\n<div class=\"roi-stat-box\">\n<div class=\"roi-stat-label\">Cakupan Surya<\/div>\n<div class=\"roi-stat-value\">65\u201378%<\/div>\n<\/p><\/div>\n<div class=\"roi-stat-box\">\n<div class=\"roi-stat-label\">Penghematan Tahunan<\/div>\n<div class=\"roi-stat-value\">\u20ac12K\u2013\u20ac20K<\/div>\n<\/p><\/div>\n<div class=\"roi-stat-box\">\n<div class=\"roi-stat-label\">Periode Pengembalian Modal<\/div>\n<div class=\"roi-stat-value\">2,8\u20134,2 tahun<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"interpretation-box\">\n<div class=\"interpretation-title\">Interpretasi:<\/div>\n<p class=\"interpretation-text\">Harga energi di Indonesia tinggi. Hotel memiliki permintaan air panas permanen. Semakin mahal energi, semakin cepat pengembalian modal.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Example 2 --><\/p>\n<div class=\"example-card\">\n<div class=\"example-header\">\n<div class=\"example-title-group\">\n<div class=\"example-number\">Contoh 2<\/div>\n<h3 class=\"example-title\">Resor MENA (100\u2013150 Kamar + SPA + Kolam Renang)<\/h3>\n<\/p><\/div>\n<p>            <span class=\"example-badge\">MENA<\/span>\n          <\/div>\n<div class=\"example-content\">\n<div class=\"example-section\">\n<div class=\"example-section-title\">\n                <svg viewbox=\"0 0 24 24\" 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                Latar Belakang Proyek\n              <\/div>\n<div class=\"info-list\">\n<div class=\"info-item\">\n                  <span class=\"info-label\">Wilayah:<\/span><br \/>\n                  <span class=\"info-value\">Indonesia \/ Arab Saudi \/ Mesir<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Jenis bangunan:<\/span><br \/>\n                  <span class=\"info-value\">Resor pantai \/ SPA \/ dapur besar<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Permintaan DHW harian:<\/span><br \/>\n                  <span class=\"info-value\">4.000\u20138.000 L\/hari<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Metode yang ada saat ini:<\/span><br \/>\n                  <span class=\"info-value\">Ketel listrik \/ diesel (sangat mahal)<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"example-section\">\n<div class=\"example-section-title\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n                  <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line>\n                  <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line>\n                <\/svg><br \/>\n                Konfigurasi Sistem\n              <\/div>\n<div class=\"info-list\">\n<div class=\"info-item\">\n                  <span class=\"info-label\">Area pengumpul:<\/span><br \/>\n                  <span class=\"info-value\">150\u2013240 m\u00b2<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Tangki penyimpanan:<\/span><br \/>\n                  <span class=\"info-value\">5.000\u201310.000 L<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Aplikasi:<\/span><br \/>\n                  <span class=\"info-value\">Pemanasan kolam renang + air panas domestik<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Cadangan:<\/span><br \/>\n                  <span class=\"info-value\">Cadangan diesel untuk permintaan puncak<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"example-section\">\n<div class=\"example-section-title\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n                  <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n                <\/svg><br \/>\n                Perhitungan ROI\n              <\/div>\n<div class=\"info-list\">\n<div class=\"info-item\">\n                  <span class=\"info-label\">Cakupan surya:<\/span><br \/>\n                  <span class=\"info-value\">70\u201385%<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Penghematan tahunan:<\/span><br \/>\n                  <span class=\"info-value\">$25.000\u2013$48.000<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Pengembalian investasi sederhana:<\/span><br \/>\n                  <span class=\"info-value\">1,8\u20133,0 tahun<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"roi-results\">\n<div class=\"roi-results-title\">\n              <svg viewbox=\"0 0 24 24\" 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              Perhitungan ROI\n            <\/div>\n<div class=\"roi-stats-grid\">\n<div class=\"roi-stat-box\">\n<div class=\"roi-stat-label\">Cakupan Surya<\/div>\n<div class=\"roi-stat-value\">70\u201385%<\/div>\n<\/p><\/div>\n<div class=\"roi-stat-box\">\n<div class=\"roi-stat-label\">Penghematan Tahunan<\/div>\n<div class=\"roi-stat-value\">$25K\u2013$48K<\/div>\n<\/p><\/div>\n<div class=\"roi-stat-box\">\n<div class=\"roi-stat-label\">Periode Pengembalian Modal<\/div>\n<div class=\"roi-stat-value\">1,8\u20133,0 tahun<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"interpretation-box\">\n<div class=\"interpretation-title\">Interpretasi:<\/div>\n<p class=\"interpretation-text\">MENA memiliki radiasi matahari terbaik secara global + permintaan air panas tinggi. Hotel, resor, dan perumahan staf menghasilkan pengembalian keuangan yang luar biasa.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Example 3 --><\/p>\n<div class=\"example-card\">\n<div class=\"example-header\">\n<div class=\"example-title-group\">\n<div class=\"example-number\">Contoh 3<\/div>\n<h3 class=\"example-title\">Laundry Industri Amerika Latin<\/h3>\n<\/p><\/div>\n<p>            <span class=\"example-badge\">LATAM<\/span>\n          <\/div>\n<div class=\"example-content\">\n<div class=\"example-section\">\n<div class=\"example-section-title\">\n                <svg viewbox=\"0 0 24 24\" 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                Latar Belakang Proyek\n              <\/div>\n<div class=\"info-list\">\n<div class=\"info-item\">\n                  <span class=\"info-label\">Wilayah:<\/span><br \/>\n                  <span class=\"info-value\">Indonesia \/ Peru \/ Brasil \/ Chili<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Jenis bangunan:<\/span><br \/>\n                  <span class=\"info-value\">Laundry komersial \/ rumah sakit<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Permintaan DHW harian:<\/span><br \/>\n                  <span class=\"info-value\">6.000\u201312.000 L\/hari @ 45\u201365\u00b0C<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Metode yang ada saat ini:<\/span><br \/>\n                  <span class=\"info-value\">Pemanas gas + listrik<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"example-section\">\n<div class=\"example-section-title\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n                  <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line>\n                  <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line>\n                <\/svg><br \/>\n                Konfigurasi Sistem\n              <\/div>\n<div class=\"info-list\">\n<div class=\"info-item\">\n                  <span class=\"info-label\">Pengumpul:<\/span><br \/>\n                  <span class=\"info-value\">120\u2013200 m\u00b2<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Penyimpanan:<\/span><br \/>\n                  <span class=\"info-value\">8.000\u201312.000 L<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Jenis sistem:<\/span><br \/>\n                  <span class=\"info-value\">Sirkulasi pemanasan awal + cadangan seri<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Pengendali:<\/span><br \/>\n                  <span class=\"info-value\">Katup pencampur industri + sirkulasi kembali<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"example-section\">\n<div class=\"example-section-title\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line>\n                  <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n                <\/svg><br \/>\n                Perhitungan ROI\n              <\/div>\n<div class=\"info-list\">\n<div class=\"info-item\">\n                  <span class=\"info-label\">Cakupan surya:<\/span><br \/>\n                  <span class=\"info-value\">60\u201375%<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Penghematan tahunan:<\/span><br \/>\n                  <span class=\"info-value\">$28.000\u2013$60.000<\/span>\n                <\/div>\n<div class=\"info-item\">\n                  <span class=\"info-label\">Pengembalian investasi sederhana:<\/span><br \/>\n                  <span class=\"info-value\">2,2\u20133,5 tahun<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"roi-results\">\n<div class=\"roi-results-title\">\n              <svg viewbox=\"0 0 24 24\" 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              Perhitungan ROI\n            <\/div>\n<div class=\"roi-stats-grid\">\n<div class=\"roi-stat-box\">\n<div class=\"roi-stat-label\">Cakupan Surya<\/div>\n<div class=\"roi-stat-value\">60\u201375%<\/div>\n<\/p><\/div>\n<div class=\"roi-stat-box\">\n<div class=\"roi-stat-label\">Penghematan Tahunan<\/div>\n<div class=\"roi-stat-value\">$28K\u2013$60K<\/div>\n<\/p><\/div>\n<div class=\"roi-stat-box\">\n<div class=\"roi-stat-label\">Periode Pengembalian Modal<\/div>\n<div class=\"roi-stat-value\">2,2\u20133,5 tahun<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"interpretation-box\">\n<div class=\"interpretation-title\">Interpretasi:<\/div>\n<p class=\"interpretation-text\">Laundry dan pencucian industri beroperasi pada suhu tinggi dan stabil \u2192 Setiap hari menghasilkan penghematan nyata.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Regional Comparison --><\/p>\n<div class=\"regional-section\">\n<div class=\"regional-header\">\n<h2 class=\"regional-title\">Mengapa ROI Regional Penting<\/h2>\n<p class=\"regional-subtitle\">Air panas tenaga surya adalah investasi energi, bukan dekorasi.<\/p>\n<\/p><\/div>\n<table class=\"regional-table\">\n<thead>\n<tr>\n<th>Wilayah<\/th>\n<th>Sumber Energi Tipe<\/th>\n<th>Biaya Energi<\/th>\n<th>Kinerja ROI<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td class=\"region-name\">Eropa<\/td>\n<td>Listrik \/ Gas<\/td>\n<td><span class=\"energy-cost-badge cost-high\">Tinggi<\/span><\/td>\n<td class=\"roi-performance\">3\u20134 tahun<\/td>\n<\/tr>\n<tr>\n<td class=\"region-name\">MENA<\/td>\n<td>Listrik \/ Diesel<\/td>\n<td><span class=\"energy-cost-badge cost-very-high\">Sangat tinggi<\/span><\/td>\n<td class=\"roi-performance\">2\u20133 tahun<\/td>\n<\/tr>\n<tr>\n<td class=\"region-name\">LATAM<\/td>\n<td>Listrik \/ Gas<\/td>\n<td><span class=\"energy-cost-badge cost-medium\">Sedang<\/span><\/td>\n<td class=\"roi-performance\">2,5\u20134 tahun<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<p>    <!-- Conclusion --><\/p>\n<div class=\"conclusion-box\">\n<h3 class=\"conclusion-title\">Kesimpulan:<\/h3>\n<p class=\"conclusion-text\">Ketika permintaan air panas harian konstan, energi surya termal menjadi generator arus kas yang nyata.<br \/>Panas adalah faktor penggerak biaya yang lebih besar daripada listrik di banyak bangunan komersial.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!--LEMONX_BLOCK_END:15--><\/p>\n<p><!--LEMONX_BLOCK_START:16--><br \/>\n<!-- Why Soletks Section --><\/p>\n<section class=\"why-soletks-section\">\n<style>\n    .why-soletks-section {\n      width: 100%;\n      background: #fafaf9;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n      padding: 80px 0;\n    }<\/p>\n<p>    .why-soletks-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, #fff5f0 0%, #ffe8dc 50%, #ffd4c1 100%);\n      z-index: 0;\n    }<\/p>\n<p>    .why-soletks-section .section-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    \/* Section Header *\/\n    .why-soletks-section .section-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .why-soletks-section .section-badge {\n      display: inline-block;\n      font-size: 14px;\n      font-weight: 700;\n      color: #ea580c;\n      background: white;\n      padding: 8px 20px;\n      border-radius: 30px;\n      margin-bottom: 15px;\n      letter-spacing: 1px;\n      border: 2px solid #fed7aa;\n    }<\/p>\n<p>    .why-soletks-section .section-title {\n      font-size: 44px;\n      font-weight: 900;\n      color: #1a1410;\n      margin-bottom: 18px;\n      letter-spacing: -1px;\n      line-height: 1.2;\n    }<\/p>\n<p>    .why-soletks-section .section-subtitle {\n      font-size: 18px;\n      color: #57534e;\n      font-weight: 600;\n      line-height: 1.6;\n    }<\/p>\n<p>    \/* Feature Cards *\/\n    .why-soletks-section .features-grid {\n      display: grid;\n      gap: 35px;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    .why-soletks-section .feature-card {\n      background: white;\n      border-radius: 20px;\n      padding: 45px;\n      border: 2px solid #f5f5f4;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .why-soletks-section .feature-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 5px;\n      background: linear-gradient(90deg, #ea580c, #f97316, #fb923c);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .why-soletks-section .feature-card:hover {\n      border-color: #ea580c;\n      transform: translateY(-5px);\n      box-shadow: 0 20px 50px rgba(234, 88, 12, 0.15);\n    }<\/p>\n<p>    .why-soletks-section .feature-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .why-soletks-section .feature-header {\n      display: flex;\n      align-items: flex-start;\n      gap: 25px;\n      margin-bottom: 30px;\n      padding-bottom: 25px;\n      border-bottom: 2px solid #f5f5f4;\n    }<\/p>\n<p>    .why-soletks-section .feature-number {\n      width: 70px;\n      height: 70px;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      box-shadow: 0 8px 20px rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .why-soletks-section .feature-number svg {\n      width: 36px;\n      height: 36px;\n      stroke: white;\n      fill: none;\n      stroke-width: 2;\n    }<\/p>\n<p>    .why-soletks-section .feature-title-group {\n      flex: 1;\n    }<\/p>\n<p>    .why-soletks-section .feature-number-text {\n      font-size: 13px;\n      font-weight: 700;\n      color: #ea580c;\n      margin-bottom: 8px;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .why-soletks-section .feature-title {\n      font-size: 28px;\n      font-weight: 900;\n      color: #1a1410;\n      margin: 0;\n      line-height: 1.3;\n    }<\/p>\n<p>    .why-soletks-section .feature-intro {\n      font-size: 16px;\n      line-height: 1.7;\n      color: #57534e;\n      margin-bottom: 30px;\n      font-weight: 600;\n    }<\/p>\n<p>    \/* Technical Features *\/\n    .why-soletks-section .tech-features-label {\n      font-size: 14px;\n      font-weight: 800;\n      color: #78716c;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }<\/p>\n<p>    .why-soletks-section .tech-features-label svg {\n      width: 18px;\n      height: 18px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .why-soletks-section .tech-features-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 18px;\n      margin-bottom: 30px;\n    }<\/p>\n<p>    .why-soletks-section .tech-feature-item {\n      background: #fafaf9;\n      padding: 20px;\n      border-radius: 12px;\n      border: 2px solid #f5f5f4;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .why-soletks-section .tech-feature-item:hover {\n      background: #fff7ed;\n      border-color: #fed7aa;\n      transform: translateX(5px);\n    }<\/p>\n<p>    .why-soletks-section .tech-feature-title {\n      font-size: 15px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 8px;\n      line-height: 1.4;\n    }<\/p>\n<p>    .why-soletks-section .tech-feature-desc {\n      font-size: 13px;\n      line-height: 1.6;\n      color: #78716c;\n      margin: 0;\n      font-weight: 600;\n    }<\/p>\n<p>    \/* Result Box *\/\n    .why-soletks-section .result-box {\n      background: linear-gradient(135deg, #1a1410, #292524);\n      padding: 25px 30px;\n      border-radius: 14px;\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n    }<\/p>\n<p>    .why-soletks-section .result-icon {\n      width: 45px;\n      height: 45px;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .why-soletks-section .result-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: white;\n      fill: none;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .why-soletks-section .result-content {\n      flex: 1;\n    }<\/p>\n<p>    .why-soletks-section .result-label {\n      font-size: 12px;\n      font-weight: 800;\n      color: #fb923c;\n      margin-bottom: 8px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .why-soletks-section .result-text {\n      font-size: 15px;\n      line-height: 1.6;\n      color: #e7e5e4;\n      margin: 0;\n      font-weight: 600;\n    }<\/p>\n<p>    \/* Benefits Box *\/\n    .why-soletks-section .benefits-box {\n      background: #fff7ed;\n      padding: 25px 30px;\n      border-radius: 14px;\n      border-left: 4px solid #ea580c;\n      margin-top: 25px;\n    }<\/p>\n<p>    .why-soletks-section .benefits-label {\n      font-size: 13px;\n      font-weight: 800;\n      color: #c2410c;\n      margin-bottom: 12px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .why-soletks-section .benefits-list {\n      display: grid;\n      gap: 8px;\n    }<\/p>\n<p>    .why-soletks-section .benefit-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      font-size: 14px;\n      color: #78716c;\n      font-weight: 600;\n      line-height: 1.5;\n    }<\/p>\n<p>    .why-soletks-section .benefit-item svg {\n      width: 18px;\n      height: 18px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2.5;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }<\/p>\n<p>    \/* Outcome Box *\/\n    .why-soletks-section .outcome-box {\n      background: linear-gradient(135deg, #fff7ed, #ffedd5);\n      padding: 25px 30px;\n      border-radius: 14px;\n      border-left: 4px solid #ea580c;\n      margin-top: 25px;\n    }<\/p>\n<p>    .why-soletks-section .outcome-label {\n      font-size: 13px;\n      font-weight: 800;\n      color: #c2410c;\n      margin-bottom: 10px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .why-soletks-section .outcome-text {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #78716c;\n      margin: 0;\n      font-weight: 600;\n    }<\/p>\n<p>    \/* Specs Grid *\/\n    .why-soletks-section .specs-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n      margin-bottom: 30px;\n    }<\/p>\n<p>    .why-soletks-section .spec-card {\n      background: #fafaf9;\n      padding: 20px;\n      border-radius: 12px;\n      border: 2px solid #f5f5f4;\n      text-align: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .why-soletks-section .spec-card:hover {\n      background: #fff7ed;\n      border-color: #fed7aa;\n      transform: translateY(-3px);\n    }<\/p>\n<p>    .why-soletks-section .spec-label {\n      font-size: 12px;\n      color: #78716c;\n      margin-bottom: 8px;\n      font-weight: 600;\n    }<\/p>\n<p>    .why-soletks-section .spec-value {\n      font-size: 20px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    \/* System Integration *\/\n    .why-soletks-section .integration-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 18px;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .why-soletks-section .integration-item {\n      background: #fafaf9;\n      padding: 18px 22px;\n      border-radius: 12px;\n      border: 2px solid #f5f5f4;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .why-soletks-section .integration-item:hover {\n      background: #fff7ed;\n      border-color: #fed7aa;\n      transform: translateX(5px);\n    }<\/p>\n<p>    .why-soletks-section .integration-icon {\n      width: 40px;\n      height: 40px;\n      background: linear-gradient(135deg, #fff7ed, #fed7aa);\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .why-soletks-section .integration-icon svg {\n      width: 20px;\n      height: 20px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2;\n    }<\/p>\n<p>    .why-soletks-section .integration-text {\n      font-size: 14px;\n      font-weight: 700;\n      color: #292524;\n      line-height: 1.4;\n    }<\/p>\n<p>    \/* Climate Proof *\/\n    .why-soletks-section .climate-section {\n      background: white;\n      border-radius: 20px;\n      padding: 40px;\n      border: 2px solid #f5f5f4;\n      margin-top: 35px;\n    }<\/p>\n<p>    .why-soletks-section .climate-header {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .why-soletks-section .climate-icon {\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }<\/p>\n<p>    .why-soletks-section .climate-icon svg {\n      width: 32px;\n      height: 32px;\n      stroke: white;\n      fill: none;\n      stroke-width: 2;\n    }<\/p>\n<p>    .why-soletks-section .climate-title {\n      font-size: 22px;\n      font-weight: 900;\n      color: #1a1410;\n      margin: 0;\n    }<\/p>\n<p>    .why-soletks-section .climate-features {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 15px;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .why-soletks-section .climate-feature {\n      background: #fafaf9;\n      padding: 18px;\n      border-radius: 12px;\n      border: 2px solid #f5f5f4;\n      text-align: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .why-soletks-section .climate-feature:hover {\n      background: #fff7ed;\n      border-color: #fed7aa;\n      transform: translateY(-3px);\n    }<\/p>\n<p>    .why-soletks-section .climate-feature-text {\n      font-size: 13px;\n      font-weight: 700;\n      color: #292524;\n      line-height: 1.4;\n    }<\/p>\n<p>    .why-soletks-section .proven-markets {\n      background: linear-gradient(135deg, #fff7ed, #ffedd5);\n      padding: 25px;\n      border-radius: 14px;\n    }<\/p>\n<p>    .why-soletks-section .proven-label {\n      font-size: 13px;\n      font-weight: 800;\n      color: #c2410c;\n      margin-bottom: 15px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .why-soletks-section .markets-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 12px;\n    }<\/p>\n<p>    .why-soletks-section .market-item {\n      background: white;\n      padding: 15px;\n      border-radius: 10px;\n      border: 2px solid #fed7aa;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }<\/p>\n<p>    .why-soletks-section .market-icon {\n      width: 35px;\n      height: 35px;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .why-soletks-section .market-icon svg {\n      width: 18px;\n      height: 18px;\n      stroke: white;\n      fill: none;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .why-soletks-section .market-content {\n      flex: 1;\n    }<\/p>\n<p>    .why-soletks-section .market-name {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 3px;\n    }<\/p>\n<p>    .why-soletks-section .market-desc {\n      font-size: 11px;\n      color: #78716c;\n      font-weight: 600;\n    }<\/p>\n<p>    \/* Highlight Statement *\/\n    .why-soletks-section .highlight-statement {\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      padding: 35px;\n      border-radius: 16px;\n      text-align: center;\n      margin-top: 30px;\n    }<\/p>\n<p>    .why-soletks-section .highlight-statement p {\n      font-size: 18px;\n      font-weight: 800;\n      color: white;\n      margin: 0;\n      line-height: 1.6;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 1200px) {\n      .why-soletks-section .section-container {\n        padding: 0 30px;\n      }<\/p>\n<p>      .why-soletks-section .tech-features-grid,\n      .why-soletks-section .integration-grid {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .why-soletks-section .specs-grid,\n      .why-soletks-section .climate-features {\n        grid-template-columns: repeat(2, 1fr);\n      }<\/p>\n<p>      .why-soletks-section .markets-grid {\n        grid-template-columns: 1fr;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .why-soletks-section {\n        padding: 50px 0;\n      }<\/p>\n<p>      .why-soletks-section .section-container {\n        padding: 0 20px;\n      }<\/p>\n<p>      .why-soletks-section .section-title {\n        font-size: 32px;\n      }<\/p>\n<p>      .why-soletks-section .feature-card {\n        padding: 30px 25px;\n      }<\/p>\n<p>      .why-soletks-section .feature-header {\n        flex-direction: column;\n        align-items: flex-start;\n      }<\/p>\n<p>      .why-soletks-section .tech-features-grid,\n      .why-soletks-section .specs-grid,\n      .why-soletks-section .climate-features {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .why-soletks-section .climate-section {\n        padding: 25px 20px;\n      }\n    }\n  <\/style>\n<div class=\"section-container\">\n    <!-- Section Header --><\/p>\n<div class=\"section-header\">\n      <span class=\"section-badge\">Why Soletks Solar<\/span><\/p>\n<h2 class=\"section-title\">Mengapa Soletks Solar \u2014 Dirancang untuk Keandalan Dunia Nyata<\/h2>\n<\/p><\/div>\n<p>    <!-- Features Grid --><\/p>\n<div class=\"features-grid\">\n      <!-- Feature 1: Industrial-Grade Collectors --><\/p>\n<div class=\"feature-card\">\n<div class=\"feature-header\">\n<div class=\"feature-number\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line>\n              <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\n            <\/svg>\n          <\/div>\n<div class=\"feature-title-group\">\n<div class=\"feature-number-text\">1.<\/div>\n<h3 class=\"feature-title\">Kolektor Kelas Industri \u2014 Dibuat untuk Beban Komersial<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"feature-intro\">Kolektor pelat datar Soletks dirancang untuk penggunaan jangka panjang secara komersial, bukan kit belakang halaman konsumen.<\/p>\n<div class=\"tech-features-label\">\n          <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"9 11 12 14 22 4\"><\/polyline>\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          Fitur teknis utama:\n        <\/div>\n<div class=\"tech-features-grid\">\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Lapisan penyerap selektivitas tinggi (\u22650,94 absorptance \/ \u22640,06 emissivity)<\/div>\n<p class=\"tech-feature-desc\">Memaksimalkan penangkapan panas sambil meminimalkan kehilangan radiasi.<\/p>\n<\/p><\/div>\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Rangka penyangga tembaga seluruh-area<\/div>\n<p class=\"tech-feature-desc\">Memastikan distribusi cairan yang merata, konduktivitas termal tinggi, dan tanpa pemanasan lokal yang berlebihan.<\/p>\n<\/p><\/div>\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Antarmuka absorber\u2013penyangga yang dilas ultrasonik<\/div>\n<p class=\"tech-feature-desc\">Menghilangkan kontak titik, mencegah kelelahan termal dan retak solder.<\/p>\n<\/p><\/div>\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Kaca surya tempered rendah besi (3,2\u20134,0 mm)<\/div>\n<p class=\"tech-feature-desc\">Transmisi cahaya 91%, tahan benturan, tahan hujan es.<\/p>\n<\/p><\/div>\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Kerangka aluminium tertutup dengan segel EPDM<\/div>\n<p class=\"tech-feature-desc\">Daya tahan luar ruangan &gt;15 tahun, tahan terhadap kelembapan dan paparan UV.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"result-box\">\n<div class=\"result-icon\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg>\n          <\/div>\n<div class=\"result-content\">\n<div class=\"result-label\">Hasil:<\/div>\n<p class=\"result-text\">Output termal yang stabil tanpa penurunan performa setelah 2\u20133 tahun, bahkan di bawah beban berat di hotel atau rumah sakit.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Feature 2: Pressure & Temperature Stability --><\/p>\n<div class=\"feature-card\">\n<div class=\"feature-header\">\n<div class=\"feature-number\">\n            <svg viewbox=\"0 0 24 24\" 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<div class=\"feature-title-group\">\n<div class=\"feature-number-text\">2.<\/div>\n<h3 class=\"feature-title\">Stabilitas Tekanan &amp; Suhu<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"feature-intro\">Kolektor Soletks dirancang untuk operasi tugas berat dan komersial:<\/p>\n<div class=\"specs-grid\">\n<div class=\"spec-card\">\n<div class=\"spec-label\">Tekanan operasional<\/div>\n<div class=\"spec-value\">6\u201310 bar<\/div>\n<\/p><\/div>\n<div class=\"spec-card\">\n<div class=\"spec-label\">Suhu stagnasi<\/div>\n<div class=\"spec-value\">&gt;200\u00b0C<\/div>\n<\/p><\/div>\n<div class=\"spec-card\">\n<div class=\"spec-label\">Integritas struktural<\/div>\n<div class=\"spec-value\">Tanpa deformasi<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefits-box\">\n<div class=\"benefits-label\">Manfaat:<\/div>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Tidak ada pembengkakan panel\n            <\/div>\n<div class=\"benefit-item\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Tidak ada deformasi gasket\n            <\/div>\n<div class=\"benefit-item\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Tidak ada mendidih, vapor lock, atau pecah kaca\n            <\/div>\n<div class=\"benefit-item\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Pasokan DHW berkelanjutan sepanjang tahun, bukan hanya kinerja musiman\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Feature 3: System-Level Heat Transfer Efficiency --><\/p>\n<div class=\"feature-card\">\n<div class=\"feature-header\">\n<div class=\"feature-number\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n            <\/svg>\n          <\/div>\n<div class=\"feature-title-group\">\n<div class=\"feature-number-text\">3.<\/div>\n<h3 class=\"feature-title\">Efisiensi Transfer Panas Tingkat Sistem<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"feature-intro\">Soletks optimizes the entire hydraulic system, not just the collector&#8217;s kW rating:<\/p>\n<div class=\"tech-features-grid\">\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Desain aliran rendah (15\u201330 L\/jam\u00b7m\u00b2)<\/div>\n<p class=\"tech-feature-desc\">Suhu keluar yang lebih tinggi, energi pompa yang lebih rendah<\/p>\n<\/p><\/div>\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Geometri manifold yang seimbang<\/div>\n<p class=\"tech-feature-desc\">Suhu loop yang konsisten di seluruh rangkaian kolektor<\/p>\n<\/p><\/div>\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Pengontrol suhu diferensial<\/div>\n<p class=\"tech-feature-desc\">Mencegah aliran balik dan kerugian malam hari<\/p>\n<\/p><\/div>\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Algoritma anti-stagnasi<\/div>\n<p class=\"tech-feature-desc\">Memperpanjang umur kolektor dan cairan<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"outcome-box\">\n<div class=\"outcome-label\">Hasil:<\/div>\n<p class=\"outcome-text\">Kinerja termal yang dapat diprediksi dengan ketidakstabilan minimal, bahkan di bawah beban yang berfluktuasi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Feature 4: Commercial-Grade Storage Tanks --><\/p>\n<div class=\"feature-card\">\n<div class=\"feature-header\">\n<div class=\"feature-number\">\n            <svg viewbox=\"0 0 24 24\" 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<div class=\"feature-title-group\">\n<div class=\"feature-number-text\">4.<\/div>\n<h3 class=\"feature-title\">Tangki Penyimpanan Berstandar Komersial<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"feature-intro\">Tangki Soletks dibangun untuk siklus suhu tinggi yang sering:<\/p>\n<div class=\"tech-features-grid\">\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Konstruksi enamel makanan internal atau SUS304\/SUS316L<\/div>\n<p class=\"tech-feature-desc\">Ketahanan korosi maksimum<\/p>\n<\/p><\/div>\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Insulasi poliuretan tebal (50\u201370 mm)<\/div>\n<p class=\"tech-feature-desc\">Kerugian panas minimal<\/p>\n<\/p><\/div>\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Batang magnesium anti-karat<\/div>\n<p class=\"tech-feature-desc\">Umur tangki yang diperpanjang<\/p>\n<\/p><\/div>\n<div class=\"tech-feature-item\">\n<div class=\"tech-feature-title\">Ekschanger double-coil opsional<\/div>\n<p class=\"tech-feature-desc\">Kemampuan integrasi multi-sumber<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"result-box\">\n<div class=\"result-icon\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg>\n          <\/div>\n<div class=\"result-content\">\n<div class=\"result-label\">Hasil:<\/div>\n<p class=\"result-text\">Tanpa karat, kolaps isolasi, atau kegagalan dini. Dirancang untuk beroperasi secara andal selama 10\u201315 tahun di hotel, rumah sakit, dan fasilitas industri.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Feature 5: Fully Integrated Solar Systems --><\/p>\n<div class=\"feature-card\">\n<div class=\"feature-header\">\n<div class=\"feature-number\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n              <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n            <\/svg>\n          <\/div>\n<div class=\"feature-title-group\">\n<div class=\"feature-number-text\">5.<\/div>\n<h3 class=\"feature-title\">Sistem Surya Terpadu Sepenuhnya<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"feature-intro\">Berbeda dengan banyak pemasok yang menjual panel dan tangki acak, Soletks merancang arsitektur hidraulik lengkap:<\/p>\n<div class=\"integration-grid\">\n<div class=\"integration-item\">\n<div class=\"integration-icon\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n            <\/div>\n<p>            <span class=\"integration-text\">Sirkuit tunggal atau sirkuit ganda (glikol vs DHW terbuka)<\/span>\n          <\/div>\n<div class=\"integration-item\">\n<div class=\"integration-icon\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n            <\/div>\n<p>            <span class=\"integration-text\">Garis kembali suhu konstan<\/span>\n          <\/div>\n<div class=\"integration-item\">\n<div class=\"integration-icon\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n            <\/div>\n<p>            <span class=\"integration-text\">Konfigurasi tangki buffer + konsumsi<\/span>\n          <\/div>\n<div class=\"integration-item\">\n<div class=\"integration-icon\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n            <\/div>\n<p>            <span class=\"integration-text\">Prioritas multi-sumber: surya \u2192 pompa panas \u2192 boiler<\/span>\n          <\/div>\n<div class=\"integration-item\">\n<div class=\"integration-icon\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n            <\/div>\n<p>            <span class=\"integration-text\">Perlindungan pelepasan suhu tinggi &amp; anti-kavitasi<\/span>\n          <\/div>\n<\/p><\/div>\n<div class=\"benefits-box\">\n<div class=\"benefits-label\">Manfaat:<\/div>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n              <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg><br \/>\n              Mencegah stagnasi panas berlebih, penumpukan kerak, kavitasi pompa, dan kegagalan sistem selama puncak musim.\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"highlight-statement\">\n<p>Kami menyediakan SISTEM air panas surya, bukan komponen terpisah.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Feature 6: Engineered for Harsh Climates --><\/p>\n<div class=\"feature-card\">\n<div class=\"feature-header\">\n<div class=\"feature-number\">\n            <svg viewbox=\"0 0 24 24\" 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<div class=\"feature-title-group\">\n<div class=\"feature-number-text\">6.<\/div>\n<h3 class=\"feature-title\">Dirancang untuk Iklim Ekstrem<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"feature-intro\">Sistem Soletks dibangun untuk tahan terhadap kondisi lingkungan ekstrem:<\/p>\n<div class=\"climate-features\">\n<div class=\"climate-feature\">\n<p class=\"climate-feature-text\">Segel EPDM &amp; silikon UV tinggi<\/p>\n<\/p><\/div>\n<div class=\"climate-feature\">\n<p class=\"climate-feature-text\">Pelapis anti-semprotan garam dari paduan aluminium<\/p>\n<\/p><\/div>\n<div class=\"climate-feature\">\n<p class=\"climate-feature-text\">Cairan kolektor kompatibel dengan antifreeze<\/p>\n<\/p><\/div>\n<div class=\"climate-feature\">\n<p class=\"climate-feature-text\">Struktur mekanik yang tervalidasi untuk angin kencang dan hujan es<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"proven-markets\">\n<div class=\"proven-label\">Terbukti di pasar yang menantang:<\/div>\n<div class=\"markets-grid\">\n<div class=\"market-item\">\n<div class=\"market-icon\">\n                <svg viewbox=\"0 0 24 24\" 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>\n              <\/div>\n<div class=\"market-content\">\n<div class=\"market-name\">Asia Tenggara<\/div>\n<div class=\"market-desc\">(pasir dan panas)<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"market-item\">\n<div class=\"market-icon\">\n                <svg viewbox=\"0 0 24 24\" 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>\n              <\/div>\n<div class=\"market-content\">\n<div class=\"market-name\">Pantai Teluk<\/div>\n<div class=\"market-desc\">(garam dan kelembapan)<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"market-item\">\n<div class=\"market-icon\">\n                <svg viewbox=\"0 0 24 24\" 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>\n              <\/div>\n<div class=\"market-content\">\n<div class=\"market-name\">Pegunungan Andes<\/div>\n<div class=\"market-desc\">(suhu rendah dan UV kuat)<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!--LEMONX_BLOCK_END:16--><\/p>\n<p><!--LEMONX_BLOCK_START:17--><br \/>\n<!-- Additional Features & Service Section --><\/p>\n<section class=\"additional-features-section\">\n<style>\n    .additional-features-section {\n      width: 100%;\n      background: #fafaf9;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n      padding: 80px 0;\n    }<\/p>\n<p>    .additional-features-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, #fff5f0 0%, #ffe8dc 50%, #ffd4c1 100%);\n      z-index: 0;\n    }<\/p>\n<p>    .additional-features-section .section-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    \/* Simple Feature Cards *\/\n    .additional-features-section .simple-features-grid {\n      display: grid;\n      gap: 35px;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .additional-features-section .simple-feature-card {\n      background: white;\n      border-radius: 20px;\n      padding: 40px;\n      border: 2px solid #f5f5f4;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .additional-features-section .simple-feature-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 5px;\n      background: linear-gradient(90deg, #ea580c, #f97316, #fb923c);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .additional-features-section .simple-feature-card:hover {\n      border-color: #ea580c;\n      transform: translateY(-5px);\n      box-shadow: 0 20px 50px rgba(234, 88, 12, 0.15);\n    }<\/p>\n<p>    .additional-features-section .simple-feature-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .additional-features-section .simple-feature-header {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      margin-bottom: 25px;\n      padding-bottom: 20px;\n      border-bottom: 2px solid #f5f5f4;\n    }<\/p>\n<p>    .additional-features-section .simple-feature-number {\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      font-size: 24px;\n      font-weight: 900;\n      color: white;\n    }<\/p>\n<p>    .additional-features-section .simple-feature-title {\n      font-size: 26px;\n      font-weight: 900;\n      color: #1a1410;\n      margin: 0;\n      line-height: 1.3;\n    }<\/p>\n<p>    .additional-features-section .simple-feature-intro {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #57534e;\n      margin-bottom: 25px;\n      font-weight: 600;\n    }<\/p>\n<p>    .additional-features-section .simple-list {\n      display: grid;\n      gap: 12px;\n      margin-bottom: 20px;\n    }<\/p>\n<p>    .additional-features-section .simple-list-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 12px;\n      background: #fafaf9;\n      border-radius: 10px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .additional-features-section .simple-list-item:hover {\n      background: #fff7ed;\n      transform: translateX(5px);\n    }<\/p>\n<p>    .additional-features-section .simple-list-item svg {\n      width: 20px;\n      height: 20px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2.5;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }<\/p>\n<p>    .additional-features-section .simple-list-text {\n      font-size: 14px;\n      font-weight: 600;\n      color: #292524;\n      line-height: 1.5;\n    }<\/p>\n<p>    .additional-features-section .highlight-statement-box {\n      background: linear-gradient(135deg, #fff7ed, #ffedd5);\n      padding: 20px 25px;\n      border-radius: 12px;\n      border-left: 4px solid #ea580c;\n      margin-top: 20px;\n    }<\/p>\n<p>    .additional-features-section .highlight-statement-box p {\n      font-size: 15px;\n      font-weight: 700;\n      color: #c2410c;\n      margin: 0;\n      line-height: 1.6;\n    }<\/p>\n<p>    \/* Service Flow *\/\n    .additional-features-section .service-flow-section {\n      background: white;\n      border-radius: 24px;\n      padding: 50px;\n      border: 2px solid #f5f5f4;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .additional-features-section .service-flow-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }<\/p>\n<p>    .additional-features-section .service-flow-badge {\n      display: inline-block;\n      font-size: 14px;\n      font-weight: 700;\n      color: #ea580c;\n      background: #fff7ed;\n      padding: 8px 20px;\n      border-radius: 30px;\n      margin-bottom: 15px;\n      letter-spacing: 1px;\n      border: 2px solid #fed7aa;\n    }<\/p>\n<p>    .additional-features-section .service-flow-title {\n      font-size: 36px;\n      font-weight: 900;\n      color: #1a1410;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .additional-features-section .service-flow-subtitle {\n      font-size: 15px;\n      color: #78716c;\n      font-weight: 600;\n    }<\/p>\n<p>    .additional-features-section .flow-steps {\n      display: grid;\n      gap: 25px;\n    }<\/p>\n<p>    .additional-features-section .flow-step {\n      background: #fafaf9;\n      padding: 30px;\n      border-radius: 16px;\n      border: 2px solid #f5f5f4;\n      display: grid;\n      grid-template-columns: 80px 1fr;\n      gap: 25px;\n      align-items: start;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .additional-features-section .flow-step:hover {\n      background: #fff7ed;\n      border-color: #fed7aa;\n      transform: translateX(5px);\n    }<\/p>\n<p>    .additional-features-section .flow-step-number {\n      width: 70px;\n      height: 70px;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 28px;\n      font-weight: 900;\n      color: white;\n      box-shadow: 0 8px 20px rgba(234, 88, 12, 0.3);\n    }<\/p>\n<p>    .additional-features-section .flow-step-content {\n      flex: 1;\n    }<\/p>\n<p>    .additional-features-section .flow-step-title {\n      font-size: 20px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 12px;\n      line-height: 1.3;\n    }<\/p>\n<p>    .additional-features-section .flow-step-description {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #78716c;\n      margin-bottom: 15px;\n      font-weight: 600;\n    }<\/p>\n<p>    .additional-features-section .flow-step-items {\n      display: grid;\n      gap: 8px;\n    }<\/p>\n<p>    .additional-features-section .flow-step-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      color: #57534e;\n      font-weight: 600;\n    }<\/p>\n<p>    .additional-features-section .flow-step-item svg {\n      width: 16px;\n      height: 16px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2.5;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .additional-features-section .partner-note {\n      background: linear-gradient(135deg, #1a1410, #292524);\n      padding: 30px;\n      border-radius: 16px;\n      text-align: center;\n      margin-top: 30px;\n    }<\/p>\n<p>    .additional-features-section .partner-note p {\n      font-size: 17px;\n      font-weight: 800;\n      color: white;\n      margin: 0;\n      line-height: 1.6;\n    }<\/p>\n<p>    \/* Comparison Table *\/\n    .additional-features-section .comparison-section {\n      background: white;\n      border-radius: 24px;\n      padding: 50px;\n      border: 2px solid #f5f5f4;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .additional-features-section .comparison-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    .additional-features-section .comparison-title {\n      font-size: 36px;\n      font-weight: 900;\n      color: #1a1410;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .additional-features-section .comparison-table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      background: #fafaf9;\n      border-radius: 14px;\n      overflow: hidden;\n      border: 2px solid #e7e5e4;\n    }<\/p>\n<p>    .additional-features-section .comparison-table thead {\n      background: linear-gradient(135deg, #1a1410, #292524);\n    }<\/p>\n<p>    .additional-features-section .comparison-table th {\n      padding: 20px;\n      text-align: left;\n      font-size: 14px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .additional-features-section .comparison-table th:first-child {\n      width: 180px;\n    }<\/p>\n<p>    .additional-features-section .comparison-table tbody tr {\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .additional-features-section .comparison-table tbody tr:hover {\n      background: #fff7ed;\n    }<\/p>\n<p>    .additional-features-section .comparison-table td {\n      padding: 18px 20px;\n      font-size: 14px;\n      color: #292524;\n      font-weight: 600;\n      border-bottom: 1px solid #e7e5e4;\n    }<\/p>\n<p>    .additional-features-section .comparison-table tbody tr:last-child td {\n      border-bottom: none;\n    }<\/p>\n<p>    .additional-features-section .comparison-table .item-label {\n      font-weight: 800;\n      color: #1a1410;\n    }<\/p>\n<p>    .additional-features-section .comparison-table .highlight-cell {\n      background: #fff7ed;\n      font-weight: 800;\n      color: #ea580c;\n    }<\/p>\n<p>    .additional-features-section .comparison-conclusion {\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      padding: 30px;\n      border-radius: 16px;\n      text-align: center;\n      margin-top: 30px;\n    }<\/p>\n<p>    .additional-features-section .comparison-conclusion p {\n      font-size: 17px;\n      font-weight: 800;\n      color: white;\n      margin: 0;\n      line-height: 1.6;\n    }<\/p>\n<p>    \/* FAQ Section *\/\n    .additional-features-section .faq-section {\n      background: white;\n      border-radius: 24px;\n      padding: 50px;\n      border: 2px solid #f5f5f4;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .additional-features-section .faq-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    .additional-features-section .faq-title {\n      font-size: 36px;\n      font-weight: 900;\n      color: #1a1410;\n      margin-bottom: 0;\n    }<\/p>\n<p>    .additional-features-section .faq-grid {\n      display: grid;\n      gap: 20px;\n    }<\/p>\n<p>    .additional-features-section .faq-item {\n      background: #fafaf9;\n      padding: 30px;\n      border-radius: 16px;\n      border: 2px solid #f5f5f4;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .additional-features-section .faq-item:hover {\n      background: #fff7ed;\n      border-color: #fed7aa;\n    }<\/p>\n<p>    .additional-features-section .faq-question {\n      font-size: 18px;\n      font-weight: 800;\n      color: #1a1410;\n      margin-bottom: 15px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }<\/p>\n<p>    .additional-features-section .faq-question svg {\n      width: 24px;\n      height: 24px;\n      stroke: #ea580c;\n      fill: none;\n      stroke-width: 2;\n      flex-shrink: 0;\n    }<\/p>\n<p>    .additional-features-section .faq-answer {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #57534e;\n      margin: 0;\n      font-weight: 600;\n    }<\/p>\n<p>    \/* CTA Section *\/\n    .additional-features-section .cta-section {\n      background: linear-gradient(135deg, #1a1410, #292524);\n      border-radius: 24px;\n      padding: 60px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .additional-features-section .cta-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -20%;\n      width: 80%;\n      height: 200%;\n      background: radial-gradient(ellipse, rgba(234, 88, 12, 0.15) 0%, transparent 70%);\n      animation: float 15s ease-in-out infinite;\n    }<\/p>\n<p>    .additional-features-section .cta-content {\n      position: relative;\n      z-index: 1;\n    }<\/p>\n<p>    .additional-features-section .cta-badge {\n      display: inline-block;\n      font-size: 13px;\n      font-weight: 700;\n      color: #ea580c;\n      background: white;\n      padding: 8px 20px;\n      border-radius: 30px;\n      margin-bottom: 20px;\n      letter-spacing: 1px;\n    }<\/p>\n<p>    .additional-features-section .cta-title {\n      font-size: 38px;\n      font-weight: 900;\n      color: white;\n      margin-bottom: 20px;\n      line-height: 1.3;\n    }<\/p>\n<p>    .additional-features-section .cta-description {\n      font-size: 16px;\n      line-height: 1.7;\n      color: #d6d3d1;\n      margin-bottom: 35px;\n      font-weight: 600;\n      max-width: 700px;\n      margin-left: auto;\n      margin-right: auto;\n    }<\/p>\n<p>    .additional-features-section .contact-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 25px;\n      margin-bottom: 35px;\n    }<\/p>\n<p>    .additional-features-section .contact-card {\n      background: rgba(255, 255, 255, 0.1);\n      padding: 25px;\n      border-radius: 16px;\n      border: 2px solid rgba(251, 146, 60, 0.3);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .additional-features-section .contact-card:hover {\n      background: rgba(255, 255, 255, 0.15);\n      border-color: rgba(251, 146, 60, 0.5);\n      transform: translateY(-3px);\n    }<\/p>\n<p>    .additional-features-section .contact-icon {\n      width: 50px;\n      height: 50px;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 15px;\n    }<\/p>\n<p>    .additional-features-section .contact-icon svg {\n      width: 26px;\n      height: 26px;\n      stroke: white;\n      fill: none;\n      stroke-width: 2;\n    }<\/p>\n<p>    .additional-features-section .contact-label {\n      font-size: 12px;\n      color: #a8a29e;\n      margin-bottom: 8px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .additional-features-section .contact-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: white;\n      line-height: 1.5;\n    }<\/p>\n<p>    .additional-features-section .cta-button {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 16px 40px;\n      background: linear-gradient(135deg, #ea580c, #f97316);\n      color: white;\n      font-size: 16px;\n      font-weight: 800;\n      border-radius: 50px;\n      border: none;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      box-shadow: 0 8px 25px rgba(234, 88, 12, 0.4);\n    }<\/p>\n<p>    .additional-features-section .cta-button:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 12px 35px rgba(234, 88, 12, 0.5);\n    }<\/p>\n<p>    .additional-features-section .cta-button svg {\n      width: 20px;\n      height: 20px;\n      stroke: white;\n      fill: none;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 1200px) {\n      .additional-features-section .section-container {\n        padding: 0 30px;\n      }<\/p>\n<p>      .additional-features-section .contact-grid {\n        grid-template-columns: 1fr;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .additional-features-section {\n        padding: 50px 0;\n      }<\/p>\n<p>      .additional-features-section .section-container {\n        padding: 0 20px;\n      }<\/p>\n<p>      .additional-features-section .simple-feature-card,\n      .additional-features-section .service-flow-section,\n      .additional-features-section .comparison-section,\n      .additional-features-section .faq-section,\n      .additional-features-section .cta-section {\n        padding: 30px 25px;\n      }<\/p>\n<p>      .additional-features-section .flow-step {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }<\/p>\n<p>      .additional-features-section .comparison-table {\n        font-size: 12px;\n      }<\/p>\n<p>      .additional-features-section .comparison-table th,\n      .additional-features-section .comparison-table td {\n        padding: 12px 15px;\n      }<\/p>\n<p>      .additional-features-section .cta-title {\n        font-size: 28px;\n      }\n    }\n  <\/style>\n<div class=\"section-container\">\n    <!-- Additional Features --><\/p>\n<div class=\"simple-features-grid\">\n      <!-- Feature 7: Low Maintenance --><\/p>\n<div class=\"simple-feature-card\">\n<div class=\"simple-feature-header\">\n<div class=\"simple-feature-number\">7<\/div>\n<h3 class=\"simple-feature-title\">Perawatan Rendah dengan Desain<\/h3>\n<\/p><\/div>\n<p class=\"simple-feature-intro\">Setiap keputusan desain bertujuan mengurangi perawatan lapangan:<\/p>\n<div class=\"simple-list\">\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Tidak ada risiko kerusakan tabung vakum<\/span>\n          <\/div>\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Tidak ada kebocoran tabung vakum<\/span>\n          <\/div>\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Tidak ada retak suhu tinggi pada bagian polimer<\/span>\n          <\/div>\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Beberapa elemen bergerak (pompa, katup saja)<\/span>\n          <\/div>\n<\/p><\/div>\n<div class=\"highlight-statement-box\">\n<p>Bahkan di negara di mana biaya perawatan &gt; biaya peralatan, sistem Soltek tetap ekonomis.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Feature 8: Predictable ROI --><\/p>\n<div class=\"simple-feature-card\">\n<div class=\"simple-feature-header\">\n<div class=\"simple-feature-number\">8<\/div>\n<h3 class=\"simple-feature-title\">ROI yang dapat diprediksi karena Kinerja Tidak Menurun<\/h3>\n<\/p><\/div>\n<p class=\"simple-feature-intro\">Banyak sistem surya terlihat bagus di tahun pertama, mati di tahun ketiga. Kami merancang kestabilan jangka panjang, yang secara langsung meningkatkan ROI:<\/p>\n<div class=\"simple-list\">\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Tidak ada stagnasi dini \u2192 tidak ada pembakaran glycol<\/span>\n          <\/div>\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Tidak ada delaminasi kolektor \u2192 penyerapan panas yang stabil<\/span>\n          <\/div>\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Tidak ada kondensasi \u2192 tidak ada korosi pada absorber\/manifold<\/span>\n          <\/div>\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Tidak ada kolaps isolasi \u2192 tangki tetap efisien<\/span>\n          <\/div>\n<\/p><\/div>\n<div class=\"highlight-statement-box\">\n<p>Kinerja kami stabil, sehingga pengembalian Anda juga stabil.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Feature 9: Engineering Support --><\/p>\n<div class=\"simple-feature-card\">\n<div class=\"simple-feature-header\">\n<div class=\"simple-feature-number\">9<\/div>\n<h3 class=\"simple-feature-title\">Dokumen &amp; Dukungan Teknik untuk Klien Profesional<\/h3>\n<\/p><\/div>\n<p class=\"simple-feature-intro\">Untuk EPC, operator hotel, dan pengguna industri, kami menyediakan:<\/p>\n<div class=\"simple-list\">\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Gambar tata letak sistem<\/span>\n          <\/div>\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Konfigurasi pengkabelan kolektor<\/span>\n          <\/div>\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Tabel desain laju aliran &amp; \u0394T<\/span>\n          <\/div>\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Ukuran pompa &amp; keseimbangan hidrolik<\/span>\n          <\/div>\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Deskripsi logika kontrol<\/span>\n          <\/div>\n<div class=\"simple-list-item\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n            <\/svg><br \/>\n            <span class=\"simple-list-text\">Rekomendasi O&amp;M jangka panjang<\/span>\n          <\/div>\n<\/p><\/div>\n<div class=\"highlight-statement-box\">\n<p>We don&#8217;t send &#8220;catalog PDFs&#8221; \u2014 we deliver engineering you can actually install, run, and maintain.<\/p>\n<\/p><\/div>\n<div class=\"highlight-statement-box\" style=\"margin-top: 15px;\">\n<p>Soletks Solar dipilih bukan karena kami lebih murah, tetapi karena sistem kami tetap stabil di bawah konsumsi nyata saat pelanggan benar-benar membutuhkan air panas.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Service Flow Section --><\/p>\n<div class=\"service-flow-section\">\n<div class=\"service-flow-header\">\n        <span class=\"service-flow-badge\">6. Aliran Layanan<\/span><\/p>\n<h2 class=\"service-flow-title\">Aliran Layanan<\/h2>\n<p class=\"service-flow-subtitle\">(Dirancang untuk Proyek Internasional)<\/p>\n<\/p><\/div>\n<div class=\"flow-steps\">\n<div class=\"flow-step\">\n<div class=\"flow-step-number\">1<\/div>\n<div class=\"flow-step-content\">\n<h3 class=\"flow-step-title\">Permintaan Kebutuhan<\/h3>\n<p class=\"flow-step-description\">Klien menyediakan:<\/p>\n<div class=\"flow-step-items\">\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                cURL Too many subrequests.\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Jumlah pengguna\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Kebutuhan air harian\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Harga energi lokal\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Arah atap &amp; area yang tersedia\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flow-step\">\n<div class=\"flow-step-number\">2<\/div>\n<div class=\"flow-step-content\">\n<h3 class=\"flow-step-title\">Pengukuran Sistem Awal<\/h3>\n<p class=\"flow-step-description\">Kami mensimulasikan konsumsi dan hasil matahari untuk merekomendasikan kapasitas dan konfigurasi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flow-step\">\n<div class=\"flow-step-number\">3<\/div>\n<div class=\"flow-step-content\">\n<h3 class=\"flow-step-title\">Analisis ROI &amp; Keuangan<\/h3>\n<p class=\"flow-step-description\">Laporan terukur termasuk:<\/p>\n<div class=\"flow-step-items\">\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Penghematan tahunan\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Periode pengembalian modal\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Substitusi energi\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Manfaat 10\u201320 tahun\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flow-step\">\n<div class=\"flow-step-number\">4<\/div>\n<div class=\"flow-step-content\">\n<h3 class=\"flow-step-title\">Survei Lokasi (Opsional \/ Untuk Proyek Kompleks)<\/h3>\n<p class=\"flow-step-description\">Hotel, rumah sakit, pabrik mungkin memerlukan:<\/p>\n<div class=\"flow-step-items\">\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Survei jarak jauh\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Inspeksi mitra EPC lokal\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Validasi gambar teknik\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flow-step\">\n<div class=\"flow-step-number\">5<\/div>\n<div class=\"flow-step-content\">\n<h3 class=\"flow-step-title\">Paket Solusi Akhir<\/h3>\n<p class=\"flow-step-description\">Hasil yang disampaikan meliputi:<\/p>\n<div class=\"flow-step-items\">\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Tata letak sistem\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Diagram hidrolik\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Lembar spesifikasi teknis\n              <\/div>\n<div class=\"flow-step-item\">\n                <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg><br \/>\n                Daftar bahan\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flow-step\">\n<div class=\"flow-step-number\">6<\/div>\n<div class=\"flow-step-content\">\n<h3 class=\"flow-step-title\">Pasokan peralatan + Panduan Instalasi Jarak Jauh<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flow-step\">\n<div class=\"flow-step-number\">7<\/div>\n<div class=\"flow-step-content\">\n<h3 class=\"flow-step-title\">Dukungan purna jual &amp; seumur hidup<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"partner-note\">\n<p>Kami adalah mitra solusi \u2014 bukan kontraktor instalasi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Comparison Table --><\/p>\n<div class=\"comparison-section\">\n<div class=\"comparison-header\">\n        <span class=\"service-flow-badge\">7. Panel Surya vs Pemanasan Tradisional<\/span><\/p>\n<h2 class=\"comparison-title\">Panel Surya vs Pemanasan Tradisional (Perbandingan Jelas)<\/h2>\n<\/p><\/div>\n<table class=\"comparison-table\">\n<thead>\n<tr>\n<th>Item<\/th>\n<th>Pemanas Listrik<\/th>\n<th>Boiler Gas\/Diesel<\/th>\n<th>Sistem Surya Soletks<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td class=\"item-label\">Biaya Operasi<\/td>\n<td>Sangat tinggi<\/td>\n<td>Tinggi<\/td>\n<td class=\"highlight-cell\">Hampir nol<\/td>\n<\/tr>\n<tr>\n<td class=\"item-label\">Pengembalian Modal<\/td>\n<td>Tidak ada<\/td>\n<td>Tidak ada<\/td>\n<td class=\"highlight-cell\">1,8\u20134,5 tahun<\/td>\n<\/tr>\n<tr>\n<td class=\"item-label\">Umur Pakai<\/td>\n<td>5\u20138 tahun<\/td>\n<td>5\u201310 tahun<\/td>\n<td class=\"highlight-cell\">15\u201320 tahun<\/td>\n<\/tr>\n<tr>\n<td class=\"item-label\">Keamanan<\/td>\n<td>Risiko pemadaman listrik<\/td>\n<td>Risiko ledakan\/ kebocoran<\/td>\n<td class=\"highlight-cell\">Aman dan stabil<\/td>\n<\/tr>\n<tr>\n<td class=\"item-label\">Keberlanjutan<\/td>\n<td>buruk<\/td>\n<td>buruk<\/td>\n<td class=\"highlight-cell\">Luar biasa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"comparison-conclusion\">\n<p>Pemanasan tradisional menjadi lebih mahal seiring waktu.<br \/>Panel surya menjadi lebih murah semakin lama digunakan.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- FAQ Section --><\/p>\n<div class=\"faq-section\">\n<div class=\"faq-header\">\n        <span class=\"service-flow-badge\">8. Pertanyaan yang Sering Diajukan<\/span><\/p>\n<h2 class=\"faq-title\">Pertanyaan yang Sering Diajukan (FAQ)<\/h2>\n<\/p><\/div>\n<div class=\"faq-grid\">\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path>\n              <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n            <\/svg><br \/>\n            Q1. Apakah sistem ini berfungsi di hari berawan atau musim dingin?\n          <\/div>\n<p class=\"faq-answer\">Ya. Sistem ini dirancang dengan pemanas cadangan atau pompa panas. Panel surya menyediakan panas utama; bantuan hanya aktif saat diperlukan.<\/p>\n<\/p><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path>\n              <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n            <\/svg><br \/>\n            Q2. Berapa lama waktu pengembalian modal?\n          <\/div>\n<p class=\"faq-answer\">Sebagian besar proyek komersial: 2\u20135 tahun. Aplikasi beban berat (hotel, pabrik): 1,8\u20133,5 tahun.<\/p>\n<\/p><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path>\n              <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n            <\/svg><br \/>\n            Q3. Apakah perawatan rumit?\n          <\/div>\n<p class=\"faq-answer\">Tidak. Pemeriksaan berkala katup, pompa, dan cairan \u2014 sangat sederhana.<\/p>\n<\/p><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n            <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path>\n              <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n            <\/svg><br \/>\n            Q4. Apakah Anda mendukung proyek internasional?\n          <\/div>\n<p class=\"faq-answer\">Ya. Kami menawarkan: Desain jarak jauh, Panduan instalasi, Suku cadang standar, Pelatihan distributor &amp; EPC<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- CTA Section --><\/p>\n<div class=\"cta-section\">\n<div class=\"cta-content\">\n        <span class=\"cta-badge\">9. Dapatkan Proposal \/ Permintaan Penawaran<\/span><\/p>\n<h2 class=\"cta-title\">Dapatkan Proposal \/ Permintaan Penawaran<\/h2>\n<p class=\"cta-description\">Untuk proyek, kemitraan, atau konsultasi teknis:<\/p>\n<div class=\"contact-grid\">\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\n              <svg viewbox=\"0 0 24 24\" 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<div class=\"contact-label\">Email<\/div>\n<div class=\"contact-value\">export@soletksolar.com<\/div>\n<\/p><\/div>\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\n              <svg viewbox=\"0 0 24 24\" 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>\n            <\/div>\n<div class=\"contact-label\">Perusahaan<\/div>\n<div class=\"contact-value\">Shandong Soletks Solar Technology Co., Ltd.<\/div>\n<\/p><\/div>\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\n              <svg viewbox=\"0 0 24 24\" 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<div class=\"contact-label\">Alamat<\/div>\n<div class=\"contact-value\">No.2228 Jalan Jinghua, Zona Pengembangan Ekonomi, 253000 Kota Dezhou, Provinsi Shandong, Tiongkok<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <button class=\"cta-button\"><br \/>\n          <span>Beritahu kami tipe bangunan + penghuni + harga energi<\/span><br \/>\n          <svg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n          <\/svg><br \/>\n        <\/button><\/p>\n<p class=\"cta-description\" style=\"margin-top: 25px; margin-bottom: 0;\">Kami mengembalikan model keuangan dan desain sistem.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!--LEMONX_BLOCK_END:17--><\/p>","protected":false},"excerpt":{"rendered":"<p>Commercial Grade Solar Hot Water Systems High Efficiency, Real Returns Turn sunlight into stable hot water and guaranteed savings for 10\u201315 years. Built for hotels, factories, and commercial buildings demanding continuous performance and maximum energy independence. 45-70\u00b0C Output Temp 60-80% Cost Savings 10-15 Yrs Lifespan Zero Emissions Get Free Quote Explore Systems 15+ Years Warranty [&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-1270","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/id\/wp-json\/wp\/v2\/pages\/1270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/id\/wp-json\/wp\/v2\/comments?post=1270"}],"version-history":[{"count":1,"href":"https:\/\/service.soletksolar.com\/id\/wp-json\/wp\/v2\/pages\/1270\/revisions"}],"predecessor-version":[{"id":1271,"href":"https:\/\/service.soletksolar.com\/id\/wp-json\/wp\/v2\/pages\/1270\/revisions\/1271"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/id\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/id\/wp-json\/wp\/v2\/media?parent=1270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}