{"id":953,"date":"2026-05-04T20:02:22","date_gmt":"2026-05-04T15:02:22","guid":{"rendered":"https:\/\/scrt-research.com\/it\/?page_id=953"},"modified":"2026-05-05T12:30:59","modified_gmt":"2026-05-05T07:30:59","slug":"pannelli-fotovoltaici","status":"publish","type":"page","link":"https:\/\/scrt-research.com\/it\/pannelli-fotovoltaici\/","title":{"rendered":"Pannelli fotovoltaici"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"953\" class=\"elementor elementor-953\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56514cf e-con-full e-flex e-con e-parent\" data-id=\"56514cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d85e59 elementor-widget elementor-widget-html\" data-id=\"4d85e59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"it\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Impianto Fotovoltaico \u2014 Schema Tecnico Completo<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,700;0,800;0,900;1,800&family=Barlow:wght@300;400;500&family=JetBrains+Mono:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    \/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    :root {\r\n      --sun:    #FFD600;\r\n      --solar:  #0099FF;\r\n      --sol-lt: #42C5FF;\r\n      --dc:     #FF4422;\r\n      --ac:     #00CCAA;\r\n      --bat:    #AA44CC;\r\n      --bat-lt: #CE93D8;\r\n      --grid-c: #8D6E63;\r\n      --bg:     #060C18;\r\n      --bg2:    #091020;\r\n      --card:   #0C1524;\r\n      --card2:  #101E30;\r\n      --text:   #D8E4F2;\r\n      --muted:  #4E6690;\r\n      --muted2: #7A99BF;\r\n      --accent: #FFD600;\r\n      --bdr:    #142030;\r\n      --bdr2:   #1E3448;\r\n    }\r\n\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n    html { scroll-behavior: smooth; }\r\n\r\n    body {\r\n      background: var(--bg);\r\n      color: var(--text);\r\n      font-family: 'Barlow', sans-serif;\r\n      overflow-x: hidden;\r\n      min-height: 100vh;\r\n    }\r\n\r\n    \/* subtle grid overlay *\/\r\n    body::before {\r\n      content: '';\r\n      position: fixed; inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(20,32,48,.35) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(20,32,48,.35) 1px, transparent 1px);\r\n      background-size: 52px 52px;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    nav {\r\n      position: fixed; top: 0; left: 0; right: 0; z-index: 800;\r\n      height: 62px;\r\n      display: flex; align-items: center; justify-content: space-between;\r\n      padding: 0 48px;\r\n      background: rgba(6,12,24,.82);\r\n      backdrop-filter: blur(22px);\r\n      -webkit-backdrop-filter: blur(22px);\r\n      border-bottom: 1px solid var(--bdr);\r\n      transition: border-color .3s;\r\n    }\r\n    nav.scrolled { border-color: var(--bdr2); }\r\n\r\n    .nav-brand {\r\n      display: flex; align-items: center; gap: 11px;\r\n      text-decoration: none;\r\n    }\r\n    .nav-sun {\r\n      width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0;\r\n      background: radial-gradient(circle, #FFE082 0%, #FFD600 55%, #FF9800 100%);\r\n      box-shadow: 0 0 10px 3px rgba(255,214,0,.45);\r\n      animation: navSunPulse 3s ease-in-out infinite;\r\n    }\r\n    @keyframes navSunPulse {\r\n      0%,100% { box-shadow: 0 0 10px 3px rgba(255,214,0,.4); }\r\n      50%      { box-shadow: 0 0 18px 6px rgba(255,214,0,.65); }\r\n    }\r\n    .nav-wordmark {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-weight: 800; font-size: .95rem;\r\n      letter-spacing: .14em; text-transform: uppercase;\r\n      color: var(--accent);\r\n    }\r\n\r\n    .nav-links { display: flex; gap: 34px; list-style: none; }\r\n    .nav-links a {\r\n      font-family: 'JetBrains Mono', monospace;\r\n      font-size: .67rem; letter-spacing: .14em; text-transform: uppercase;\r\n      color: var(--muted); text-decoration: none;\r\n      position: relative; padding-bottom: 2px;\r\n      transition: color .2s;\r\n    }\r\n    .nav-links a::after {\r\n      content: ''; position: absolute; bottom: -2px; left: 0;\r\n      width: 0; height: 1px; background: var(--accent);\r\n      transition: width .25s ease;\r\n    }\r\n    .nav-links a:hover { color: var(--text); }\r\n    .nav-links a:hover::after { width: 100%; }\r\n\r\n    \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #hero {\r\n      position: relative; z-index: 1;\r\n      min-height: 100vh;\r\n      display: flex; flex-direction: column;\r\n      align-items: center; justify-content: center;\r\n      padding: 80px 24px 90px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #hero-canvas {\r\n      position: absolute; inset: 0; z-index: 0; pointer-events: none;\r\n    }\r\n\r\n    .hero-halo {\r\n      position: absolute; top: 0; left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 900px; height: 340px;\r\n      background: radial-gradient(ellipse at 50% 0%,\r\n        rgba(255,214,0,.07) 0%,\r\n        rgba(0,153,255,.05) 40%,\r\n        transparent 70%);\r\n      pointer-events: none; z-index: 0;\r\n    }\r\n\r\n    .hero-content {\r\n      position: relative; z-index: 2;\r\n      text-align: center; max-width: 980px;\r\n    }\r\n\r\n    .hero-badge {\r\n      display: inline-flex; align-items: center; gap: 9px;\r\n      font-family: 'JetBrains Mono', monospace;\r\n      font-size: .67rem; letter-spacing: .22em; text-transform: uppercase;\r\n      color: var(--sol-lt);\r\n      border: 1px solid rgba(66,197,255,.22);\r\n      background: rgba(0,153,255,.06);\r\n      padding: 5px 18px 5px 13px; border-radius: 100px;\r\n      margin-bottom: 34px;\r\n      animation: fadeUp .7s .1s ease both;\r\n    }\r\n    .badge-dot {\r\n      width: 6px; height: 6px; border-radius: 50%;\r\n      background: var(--sol-lt);\r\n      box-shadow: 0 0 6px 2px rgba(66,197,255,.5);\r\n      animation: blink 2s ease-in-out infinite;\r\n    }\r\n    @keyframes blink {\r\n      0%,100% { opacity: 1; transform: scale(1); }\r\n      50%      { opacity: .35; transform: scale(.65); }\r\n    }\r\n\r\n    .hero-title {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: clamp(3.5rem, 10vw, 8.5rem);\r\n      font-weight: 900; line-height: .88;\r\n      letter-spacing: -.01em; text-transform: uppercase;\r\n      margin-bottom: 28px;\r\n      animation: fadeUp .7s .2s ease both;\r\n    }\r\n    .ht-1 { display: block; color: var(--text); }\r\n    .ht-2 { display: block; color: var(--accent); }\r\n    @keyframes flicker {\r\n      0%,18%,22%,25%,53%,57%,100% {\r\n        color: rgba(255,255,255,.88);\r\n        -webkit-text-stroke: 1.5px rgba(255,255,255,.25);\r\n        text-shadow:\r\n          0 0 6px rgba(255,214,0,.9),\r\n          0 0 18px rgba(255,214,0,.6),\r\n          0 0 40px rgba(255,214,0,.35),\r\n          0 0 80px rgba(255,180,0,.2);\r\n        opacity: 1;\r\n      }\r\n      19%,21% {\r\n        color: transparent;\r\n        -webkit-text-stroke: 1.5px rgba(255,255,255,.05);\r\n        text-shadow: none;\r\n        opacity: .15;\r\n      }\r\n      23%,24% {\r\n        color: rgba(255,255,255,.7);\r\n        -webkit-text-stroke: 1.5px rgba(255,255,255,.18);\r\n        text-shadow:\r\n          0 0 4px rgba(255,214,0,.6),\r\n          0 0 12px rgba(255,214,0,.3);\r\n        opacity: .8;\r\n      }\r\n      54%,56% {\r\n        color: transparent;\r\n        -webkit-text-stroke: 1.5px rgba(255,255,255,.04);\r\n        text-shadow: none;\r\n        opacity: .1;\r\n      }\r\n    }\r\n    .ht-3 {\r\n      display: block; font-style: italic; font-size: .75em;\r\n      color: rgba(255,255,255,.88);\r\n      -webkit-text-stroke: 1.5px rgba(255,255,255,.25);\r\n      text-shadow:\r\n        0 0 6px rgba(255,214,0,.9),\r\n        0 0 18px rgba(255,214,0,.6),\r\n        0 0 40px rgba(255,214,0,.35);\r\n      animation: flicker 5s linear infinite;\r\n    }\r\n\r\n    .hero-desc {\r\n      font-size: clamp(.95rem, 2vw, 1.1rem);\r\n      font-weight: 300; color: var(--muted2);\r\n      line-height: 1.78; max-width: 560px;\r\n      margin: 0 auto 52px;\r\n      animation: fadeUp .7s .3s ease both;\r\n    }\r\n\r\n    .hero-stats {\r\n      display: flex; align-items: stretch; justify-content: center;\r\n      border: 1px solid var(--bdr2);\r\n      border-radius: 12px; overflow: hidden;\r\n      max-width: 560px; margin: 0 auto;\r\n      background: rgba(12,21,36,.85);\r\n      backdrop-filter: blur(12px);\r\n      animation: fadeUp .7s .4s ease both;\r\n    }\r\n    .stat-block {\r\n      flex: 1; padding: 20px 20px;\r\n      text-align: center;\r\n      border-right: 1px solid var(--bdr);\r\n    }\r\n    .stat-block:last-child { border-right: none; }\r\n    .stat-num {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 2.4rem; font-weight: 900;\r\n      color: var(--accent); line-height: 1; display: block;\r\n    }\r\n    .stat-num .unit {\r\n      font-size: 1.1rem; font-weight: 600;\r\n      color: rgba(255,214,0,.65);\r\n    }\r\n    .stat-lbl {\r\n      display: block; margin-top: 5px;\r\n      font-family: 'JetBrains Mono', monospace;\r\n      font-size: .58rem; letter-spacing: .14em;\r\n      text-transform: uppercase; color: var(--muted);\r\n    }\r\n\r\n    .hero-scroll {\r\n      position: absolute; bottom: 38px; left: 50%;\r\n      transform: translateX(-50%); z-index: 2;\r\n      display: flex; flex-direction: column; align-items: center; gap: 9px;\r\n      animation: fadeUp .7s .6s ease both;\r\n    }\r\n    .scroll-lbl {\r\n      font-family: 'JetBrains Mono', monospace;\r\n      font-size: .58rem; letter-spacing: .2em; text-transform: uppercase;\r\n      color: var(--muted);\r\n    }\r\n    .scroll-mouse {\r\n      width: 20px; height: 34px;\r\n      border: 1.5px solid rgba(78,102,144,.45);\r\n      border-radius: 10px;\r\n      display: flex; align-items: flex-start; justify-content: center;\r\n      padding-top: 5px;\r\n    }\r\n    .scroll-mouse::after {\r\n      content: ''; width: 4px; height: 4px; border-radius: 50%;\r\n      background: var(--accent);\r\n      animation: scrollDot 1.6s ease-in-out infinite;\r\n    }\r\n    @keyframes scrollDot {\r\n      0%   { transform: translateY(0); opacity: 1; }\r\n      75%  { transform: translateY(13px); opacity: .2; }\r\n      100% { transform: translateY(0); opacity: 1; }\r\n    }\r\n\r\n    @keyframes fadeUp {\r\n      from { opacity: 0; transform: translateY(22px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 SECTION WRAPPERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .sec {\r\n      position: relative; z-index: 1;\r\n      padding: 96px 24px;\r\n      max-width: 1180px; margin: 0 auto;\r\n    }\r\n\r\n    .sec-hdr {\r\n      text-align: center; margin-bottom: 60px;\r\n    }\r\n    .sec-eyebrow {\r\n      display: block; margin-bottom: 14px;\r\n      font-family: 'JetBrains Mono', monospace;\r\n      font-size: .67rem; letter-spacing: .24em;\r\n      text-transform: uppercase; color: var(--sol-lt);\r\n    }\r\n    .sec-title {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: clamp(2.2rem, 5vw, 4rem);\r\n      font-weight: 900; text-transform: uppercase;\r\n      letter-spacing: .02em; line-height: .95;\r\n    }\r\n    .sec-title .hl { color: var(--accent); }\r\n    .sec-bar {\r\n      width: 48px; height: 3px; margin: 18px auto 0;\r\n      background: linear-gradient(90deg, var(--accent), transparent);\r\n    }\r\n\r\n    \/* scroll reveal *\/\r\n    .reveal {\r\n      opacity: 0; transform: translateY(32px);\r\n      transition: opacity .75s cubic-bezier(.16,1,.3,1),\r\n                  transform .75s cubic-bezier(.16,1,.3,1);\r\n    }\r\n    .reveal.in { opacity: 1; transform: none; }\r\n\r\n    \/* \u2500\u2500\u2500 DIVIDER GLOW \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .glow-div {\r\n      position: relative; z-index: 1;\r\n      height: 1px; margin: 0 10%;\r\n      background: linear-gradient(90deg,\r\n        transparent, rgba(255,214,0,.18), rgba(0,153,255,.18), transparent);\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 DIAGRAM SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .diag-shell {\r\n      background: var(--card);\r\n      border: 1px solid var(--bdr2);\r\n      border-radius: 20px;\r\n      padding: 44px 32px 52px;\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .diag-shell::before {\r\n      content: ''; position: absolute;\r\n      top: 0; left: 15%; right: 15%; height: 1px;\r\n      background: linear-gradient(90deg, transparent, rgba(255,214,0,.35), transparent);\r\n    }\r\n\r\n    .diag-shell::after {\r\n      content: ''; position: absolute;\r\n      bottom: 0; right: 0;\r\n      width: 180px; height: 180px;\r\n      background: radial-gradient(circle at bottom right, rgba(0,153,255,.04), transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 ORIGINAL DIAGRAM INTERNALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .diagram-wrap {\r\n      max-width: 1100px; margin: 0 auto;\r\n      display: flex; flex-direction: column; gap: 0;\r\n    }\r\n\r\n    .sun-box {\r\n      display: flex; flex-direction: column;\r\n      align-items: center; gap: 10px; margin-right: 32px;\r\n    }\r\n\r\n    .sun-icon {\r\n      width: 70px; height: 70px; border-radius: 50%;\r\n      background: radial-gradient(circle, #FFE082 30%, #FFD600 65%, transparent 100%);\r\n      box-shadow: 0 0 40px 12px rgba(255,214,0,.35), 0 0 80px 24px rgba(255,214,0,.15);\r\n      animation: sunPulse 3s ease-in-out infinite;\r\n    }\r\n    @keyframes sunPulse {\r\n      0%,100% { box-shadow: 0 0 40px 12px rgba(255,214,0,.35), 0 0 80px 24px rgba(255,214,0,.15); }\r\n      50%      { box-shadow: 0 0 60px 20px rgba(255,214,0,.55), 0 0 120px 40px rgba(255,214,0,.25); }\r\n    }\r\n\r\n    .panels-group { display: flex; flex-direction: column; align-items: center; gap: 4px; }\r\n    .panel-row    { display: flex; gap: 4px; }\r\n\r\n    .pv-panel {\r\n      width: 48px; height: 34px; border-radius: 3px;\r\n      background: linear-gradient(135deg, #0D47A1 0%, #0099FF 50%, #42C5FF 100%);\r\n      border: 1.5px solid rgba(66,197,255,.55);\r\n      position: relative; overflow: hidden;\r\n      animation: panelShimmer 4s ease-in-out infinite;\r\n    }\r\n    .pv-panel::before {\r\n      content: ''; position: absolute; inset: 0;\r\n      background:\r\n        repeating-linear-gradient(90deg, transparent, transparent 14px, rgba(13,71,161,.3) 14px, rgba(13,71,161,.3) 16px),\r\n        repeating-linear-gradient(0deg,  transparent, transparent 10px, rgba(13,71,161,.3) 10px, rgba(13,71,161,.3) 12px);\r\n    }\r\n    .pv-panel::after {\r\n      content: ''; position: absolute;\r\n      top: 0; left: -60%; width: 40%; height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent);\r\n      animation: sheen 4s ease-in-out infinite;\r\n    }\r\n    @keyframes sheen  { 0% { left: -60%; } 40%,100% { left: 120%; } }\r\n    @keyframes panelShimmer {\r\n      0%,100% { border-color: rgba(66,197,255,.5); }\r\n      50%      { border-color: rgba(66,197,255,.95); }\r\n    }\r\n\r\n    .string-label {\r\n      font-size: .6rem; font-family: 'JetBrains Mono', monospace;\r\n      color: var(--sol-lt); letter-spacing: .08em; margin-top: 3px;\r\n    }\r\n\r\n    .comp-card {\r\n      background: var(--card2); border: 1.5px solid var(--bdr);\r\n      border-radius: 10px; padding: 12px 16px;\r\n      display: flex; flex-direction: column;\r\n      align-items: center; gap: 6px; min-width: 110px;\r\n      position: relative; transition: border-color .3s;\r\n    }\r\n    .comp-card:hover { border-color: rgba(255,214,0,.35); }\r\n\r\n    .comp-icon {\r\n      width: 44px; height: 44px; border-radius: 8px;\r\n      display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .comp-title {\r\n      font-size: .72rem; font-weight: 700; letter-spacing: .06em;\r\n      text-align: center; text-transform: uppercase;\r\n      font-family: 'JetBrains Mono', monospace;\r\n    }\r\n    .comp-sub {\r\n      font-size: .59rem; color: var(--muted); text-align: center;\r\n      font-family: 'JetBrains Mono', monospace; line-height: 1.45;\r\n    }\r\n\r\n    .flow-row {\r\n      display: flex; align-items: center; justify-content: center;\r\n      gap: 0; flex-wrap: nowrap;\r\n    }\r\n\r\n    .connector {\r\n      display: flex; flex-direction: column; align-items: center;\r\n      gap: 2px; padding: 0 4px; min-width: 56px;\r\n    }\r\n    .conn-line {\r\n      height: 3px; width: 100%; border-radius: 2px;\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .conn-line::after {\r\n      content: ''; position: absolute; top: 0; left: -100%;\r\n      width: 60%; height: 100%; border-radius: 2px;\r\n      animation: flow 1.8s linear infinite;\r\n    }\r\n    .conn-dc   .conn-line { background: rgba(255,68,34,.18); }\r\n    .conn-dc   .conn-line::after { background: linear-gradient(90deg, transparent, #FF4422, transparent); }\r\n    .conn-ac   .conn-line { background: rgba(0,204,170,.18); }\r\n    .conn-ac   .conn-line::after { background: linear-gradient(90deg, transparent, #00CCAA, transparent); }\r\n    .conn-grid .conn-line { background: rgba(141,110,99,.18); }\r\n    .conn-grid .conn-line::after { background: linear-gradient(90deg, transparent, #A1887F, transparent); }\r\n    .conn-bat  .conn-line { background: rgba(170,68,204,.18); }\r\n    .conn-bat  .conn-line::after { background: linear-gradient(90deg, transparent, #CE93D8, transparent); }\r\n    @keyframes flow { to { left: 140%; } }\r\n\r\n    .conn-label {\r\n      font-size: .55rem; font-family: 'JetBrains Mono', monospace;\r\n      text-align: center; white-space: nowrap; margin-top: 2px;\r\n    }\r\n    .conn-dc   .conn-label { color: var(--dc); }\r\n    .conn-ac   .conn-label { color: var(--ac); }\r\n    .conn-grid .conn-label { color: #A1887F; }\r\n    .conn-bat  .conn-label { color: var(--bat-lt); }\r\n\r\n    .v-connector { display: flex; flex-direction: column; align-items: center; }\r\n    .v-line {\r\n      width: 3px; min-height: 30px; border-radius: 2px;\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .v-line::after {\r\n      content: ''; position: absolute; left: 0; top: -100%;\r\n      width: 100%; height: 60%; border-radius: 2px;\r\n      animation: flowV 1.8s linear infinite;\r\n    }\r\n    .v-dc   .v-line { background: rgba(255,68,34,.18); }\r\n    .v-dc   .v-line::after { background: linear-gradient(180deg, transparent, #FF4422, transparent); }\r\n    .v-ac   .v-line { background: rgba(0,204,170,.18); }\r\n    .v-ac   .v-line::after { background: linear-gradient(180deg, transparent, #00CCAA, transparent); }\r\n    .v-bat  .v-line { background: rgba(170,68,204,.18); }\r\n    .v-bat  .v-line::after { background: linear-gradient(180deg, transparent, #CE93D8, transparent); }\r\n    .v-sol  .v-line { background: rgba(0,153,255,.18); }\r\n    .v-sol  .v-line::after { background: linear-gradient(180deg, transparent, #42C5FF, transparent); }\r\n    .v-mon  .v-line { background: rgba(41,182,246,.18); }\r\n    .v-mon  .v-line::after { background: linear-gradient(180deg, transparent, #29B6F6, transparent); }\r\n    @keyframes flowV { to { top: 140%; } }\r\n\r\n    .zone-lbl {\r\n      font-size: .6rem; font-family: 'JetBrains Mono', monospace;\r\n      font-weight: 700; letter-spacing: .14em; text-transform: uppercase;\r\n      padding: 3px 11px; border-radius: 20px;\r\n      margin: 4px auto; display: inline-block;\r\n    }\r\n    .lbl-dc { background: rgba(255,68,34,.1);   color: var(--dc); border: 1px solid rgba(255,68,34,.3); }\r\n    .lbl-ac { background: rgba(0,204,170,.1);   color: var(--ac); border: 1px solid rgba(0,204,170,.3); }\r\n\r\n    .badge {\r\n      font-size: .55rem; padding: 2px 7px; border-radius: 20px;\r\n      font-family: 'JetBrains Mono', monospace;\r\n      font-weight: 700; letter-spacing: .06em;\r\n    }\r\n    .badge-dc   { background: rgba(255,68,34,.1);  color: var(--dc);    border: 1px solid rgba(255,68,34,.4); }\r\n    .badge-ac   { background: rgba(0,204,170,.1);  color: var(--ac);    border: 1px solid rgba(0,204,170,.4); }\r\n    .badge-bat  { background: rgba(170,68,204,.1); color: var(--bat-lt);border: 1px solid rgba(170,68,204,.4); }\r\n    .badge-grid { background: rgba(141,110,99,.1); color: #A1887F;      border: 1px solid rgba(141,110,99,.4); }\r\n\r\n    .icon-solar     { background: rgba(0,153,255,.09);   border: 1.5px solid rgba(0,153,255,.45); }\r\n    .icon-string    { background: rgba(255,68,34,.09);   border: 1.5px solid rgba(255,68,34,.45); }\r\n    .icon-inverter  { background: rgba(249,168,37,.09);  border: 1.5px solid rgba(249,168,37,.45); }\r\n    .icon-interface { background: rgba(0,204,170,.09);   border: 1.5px solid rgba(0,204,170,.45); }\r\n    .icon-battery   { background: rgba(170,68,204,.09);  border: 1.5px solid rgba(170,68,204,.45); }\r\n    .icon-meter     { background: rgba(92,107,192,.09);  border: 1.5px solid rgba(92,107,192,.45); }\r\n    .icon-grid      { background: rgba(141,110,99,.09);  border: 1.5px solid rgba(141,110,99,.45); }\r\n    .icon-load      { background: rgba(102,187,106,.09); border: 1.5px solid rgba(102,187,106,.45); }\r\n    .icon-monitor   { background: rgba(41,182,246,.09);  border: 1.5px solid rgba(41,182,246,.45); }\r\n\r\n    .legend {\r\n      max-width: 1100px; margin: 38px auto 0;\r\n      display: flex; flex-wrap: wrap; gap: 14px; justify-content: center;\r\n    }\r\n    .legend-item {\r\n      display: flex; align-items: center; gap: 8px;\r\n      font-size: .67rem; font-family: 'JetBrains Mono', monospace;\r\n      color: var(--muted);\r\n    }\r\n    .legend-line { width: 36px; height: 3px; border-radius: 2px; }\r\n    .l-sol  { background: var(--sol-lt); }\r\n    .l-dc   { background: var(--dc); }\r\n    .l-ac   { background: var(--ac); }\r\n    .l-bat  { background: var(--bat-lt); }\r\n    .l-grid { background: #A1887F; }\r\n\r\n    .center-col  { display: flex; flex-direction: column; align-items: center; }\r\n    .branch-row  { display: flex; align-items: flex-start; justify-content: center; gap: 32px; }\r\n    .branch-item { display: flex; flex-direction: column; align-items: center; }\r\n\r\n    \/* \u2500\u2500\u2500 INFO CARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .info-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));\r\n      gap: 16px;\r\n    }\r\n\r\n    .ic {\r\n      background: var(--card);\r\n      border: 1px solid var(--bdr);\r\n      border-radius: 14px; padding: 22px 20px;\r\n      position: relative; overflow: hidden;\r\n      transition: border-color .3s, transform .35s cubic-bezier(.16,1,.3,1);\r\n    }\r\n    .ic::before {\r\n      content: ''; position: absolute;\r\n      top: 0; left: 0; right: 0; height: 2px;\r\n      background: var(--ic-clr, var(--accent));\r\n      transform: scaleX(0); transform-origin: left;\r\n      transition: transform .3s ease;\r\n    }\r\n    .ic:hover { border-color: var(--bdr2); transform: translateY(-4px); }\r\n    .ic:hover::before { transform: scaleX(1); }\r\n\r\n    .ic-hd { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\r\n    .ic-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }\r\n    .ic-ttl {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: .97rem; font-weight: 800;\r\n      letter-spacing: .06em; text-transform: uppercase;\r\n    }\r\n    .ic-body {\r\n      font-size: .77rem; color: var(--muted2); line-height: 1.68; margin-bottom: 12px;\r\n    }\r\n    .ic-tag {\r\n      display: inline-block; font-size: .61rem;\r\n      font-family: 'JetBrains Mono', monospace;\r\n      padding: 3px 9px; border-radius: 4px;\r\n      background: rgba(255,255,255,.04);\r\n      border: 1px solid rgba(255,255,255,.09);\r\n      color: var(--muted2);\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 HOW-IT-WORKS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .steps-strip {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 0;\r\n      background: var(--card);\r\n      border: 1px solid var(--bdr2);\r\n      border-radius: 16px; overflow: hidden;\r\n    }\r\n    .step {\r\n      padding: 30px 24px;\r\n      border-right: 1px solid var(--bdr);\r\n      position: relative;\r\n    }\r\n    .step:last-child { border-right: none; }\r\n    .step-num {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 2.8rem; font-weight: 900;\r\n      color: rgba(255,214,0,.12); line-height: 1;\r\n      margin-bottom: 10px; display: block;\r\n    }\r\n    .step-title {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 1.05rem; font-weight: 800;\r\n      text-transform: uppercase; letter-spacing: .06em;\r\n      color: var(--text); margin-bottom: 8px;\r\n    }\r\n    .step-title span { color: var(--accent); }\r\n    .step-desc {\r\n      font-size: .76rem; color: var(--muted2); line-height: 1.6;\r\n    }\r\n    .step-arrow {\r\n      position: absolute; right: -12px; top: 50%;\r\n      transform: translateY(-50%); z-index: 1;\r\n      width: 22px; height: 22px; border-radius: 50%;\r\n      background: var(--bg); border: 1px solid var(--bdr2);\r\n      display: flex; align-items: center; justify-content: center;\r\n      color: var(--muted); font-size: .7rem;\r\n    }\r\n    .step:last-child .step-arrow { display: none; }\r\n\r\n    \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    footer {\r\n      position: relative; z-index: 1;\r\n      border-top: 1px solid var(--bdr);\r\n      padding: 36px 48px;\r\n      display: flex; align-items: center; justify-content: space-between;\r\n      flex-wrap: wrap; gap: 14px;\r\n    }\r\n    .ft-brand {\r\n      display: flex; align-items: center; gap: 10px;\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-weight: 700; font-size: .88rem;\r\n      letter-spacing: .1em; text-transform: uppercase; color: var(--muted);\r\n    }\r\n    .ft-mono {\r\n      font-family: 'JetBrains Mono', monospace;\r\n      font-size: .62rem; letter-spacing: .12em; color: var(--muted);\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media (max-width: 900px) {\r\n      .steps-strip { grid-template-columns: 1fr 1fr; }\r\n      .step { border-bottom: 1px solid var(--bdr); }\r\n      .step:nth-child(2) { border-right: none; }\r\n      .step:nth-child(3) { border-bottom: none; }\r\n      .step:nth-child(4) { border-bottom: none; border-right: none; }\r\n      .step-arrow { display: none; }\r\n    }\r\n    @media (max-width: 768px) {\r\n      nav { padding: 0 20px; }\r\n      .nav-links { display: none; }\r\n      .hero-title { font-size: clamp(3rem, 13vw, 5rem); }\r\n      .hero-stats { max-width: 100%; }\r\n      .stat-num { font-size: 1.9rem; }\r\n      .sec { padding: 64px 16px; }\r\n      .diag-shell { padding: 24px 12px; }\r\n      .branch-row { gap: 14px; }\r\n      .comp-card { min-width: 80px; padding: 8px 8px; }\r\n      .info-grid { grid-template-columns: 1fr; }\r\n      footer { flex-direction: column; text-align: center; padding: 28px 20px; }\r\n    }\r\n    @media (max-width: 500px) {\r\n      .pv-panel  { width: 36px; height: 26px; }\r\n      .connector { min-width: 28px; }\r\n      .steps-strip { grid-template-columns: 1fr; }\r\n      .step { border-right: none; border-bottom: 1px solid var(--bdr); }\r\n      .step:last-child { border-bottom: none; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav id=\"top-nav\">\r\n  <a class=\"nav-brand\" href=\"#hero\">\r\n    <div class=\"nav-sun\"><\/div>\r\n    <span class=\"nav-wordmark\">FotoVoltaico<\/span>\r\n  <\/a>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#come-funziona\">Come funziona<\/a><\/li>\r\n    <li><a href=\"#schema\">Schema<\/a><\/li>\r\n    <li><a href=\"#componenti\">Componenti<\/a><\/li>\r\n    <li><a href=\"#cavi\">Cavi<\/a><\/li>\r\n  <\/ul>\r\n<\/nav>\r\n\r\n<section id=\"hero\">\r\n  <canvas id=\"hero-canvas\"><\/canvas>\r\n  <div class=\"hero-halo\"><\/div>\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-badge\">\r\n      <div class=\"badge-dot\"><\/div>\r\n      Schema Tecnico Completo \u2014 Rev. 2025\r\n    <\/div>\r\n    <h1 class=\"hero-title\">\r\n      <span class=\"ht-1\">Impianto<\/span>\r\n      <span class=\"ht-2\">Fotovoltaico<\/span>\r\n      <span class=\"ht-3\">con accumulo<\/span>\r\n    <\/h1>\r\n    <p class=\"hero-desc\">\r\n      Flusso completo dell'energia \u2014 dal pannello alla rete elettrica.\r\n      Componenti, tipologie di cavo, protezioni e sistemi di monitoraggio\r\n      in un unico schema interattivo.\r\n    <\/p>\r\n    <div class=\"hero-stats\">\r\n      <div class=\"stat-block\">\r\n        <span class=\"stat-num\" data-to=\"25\"><span class=\"counter\">0<\/span><span class=\"unit\">+<\/span><\/span>\r\n        <span class=\"stat-lbl\">Anni durata<\/span>\r\n      <\/div>\r\n      <div class=\"stat-block\">\r\n        <span class=\"stat-num\" data-to=\"22\"><span class=\"counter\">0<\/span><span class=\"unit\">%<\/span><\/span>\r\n        <span class=\"stat-lbl\">Efficienza max<\/span>\r\n      <\/div>\r\n      <div class=\"stat-block\">\r\n        <span class=\"stat-num\" data-to=\"600\"><span class=\"counter\">0<\/span><span class=\"unit\">Wp<\/span><\/span>\r\n        <span class=\"stat-lbl\">Potenza pannello<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"hero-scroll\">\r\n    <span class=\"scroll-lbl\">Scroll<\/span>\r\n    <div class=\"scroll-mouse\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"glow-div\"><\/div>\r\n<div id=\"come-funziona\">\r\n  <div class=\"sec\">\r\n    <div class=\"sec-hdr reveal\">\r\n      <span class=\"sec-eyebrow\">\/\/ Il Processo<\/span>\r\n      <h2 class=\"sec-title\">Come <span class=\"hl\">Funziona<\/span><\/h2>\r\n      <div class=\"sec-bar\"><\/div>\r\n    <\/div>\r\n    <div class=\"steps-strip reveal\">\r\n      <div class=\"step\">\r\n        <span class=\"step-num\">01<\/span>\r\n        <div class=\"step-title\"><span>Cattura<\/span> solare<\/div>\r\n        <div class=\"step-desc\">I pannelli fotovoltaici convertono la luce solare in corrente continua (DC) tramite effetto fotovoltaico. Ogni stringa aumenta la tensione.<\/div>\r\n        <div class=\"step-arrow\">\u203a<\/div>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <span class=\"step-num\">02<\/span>\r\n        <div class=\"step-title\"><span>Conversione<\/span> DC\u2192AC<\/div>\r\n        <div class=\"step-desc\">L'inverter converte la corrente continua in alternata (230\/400V), gestisce il punto di massima potenza MPPT e monitora l'impianto.<\/div>\r\n        <div class=\"step-arrow\">\u203a<\/div>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <span class=\"step-num\">03<\/span>\r\n        <div class=\"step-title\"><span>Distribuzione<\/span> locale<\/div>\r\n        <div class=\"step-desc\">L'energia AC passa dal quadro d'interfaccia CEI 0-21 al quadro generale, alimentando le utenze domestiche o industriali.<\/div>\r\n        <div class=\"step-arrow\">\u203a<\/div>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <span class=\"step-num\">04<\/span>\r\n        <div class=\"step-title\"><span>Accumulo<\/span> e rete<\/div>\r\n        <div class=\"step-desc\">Il surplus si accumula nelle batterie LiFePO4 o viene immesso in rete. Il contatore bidirezionale GSE misura scambio ed incentivi.<\/div>\r\n        <div class=\"step-arrow\">\u203a<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"glow-div\"><\/div>\r\n<div id=\"schema\">\r\n  <div class=\"sec\">\r\n    <div class=\"sec-hdr reveal\">\r\n      <span class=\"sec-eyebrow\">\/\/ Schema Tecnico<\/span>\r\n      <h2 class=\"sec-title\">Flusso <span class=\"hl\">Completo<\/span><\/h2>\r\n      <div class=\"sec-bar\"><\/div>\r\n    <\/div>\r\n    <div class=\"diag-shell reveal\">\r\n      <div class=\"diagram-wrap\">\r\n        <div style=\"display:flex;flex-direction:column;align-items:center;gap:0;\">\r\n          <div class=\"flow-row\" style=\"align-items:flex-end;margin-bottom:0;\">\r\n            <div class=\"sun-box\" style=\"margin-bottom:12px;\">\r\n              <div class=\"sun-icon\"><\/div>\r\n              <span style=\"font-size:.62rem;color:var(--accent);font-family:'JetBrains Mono',monospace;letter-spacing:.1em;\">SOLE<\/span>\r\n              <span style=\"font-size:.55rem;color:var(--muted);font-family:'JetBrains Mono',monospace;\">irraggiamento<\/span>\r\n              <span style=\"font-size:.55rem;color:var(--muted);font-family:'JetBrains Mono',monospace;\">solare<\/span>\r\n            <\/div>\r\n            <div style=\"display:flex;flex-direction:column;align-items:center;margin-bottom:28px;margin-right:8px;\">\r\n              <svg width=\"48\" height=\"18\" viewBox=\"0 0 48 18\">\r\n                <defs><linearGradient id=\"gSun\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#FFD600\"\/><stop offset=\"100%\" stop-color=\"#42C5FF\"\/><\/linearGradient><\/defs>\r\n                <line x1=\"0\" y1=\"9\" x2=\"40\" y2=\"9\" stroke=\"url(#gSun)\" stroke-width=\"2.5\" stroke-dasharray=\"6,3\"><animate attributeName=\"stroke-dashoffset\" from=\"0\" to=\"-18\" dur=\"1s\" repeatCount=\"indefinite\"\/><\/line>\r\n                <polygon points=\"40,4 48,9 40,14\" fill=\"#42C5FF\"\/>\r\n              <\/svg>\r\n              <span style=\"font-size:.52rem;color:#FFD600;font-family:'JetBrains Mono',monospace;margin-top:2px;\">fotoni<\/span>\r\n            <\/div>\r\n            <div class=\"panels-group\" style=\"margin-right:6px;\">\r\n              <div class=\"panel-row\"><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><\/div>\r\n              <div class=\"panel-row\"><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><\/div>\r\n              <div class=\"panel-row\"><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><\/div>\r\n              <span class=\"string-label\">STRINGA 1<\/span>\r\n            <\/div>\r\n            <div class=\"panels-group\" style=\"margin-right:6px;\">\r\n              <div class=\"panel-row\"><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><\/div>\r\n              <div class=\"panel-row\"><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><\/div>\r\n              <div class=\"panel-row\"><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><\/div>\r\n              <span class=\"string-label\">STRINGA 2<\/span>\r\n            <\/div>\r\n            <div class=\"panels-group\">\r\n              <div class=\"panel-row\"><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><\/div>\r\n              <div class=\"panel-row\"><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><\/div>\r\n              <div class=\"panel-row\"><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><div class=\"pv-panel\"><\/div><\/div>\r\n              <span class=\"string-label\">STRINGA 3<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div style=\"display:flex;gap:12px;margin-bottom:0;justify-content:center;\">\r\n            <span class=\"zone-lbl lbl-dc\">ZONA DC \u2014 Corrente Continua<\/span>\r\n          <\/div>\r\n          <div class=\"v-connector v-dc\"><div class=\"v-line\" style=\"min-height:28px;\"><\/div><\/div>\r\n          <span style=\"font-size:.55rem;font-family:'JetBrains Mono',monospace;color:var(--dc);margin-bottom:4px;\">Cavo Solare PV \u2014 H1Z2Z2-K 1x4\/6mm\u00b2 DC<\/span>\r\n          <div class=\"comp-card\" style=\"min-width:320px;flex-direction:row;gap:14px;align-items:center;background:linear-gradient(120deg,rgba(10,10,28,.9),rgba(15,22,36,.9));border-color:rgba(255,68,34,.3);\">\r\n            <div class=\"comp-icon icon-string\">\r\n              <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"2\" y=\"6\" width=\"24\" height=\"16\" rx=\"2\" stroke=\"#FF4422\" stroke-width=\"1.8\"\/><line x1=\"7\" y1=\"6\" x2=\"7\" y2=\"22\" stroke=\"#FF4422\" stroke-width=\"1\" stroke-dasharray=\"2,2\"\/><line x1=\"14\" y1=\"6\" x2=\"14\" y2=\"22\" stroke=\"#FF4422\" stroke-width=\"1\" stroke-dasharray=\"2,2\"\/><line x1=\"21\" y1=\"6\" x2=\"21\" y2=\"22\" stroke=\"#FF4422\" stroke-width=\"1\" stroke-dasharray=\"2,2\"\/><circle cx=\"7\" cy=\"9\" r=\"1.5\" fill=\"#FF4422\"\/><circle cx=\"14\" cy=\"9\" r=\"1.5\" fill=\"#FF4422\"\/><circle cx=\"21\" cy=\"9\" r=\"1.5\" fill=\"#FF4422\"\/><rect x=\"4\" y=\"17\" width=\"5\" height=\"3\" rx=\"1\" fill=\"#FF4422\" opacity=\".5\"\/><rect x=\"11\" y=\"17\" width=\"5\" height=\"3\" rx=\"1\" fill=\"#FF4422\" opacity=\".5\"\/><rect x=\"18\" y=\"17\" width=\"5\" height=\"3\" rx=\"1\" fill=\"#FF4422\" opacity=\".5\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"comp-title\" style=\"color:#FF4422;text-align:left;\">Quadro di Stringa (String Box)<\/div>\r\n              <div class=\"comp-sub\" style=\"text-align:left;\">Fusibili per stringa  |  Sezionatore DC<br>Scaricatori SPD  |  Morsettiera<br>Raggruppa le stringhe in parallelo<\/div>\r\n              <div style=\"margin-top:6px;display:flex;gap:6px;flex-wrap:wrap;\"><span class=\"badge badge-dc\">DC IN<\/span><span class=\"badge badge-dc\">DC OUT<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"v-connector v-dc\"><div class=\"v-line\" style=\"min-height:28px;\"><\/div><\/div>\r\n          <span style=\"font-size:.55rem;font-family:'JetBrains Mono',monospace;color:var(--dc);margin-bottom:4px;\">Cavo DC \u2014 H1Z2Z2-K 1x16\/25mm\u00b2 multipolare<\/span>\r\n          <div class=\"comp-card\" style=\"min-width:320px;flex-direction:row;gap:14px;align-items:center;background:linear-gradient(120deg,rgba(10,10,28,.9),rgba(24,14,8,.9));border-color:rgba(249,168,37,.3);\">\r\n            <div class=\"comp-icon icon-inverter\">\r\n              <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"2\" y=\"4\" width=\"24\" height=\"20\" rx=\"2\" stroke=\"#F9A825\" stroke-width=\"1.8\"\/><polyline points=\"6,18 10,10 14,16 18,8 22,14\" stroke=\"#F9A825\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"14\" cy=\"23\" r=\"1\" fill=\"#F9A825\"\/><rect x=\"10\" y=\"5\" width=\"8\" height=\"2\" rx=\"1\" fill=\"#F9A825\" opacity=\".4\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"comp-title\" style=\"color:#F9A825;text-align:left;\">Inverter (DC \u2192 AC)<\/div>\r\n              <div class=\"comp-sub\" style=\"text-align:left;\">Converte corrente continua in alternata<br>MPPT \u2014 ottimizzazione produzione<br>Monitoraggio  |  Protezioni integrate<br>Trifase 400V \/ Monofase 230V<\/div>\r\n              <div style=\"margin-top:6px;display:flex;gap:6px;flex-wrap:wrap;\"><span class=\"badge badge-dc\">DC IN<\/span><span class=\"badge badge-ac\">AC OUT<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"v-connector v-ac\"><div class=\"v-line\" style=\"min-height:18px;\"><\/div><\/div>\r\n          <div style=\"display:flex;gap:12px;margin-bottom:0;justify-content:center;\">\r\n            <span class=\"zone-lbl lbl-ac\">ZONA AC \u2014 Corrente Alternata<\/span>\r\n          <\/div>\r\n          <div class=\"v-connector v-ac\"><div class=\"v-line\" style=\"min-height:12px;\"><\/div><\/div>\r\n          <span style=\"font-size:.55rem;font-family:'JetBrains Mono',monospace;color:var(--ac);margin-bottom:4px;\">Cavo AC \u2014 FG17 \/ FG7R 3x6\/10mm\u00b2 (trifase)<\/span>\r\n          <div class=\"comp-card\" style=\"min-width:320px;flex-direction:row;gap:14px;align-items:center;background:linear-gradient(120deg,rgba(4,16,16,.9),rgba(10,18,30,.9));border-color:rgba(0,204,170,.3);\">\r\n            <div class=\"comp-icon icon-interface\">\r\n              <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"2\" y=\"4\" width=\"24\" height=\"20\" rx=\"2\" stroke=\"#00CCAA\" stroke-width=\"1.8\"\/><rect x=\"5\" y=\"8\" width=\"6\" height=\"4\" rx=\"1\" stroke=\"#00CCAA\" stroke-width=\"1.3\"\/><rect x=\"5\" y=\"15\" width=\"6\" height=\"4\" rx=\"1\" stroke=\"#00CCAA\" stroke-width=\"1.3\"\/><rect x=\"17\" y=\"8\" width=\"6\" height=\"4\" rx=\"1\" stroke=\"#00CCAA\" stroke-width=\"1.3\"\/><rect x=\"17\" y=\"15\" width=\"6\" height=\"4\" rx=\"1\" stroke=\"#00CCAA\" stroke-width=\"1.3\"\/><line x1=\"11\" y1=\"10\" x2=\"17\" y2=\"10\" stroke=\"#00CCAA\" stroke-width=\"1\" stroke-dasharray=\"2,1\"\/><line x1=\"11\" y1=\"17\" x2=\"17\" y2=\"17\" stroke=\"#00CCAA\" stroke-width=\"1\" stroke-dasharray=\"2,1\"\/><circle cx=\"14\" cy=\"24\" r=\"1\" fill=\"#00CCAA\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"comp-title\" style=\"color:#00CCAA;text-align:left;\">Quadro di Interfaccia CEI 0-21<\/div>\r\n              <div class=\"comp-sub\" style=\"text-align:left;\">Interruttore magnetotermico diff. 4P<br>Rel\u00e8 di interfaccia (RI)  |  SPD AC<br>Protezione sovra\/sotto tensione\/freq.<br>Es: AEG PVQI20-RD-T<\/div>\r\n              <div style=\"margin-top:6px;display:flex;gap:6px;flex-wrap:wrap;\"><span class=\"badge badge-ac\">CEI 0-21<\/span><span class=\"badge badge-ac\">400V AC<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"v-connector v-ac\"><div class=\"v-line\" style=\"min-height:24px;\"><\/div><\/div>\r\n          <span style=\"font-size:.55rem;font-family:'JetBrains Mono',monospace;color:var(--ac);margin-bottom:4px;\">Cavo AC \u2014 FG7R 3x10\/16mm\u00b2 + N + PE<\/span>\r\n          <div class=\"branch-row\" style=\"align-items:flex-start;\">\r\n            <div class=\"branch-item\">\r\n              <div style=\"font-size:.55rem;color:var(--bat-lt);font-family:'JetBrains Mono',monospace;margin-bottom:4px;text-align:center;\">Cavo \u2014 H07RN-F<br>3x6mm\u00b2 DC\/AC<\/div>\r\n              <div class=\"v-connector v-bat\"><div class=\"v-line\" style=\"min-height:24px;\"><\/div><\/div>\r\n              <div class=\"comp-card\" style=\"min-width:160px;border-color:rgba(170,68,204,.3);background:linear-gradient(135deg,rgba(14,4,28,.9),rgba(10,10,28,.9));\">\r\n                <div class=\"comp-icon icon-battery\">\r\n                  <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"3\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"#AA44CC\" stroke-width=\"1.8\"\/><rect x=\"23\" y=\"12\" width=\"3\" height=\"4\" rx=\"1\" fill=\"#AA44CC\"\/><rect x=\"6\" y=\"10\" width=\"4\" height=\"8\" rx=\"1\" fill=\"#AA44CC\" opacity=\".5\"\/><rect x=\"12\" y=\"10\" width=\"4\" height=\"8\" rx=\"1\" fill=\"#AA44CC\" opacity=\".7\"\/><rect x=\"18\" y=\"10\" width=\"2\" height=\"8\" rx=\"1\" fill=\"#AA44CC\" opacity=\".3\"\/><line x1=\"14\" y1=\"7\" x2=\"14\" y2=\"4\" stroke=\"#AA44CC\" stroke-width=\"1.5\"\/><line x1=\"11\" y1=\"4\" x2=\"17\" y2=\"4\" stroke=\"#AA44CC\" stroke-width=\"1.5\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"comp-title\" style=\"color:var(--bat-lt);\">Batterie<br>di Accumulo<\/div>\r\n                <div class=\"comp-sub\">LiFePO4 \/ Li-ion<br>BMS integrato<br>5\u201320 kWh tipico<\/div>\r\n                <span class=\"badge badge-bat\">opzionale<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"center-col\">\r\n              <div class=\"comp-card\" style=\"min-width:220px;flex-direction:row;gap:14px;align-items:center;background:linear-gradient(120deg,rgba(4,14,28,.9),rgba(10,18,30,.9));border-color:rgba(92,107,192,.3);\">\r\n                <div class=\"comp-icon icon-meter\">\r\n                  <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"2\" y=\"4\" width=\"24\" height=\"20\" rx=\"2\" stroke=\"#5C6BC0\" stroke-width=\"1.8\"\/><circle cx=\"14\" cy=\"15\" r=\"6\" stroke=\"#5C6BC0\" stroke-width=\"1.5\"\/><path d=\"M10 18 Q14 10 18 18\" stroke=\"#5C6BC0\" stroke-width=\"1.3\" fill=\"none\"\/><line x1=\"14\" y1=\"15\" x2=\"14\" y2=\"10\" stroke=\"#5C6BC0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"15\" r=\"1.2\" fill=\"#5C6BC0\"\/><rect x=\"10\" y=\"5\" width=\"8\" height=\"2\" rx=\"1\" fill=\"#5C6BC0\" opacity=\".4\"\/><\/svg>\r\n                <\/div>\r\n                <div>\r\n                  <div class=\"comp-title\" style=\"color:#7986CB;text-align:left;\">Quadro Generale<br>+ Contatore<\/div>\r\n                  <div class=\"comp-sub\" style=\"text-align:left;\">Interruttore generale<br>Contatore bidirezionale GSE<br>Misura prod.\/consumo\/scambio<\/div>\r\n                  <div style=\"margin-top:6px;display:flex;gap:6px;flex-wrap:wrap;\"><span class=\"badge badge-ac\">bidirezionale<\/span><\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"v-connector v-ac\"><div class=\"v-line\" style=\"min-height:24px;\"><\/div><\/div>\r\n              <span style=\"font-size:.55rem;font-family:'JetBrains Mono',monospace;color:var(--ac);margin-bottom:4px;\">Cavo \u2014 FG7R 3x10mm\u00b2 + N + PE<\/span>\r\n              <div class=\"branch-row\" style=\"gap:24px;align-items:flex-start;\">\r\n                <div class=\"branch-item\">\r\n                  <div class=\"v-connector v-ac\"><div class=\"v-line\" style=\"min-height:20px;\"><\/div><\/div>\r\n                  <div class=\"comp-card\" style=\"min-width:130px;border-color:rgba(102,187,106,.3);background:linear-gradient(135deg,rgba(4,16,4,.9),rgba(10,18,30,.9));\">\r\n                    <div class=\"comp-icon icon-load\">\r\n                      <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"4\" y=\"14\" width=\"20\" height=\"10\" rx=\"2\" stroke=\"#66BB6A\" stroke-width=\"1.8\"\/><rect x=\"9\" y=\"10\" width=\"10\" height=\"6\" rx=\"1\" stroke=\"#66BB6A\" stroke-width=\"1.3\"\/><line x1=\"10\" y1=\"24\" x2=\"8\" y2=\"27\" stroke=\"#66BB6A\" stroke-width=\"1.5\"\/><line x1=\"18\" y1=\"24\" x2=\"20\" y2=\"27\" stroke=\"#66BB6A\" stroke-width=\"1.5\"\/><circle cx=\"14\" cy=\"17\" r=\"1.5\" fill=\"#66BB6A\"\/><line x1=\"14\" y1=\"5\" x2=\"14\" y2=\"10\" stroke=\"#66BB6A\" stroke-width=\"1.5\" stroke-dasharray=\"2,1\"\/><line x1=\"11\" y1=\"5\" x2=\"17\" y2=\"5\" stroke=\"#66BB6A\" stroke-width=\"1.5\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"comp-title\" style=\"color:#66BB6A;\">Carichi<br>Interni<\/div>\r\n                    <div class=\"comp-sub\">Utenze domestiche<br>industriali<br>230\/400V AC<\/div>\r\n                    <span class=\"badge badge-ac\">consumo<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"branch-item\">\r\n                  <div class=\"v-connector v-ac\"><div class=\"v-line\" style=\"min-height:20px;\"><\/div><\/div>\r\n                  <div class=\"comp-card\" style=\"min-width:130px;border-color:rgba(141,110,99,.3);background:linear-gradient(135deg,rgba(16,8,4,.9),rgba(10,18,30,.9));\">\r\n                    <div class=\"comp-icon icon-grid\">\r\n                      <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\"><circle cx=\"14\" cy=\"14\" r=\"9\" stroke=\"#A1887F\" stroke-width=\"1.8\"\/><line x1=\"14\" y1=\"5\" x2=\"14\" y2=\"23\" stroke=\"#A1887F\" stroke-width=\"1.3\"\/><line x1=\"5\" y1=\"14\" x2=\"23\" y2=\"14\" stroke=\"#A1887F\" stroke-width=\"1.3\"\/><ellipse cx=\"14\" cy=\"14\" rx=\"5\" ry=\"9\" stroke=\"#A1887F\" stroke-width=\"1\"\/><circle cx=\"14\" cy=\"14\" r=\"1.5\" fill=\"#A1887F\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"comp-title\" style=\"color:#A1887F;\">Rete<br>Elettrica<\/div>\r\n                    <div class=\"comp-sub\">Immissione surplus<br>Prelievo notturno<br>ENEL \/ Gestore<\/div>\r\n                    <span class=\"badge badge-grid\">bidirezionale<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"branch-item\">\r\n              <div style=\"font-size:.55rem;color:#29B6F6;font-family:'JetBrains Mono',monospace;margin-bottom:4px;text-align:center;\">Connessione<br>WiFi \/ RS485<\/div>\r\n              <div class=\"v-connector v-mon\"><div class=\"v-line\" style=\"min-height:24px;\"><\/div><\/div>\r\n              <div class=\"comp-card\" style=\"min-width:130px;border-color:rgba(41,182,246,.3);background:linear-gradient(135deg,rgba(4,14,24,.9),rgba(10,18,30,.9));\">\r\n                <div class=\"comp-icon icon-monitor\">\r\n                  <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"3\" y=\"5\" width=\"22\" height=\"14\" rx=\"2\" stroke=\"#29B6F6\" stroke-width=\"1.8\"\/><line x1=\"14\" y1=\"19\" x2=\"14\" y2=\"23\" stroke=\"#29B6F6\" stroke-width=\"1.5\"\/><line x1=\"9\" y1=\"23\" x2=\"19\" y2=\"23\" stroke=\"#29B6F6\" stroke-width=\"1.5\"\/><polyline points=\"6,15 9,9 12,13 16,7 19,11 22,15\" stroke=\"#29B6F6\" stroke-width=\"1.3\" fill=\"none\" stroke-linecap=\"round\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"comp-title\" style=\"color:#29B6F6;\">Sistema di<br>Monitoraggio<\/div>\r\n                <div class=\"comp-sub\">App \/ portale web<br>dati real-time<br>kWh \/ kW \/ V<\/div>\r\n                <span class=\"badge\" style=\"background:rgba(2,119,189,.1);color:#29B6F6;border:1px solid rgba(41,182,246,.4);\">opzionale<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"cavi\" class=\"legend\">\r\n        <div class=\"legend-item\"><div class=\"legend-line l-sol\"><\/div>  Cavo Solare PV \u2014 H1Z2Z2-K (DC)<\/div>\r\n        <div class=\"legend-item\"><div class=\"legend-line l-dc\"><\/div>   Cavo DC multipolare \u2014 H1Z2Z2-K<\/div>\r\n        <div class=\"legend-item\"><div class=\"legend-line l-ac\"><\/div>   Cavo AC \u2014 FG17 \/ FG7R (AC)<\/div>\r\n        <div class=\"legend-item\"><div class=\"legend-line l-bat\"><\/div>  Cavo batterie \u2014 H07RN-F<\/div>\r\n        <div class=\"legend-item\"><div class=\"legend-line l-grid\"><\/div> Collegamento rete<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"glow-div\"><\/div>\r\n<div id=\"componenti\">\r\n  <div class=\"sec\">\r\n    <div class=\"sec-hdr reveal\">\r\n      <span class=\"sec-eyebrow\">\/\/ Dettaglio Componenti<\/span>\r\n      <h2 class=\"sec-title\">Tutti i <span class=\"hl\">Componenti<\/span><\/h2>\r\n      <div class=\"sec-bar\"><\/div>\r\n    <\/div>\r\n    <div class=\"info-grid\">\r\n      <div class=\"ic reveal\" style=\"--ic-clr:#42C5FF;transition-delay:.04s\"><div class=\"ic-hd\"><div class=\"ic-dot\" style=\"background:#42C5FF\"><\/div><div class=\"ic-ttl\">Pannelli FV<\/div><\/div><div class=\"ic-body\">Celle monocristalline o policristalline. Collegate in serie (stringhe) per aumentare la tensione. Tipico: 350-600 Wp per pannello.<\/div><span class=\"ic-tag\">Cavo: H1Z2Z2-K 4-6 mm\u00b2<\/span><\/div>\r\n      <div class=\"ic reveal\" style=\"--ic-clr:#FF4422;transition-delay:.08s\"><div class=\"ic-hd\"><div class=\"ic-dot\" style=\"background:#FF4422\"><\/div><div class=\"ic-ttl\">Quadro di Stringa<\/div><\/div><div class=\"ic-body\">Raggruppa le stringhe in parallelo. Contiene fusibili, sezionatori DC e scaricatori SPD. Obbligatorio negli impianti multi-stringa.<\/div><span class=\"ic-tag\">Cavo: H1Z2Z2-K 16-25 mm\u00b2<\/span><\/div>\r\n      <div class=\"ic reveal\" style=\"--ic-clr:#F9A825;transition-delay:.12s\"><div class=\"ic-hd\"><div class=\"ic-dot\" style=\"background:#F9A825\"><\/div><div class=\"ic-ttl\">Inverter<\/div><\/div><div class=\"ic-body\">Cuore dell'impianto. Converte DC in AC, gestisce il MPPT per massimizzare la resa, protegge l'impianto e comunica con il monitoraggio.<\/div><span class=\"ic-tag\">DC in \/ AC out<\/span><\/div>\r\n      <div class=\"ic reveal\" style=\"--ic-clr:#00CCAA;transition-delay:.16s\"><div class=\"ic-hd\"><div class=\"ic-dot\" style=\"background:#00CCAA\"><\/div><div class=\"ic-ttl\">Quadro Interfaccia<\/div><\/div><div class=\"ic-body\">Conformit\u00e0 CEI 0-21. Disconnette l'impianto dalla rete in caso di anomalie di tensione o frequenza. Es: PVQI20-RD-T di AEG.<\/div><span class=\"ic-tag\">Cavo: FG7R 3x6-10 mm\u00b2<\/span><\/div>\r\n      <div class=\"ic reveal\" style=\"--ic-clr:#CE93D8;transition-delay:.2s\"><div class=\"ic-hd\"><div class=\"ic-dot\" style=\"background:#CE93D8\"><\/div><div class=\"ic-ttl\">Batterie (opz.)<\/div><\/div><div class=\"ic-body\">Accumulano l'energia prodotta in eccesso durante il giorno per utilizzarla di notte. Tecnologia LiFePO4. Include BMS per gestione e sicurezza.<\/div><span class=\"ic-tag\">Cavo: H07RN-F 3x6 mm\u00b2<\/span><\/div>\r\n      <div class=\"ic reveal\" style=\"--ic-clr:#7986CB;transition-delay:.24s\"><div class=\"ic-hd\"><div class=\"ic-dot\" style=\"background:#7986CB\"><\/div><div class=\"ic-ttl\">Contatore Bidirezionale<\/div><\/div><div class=\"ic-body\">Misura l'energia immessa in rete (surplus) e quella prelevata (notte\/maltempo). Installato dal gestore di rete. Base per incentivi GSE.<\/div><span class=\"ic-tag\">Cavo: FG7R 3x10 mm\u00b2<\/span><\/div>\r\n      <div class=\"ic reveal\" style=\"--ic-clr:#66BB6A;transition-delay:.28s\"><div class=\"ic-hd\"><div class=\"ic-dot\" style=\"background:#66BB6A\"><\/div><div class=\"ic-ttl\">Carichi Interni<\/div><\/div><div class=\"ic-body\">Utenze domestiche o industriali alimentate direttamente dall'impianto durante le ore di sole, riducendo il prelievo dalla rete.<\/div><span class=\"ic-tag\">230V \/ 400V AC<\/span><\/div>\r\n      <div class=\"ic reveal\" style=\"--ic-clr:#29B6F6;transition-delay:.32s\"><div class=\"ic-hd\"><div class=\"ic-dot\" style=\"background:#29B6F6\"><\/div><div class=\"ic-ttl\">Monitoraggio<\/div><\/div><div class=\"ic-body\">Sistema di supervisione che raccoglie dati da inverter e contatori via WiFi, RS485 o Modbus. Accessibile da app o portale web in tempo reale.<\/div><span class=\"ic-tag\">WiFi \/ RS485 \/ 4G<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"glow-div\"><\/div>\r\n<footer>\r\n  <div class=\"ft-brand\">\r\n    <div class=\"nav-sun\" style=\"width:20px;height:20px;\"><\/div>\r\n    FotoVoltaico Schema\r\n  <\/div>\r\n  <span class=\"ft-mono\">\/\/ schema tecnico \u2014 flusso completo cavi &amp; componenti \/\/<\/span>\r\n<\/footer>\r\n\r\n<script>\r\n(function () {\r\n  const canvas = document.getElementById('hero-canvas');\r\n  const ctx    = canvas.getContext('2d');\r\n  let particles = [];\r\n\r\n  function resize() {\r\n    canvas.width  = window.innerWidth;\r\n    canvas.height = window.innerHeight;\r\n  }\r\n\r\n  function Particle(fromTop) { this.reset(fromTop); }\r\n  Particle.prototype.reset = function (fromTop) {\r\n    this.x   = Math.random() * canvas.width;\r\n    this.y   = fromTop ? -4 : Math.random() * canvas.height;\r\n    this.r   = Math.random() * 1.6 + 0.3;\r\n    this.vx  = (Math.random() - .5) * .22;\r\n    this.vy  = Math.random() * .45 + .12;\r\n    this.a   = Math.random() * .42 + .07;\r\n    this.gold = Math.random() > .52;\r\n    this.clr = this.gold ? '#FFD600' : '#42C5FF';\r\n  };\r\n  Particle.prototype.update = function () {\r\n    this.x += this.vx; this.y += this.vy;\r\n    if (this.y > canvas.height + 4 || this.x < -4 || this.x > canvas.width + 4) this.reset(true);\r\n  };\r\n  Particle.prototype.draw = function () {\r\n    ctx.save();\r\n    ctx.globalAlpha = this.a;\r\n    ctx.fillStyle = this.clr;\r\n    ctx.shadowColor = this.clr;\r\n    ctx.shadowBlur = 5;\r\n    ctx.beginPath();\r\n    ctx.arc(this.x, this.y, this.r, 0, Math.PI * 2);\r\n    ctx.fill();\r\n    ctx.restore();\r\n  };\r\n\r\n  function init() {\r\n    const n = Math.min(90, Math.floor(canvas.width * canvas.height \/ 11000));\r\n    particles = Array.from({ length: n }, () => new Particle(false));\r\n  }\r\n\r\n  function tick() {\r\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n    particles.forEach(p => { p.update(); p.draw(); });\r\n    requestAnimationFrame(tick);\r\n  }\r\n\r\n  window.addEventListener('resize', () => { resize(); init(); });\r\n  resize(); init(); tick();\r\n})();\r\n\r\n(function () {\r\n  const io = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in'); });\r\n  }, { threshold: 0.12, rootMargin: '0px 0px -36px 0px' });\r\n  document.querySelectorAll('.reveal').forEach(el => io.observe(el));\r\n})();\r\n\r\n(function () {\r\n  function countUp(el, target) {\r\n    let start = null;\r\n    const dur = 1600;\r\n    function step(ts) {\r\n      if (!start) start = ts;\r\n      const p = Math.min((ts - start) \/ dur, 1);\r\n      const e = 1 - Math.pow(1 - p, 3);\r\n      el.textContent = Math.round(e * target);\r\n      if (p < 1) requestAnimationFrame(step);\r\n      else el.textContent = target;\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  const io = new IntersectionObserver(entries => {\r\n    entries.forEach(e => {\r\n      if (!e.isIntersecting) return;\r\n      e.target.querySelectorAll('[data-to]').forEach(stat => {\r\n        countUp(stat.querySelector('.counter'), parseInt(stat.dataset.to, 10));\r\n      });\r\n      io.disconnect();\r\n    });\r\n  }, { threshold: .5 });\r\n\r\n  const stats = document.querySelector('.hero-stats');\r\n  if (stats) io.observe(stats);\r\n})();\r\n\r\n(function () {\r\n  const nav = document.getElementById('top-nav');\r\n  window.addEventListener('scroll', () => {\r\n    nav.classList.toggle('scrolled', window.scrollY > 50);\r\n  }, { passive: true });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Impianto Fotovoltaico \u2014 Schema Tecnico Completo FotoVoltaico Come funziona Schema Componenti Cavi Schema Tecnico Completo \u2014 Rev. 2025 Impianto Fotovoltaico con accumulo Flusso completo dell&#8217;energia \u2014 dal pannello alla rete elettrica. Componenti, tipologie di cavo, protezioni e sistemi di monitoraggio in un unico schema interattivo. 0+ Anni durata 0% Efficienza max 0Wp Potenza pannello Scroll [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-953","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pannelli fotovoltaici - SC Research and Trading (SCRT)<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/scrt-research.com\/it\/pannelli-fotovoltaici\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pannelli fotovoltaici - SC Research and Trading (SCRT)\" \/>\n<meta property=\"og:description\" content=\"Impianto Fotovoltaico \u2014 Schema Tecnico Completo FotoVoltaico Come funziona Schema Componenti Cavi Schema Tecnico Completo \u2014 Rev. 2025 Impianto Fotovoltaico con accumulo Flusso completo dell&#8217;energia \u2014 dal pannello alla rete elettrica. Componenti, tipologie di cavo, protezioni e sistemi di monitoraggio in un unico schema interattivo. 0+ Anni durata 0% Efficienza max 0Wp Potenza pannello Scroll [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/scrt-research.com\/it\/pannelli-fotovoltaici\/\" \/>\n<meta property=\"og:site_name\" content=\"SC Research and Trading (SCRT)\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-05T07:30:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/scrt-research.com\\\/it\\\/pannelli-fotovoltaici\\\/\",\"url\":\"https:\\\/\\\/scrt-research.com\\\/it\\\/pannelli-fotovoltaici\\\/\",\"name\":\"Pannelli fotovoltaici - SC Research and Trading (SCRT)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/scrt-research.com\\\/it\\\/#website\"},\"datePublished\":\"2026-05-04T15:02:22+00:00\",\"dateModified\":\"2026-05-05T07:30:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/scrt-research.com\\\/it\\\/pannelli-fotovoltaici\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/scrt-research.com\\\/it\\\/pannelli-fotovoltaici\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/scrt-research.com\\\/it\\\/pannelli-fotovoltaici\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/scrt-research.com\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pannelli fotovoltaici\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/scrt-research.com\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/scrt-research.com\\\/it\\\/\",\"name\":\"SC Research and Trading (SCRT)\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/scrt-research.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pannelli fotovoltaici - SC Research and Trading (SCRT)","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/scrt-research.com\/it\/pannelli-fotovoltaici\/","og_locale":"en_US","og_type":"article","og_title":"Pannelli fotovoltaici - SC Research and Trading (SCRT)","og_description":"Impianto Fotovoltaico \u2014 Schema Tecnico Completo FotoVoltaico Come funziona Schema Componenti Cavi Schema Tecnico Completo \u2014 Rev. 2025 Impianto Fotovoltaico con accumulo Flusso completo dell&#8217;energia \u2014 dal pannello alla rete elettrica. Componenti, tipologie di cavo, protezioni e sistemi di monitoraggio in un unico schema interattivo. 0+ Anni durata 0% Efficienza max 0Wp Potenza pannello Scroll [&hellip;]","og_url":"https:\/\/scrt-research.com\/it\/pannelli-fotovoltaici\/","og_site_name":"SC Research and Trading (SCRT)","article_modified_time":"2026-05-05T07:30:59+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/scrt-research.com\/it\/pannelli-fotovoltaici\/","url":"https:\/\/scrt-research.com\/it\/pannelli-fotovoltaici\/","name":"Pannelli fotovoltaici - SC Research and Trading (SCRT)","isPartOf":{"@id":"https:\/\/scrt-research.com\/it\/#website"},"datePublished":"2026-05-04T15:02:22+00:00","dateModified":"2026-05-05T07:30:59+00:00","breadcrumb":{"@id":"https:\/\/scrt-research.com\/it\/pannelli-fotovoltaici\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/scrt-research.com\/it\/pannelli-fotovoltaici\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/scrt-research.com\/it\/pannelli-fotovoltaici\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/scrt-research.com\/it\/"},{"@type":"ListItem","position":2,"name":"Pannelli fotovoltaici"}]},{"@type":"WebSite","@id":"https:\/\/scrt-research.com\/it\/#website","url":"https:\/\/scrt-research.com\/it\/","name":"SC Research and Trading (SCRT)","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/scrt-research.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/scrt-research.com\/it\/wp-json\/wp\/v2\/pages\/953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scrt-research.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scrt-research.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scrt-research.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/scrt-research.com\/it\/wp-json\/wp\/v2\/comments?post=953"}],"version-history":[{"count":10,"href":"https:\/\/scrt-research.com\/it\/wp-json\/wp\/v2\/pages\/953\/revisions"}],"predecessor-version":[{"id":971,"href":"https:\/\/scrt-research.com\/it\/wp-json\/wp\/v2\/pages\/953\/revisions\/971"}],"wp:attachment":[{"href":"https:\/\/scrt-research.com\/it\/wp-json\/wp\/v2\/media?parent=953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}