{"id":2656,"date":"2026-01-26T15:47:03","date_gmt":"2026-01-26T14:47:03","guid":{"rendered":"https:\/\/www.giochiamo.ai\/?page_id=2656"},"modified":"2026-02-05T17:22:25","modified_gmt":"2026-02-05T16:22:25","slug":"playhard","status":"publish","type":"page","link":"https:\/\/www.giochiamo.ai\/en\/playhard\/","title":{"rendered":"Playhard"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2656\" class=\"elementor elementor-2656\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a034a45 e-flex e-con-boxed e-con e-parent\" data-id=\"a034a45\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fd56f61 e-con-full e-flex e-con e-child\" data-id=\"fd56f61\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a07a0f8 e-con-full e-flex e-con e-child\" data-id=\"a07a0f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff3f369 elementor-widget elementor-widget-html\" data-id=\"ff3f369\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    .phd-wrap {\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      font-family: 'DM Sans', sans-serif;\r\n    }\r\n\r\n    .phd-wrap * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .phd-main {\r\n      background: #0f1a2e;\r\n      border-radius: 12px;\r\n      display: flex;\r\n      overflow: hidden;\r\n      width: 100%;\r\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n      font-size: clamp(7px, 0.9vw, 9px);\r\n    }\r\n\r\n    \/* ============================================\r\n       SIDEBAR\r\n       ============================================ *\/\r\n    .phd-sidebar {\r\n      width: 150px;\r\n      min-width: 140px;\r\n      background: #0a1222;\r\n      padding: 1em 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex-shrink: 0;\r\n      border-right: 1px solid rgba(255,255,255,0.05);\r\n    }\r\n\r\n    .phd-logo {\r\n      padding: 0 1.2em;\r\n      margin-bottom: 1.5em;\r\n      font-size: 1.5em;\r\n      font-weight: 700;\r\n      color: #00c4cc;\r\n    }\r\n\r\n    .phd-logo span {\r\n      color: #ffffff;\r\n    }\r\n\r\n    .phd-nav-section {\r\n      margin-bottom: 1em;\r\n    }\r\n\r\n    .phd-nav-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.6em;\r\n      padding: 0.7em 1.2em;\r\n      color: #6b7280;\r\n      font-size: 0.95em;\r\n      cursor: pointer;\r\n      border-left: 2px solid transparent;\r\n      transition: all 0.2s;\r\n    }\r\n\r\n    .phd-nav-item:hover {\r\n      color: #ffffff;\r\n      background: rgba(255, 255, 255, 0.03);\r\n    }\r\n\r\n    .phd-nav-item.phd-active {\r\n      color: #ffffff;\r\n      background: linear-gradient(90deg, rgba(0, 196, 204, 0.15), transparent);\r\n      border-left-color: #00c4cc;\r\n    }\r\n\r\n    .phd-nav-item svg {\r\n      width: 1.2em;\r\n      height: 1.2em;\r\n      opacity: 0.7;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .phd-nav-item.phd-active svg {\r\n      opacity: 1;\r\n    }\r\n\r\n    .phd-nav-label {\r\n      font-size: 0.7em;\r\n      color: #4b5563;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.1em;\r\n      padding: 0.4em 1.5em;\r\n      margin-top: 0.8em;\r\n    }\r\n\r\n    .phd-theme-toggle {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.6em;\r\n      padding: 0.7em 1.2em;\r\n      color: #6b7280;\r\n      font-size: 0.95em;\r\n      margin-top: auto;\r\n    }\r\n\r\n    .phd-toggle {\r\n      width: 28px;\r\n      height: 16px;\r\n      background: #1e293b;\r\n      border-radius: 8px;\r\n      position: relative;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .phd-toggle::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 12px;\r\n      height: 12px;\r\n      background: #00c4cc;\r\n      border-radius: 50%;\r\n      top: 2px;\r\n      left: 14px;\r\n      transition: left 0.2s;\r\n    }\r\n\r\n    \/* ============================================\r\n       MAIN CONTENT\r\n       ============================================ *\/\r\n    .phd-content {\r\n      flex: 1;\r\n      padding: 1.2em 1.4em;\r\n      overflow: hidden;\r\n      display: flex;\r\n      flex-direction: column;\r\n      background: #0f1a2e;\r\n      min-width: 0;\r\n    }\r\n\r\n    .phd-header {\r\n      margin-bottom: 1em;\r\n    }\r\n\r\n    .phd-title {\r\n      font-size: 1.8em;\r\n      font-weight: 700;\r\n      color: #ffffff;\r\n      margin-bottom: 0.1em;\r\n      display: block;\r\n    }\r\n\r\n    .phd-subtitle {\r\n      font-size: 0.85em;\r\n      color: #6b7280;\r\n      display: block;\r\n    }\r\n\r\n    \/* ============================================\r\n       TOP SECTION: Stats + Segments\r\n       ============================================ *\/\r\n    .phd-top-section {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 0.8em;\r\n      margin-bottom: 0.8em;\r\n    }\r\n\r\n    .phd-stats-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 0.8em;\r\n    }\r\n\r\n    \/* Stat Cards *\/\r\n    .phd-stat-card {\r\n      background: #162236;\r\n      border-radius: 8px;\r\n      padding: 0.9em;\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n    }\r\n\r\n    .phd-stat-card.phd-animated {\r\n      animation: phdFadeInUp 0.5s ease forwards;\r\n    }\r\n\r\n    .phd-stat-card:nth-child(1).phd-animated { animation-delay: 0.1s; }\r\n    .phd-stat-card:nth-child(2).phd-animated { animation-delay: 0.15s; }\r\n    .phd-stat-card:nth-child(3).phd-animated { animation-delay: 0.2s; }\r\n\r\n    @keyframes phdFadeInUp {\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n\r\n    .phd-stat-header {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.4em;\r\n      margin-bottom: 0.5em;\r\n    }\r\n\r\n    .phd-stat-icon {\r\n      width: 1.3em;\r\n      height: 1.3em;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .phd-stat-label {\r\n      font-size: 0.8em;\r\n      color: #9ca3af;\r\n    }\r\n\r\n    .phd-stat-row {\r\n      display: flex;\r\n      align-items: flex-end;\r\n      justify-content: space-between;\r\n      gap: 0.4em;\r\n    }\r\n\r\n    .phd-stat-value {\r\n      font-size: 2.2em;\r\n      font-weight: 700;\r\n      color: #ffffff;\r\n      line-height: 1;\r\n      font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .phd-stat-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.15em;\r\n      padding: 0.2em 0.5em;\r\n      border-radius: 0.3em;\r\n      font-size: 0.7em;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .phd-stat-badge.phd-green {\r\n      background: rgba(16, 185, 129, 0.15);\r\n      color: #10b981;\r\n    }\r\n\r\n    .phd-stat-badge.phd-red {\r\n      background: rgba(239, 68, 68, 0.15);\r\n      color: #ef4444;\r\n    }\r\n\r\n    .phd-stat-sub {\r\n      font-size: 0.65em;\r\n      color: #6b7280;\r\n      margin-top: 0.4em;\r\n      display: block;\r\n    }\r\n\r\n    \/* Segments Card *\/\r\n    .phd-segments {\r\n      background: #162236;\r\n      border-radius: 8px;\r\n      padding: 0.9em;\r\n      grid-row: span 2;\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n    }\r\n\r\n    .phd-segments.phd-animated {\r\n      animation: phdFadeInUp 0.5s ease 0.25s forwards;\r\n    }\r\n\r\n    .phd-segments-title {\r\n      font-size: 1.2em;\r\n      font-weight: 600;\r\n      color: #ffffff;\r\n      margin-bottom: 0.7em;\r\n    }\r\n\r\n    .phd-segments-header {\r\n      display: grid;\r\n      grid-template-columns: 1fr 0.6fr 1fr;\r\n      gap: 0.4em;\r\n      padding: 0.35em 0;\r\n      font-size: 0.7em;\r\n      color: #6b7280;\r\n      border-bottom: 1px solid rgba(255,255,255,0.05);\r\n      margin-bottom: 0.35em;\r\n    }\r\n\r\n    .phd-segments-header span:not(:first-child) {\r\n      text-align: center;\r\n    }\r\n\r\n    .phd-segment-row {\r\n      display: grid;\r\n      grid-template-columns: 1fr 0.6fr 1fr;\r\n      gap: 0.4em;\r\n      padding: 0.25em 0;\r\n      align-items: center;\r\n    }\r\n\r\n    .phd-segment-type {\r\n      background: #1e3a5f;\r\n      color: #ffffff;\r\n      padding: 0.3em 0.5em;\r\n      border-radius: 0.25em;\r\n      font-size: 0.7em;\r\n      font-weight: 500;\r\n      text-align: center;\r\n    }\r\n\r\n    .phd-segment-actual {\r\n      color: #ffffff;\r\n      font-size: 0.8em;\r\n      text-align: center;\r\n      font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .phd-segment-predicted {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 0.2em;\r\n      background: #1e293b;\r\n      padding: 0.3em 0.4em;\r\n      border-radius: 0.25em;\r\n      font-size: 0.7em;\r\n    }\r\n\r\n    .phd-segment-predicted .phd-val {\r\n      color: #ffffff;\r\n      font-weight: 500;\r\n      font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .phd-segment-predicted .phd-change {\r\n      font-size: 0.8em;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .phd-segment-predicted .phd-change.phd-up {\r\n      color: #10b981;\r\n    }\r\n\r\n    .phd-segment-predicted .phd-change.phd-down {\r\n      color: #ef4444;\r\n    }\r\n\r\n    \/* ============================================\r\n       SUMMARY CHART\r\n       ============================================ *\/\r\n    .phd-summary-section {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 0.8em;\r\n      margin-bottom: 0.8em;\r\n    }\r\n\r\n    .phd-summary-chart {\r\n      background: #162236;\r\n      border-radius: 8px;\r\n      padding: 0.9em;\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n    }\r\n\r\n    .phd-summary-chart.phd-animated {\r\n      animation: phdFadeInUp 0.5s ease 0.3s forwards;\r\n    }\r\n\r\n    .phd-chart-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-bottom: 0.7em;\r\n      flex-wrap: wrap;\r\n      gap: 0.6em;\r\n    }\r\n\r\n    .phd-chart-title {\r\n      font-size: 1.1em;\r\n      font-weight: 600;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .phd-chart-controls {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1em;\r\n    }\r\n\r\n    .phd-chart-toggle {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.4em;\r\n      font-size: 0.75em;\r\n      color: #9ca3af;\r\n    }\r\n\r\n    .phd-mini-toggle {\r\n      width: 26px;\r\n      height: 14px;\r\n      background: #00c4cc;\r\n      border-radius: 7px;\r\n      position: relative;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .phd-mini-toggle::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 10px;\r\n      height: 10px;\r\n      background: #ffffff;\r\n      border-radius: 50%;\r\n      top: 2px;\r\n      left: 14px;\r\n    }\r\n\r\n    .phd-mini-toggle.phd-off {\r\n      background: #1e293b;\r\n    }\r\n\r\n    .phd-mini-toggle.phd-off::after {\r\n      left: 2px;\r\n    }\r\n\r\n    .phd-period-btn {\r\n      background: #1e293b;\r\n      color: #ffffff;\r\n      border: none;\r\n      padding: 0.4em 0.8em;\r\n      border-radius: 0.3em;\r\n      font-size: 0.7em;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .phd-chart-area {\r\n      position: relative;\r\n      height: 130px;\r\n      margin-top: 0.4em;\r\n    }\r\n\r\n    .phd-chart-y-axis {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      bottom: 18px;\r\n      width: 24px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      font-size: 0.6em;\r\n      color: #6b7280;\r\n    }\r\n\r\n    .phd-chart-y-axis span {\r\n      text-align: right;\r\n      padding-right: 4px;\r\n    }\r\n\r\n    .phd-chart-canvas {\r\n      position: absolute;\r\n      left: 28px;\r\n      right: 0;\r\n      top: 0;\r\n      bottom: 18px;\r\n    }\r\n\r\n    .phd-chart-svg {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n    }\r\n\r\n    .phd-chart-grid {\r\n      stroke: rgba(255,255,255,0.05);\r\n      stroke-width: 1;\r\n    }\r\n\r\n    .phd-chart-line {\r\n      fill: none;\r\n      stroke-width: 1.5;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .phd-chart-line.phd-teal { stroke: #00c4cc; }\r\n    .phd-chart-line.phd-red { stroke: #ef4444; }\r\n\r\n    .phd-chart-fill {\r\n      opacity: 0.1;\r\n    }\r\n\r\n    .phd-chart-fill.phd-teal { fill: #00c4cc; }\r\n\r\n    .phd-x-axis {\r\n      position: absolute;\r\n      left: 28px;\r\n      right: 0;\r\n      bottom: 0;\r\n      height: 14px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      font-size: 0.55em;\r\n      color: #6b7280;\r\n    }\r\n\r\n    \/* ============================================\r\n       BOTTOM SECTION: Behaviour + Game Trends\r\n       ============================================ *\/\r\n    .phd-bottom-section {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1.3fr;\r\n      gap: 0.8em;\r\n    }\r\n\r\n    \/* Behaviour Analysis *\/\r\n    .phd-behaviour {\r\n      background: #162236;\r\n      border-radius: 8px;\r\n      padding: 0.9em;\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n    }\r\n\r\n    .phd-behaviour.phd-animated {\r\n      animation: phdFadeInUp 0.5s ease 0.35s forwards;\r\n    }\r\n\r\n    .phd-behaviour-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-bottom: 0.7em;\r\n    }\r\n\r\n    .phd-behaviour-title {\r\n      font-size: 1.1em;\r\n      font-weight: 600;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .phd-dropdown {\r\n      background: transparent;\r\n      border: 1px solid #3b4a5f;\r\n      color: #ffffff;\r\n      padding: 0.4em 0.7em;\r\n      border-radius: 0.3em;\r\n      font-size: 0.75em;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .phd-radar-wrap {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 1;\r\n      max-width: 200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .phd-radar-svg {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .phd-radar-grid {\r\n      stroke: rgba(255,255,255,0.1);\r\n      fill: none;\r\n      stroke-width: 1;\r\n    }\r\n\r\n    .phd-radar-axis {\r\n      stroke: rgba(255,255,255,0.1);\r\n      stroke-width: 1;\r\n    }\r\n\r\n    .phd-radar-area {\r\n      stroke-width: 1.5;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .phd-radar-area.phd-teal {\r\n      fill: rgba(0, 196, 204, 0.2);\r\n      stroke: #00c4cc;\r\n    }\r\n\r\n    .phd-radar-area.phd-red {\r\n      fill: rgba(239, 68, 68, 0.15);\r\n      stroke: #ef4444;\r\n    }\r\n\r\n    .phd-radar-label {\r\n      font-size: 0.55em;\r\n      fill: #9ca3af;\r\n      text-anchor: middle;\r\n    }\r\n\r\n    \/* Game Trends *\/\r\n    .phd-trends {\r\n      background: #162236;\r\n      border-radius: 8px;\r\n      padding: 0.9em;\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n    }\r\n\r\n    .phd-trends.phd-animated {\r\n      animation: phdFadeInUp 0.5s ease 0.4s forwards;\r\n    }\r\n\r\n    .phd-trends-title {\r\n      font-size: 1.1em;\r\n      font-weight: 600;\r\n      color: #ffffff;\r\n      margin-bottom: 0.6em;\r\n    }\r\n\r\n    .phd-trends-legend {\r\n      display: flex;\r\n      gap: 0.4em;\r\n      margin-bottom: 0.7em;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .phd-legend-item {\r\n      padding: 0.2em 0.6em;\r\n      border-radius: 0.8em;\r\n      font-size: 0.65em;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .phd-legend-item.phd-hot { background: #10b981; color: #ffffff; }\r\n    .phd-legend-item.phd-rising { background: #3b82f6; color: #ffffff; }\r\n    .phd-legend-item.phd-stable { background: #6b7280; color: #ffffff; }\r\n    .phd-legend-item.phd-cooling { background: #ef4444; color: #ffffff; }\r\n\r\n    .phd-trends-table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n      font-size: 0.75em;\r\n    }\r\n\r\n    .phd-trends-table th {\r\n      background: #1e3a5f;\r\n      color: #9ca3af;\r\n      font-weight: 500;\r\n      padding: 0.5em 0.4em;\r\n      text-align: center;\r\n      font-size: 0.7em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .phd-trends-table th:first-child {\r\n      border-radius: 0.3em 0 0 0.3em;\r\n    }\r\n\r\n    .phd-trends-table th:last-child {\r\n      border-radius: 0 0.3em 0.3em 0;\r\n    }\r\n\r\n    .phd-trends-table td {\r\n      padding: 0.45em 0.4em;\r\n      text-align: center;\r\n      border-bottom: 1px solid rgba(255,255,255,0.03);\r\n    }\r\n\r\n    .phd-trends-table td:first-child {\r\n      color: #ffffff;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .phd-trends-table td:nth-child(2) {\r\n      color: #9ca3af;\r\n      font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .phd-trends-table td:nth-child(3) {\r\n      font-weight: 500;\r\n    }\r\n\r\n    .phd-trends-table td:nth-child(3).phd-positive { color: #10b981; }\r\n    .phd-trends-table td:nth-child(3).phd-negative { color: #ef4444; }\r\n\r\n    .phd-trends-table td:last-child {\r\n      background: #1e3a5f;\r\n      color: #00c4cc;\r\n      font-weight: 600;\r\n      border-radius: 0.25em;\r\n    }\r\n\r\n    .phd-view-more {\r\n      display: block;\r\n      text-align: left;\r\n      margin-top: 0.7em;\r\n      color: #6b7280;\r\n      font-size: 0.75em;\r\n      cursor: pointer;\r\n      transition: color 0.2s;\r\n    }\r\n\r\n    .phd-view-more:hover {\r\n      color: #00c4cc;\r\n    }\r\n\r\n    \/* ============================================\r\n       RESPONSIVE DESIGN\r\n       ============================================ *\/\r\n    @media (max-width: 800px) {\r\n      .phd-main {\r\n        font-size: 9px;\r\n      }\r\n\r\n      .phd-sidebar {\r\n        display: none;\r\n      }\r\n\r\n      .phd-top-section {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .phd-segments {\r\n        grid-row: span 1;\r\n      }\r\n\r\n      .phd-summary-section {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .phd-bottom-section {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 500px) {\r\n      .phd-main {\r\n        font-size: 10px;\r\n      }\r\n\r\n      .phd-content {\r\n        padding: 1em;\r\n      }\r\n\r\n      .phd-stats-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .phd-chart-controls {\r\n        flex-wrap: wrap;\r\n      }\r\n\r\n      .phd-title {\r\n        font-size: 1.5em;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"phd-wrap\">\r\n    <div class=\"phd-main\">\r\n      \r\n      <!-- Sidebar -->\r\n      <div class=\"phd-sidebar\">\r\n        <div class=\"phd-logo\">play<span>hard<\/span><\/div>\r\n\r\n        <nav class=\"phd-nav-section\">\r\n          <div class=\"phd-nav-item phd-active\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n            Dashboard\r\n          <\/div>\r\n          <div class=\"phd-nav-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n            User Management\r\n          <\/div>\r\n          <div class=\"phd-nav-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\r\n            Monitoring\r\n          <\/div>\r\n          <div class=\"phd-nav-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10 8 16 12 10 16 10 8\"\/><\/svg>\r\n            Games\r\n          <\/div>\r\n          <div class=\"phd-nav-item\">\r\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\r\n            Reports\r\n          <\/div>\r\n        <\/nav>\r\n\r\n        <div class=\"phd-nav-label\">Account<\/div>\r\n        <div class=\"phd-nav-item\">\r\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n          Profile\r\n        <\/div>\r\n        <div class=\"phd-nav-item\">\r\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"\/><polyline points=\"16 17 21 12 16 7\"\/><line x1=\"21\" y1=\"12\" x2=\"9\" y2=\"12\"\/><\/svg>\r\n          Logout\r\n        <\/div>\r\n\r\n        <div class=\"phd-nav-label\">Setting<\/div>\r\n        <div class=\"phd-theme-toggle\">\r\n          <svg width=\"1.2em\" height=\"1.2em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\r\n          Dark Theme\r\n          <div class=\"phd-toggle\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Main Content -->\r\n      <div class=\"phd-content\">\r\n        <div class=\"phd-header\">\r\n          <span class=\"phd-title\">Dashboard<\/span>\r\n          <span class=\"phd-subtitle\">Behavioural monitoring<\/span>\r\n        <\/div>\r\n\r\n        <!-- Top Section: Stats + Segments -->\r\n        <div class=\"phd-top-section\">\r\n          <div>\r\n            <div class=\"phd-stats-row\">\r\n              <!-- About to deposit -->\r\n              <div class=\"phd-stat-card\">\r\n                <div class=\"phd-stat-header\">\r\n                  <svg class=\"phd-stat-icon\" viewBox=\"0 0 24 24\" fill=\"#10b981\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n                  <span class=\"phd-stat-label\">About to deposit<\/span>\r\n                <\/div>\r\n                <div class=\"phd-stat-row\">\r\n                  <span class=\"phd-stat-value\" id=\"phd-deposit\">0<\/span>\r\n                  <span class=\"phd-stat-badge phd-green\">\u2197 +50%<\/span>\r\n                <\/div>\r\n                <span class=\"phd-stat-sub\">30-day forecast<\/span>\r\n              <\/div>\r\n\r\n              <!-- About to churn -->\r\n              <div class=\"phd-stat-card\">\r\n                <div class=\"phd-stat-header\">\r\n                  <svg class=\"phd-stat-icon\" viewBox=\"0 0 24 24\" fill=\"#ef4444\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n                  <span class=\"phd-stat-label\">About to churn<\/span>\r\n                <\/div>\r\n                <div class=\"phd-stat-row\">\r\n                  <span class=\"phd-stat-value\" id=\"phd-churn\">0<\/span>\r\n                  <span class=\"phd-stat-badge phd-red\">\u2198 -50%<\/span>\r\n                <\/div>\r\n                <span class=\"phd-stat-sub\">30-day forecast<\/span>\r\n              <\/div>\r\n\r\n              <!-- Expected deposit amount -->\r\n              <div class=\"phd-stat-card\">\r\n                <div class=\"phd-stat-header\">\r\n                  <svg class=\"phd-stat-icon\" viewBox=\"0 0 24 24\" fill=\"#f59e0b\"><path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/><\/svg>\r\n                  <span class=\"phd-stat-label\">Expected deposit amount<\/span>\r\n                <\/div>\r\n                <div class=\"phd-stat-row\">\r\n                  <span class=\"phd-stat-value\" id=\"phd-expected\">0<\/span>\r\n                  <span class=\"phd-stat-badge phd-red\">\u2198 -50%<\/span>\r\n                <\/div>\r\n                <span class=\"phd-stat-sub\">30-day forecast<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Segments -->\r\n          \r\n        <\/div>\r\n\r\n        <!-- Summary Section -->\r\n        <div class=\"phd-summary-section\">\r\n            <div class=\"phd-segments\">\r\n            <div class=\"phd-segments-title\">Segments<\/div>\r\n            <div class=\"phd-segments-header\">\r\n              <span>Type<\/span>\r\n              <span>Actual<\/span>\r\n              <span>Predicted<\/span>\r\n            <\/div>\r\n            <div class=\"phd-segment-row\">\r\n              <span class=\"phd-segment-type\">Champions<\/span>\r\n              <span class=\"phd-segment-actual\">286<\/span>\r\n              <div class=\"phd-segment-predicted\"><span class=\"phd-val\">325<\/span><span class=\"phd-change phd-up\">\u2197 +50%<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"phd-segment-row\">\r\n              <span class=\"phd-segment-type\">Loyal<\/span>\r\n              <span class=\"phd-segment-actual\">198<\/span>\r\n              <div class=\"phd-segment-predicted\"><span class=\"phd-val\">265<\/span><span class=\"phd-change phd-up\">\u2197 +50%<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"phd-segment-row\">\r\n              <span class=\"phd-segment-type\">Promising<\/span>\r\n              <span class=\"phd-segment-actual\">921<\/span>\r\n              <div class=\"phd-segment-predicted\"><span class=\"phd-val\">850<\/span><span class=\"phd-change phd-down\">\u2198 -50%<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"phd-segment-row\">\r\n              <span class=\"phd-segment-type\">New Customers<\/span>\r\n              <span class=\"phd-segment-actual\">125<\/span>\r\n              <div class=\"phd-segment-predicted\"><span class=\"phd-val\">98<\/span><span class=\"phd-change phd-down\">\u2198 -50%<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"phd-segment-row\">\r\n              <span class=\"phd-segment-type\">Need Attention<\/span>\r\n              <span class=\"phd-segment-actual\">90<\/span>\r\n              <div class=\"phd-segment-predicted\"><span class=\"phd-val\">152<\/span><span class=\"phd-change phd-up\">\u2197 -50%<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"phd-segment-row\">\r\n              <span class=\"phd-segment-type\">At risk<\/span>\r\n              <span class=\"phd-segment-actual\">130<\/span>\r\n              <div class=\"phd-segment-predicted\"><span class=\"phd-val\">200<\/span><span class=\"phd-change phd-down\">\u2198 -50%<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"phd-segment-row\">\r\n              <span class=\"phd-segment-type\">Bonus Hunter<\/span>\r\n              <span class=\"phd-segment-actual\">130<\/span>\r\n              <div class=\"phd-segment-predicted\"><span class=\"phd-val\">200<\/span><span class=\"phd-change phd-down\">\u2198 -50%<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"phd-segment-row\">\r\n              <span class=\"phd-segment-type\">Lost causes<\/span>\r\n              <span class=\"phd-segment-actual\">130<\/span>\r\n              <div class=\"phd-segment-predicted\"><span class=\"phd-val\">200<\/span><span class=\"phd-change phd-down\">\u2198 -50%<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"phd-summary-chart\">\r\n            <div class=\"phd-chart-header\">\r\n              <span class=\"phd-chart-title\">Summary<\/span>\r\n              <div class=\"phd-chart-controls\">\r\n                <div class=\"phd-chart-toggle\">\r\n                  Deposit Amount\r\n                  <div class=\"phd-mini-toggle\"><\/div>\r\n                <\/div>\r\n                <div class=\"phd-chart-toggle\">\r\n                  About to churn\r\n                  <div class=\"phd-mini-toggle phd-off\"><\/div>\r\n                <\/div>\r\n                <button class=\"phd-period-btn\">This Month<\/button>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"phd-chart-area\">\r\n              <div class=\"phd-chart-y-axis\">\r\n                <span>100<\/span>\r\n                <span>90<\/span>\r\n                <span>80<\/span>\r\n                <span>70<\/span>\r\n                <span>60<\/span>\r\n                <span>50<\/span>\r\n                <span>40<\/span>\r\n                <span>30<\/span>\r\n                <span>20<\/span>\r\n                <span>10<\/span>\r\n                <span>0<\/span>\r\n              <\/div>\r\n              <div class=\"phd-chart-canvas\">\r\n                <svg class=\"phd-chart-svg\" viewBox=\"0 0 400 150\" preserveAspectRatio=\"none\">\r\n                  <!-- Grid lines -->\r\n                  <line class=\"phd-chart-grid\" x1=\"0\" y1=\"0\" x2=\"400\" y2=\"0\"\/>\r\n                  <line class=\"phd-chart-grid\" x1=\"0\" y1=\"15\" x2=\"400\" y2=\"15\"\/>\r\n                  <line class=\"phd-chart-grid\" x1=\"0\" y1=\"30\" x2=\"400\" y2=\"30\"\/>\r\n                  <line class=\"phd-chart-grid\" x1=\"0\" y1=\"45\" x2=\"400\" y2=\"45\"\/>\r\n                  <line class=\"phd-chart-grid\" x1=\"0\" y1=\"60\" x2=\"400\" y2=\"60\"\/>\r\n                  <line class=\"phd-chart-grid\" x1=\"0\" y1=\"75\" x2=\"400\" y2=\"75\"\/>\r\n                  <line class=\"phd-chart-grid\" x1=\"0\" y1=\"90\" x2=\"400\" y2=\"90\"\/>\r\n                  <line class=\"phd-chart-grid\" x1=\"0\" y1=\"105\" x2=\"400\" y2=\"105\"\/>\r\n                  <line class=\"phd-chart-grid\" x1=\"0\" y1=\"120\" x2=\"400\" y2=\"120\"\/>\r\n                  <line class=\"phd-chart-grid\" x1=\"0\" y1=\"135\" x2=\"400\" y2=\"135\"\/>\r\n                  <line class=\"phd-chart-grid\" x1=\"0\" y1=\"150\" x2=\"400\" y2=\"150\"\/>\r\n                  \r\n                  <!-- Area fill -->\r\n                  <path class=\"phd-chart-fill phd-teal\" id=\"phd-area-fill\" d=\"M0,150 L0,150 L400,150 L400,150 Z\"\/>\r\n                  \r\n                  <!-- Main line -->\r\n                  <path class=\"phd-chart-line phd-teal\" id=\"phd-main-line\" d=\"M0,150 L400,150\"\/>\r\n                  \r\n                  <!-- Red line -->\r\n                  <path class=\"phd-chart-line phd-red\" id=\"phd-red-line\" d=\"M0,150 L400,150\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"phd-x-axis\">\r\n                <span>1<\/span><span>2<\/span><span>3<\/span><span>4<\/span><span>5<\/span><span>6<\/span><span>7<\/span><span>8<\/span><span>9<\/span><span>10<\/span>\r\n                <span>11<\/span><span>12<\/span><span>13<\/span><span>14<\/span><span>15<\/span><span>16<\/span><span>17<\/span><span>18<\/span><span>19<\/span><span>20<\/span>\r\n                <span>21<\/span><span>22<\/span><span>23<\/span><span>24<\/span><span>25<\/span><span>26<\/span><span>27<\/span><span>28<\/span><span>29<\/span><span>30<\/span><span>31<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bottom Section: Behaviour + Game Trends -->\r\n        <div class=\"phd-bottom-section\">\r\n          <!-- Behaviour Analysis -->\r\n          <div class=\"phd-behaviour\">\r\n            <div class=\"phd-behaviour-header\">\r\n              <span class=\"phd-behaviour-title\">Behaviour analysis<\/span>\r\n              <button class=\"phd-dropdown\">Champions<\/button>\r\n            <\/div>\r\n            <div class=\"phd-radar-wrap\">\r\n              <svg class=\"phd-radar-svg\" viewBox=\"0 0 300 300\">\r\n                <!-- Grid circles -->\r\n                <circle class=\"phd-radar-grid\" cx=\"150\" cy=\"150\" r=\"100\"\/>\r\n                <circle class=\"phd-radar-grid\" cx=\"150\" cy=\"150\" r=\"75\"\/>\r\n                <circle class=\"phd-radar-grid\" cx=\"150\" cy=\"150\" r=\"50\"\/>\r\n                <circle class=\"phd-radar-grid\" cx=\"150\" cy=\"150\" r=\"25\"\/>\r\n                \r\n                <!-- Axis lines -->\r\n                <line class=\"phd-radar-axis\" x1=\"150\" y1=\"50\" x2=\"150\" y2=\"250\"\/>\r\n                <line class=\"phd-radar-axis\" x1=\"50\" y1=\"150\" x2=\"250\" y2=\"150\"\/>\r\n                <line class=\"phd-radar-axis\" x1=\"79\" y1=\"79\" x2=\"221\" y2=\"221\"\/>\r\n                <line class=\"phd-radar-axis\" x1=\"221\" y1=\"79\" x2=\"79\" y2=\"221\"\/>\r\n                <line class=\"phd-radar-axis\" x1=\"150\" y1=\"50\" x2=\"150\" y2=\"250\" transform=\"rotate(22.5 150 150)\"\/>\r\n                <line class=\"phd-radar-axis\" x1=\"150\" y1=\"50\" x2=\"150\" y2=\"250\" transform=\"rotate(-22.5 150 150)\"\/>\r\n                <line class=\"phd-radar-axis\" x1=\"150\" y1=\"50\" x2=\"150\" y2=\"250\" transform=\"rotate(67.5 150 150)\"\/>\r\n                <line class=\"phd-radar-axis\" x1=\"150\" y1=\"50\" x2=\"150\" y2=\"250\" transform=\"rotate(-67.5 150 150)\"\/>\r\n                \r\n                <!-- Data areas -->\r\n                <polygon class=\"phd-radar-area phd-teal\" id=\"phd-radar-teal\" points=\"150,150\"\/>\r\n                <polygon class=\"phd-radar-area phd-red\" id=\"phd-radar-red\" points=\"150,150\"\/>\r\n                \r\n                <!-- Labels -->\r\n                <text class=\"phd-radar-label\" x=\"150\" y=\"35\">Play frequency<\/text>\r\n                <text class=\"phd-radar-label\" x=\"230\" y=\"75\">Average Deposit<\/text>\r\n                <text class=\"phd-radar-label\" x=\"270\" y=\"155\">Average bet<\/text>\r\n                <text class=\"phd-radar-label\" x=\"240\" y=\"230\">Session duration<\/text>\r\n                <text class=\"phd-radar-label\" x=\"175\" y=\"275\">Bonus sensitivity<\/text>\r\n                <text class=\"phd-radar-label\" x=\"95\" y=\"275\">Bonus acquired<\/text>\r\n                <text class=\"phd-radar-label\" x=\"40\" y=\"230\">Withdrawal to<tspan x=\"40\" dy=\"10\">wager ratio<\/tspan><\/text>\r\n                <text class=\"phd-radar-label\" x=\"30\" y=\"155\">Deposit rate<\/text>\r\n                <text class=\"phd-radar-label\" x=\"60\" y=\"75\">Bonus to GGR Ratio<\/text>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Game Trends -->\r\n          <div class=\"phd-trends\">\r\n            <div class=\"phd-trends-title\">Game trends<\/div>\r\n            <div class=\"phd-trends-legend\">\r\n              <span class=\"phd-legend-item phd-hot\">Hot<\/span>\r\n              <span class=\"phd-legend-item phd-rising\">Rising<\/span>\r\n              <span class=\"phd-legend-item phd-stable\">Stable<\/span>\r\n              <span class=\"phd-legend-item phd-cooling\">Cooling<\/span>\r\n            <\/div>\r\n            <table class=\"phd-trends-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th>CASINO<\/th>\r\n                  <th>NUMBER OF USERS<\/th>\r\n                  <th>FORECAST GROWTH<\/th>\r\n                  <th>FORECAST TURNOVER<\/th>\r\n                <\/tr>\r\n              <\/thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>Aviator<\/td>\r\n                  <td>256<\/td>\r\n                  <td class=\"phd-positive\">+41% Users<\/td>\r\n                  <td>25K<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                  <td>Bonanza express<\/td>\r\n                  <td>156<\/td>\r\n                  <td class=\"phd-positive\">+18% Users<\/td>\r\n                  <td>65K<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                  <td>Age of gods<\/td>\r\n                  <td>115<\/td>\r\n                  <td class=\"phd-negative\">-15% Users<\/td>\r\n                  <td>20K<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                  <td>Book of Ra<\/td>\r\n                  <td>250<\/td>\r\n                  <td class=\"phd-positive\">+10% Users<\/td>\r\n                  <td>15K<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                  <td>Sweet Bonanza<\/td>\r\n                  <td>59<\/td>\r\n                  <td class=\"phd-positive\">+28% Users<\/td>\r\n                  <td>5K<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                  <td>Big circus<\/td>\r\n                  <td>98<\/td>\r\n                  <td class=\"phd-negative\">-25% Users<\/td>\r\n                  <td>1K<\/td>\r\n                <\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n            <span class=\"phd-view-more\">VIEW MORE<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function() {\r\n      \/\/ Animate numbers\r\n      function animateNumber(element, target, suffix = '', duration = 1500) {\r\n        const start = 0;\r\n        const startTime = performance.now();\r\n        \r\n        function update(currentTime) {\r\n          const elapsed = currentTime - startTime;\r\n          const progress = Math.min(elapsed \/ duration, 1);\r\n          const easeOut = 1 - Math.pow(1 - progress, 3);\r\n          const current = Math.floor(start + (target - start) * easeOut);\r\n          element.textContent = current.toLocaleString() + suffix;\r\n          \r\n          if (progress < 1) {\r\n            requestAnimationFrame(update);\r\n          }\r\n        }\r\n        \r\n        requestAnimationFrame(update);\r\n      }\r\n\r\n      \/\/ Generate chart path\r\n      function generateChartPath(points, height, width) {\r\n        const step = width \/ (points.length - 1);\r\n        let path = 'M0,' + (height - points[0] * height \/ 100);\r\n        \r\n        for (let i = 1; i < points.length; i++) {\r\n          const x = i * step;\r\n          const y = height - points[i] * height \/ 100;\r\n          path += ' L' + x + ',' + y;\r\n        }\r\n        \r\n        return path;\r\n      }\r\n\r\n      \/\/ Generate area path\r\n      function generateAreaPath(points, height, width) {\r\n        const linePath = generateChartPath(points, height, width);\r\n        return linePath + ' L' + width + ',' + height + ' L0,' + height + ' Z';\r\n      }\r\n\r\n      \/\/ Generate radar polygon\r\n      function generateRadarPoints(values, cx, cy, maxRadius) {\r\n        const angleStep = (2 * Math.PI) \/ values.length;\r\n        let points = '';\r\n        \r\n        values.forEach((val, i) => {\r\n          const angle = -Math.PI \/ 2 + i * angleStep;\r\n          const radius = (val \/ 100) * maxRadius;\r\n          const x = cx + radius * Math.cos(angle);\r\n          const y = cy + radius * Math.sin(angle);\r\n          points += x + ',' + y + ' ';\r\n        });\r\n        \r\n        return points.trim();\r\n      }\r\n\r\n      \/\/ Start animations\r\n      function startAnimations() {\r\n        \/\/ Add animated class to all cards\r\n        document.querySelectorAll('.phd-stat-card, .phd-segments, .phd-summary-chart, .phd-behaviour, .phd-trends').forEach(function(el) {\r\n          el.classList.add('phd-animated');\r\n        });\r\n\r\n        \/\/ Animate stat numbers\r\n        setTimeout(function() {\r\n          animateNumber(document.getElementById('phd-deposit'), 1240);\r\n          animateNumber(document.getElementById('phd-churn'), 256);\r\n          animateNumber(document.getElementById('phd-expected'), 125, 'k');\r\n        }, 300);\r\n\r\n        \/\/ Animate main chart\r\n        setTimeout(function() {\r\n          const mainData = [30, 28, 25, 22, 20, 18, 22, 28, 35, 32, 28, 25, 30, 35, 42, 45, 48, 52, 55, 58, 62, 65, 68, 72, 75, 78, 82, 78, 75, 72, 70];\r\n          const redData = [25, 22, 20, 18, 22, 25, 28, 25, 22, 20, 18, 22, 25, 28, 30, 25, 22, 20, 18, 22, 25, 28, 25, 22, 20, 18, 15, 18, 20, 22, 25];\r\n          \r\n          const mainLine = document.getElementById('phd-main-line');\r\n          const areaFill = document.getElementById('phd-area-fill');\r\n          const redLine = document.getElementById('phd-red-line');\r\n          \r\n          if (mainLine && areaFill && redLine) {\r\n            const mainPath = generateChartPath(mainData, 150, 400);\r\n            const areaPath = generateAreaPath(mainData, 150, 400);\r\n            const redPath = generateChartPath(redData, 150, 400);\r\n            \r\n            mainLine.setAttribute('d', mainPath);\r\n            areaFill.setAttribute('d', areaPath);\r\n            redLine.setAttribute('d', redPath);\r\n          }\r\n        }, 600);\r\n\r\n        \/\/ Animate radar chart\r\n        setTimeout(function() {\r\n          const tealValues = [75, 85, 60, 70, 45, 55, 40, 65, 50];\r\n          const redValues = [55, 45, 70, 50, 65, 40, 60, 45, 70];\r\n          \r\n          const tealPolygon = document.getElementById('phd-radar-teal');\r\n          const redPolygon = document.getElementById('phd-radar-red');\r\n          \r\n          if (tealPolygon && redPolygon) {\r\n            tealPolygon.setAttribute('points', generateRadarPoints(tealValues, 150, 150, 100));\r\n            redPolygon.setAttribute('points', generateRadarPoints(redValues, 150, 150, 100));\r\n          }\r\n        }, 800);\r\n      }\r\n\r\n      \/\/ IntersectionObserver\r\n      if ('IntersectionObserver' in window) {\r\n        var observer = new IntersectionObserver(function(entries) {\r\n          entries.forEach(function(entry) {\r\n            if (entry.isIntersecting) {\r\n              startAnimations();\r\n              observer.disconnect();\r\n            }\r\n          });\r\n        }, { threshold: 0.1 });\r\n\r\n        var target = document.querySelector('.phd-main');\r\n        if (target) {\r\n          observer.observe(target);\r\n        }\r\n      } else {\r\n        setTimeout(startAnimations, 300);\r\n      }\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<div class=\"elementor-element elementor-element-2e31282 e-con-full e-flex e-con e-child\" data-id=\"2e31282\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ce84c88 e-con-full e-flex e-con e-child\" data-id=\"ce84c88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7af980 elementor-widget elementor-widget-image\" data-id=\"b7af980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"210\" src=\"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard-1024x269.png\" class=\"attachment-large size-large wp-image-2507\" alt=\"\" srcset=\"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard-1024x269.png 1024w, https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard-300x79.png 300w, https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard-768x202.png 768w, https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard.png 1231w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db6d19f elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"db6d19f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">La nuova frontiera del marketing predittivo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4902864 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4902864\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Con Playhard agisci in anticipo , prima che un problema diventi un problema<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55f913c e-con-full e-flex e-con e-child\" data-id=\"55f913c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-481b6a7 elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-button\" data-id=\"481b6a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#contatti-footer\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Prova la Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43539c4 e-flex e-con-boxed e-con e-parent\" data-id=\"43539c4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-60b2967 e-con-full e-flex e-con e-child\" data-id=\"60b2967\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d452ac8 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d452ac8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:50}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Se stai reagendo, <br> sei gi\u00e0 in ritardo.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e80728e elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"e80728e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In un mercato che si muove alla velocit\u00e0 dei bit, <b data-path-to-node=\"5\" data-index-in-node=\"50\">il tempo di reazione umano \u00e8 diventato un collo di bottiglia<\/b>.\u00a0<\/p><p>Se aspetti che un trend si manifesti per agire, stai solo inseguendo l&#8217;eco di un&#8217;opportunit\u00e0 gi\u00e0 svanita.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22ec736 e-con-full e-flex e-con e-child\" data-id=\"22ec736\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e665579 elementor-widget elementor-widget-image\" data-id=\"e665579\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2000\" height=\"1500\" src=\"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/02\/illustrazione-3d-personaggio-uomo-d-affari-in-camicia-e-cravatta-con-una-valigetta-corre-lungo-l-orologio-rendering-di-concetti-di-tempo-aziendale.png\" class=\"attachment-full size-full wp-image-4352\" alt=\"\" srcset=\"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/02\/illustrazione-3d-personaggio-uomo-d-affari-in-camicia-e-cravatta-con-una-valigetta-corre-lungo-l-orologio-rendering-di-concetti-di-tempo-aziendale.png 2000w, https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/02\/illustrazione-3d-personaggio-uomo-d-affari-in-camicia-e-cravatta-con-una-valigetta-corre-lungo-l-orologio-rendering-di-concetti-di-tempo-aziendale-300x225.png 300w, https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/02\/illustrazione-3d-personaggio-uomo-d-affari-in-camicia-e-cravatta-con-una-valigetta-corre-lungo-l-orologio-rendering-di-concetti-di-tempo-aziendale-1024x768.png 1024w, https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/02\/illustrazione-3d-personaggio-uomo-d-affari-in-camicia-e-cravatta-con-una-valigetta-corre-lungo-l-orologio-rendering-di-concetti-di-tempo-aziendale-768x576.png 768w, https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/02\/illustrazione-3d-personaggio-uomo-d-affari-in-camicia-e-cravatta-con-una-valigetta-corre-lungo-l-orologio-rendering-di-concetti-di-tempo-aziendale-1536x1152.png 1536w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20d64f4 e-flex e-con-boxed e-con e-parent\" data-id=\"20d64f4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-496c9a1 e-con-full e-flex e-con e-child\" data-id=\"496c9a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d842315 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d842315\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:50}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Con Playhard smetti di reagire ed inizi a prevedere<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e8464e elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1e8464e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Con PlayHard, non analizzi ci\u00f2 che \u00e8 successo, governi ci\u00f2 che sta per accadere. Elabora migliaia di data point per identificare pattern invisibili e prendere decisioni strategiche in pochi secondi<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86fadf8 e-grid e-con-full e-con e-child\" data-id=\"86fadf8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-248d128 e-con-full e-flex e-con e-child\" data-id=\"248d128\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06769cd elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"06769cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-chart-bar\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-507bb71 elementor-widget elementor-widget-heading\" data-id=\"507bb71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Analizza<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a86206b elementor-widget elementor-widget-text-editor\" data-id=\"a86206b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Raccoglie e processa ogni interazione: sessioni, depositi, giochi preferiti, orari di gioco, risposta alle promozioni e centinaia di altri segnali.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7e5683 e-con-full e-flex e-con e-child\" data-id=\"d7e5683\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a18858 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"9a18858\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chart-line\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42e3e50 elementor-widget elementor-widget-heading\" data-id=\"42e3e50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Predice<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-708f515 elementor-widget elementor-widget-text-editor\" data-id=\"708f515\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>I modelli predittivi identificano chi sta per abbandonare, chi \u00e8 pronto per un upgrade, chi risponder\u00e0 meglio a quale tipo di offerta.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3791053 e-con-full e-flex e-con e-child\" data-id=\"3791053\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18ec30c elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"18ec30c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-bell\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M439.39 362.29c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71zM67.53 368c21.22-27.97 44.42-74.33 44.53-159.42 0-.2-.06-.38-.06-.58 0-61.86 50.14-112 112-112s112 50.14 112 112c0 .2-.06.38-.06.58.11 85.1 23.31 131.46 44.53 159.42H67.53zM224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe362f2 elementor-widget elementor-widget-heading\" data-id=\"fe362f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Suggerisce<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd728ba elementor-widget elementor-widget-text-editor\" data-id=\"fd728ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Next-best-action: ti dice esattamente quale azione compiere per ogni giocatore. Il bonus giusto, al momento giusto, con il messaggio giusto.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc564ca e-flex e-con-boxed e-con e-parent\" data-id=\"dc564ca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db5f259 elementor-widget elementor-widget-heading\" data-id=\"db5f259\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Playhard per l'iGaming<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-550bbca elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"550bbca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    .ph-widget * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .ph-widget {\r\n      font-family: 'DM Sans', sans-serif;\r\n      display: flex;\r\n      gap: 200px;\r\n      max-width: 1500px;\r\n      width: 100%;\r\n      align-items: stretch;\r\n      background: transparent;\r\n    }\r\n\r\n    \/* Left side - Tab selectors *\/\r\n    .ph-tabs {\r\n      flex: 0 0 500px;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .ph-tab {\r\n      flex: 1;\r\n      padding: 24px;\r\n      border-left: 4px solid transparent;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      background: transparent;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n    }\r\n\r\n    .ph-tab:hover {\r\n      background: rgba(10, 37, 64, 0.02);\r\n    }\r\n\r\n    .ph-tab.active {\r\n      background: #ffffff;\r\n      border-left-color: #0084FF;\r\n      box-shadow: 0 2px 20px rgba(10, 37, 64, 0.08);\r\n    }\r\n\r\n    .ph-tab-title {\r\n      font-size: 1.15rem;\r\n      font-weight: 600;\r\n      color: #0a2540;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .ph-tab:not(.active) .ph-tab-title {\r\n      color: rgba(10, 37, 64, 0.5);\r\n    }\r\n\r\n    .ph-tab-desc {\r\n      font-size: 0.9rem;\r\n      color: #6b7280;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .ph-tab:not(.active) .ph-tab-desc {\r\n      color: #9ca3af;\r\n    }\r\n\r\n    \/* Right side - Content *\/\r\n    .ph-content-wrapper {\r\n      flex: 1;\r\n      min-width: 500px;\r\n    }\r\n\r\n    .ph-content {\r\n      display: none;\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n      transition: opacity 0.4s ease, transform 0.4s ease;\r\n      height: 100%;\r\n    }\r\n\r\n    .ph-content.active {\r\n      display: block;\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* Dashboard Card *\/\r\n    .ph-card {\r\n      background: #ffffff;\r\n      border-radius: 12px;\r\n      box-shadow: 0 4px 30px rgba(10, 37, 64, 0.08);\r\n      overflow: hidden;\r\n      height: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .ph-card-header {\r\n      background: #0a2540;\r\n      padding: 20px 24px;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .ph-big-number {\r\n      font-size: 2.8rem;\r\n      font-weight: 700;\r\n      line-height: 1;\r\n    }\r\n\r\n    .ph-header-label {\r\n      font-size: 0.9rem;\r\n      opacity: 0.8;\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .ph-card-body {\r\n      padding: 24px;\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    \/* Two column layout *\/\r\n    .ph-two-cols {\r\n      display: flex;\r\n      gap: 30px;\r\n      flex: 1;\r\n    }\r\n\r\n    .ph-col {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .ph-section-title {\r\n      font-size: 0.95rem;\r\n      font-weight: 600;\r\n      color: #0a2540;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    \/* Donut Chart *\/\r\n    .ph-donut-wrap {\r\n      position: relative;\r\n      width: 140px;\r\n      height: 140px;\r\n      margin: 0 auto 16px;\r\n    }\r\n\r\n    .ph-donut-svg {\r\n      width: 100%;\r\n      height: 100%;\r\n      transform: rotate(-90deg);\r\n    }\r\n\r\n    .ph-donut-segment {\r\n      fill: none;\r\n      stroke-width: 28;\r\n      transition: stroke-dasharray 1s ease;\r\n    }\r\n\r\n    .ph-donut-center {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      text-align: center;\r\n    }\r\n\r\n    .ph-donut-value {\r\n      font-size: 1.5rem;\r\n      font-weight: 700;\r\n      color: #0a2540;\r\n    }\r\n\r\n    .ph-donut-label {\r\n      font-size: 0.7rem;\r\n      color: #6b7280;\r\n    }\r\n\r\n    .ph-legend {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 6px;\r\n    }\r\n\r\n    .ph-legend-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-size: 0.75rem;\r\n      color: #6b7280;\r\n    }\r\n\r\n    .ph-legend-dot {\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 3px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* Bar Chart *\/\r\n    .ph-bar-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: baseline;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .ph-bar-value {\r\n      font-size: 1.3rem;\r\n      font-weight: 700;\r\n      color: #0a2540;\r\n    }\r\n\r\n    .ph-bars {\r\n      display: flex;\r\n      align-items: flex-end;\r\n      gap: 8px;\r\n      height: 100px;\r\n      flex: 1;\r\n    }\r\n\r\n    .ph-bar {\r\n      flex: 1;\r\n      background: #e2e4f0;\r\n      border-radius: 3px 3px 0 0;\r\n      transition: height 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .ph-bar.highlight { background: #0a2540; }\r\n    .ph-bar.accent { background: ##0a2540; }\r\n    .ph-bar.purple { background: #a5b4fc; }\r\n\r\n    .ph-bar-footer {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      margin-top: 8px;\r\n      font-size: 0.75rem;\r\n      color: #9ca3af;\r\n    }\r\n\r\n    .ph-badges {\r\n      display: flex;\r\n      gap: 8px;\r\n      margin-top: 12px;\r\n    }\r\n\r\n    .ph-badge {\r\n      padding: 6px 12px;\r\n      border-radius: 6px;\r\n      font-size: 0.8rem;\r\n      font-weight: 600;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .ph-badge-dark { background: #0a2540; }\r\n    .ph-badge-cyan { background: #00c4cc; }\r\n\r\n    \/* Slots Grid - Compact *\/\r\n    .ph-slots-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 12px;\r\n      flex: 1;\r\n    }\r\n\r\n    .ph-slot-card {\r\n      background: #f8f9fa;\r\n      border-radius: 8px;\r\n      padding: 14px;\r\n      border: 1px solid #e5e7eb;\r\n    }\r\n\r\n    .ph-slot-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: flex-start;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .ph-slot-name {\r\n      font-size: 0.9rem;\r\n      font-weight: 600;\r\n      color: #0a2540;\r\n    }\r\n\r\n    .ph-slot-provider {\r\n      font-size: 0.7rem;\r\n      color: #9ca3af;\r\n    }\r\n\r\n    .ph-slot-score {\r\n      background: #0a2540;\r\n      padding: 4px 10px;\r\n      border-radius: 5px;\r\n      font-size: 0.8rem;\r\n      font-weight: 700;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .ph-slot-metrics {\r\n      display: flex;\r\n      gap: 6px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .ph-metric {\r\n      background: #ffffff;\r\n      padding: 4px 8px;\r\n      border-radius: 4px;\r\n      font-size: 0.7rem;\r\n      border: 1px solid #e5e7eb;\r\n    }\r\n\r\n    .ph-metric-label { color: #9ca3af; }\r\n    .ph-metric-value { color: #0a2540; font-weight: 600; margin-left: 3px; }\r\n\r\n    .ph-slot-pred {\r\n      margin-top: 10px;\r\n      padding-top: 10px;\r\n      border-top: 1px solid #e5e7eb;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n\r\n    .ph-slot-pred-label { font-size: 0.7rem; color: #9ca3af; }\r\n    .ph-slot-pred-value { font-size: 0.85rem; font-weight: 600; color: #10b981; }\r\n\r\n    \/* Providers - Compact *\/\r\n    .ph-providers {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 10px;\r\n    }\r\n\r\n    .ph-provider-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      padding: 12px;\r\n      background: #f8f9fa;\r\n      border-radius: 8px;\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .ph-provider-row.visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .ph-provider-logo {\r\n      width: 40px;\r\n      height: 40px;\r\n      background: #ffffff;\r\n      border-radius: 8px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.2rem;\r\n      border: 1px solid #e5e7eb;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .ph-provider-info { flex: 1; }\r\n    .ph-provider-name { font-size: 0.9rem; font-weight: 600; color: #0a2540; }\r\n    .ph-provider-games { font-size: 0.7rem; color: #9ca3af; }\r\n\r\n    .ph-provider-stats {\r\n      display: flex;\r\n      gap: 16px;\r\n    }\r\n\r\n    .ph-provider-stat { text-align: center; }\r\n    .ph-provider-stat-value { font-size: 0.95rem; font-weight: 700; color: #0a2540; }\r\n    .ph-provider-stat-label { font-size: 0.6rem; color: #9ca3af; text-transform: uppercase; }\r\n\r\n    .ph-provider-trend {\r\n      padding: 4px 10px;\r\n      border-radius: 15px;\r\n      font-size: 0.75rem;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .ph-provider-trend.up { background: #d1fae5; color: #059669; }\r\n    .ph-provider-trend.down { background: #fee2e2; color: #dc2626; }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 850px) {\r\n      .ph-widget {\r\n        flex-direction: column;\r\n        gap: 24px;\r\n      }\r\n\r\n      .ph-tabs {\r\n        flex: none;\r\n        width: 100%;\r\n      }\r\n\r\n      .ph-two-cols {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .ph-slots-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"ph-widget\">\r\n    <!-- Left: Tab Selectors -->\r\n    <div class=\"ph-tabs\">\r\n      <div class=\"ph-tab active\" data-tab=\"prediction\">\r\n        <div class=\"ph-tab-title\">Player Prediction<\/div>\r\n        <div class=\"ph-tab-desc\">Predici il prossimo deposito e la % di sopravvivenza del giocatore con algoritmi di machine learning con un anticipo fino a 30 giorni.<\/div>\r\n      <\/div>\r\n      <div class=\"ph-tab\" data-tab=\"slots\">\r\n        <div class=\"ph-tab-title\">Slot Intelligence<\/div>\r\n        <div class=\"ph-tab-desc\">Analizza le performance di +5.000 slot: meccanica, grafica, indice di apprezzamento. Anticipa i giochi destinati a riscuotere pi\u00f9 successo.<\/div>\r\n      <\/div>\r\n      <div class=\"ph-tab\" data-tab=\"aggregation\">\r\n        <div class=\"ph-tab-title\">Data Aggregation<\/div>\r\n        <div class=\"ph-tab-desc\">Aggrega dati da tutti i provider del settore e li analizza producendo output previsionali con una accuracy elevata.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right: Content Panels -->\r\n    <div class=\"ph-content-wrapper\">\r\n      \r\n      <!-- Player Prediction -->\r\n      <div class=\"ph-content active\" id=\"content-prediction\">\r\n        <div class=\"ph-card\">\r\n          <div class=\"ph-card-header\">\r\n            <div class=\"ph-big-number\" id=\"big-num-1\">0%<\/div>\r\n            <div class=\"ph-header-label\">50K Utenti Analizzati<\/div>\r\n          <\/div>\r\n          <div class=\"ph-card-body\">\r\n            <div class=\"ph-two-cols\">\r\n              <div class=\"ph-col\">\r\n                <div class=\"ph-section-title\">Segmenti utenti<\/div>\r\n                <div class=\"ph-donut-wrap\">\r\n                  <svg class=\"ph-donut-svg\" viewBox=\"0 0 100 100\">\r\n                    <circle class=\"ph-donut-segment\" cx=\"50\" cy=\"50\" r=\"35\" stroke=\"#e5e7eb\" stroke-dasharray=\"0 220\" id=\"seg-1\"\/>\r\n                    <circle class=\"ph-donut-segment\" cx=\"50\" cy=\"50\" r=\"35\" stroke=\"#a5b4fc\" stroke-dasharray=\"0 220\" id=\"seg-2\"\/>\r\n                    <circle class=\"ph-donut-segment\" cx=\"50\" cy=\"50\" r=\"35\" stroke=\"#30cf27\" stroke-dasharray=\"0 220\" id=\"seg-3\"\/>\r\n                    <circle class=\"ph-donut-segment\" cx=\"50\" cy=\"50\" r=\"35\" stroke=\"#f57d42\" stroke-dasharray=\"0 220\" id=\"seg-4\"\/>\r\n                  <\/svg>\r\n                  <div class=\"ph-donut-center\">\r\n                    \r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"ph-legend\">\r\n                  <div class=\"ph-legend-item\"><span class=\"ph-legend-dot\" style=\"background:#e5e7eb\"><\/span>79% Stable<\/div>\r\n                  <div class=\"ph-legend-item\"><span class=\"ph-legend-dot\" style=\"background:#a5b4fc\"><\/span>13% At Risk<\/div>\r\n                  <div class=\"ph-legend-item\"><span class=\"ph-legend-dot\" style=\"background:#30cf27\"><\/span>4% Growing<\/div>\r\n                  <div class=\"ph-legend-item\"><span class=\"ph-legend-dot\" style=\"background:#f57d42\"><\/span>4% Churning<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"ph-col\">\r\n                <div class=\"ph-bar-header\">\r\n                  <div class=\"ph-section-title\">Depositi previsti<\/div>\r\n                  <div class=\"ph-bar-value\">\u20ac20,011<\/div>\r\n                <\/div>\r\n                <div class=\"ph-bars\" id=\"bars-1\">\r\n                  <div class=\"ph-bar\" style=\"height: 0%\"><\/div>\r\n                  <div class=\"ph-bar purple\" style=\"height: 0%\"><\/div>\r\n                  <div class=\"ph-bar\" style=\"height: 0%\"><\/div>\r\n                  <div class=\"ph-bar highlight\" style=\"height: 0%\"><\/div>\r\n                  <div class=\"ph-bar purple\" style=\"height: 0%\"><\/div>\r\n                  <div class=\"ph-bar accent\" style=\"height: 0%\"><\/div>\r\n                <\/div>\r\n                <div class=\"ph-bar-footer\">\r\n                  <span>\u20ac5 Min<\/span>\r\n                  <span>\u20ac2,011 Max<\/span>\r\n                <\/div>\r\n                <div class=\"ph-badges\">\r\n                  <span class=\"ph-badge ph-badge-dark\">\u20ac223 Avg<\/span>\r\n                  <span class=\"ph-badge ph-badge-cyan\">\u20ac126 Med<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Slot Intelligence -->\r\n      <div class=\"ph-content\" id=\"content-slots\">\r\n        <div class=\"ph-card\">\r\n          <div class=\"ph-card-header\">\r\n            <div class=\"ph-big-number\" id=\"big-num-2\">0<\/div>\r\n            <div class=\"ph-header-label\">Slot Analizzate<\/div>\r\n          <\/div>\r\n          <div class=\"ph-card-body\">\r\n            <div class=\"ph-slots-grid\">\r\n              <div class=\"ph-slot-card\">\r\n                <div class=\"ph-slot-header\">\r\n                  <div>\r\n                    <div class=\"ph-slot-name\">Gates of Olympus<\/div>\r\n                    <div class=\"ph-slot-provider\">Pragmatic Play<\/div>\r\n                  <\/div>\r\n                  <div class=\"ph-slot-score\">9.4<\/div>\r\n                <\/div>\r\n                <div class=\"ph-slot-metrics\">\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Mec<\/span><span class=\"ph-metric-value\">9.2<\/span><\/div>\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Gfx<\/span><span class=\"ph-metric-value\">9.5<\/span><\/div>\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Eng<\/span><span class=\"ph-metric-value\">9.6<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"ph-slot-pred\">\r\n                  <span class=\"ph-slot-pred-label\">30gg<\/span>\r\n                  <span class=\"ph-slot-pred-value\">+24%<\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ph-slot-card\">\r\n                <div class=\"ph-slot-header\">\r\n                  <div>\r\n                    <div class=\"ph-slot-name\">Sweet Bonanza<\/div>\r\n                    <div class=\"ph-slot-provider\">Pragmatic Play<\/div>\r\n                  <\/div>\r\n                  <div class=\"ph-slot-score\">9.1<\/div>\r\n                <\/div>\r\n                <div class=\"ph-slot-metrics\">\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Mec<\/span><span class=\"ph-metric-value\">8.8<\/span><\/div>\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Gfx<\/span><span class=\"ph-metric-value\">9.3<\/span><\/div>\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Eng<\/span><span class=\"ph-metric-value\">9.2<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"ph-slot-pred\">\r\n                  <span class=\"ph-slot-pred-label\">30gg<\/span>\r\n                  <span class=\"ph-slot-pred-value\">+18%<\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ph-slot-card\">\r\n                <div class=\"ph-slot-header\">\r\n                  <div>\r\n                    <div class=\"ph-slot-name\">Book of Dead<\/div>\r\n                    <div class=\"ph-slot-provider\">Play'n GO<\/div>\r\n                  <\/div>\r\n                  <div class=\"ph-slot-score\">8.7<\/div>\r\n                <\/div>\r\n                <div class=\"ph-slot-metrics\">\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Mec<\/span><span class=\"ph-metric-value\">8.9<\/span><\/div>\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Gfx<\/span><span class=\"ph-metric-value\">8.4<\/span><\/div>\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Eng<\/span><span class=\"ph-metric-value\">8.8<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"ph-slot-pred\">\r\n                  <span class=\"ph-slot-pred-label\">30gg<\/span>\r\n                  <span class=\"ph-slot-pred-value\">+8%<\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ph-slot-card\">\r\n                <div class=\"ph-slot-header\">\r\n                  <div>\r\n                    <div class=\"ph-slot-name\">Big Bass Bonanza<\/div>\r\n                    <div class=\"ph-slot-provider\">Pragmatic Play<\/div>\r\n                  <\/div>\r\n                  <div class=\"ph-slot-score\">8.9<\/div>\r\n                <\/div>\r\n                <div class=\"ph-slot-metrics\">\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Mec<\/span><span class=\"ph-metric-value\">9.0<\/span><\/div>\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Gfx<\/span><span class=\"ph-metric-value\">8.7<\/span><\/div>\r\n                  <div class=\"ph-metric\"><span class=\"ph-metric-label\">Eng<\/span><span class=\"ph-metric-value\">9.1<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"ph-slot-pred\">\r\n                  <span class=\"ph-slot-pred-label\">30gg<\/span>\r\n                  <span class=\"ph-slot-pred-value\">+15%<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Data Aggregation -->\r\n      <div class=\"ph-content\" id=\"content-aggregation\">\r\n        <div class=\"ph-card\">\r\n          <div class=\"ph-card-header\">\r\n            <div class=\"ph-big-number\" id=\"big-num-3\">0%<\/div>\r\n            <div class=\"ph-header-label\">Prediction Accuracy<\/div>\r\n          <\/div>\r\n          <div class=\"ph-card-body\">\r\n            <div class=\"ph-providers\">\r\n              <div class=\"ph-provider-row visible\">\r\n                <div class=\"ph-provider-logo\">\ud83c\udfae<\/div>\r\n                <div class=\"ph-provider-info\">\r\n                  <div class=\"ph-provider-name\">Pragmatic Play<\/div>\r\n                  <div class=\"ph-provider-games\">1,247 giochi<\/div>\r\n                <\/div>\r\n                <div class=\"ph-provider-stats\">\r\n                  <div class=\"ph-provider-stat\">\r\n                    <div class=\"ph-provider-stat-value\">\u20ac2.4M<\/div>\r\n                    <div class=\"ph-provider-stat-label\">Revenue<\/div>\r\n                  <\/div>\r\n                  <div class=\"ph-provider-stat\">\r\n                    <div class=\"ph-provider-stat-value\">94%<\/div>\r\n                    <div class=\"ph-provider-stat-label\">Accuracy<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"ph-provider-trend up\">\u2191 +12%<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ph-provider-row visible\">\r\n                <div class=\"ph-provider-logo\">\ud83c\udfb2<\/div>\r\n                <div class=\"ph-provider-info\">\r\n                  <div class=\"ph-provider-name\">Evolution Gaming<\/div>\r\n                  <div class=\"ph-provider-games\">892 giochi<\/div>\r\n                <\/div>\r\n                <div class=\"ph-provider-stats\">\r\n                  <div class=\"ph-provider-stat\">\r\n                    <div class=\"ph-provider-stat-value\">\u20ac1.8M<\/div>\r\n                    <div class=\"ph-provider-stat-label\">Revenue<\/div>\r\n                  <\/div>\r\n                  <div class=\"ph-provider-stat\">\r\n                    <div class=\"ph-provider-stat-value\">96%<\/div>\r\n                    <div class=\"ph-provider-stat-label\">Accuracy<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"ph-provider-trend up\">\u2191 +8%<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ph-provider-row visible\">\r\n                <div class=\"ph-provider-logo\">\ud83c\udccf<\/div>\r\n                <div class=\"ph-provider-info\">\r\n                  <div class=\"ph-provider-name\">NetEnt<\/div>\r\n                  <div class=\"ph-provider-games\">634 giochi<\/div>\r\n                <\/div>\r\n                <div class=\"ph-provider-stats\">\r\n                  <div class=\"ph-provider-stat\">\r\n                    <div class=\"ph-provider-stat-value\">\u20ac1.2M<\/div>\r\n                    <div class=\"ph-provider-stat-label\">Revenue<\/div>\r\n                  <\/div>\r\n                  <div class=\"ph-provider-stat\">\r\n                    <div class=\"ph-provider-stat-value\">91%<\/div>\r\n                    <div class=\"ph-provider-stat-label\">Accuracy<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"ph-provider-trend down\">\u2193 -3%<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ph-provider-row visible\">\r\n                <div class=\"ph-provider-logo\">\ud83c\udfaa<\/div>\r\n                <div class=\"ph-provider-info\">\r\n                  <div class=\"ph-provider-name\">Play'n GO<\/div>\r\n                  <div class=\"ph-provider-games\">547 giochi<\/div>\r\n                <\/div>\r\n                <div class=\"ph-provider-stats\">\r\n                  <div class=\"ph-provider-stat\">\r\n                    <div class=\"ph-provider-stat-value\">\u20ac980K<\/div>\r\n                    <div class=\"ph-provider-stat-label\">Revenue<\/div>\r\n                  <\/div>\r\n                  <div class=\"ph-provider-stat\">\r\n                    <div class=\"ph-provider-stat-value\">93%<\/div>\r\n                    <div class=\"ph-provider-stat-label\">Accuracy<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"ph-provider-trend up\">\u2191 +5%<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function() {\r\n      const tabs = document.querySelectorAll('.ph-tab');\r\n      const contents = document.querySelectorAll('.ph-content');\r\n      let currentTab = 'prediction';\r\n      let initialized = false;\r\n\r\n      function animateCounter(el, start, end, duration, suffix, prefix) {\r\n        suffix = suffix || '';\r\n        prefix = prefix || '';\r\n        const startTime = performance.now();\r\n        function update(currentTime) {\r\n          const elapsed = currentTime - startTime;\r\n          const progress = Math.min(elapsed \/ duration, 1);\r\n          const easeOut = 1 - Math.pow(1 - progress, 3);\r\n          const current = Math.floor(start + (end - start) * easeOut);\r\n          el.textContent = prefix + current.toLocaleString('it-IT') + suffix;\r\n          if (progress < 1) requestAnimationFrame(update);\r\n        }\r\n        requestAnimationFrame(update);\r\n      }\r\n\r\n      function animateDonut() {\r\n        const circumference = 2 * Math.PI * 35;\r\n        var segments = [\r\n          { id: 'seg-1', value: 79, offset: 0 },\r\n          { id: 'seg-2', value: 13, offset: 79 },\r\n          { id: 'seg-3', value: 4, offset: 92 },\r\n          { id: 'seg-4', value: 4, offset: 96 }\r\n        ];\r\n        for (var i = 0; i < segments.length; i++) {\r\n          (function(seg, index) {\r\n            var el = document.getElementById(seg.id);\r\n            if (!el) return;\r\n            var dashLength = (seg.value \/ 100) * circumference;\r\n            var dashOffset = (seg.offset \/ 100) * circumference;\r\n            setTimeout(function() {\r\n              el.style.strokeDasharray = dashLength + ' ' + circumference;\r\n              el.style.strokeDashoffset = -dashOffset;\r\n            }, index * 150);\r\n          })(segments[i], i);\r\n        }\r\n      }\r\n\r\n      function animateBars() {\r\n        var bars = document.querySelectorAll('#bars-1 .ph-bar');\r\n        var heights = [20, 35, 25, 85, 45, 55];\r\n        for (var i = 0; i < bars.length; i++) {\r\n          (function(bar, height, index) {\r\n            setTimeout(function() {\r\n              bar.style.height = height + '%';\r\n            }, index * 80);\r\n          })(bars[i], heights[i], i);\r\n        }\r\n      }\r\n\r\n      function animatePrediction() {\r\n        animateCounter(document.getElementById('big-num-1'), 0, 100, 1200, '%', '');\r\n        setTimeout(animateDonut, 200);\r\n        setTimeout(animateBars, 300);\r\n      }\r\n\r\n      function animateSlots() {\r\n        animateCounter(document.getElementById('big-num-2'), 0, 5247, 1200, '', '');\r\n      }\r\n\r\n      function animateAggregation() {\r\n        animateCounter(document.getElementById('big-num-3'), 0, 94, 1200, '%', '');\r\n      }\r\n\r\n      function switchTab(tabName) {\r\n        if (tabName === currentTab && initialized) return;\r\n        \r\n        for (var i = 0; i < tabs.length; i++) {\r\n          if (tabs[i].getAttribute('data-tab') === tabName) {\r\n            tabs[i].classList.add('active');\r\n          } else {\r\n            tabs[i].classList.remove('active');\r\n          }\r\n        }\r\n        \r\n        for (var j = 0; j < contents.length; j++) {\r\n          if (contents[j].id === 'content-' + tabName) {\r\n            contents[j].classList.add('active');\r\n          } else {\r\n            contents[j].classList.remove('active');\r\n          }\r\n        }\r\n        \r\n        currentTab = tabName;\r\n        initialized = true;\r\n\r\n        setTimeout(function() {\r\n          if (tabName === 'prediction') animatePrediction();\r\n          else if (tabName === 'slots') animateSlots();\r\n          else if (tabName === 'aggregation') animateAggregation();\r\n        }, 100);\r\n      }\r\n\r\n      for (var k = 0; k < tabs.length; k++) {\r\n        tabs[k].addEventListener('click', function() {\r\n          switchTab(this.getAttribute('data-tab'));\r\n        });\r\n      }\r\n\r\n      \/\/ Auto-start when visible\r\n      function checkVisible() {\r\n        var widget = document.querySelector('.ph-widget');\r\n        if (!widget) return;\r\n        var rect = widget.getBoundingClientRect();\r\n        var isVisible = rect.top < window.innerHeight && rect.bottom > 0;\r\n        if (isVisible && !initialized) {\r\n          switchTab('prediction');\r\n        }\r\n      }\r\n\r\n      window.addEventListener('scroll', checkVisible);\r\n      window.addEventListener('load', checkVisible);\r\n      setTimeout(checkVisible, 500);\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33911f6 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-mobile_extra elementor-widget elementor-widget-html\" data-id=\"33911f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    .phm-widget *,\r\n    .phm-widget *::before,\r\n    .phm-widget *::after {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .phm-widget {\r\n      font-family: 'DM Sans', sans-serif;\r\n      max-width: 500px;\r\n      width: 100%;\r\n      margin: 0 auto;\r\n      padding: 0 20px;\r\n      background: transparent;\r\n    }\r\n\r\n    \/* Section *\/\r\n    .phm-section {\r\n      margin-bottom: 40px;\r\n    }\r\n\r\n    .phm-section:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .phm-tab-title {\r\n      font-size: 1.1rem;\r\n      font-weight: 600;\r\n      color: #0a2540;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .phm-tab-desc {\r\n      font-size: 0.85rem;\r\n      color: #6b7280;\r\n      line-height: 1.5;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    \/* Dashboard Card *\/\r\n    .phm-card {\r\n      background: #ffffff;\r\n      border-radius: 10px;\r\n      box-shadow: 0 2px 20px rgba(10, 37, 64, 0.08);\r\n    }\r\n\r\n    .phm-card-header {\r\n      background: #0a2540;\r\n      padding: 14px 18px;\r\n      color: #ffffff;\r\n      border-radius: 10px 10px 0 0;\r\n    }\r\n\r\n    .phm-big-number {\r\n      font-size: 2rem;\r\n      font-weight: 700;\r\n      line-height: 1;\r\n    }\r\n\r\n    .phm-header-label {\r\n      font-size: 0.75rem;\r\n      opacity: 0.8;\r\n      margin-top: 2px;\r\n    }\r\n\r\n    .phm-card-body {\r\n      padding: 16px;\r\n      background: #ffffff;\r\n      border-radius: 0 0 10px 10px;\r\n    }\r\n\r\n    \/* Two column layout *\/\r\n    .phm-two-cols {\r\n      display: flex;\r\n      gap: 16px;\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n      .phm-two-cols {\r\n        flex-direction: column;\r\n        gap: 20px;\r\n      }\r\n    }\r\n\r\n    .phm-col {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .phm-section-title {\r\n      font-size: 0.8rem;\r\n      font-weight: 600;\r\n      color: #0a2540;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    \/* Donut Chart *\/\r\n    .phm-donut-wrap {\r\n      position: relative;\r\n      width: 100px;\r\n      height: 100px;\r\n      margin: 0 auto 12px;\r\n    }\r\n\r\n    .phm-donut-svg {\r\n      width: 100%;\r\n      height: 100%;\r\n      transform: rotate(-90deg);\r\n    }\r\n\r\n    .phm-donut-segment {\r\n      fill: none;\r\n      stroke-width: 20;\r\n    }\r\n\r\n    .phm-donut-center {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      text-align: center;\r\n    }\r\n\r\n    .phm-donut-value {\r\n      font-size: 1.1rem;\r\n      font-weight: 700;\r\n      color: #0a2540;\r\n    }\r\n\r\n    .phm-donut-label {\r\n      font-size: 0.6rem;\r\n      color: #6b7280;\r\n    }\r\n\r\n    .phm-legend {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 4px;\r\n    }\r\n\r\n    .phm-legend-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 4px;\r\n      font-size: 0.65rem;\r\n      color: #6b7280;\r\n    }\r\n\r\n    .phm-legend-dot {\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 2px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* Bar Chart *\/\r\n    .phm-bar-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: baseline;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .phm-bar-value {\r\n      font-size: 1rem;\r\n      font-weight: 700;\r\n      color: #0a2540;\r\n    }\r\n\r\n    .phm-bars {\r\n      display: flex;\r\n      align-items: flex-end;\r\n      gap: 6px;\r\n      height: 70px;\r\n      flex: 1;\r\n    }\r\n\r\n    .phm-bar {\r\n      flex: 1;\r\n      background: #e2e4f0;\r\n      border-radius: 2px 2px 0 0;\r\n    }\r\n\r\n    .phm-bar.highlight { background: #0a2540; }\r\n    .phm-bar.accent { background: #d4f542; }\r\n    .phm-bar.purple { background: #a5b4fc; }\r\n\r\n    .phm-bar-footer {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      margin-top: 6px;\r\n      font-size: 0.65rem;\r\n      color: #9ca3af;\r\n    }\r\n\r\n    .phm-badges {\r\n      display: flex;\r\n      gap: 6px;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .phm-badge {\r\n      padding: 5px 10px;\r\n      border-radius: 5px;\r\n      font-size: 0.7rem;\r\n      font-weight: 600;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .phm-badge-dark { background: #0a2540; }\r\n    .phm-badge-cyan { background: #00c4cc; }\r\n\r\n    \/* Slots Grid *\/\r\n    .phm-slots-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 10px;\r\n    }\r\n\r\n    @media (max-width: 400px) {\r\n      .phm-slots-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    .phm-slot-card {\r\n      background: #f0f2f5;\r\n      border-radius: 8px;\r\n      padding: 12px;\r\n      border: 1px solid #d0d5dd;\r\n    }\r\n\r\n    .phm-slot-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: flex-start;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .phm-slot-name {\r\n      font-size: 0.8rem;\r\n      font-weight: 600;\r\n      color: #0a2540;\r\n    }\r\n\r\n    .phm-slot-provider {\r\n      font-size: 0.6rem;\r\n      color: #6b7280;\r\n    }\r\n\r\n    .phm-slot-score {\r\n      background: #0a2540;\r\n      padding: 3px 8px;\r\n      border-radius: 4px;\r\n      font-size: 0.7rem;\r\n      font-weight: 700;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .phm-slot-metrics {\r\n      display: flex;\r\n      gap: 4px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .phm-metric {\r\n      background: #ffffff;\r\n      padding: 3px 6px;\r\n      border-radius: 3px;\r\n      font-size: 0.6rem;\r\n      border: 1px solid #d0d5dd;\r\n    }\r\n\r\n    .phm-metric-label { color: #6b7280; }\r\n    .phm-metric-value { color: #0a2540; font-weight: 600; margin-left: 2px; }\r\n\r\n    .phm-slot-pred {\r\n      margin-top: 8px;\r\n      padding-top: 8px;\r\n      border-top: 1px solid #d0d5dd;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n\r\n    .phm-slot-pred-label { font-size: 0.6rem; color: #6b7280; }\r\n    .phm-slot-pred-value { font-size: 0.75rem; font-weight: 600; color: #10b981; }\r\n\r\n    \/* Providers *\/\r\n    .phm-provider-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 12px;\r\n      background: #f0f2f5;\r\n      border-radius: 8px;\r\n      margin-bottom: 8px;\r\n      border: 1px solid #d0d5dd;\r\n    }\r\n\r\n    .phm-provider-row:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .phm-provider-logo {\r\n      width: 36px;\r\n      height: 36px;\r\n      background: #0a2540;\r\n      border-radius: 8px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 0.7rem;\r\n      font-weight: 700;\r\n      color: #ffffff;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .phm-provider-info {\r\n      flex: 1;\r\n      min-width: 0;\r\n    }\r\n\r\n    .phm-provider-name {\r\n      font-size: 0.85rem;\r\n      font-weight: 600;\r\n      color: #0a2540;\r\n    }\r\n\r\n    .phm-provider-games {\r\n      font-size: 0.65rem;\r\n      color: #6b7280;\r\n    }\r\n\r\n    .phm-provider-stats {\r\n      display: flex;\r\n      gap: 12px;\r\n    }\r\n\r\n    @media (max-width: 380px) {\r\n      .phm-provider-stats {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    .phm-provider-stat {\r\n      text-align: center;\r\n    }\r\n\r\n    .phm-provider-stat-value {\r\n      font-size: 0.8rem;\r\n      font-weight: 700;\r\n      color: #0a2540;\r\n    }\r\n\r\n    .phm-provider-stat-label {\r\n      font-size: 0.55rem;\r\n      color: #6b7280;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .phm-provider-trend {\r\n      padding: 4px 10px;\r\n      border-radius: 12px;\r\n      font-size: 0.7rem;\r\n      font-weight: 600;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .phm-provider-trend.up {\r\n      background: #d1fae5;\r\n      color: #059669;\r\n    }\r\n\r\n    .phm-provider-trend.down {\r\n      background: #fee2e2;\r\n      color: #dc2626;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"phm-widget\">\r\n    \r\n    <!-- Section 1: Player Prediction -->\r\n    <div class=\"phm-section\">\r\n      <div class=\"phm-tab-title\">Player Prediction<\/div>\r\n      <div class=\"phm-tab-desc\">Predici il prossimo deposito e la % di sopravvivenza del giocatore con algoritmi di machine learning\u201472h di anticipo.<\/div>\r\n      \r\n      <div class=\"phm-card\">\r\n        <div class=\"phm-card-header\">\r\n          <div class=\"phm-big-number\">36%<\/div>\r\n          <div class=\"phm-header-label\">6K Players Analizzati<\/div>\r\n        <\/div>\r\n        <div class=\"phm-card-body\">\r\n          <div class=\"phm-two-cols\">\r\n            <div class=\"phm-col\">\r\n              <div class=\"phm-section-title\">Survival Rate<\/div>\r\n              <div class=\"phm-donut-wrap\">\r\n                <svg class=\"phm-donut-svg\" viewBox=\"0 0 100 100\">\r\n                  <circle class=\"phm-donut-segment\" cx=\"50\" cy=\"50\" r=\"35\" stroke=\"#e5e7eb\" stroke-dasharray=\"173.4 220\"\/>\r\n                  <circle class=\"phm-donut-segment\" cx=\"50\" cy=\"50\" r=\"35\" stroke=\"#a5b4fc\" stroke-dasharray=\"28.6 220\" stroke-dashoffset=\"-173.4\"\/>\r\n                  <circle class=\"phm-donut-segment\" cx=\"50\" cy=\"50\" r=\"35\" stroke=\"#d4f542\" stroke-dasharray=\"8.8 220\" stroke-dashoffset=\"-202\"\/>\r\n                  <circle class=\"phm-donut-segment\" cx=\"50\" cy=\"50\" r=\"35\" stroke=\"#0a2540\" stroke-dasharray=\"8.8 220\" stroke-dashoffset=\"-210.8\"\/>\r\n                <\/svg>\r\n                <div class=\"phm-donut-center\">\r\n                  <div class=\"phm-donut-value\">79%<\/div>\r\n                  <div class=\"phm-donut-label\">Retention<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"phm-legend\">\r\n                <div class=\"phm-legend-item\"><span class=\"phm-legend-dot\" style=\"background:#e5e7eb\"><\/span>79% Stable<\/div>\r\n                <div class=\"phm-legend-item\"><span class=\"phm-legend-dot\" style=\"background:#a5b4fc\"><\/span>13% At Risk<\/div>\r\n                <div class=\"phm-legend-item\"><span class=\"phm-legend-dot\" style=\"background:#d4f542\"><\/span>4% Growing<\/div>\r\n                <div class=\"phm-legend-item\"><span class=\"phm-legend-dot\" style=\"background:#0a2540\"><\/span>4% Churning<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"phm-col\">\r\n              <div class=\"phm-bar-header\">\r\n                <div class=\"phm-section-title\">Predicted Deposits<\/div>\r\n                <div class=\"phm-bar-value\">\u20ac2,011<\/div>\r\n              <\/div>\r\n              <div class=\"phm-bars\">\r\n                <div class=\"phm-bar\" style=\"height: 20%\"><\/div>\r\n                <div class=\"phm-bar purple\" style=\"height: 35%\"><\/div>\r\n                <div class=\"phm-bar\" style=\"height: 25%\"><\/div>\r\n                <div class=\"phm-bar highlight\" style=\"height: 85%\"><\/div>\r\n                <div class=\"phm-bar purple\" style=\"height: 45%\"><\/div>\r\n                <div class=\"phm-bar accent\" style=\"height: 55%\"><\/div>\r\n              <\/div>\r\n              <div class=\"phm-bar-footer\">\r\n                <span>\u20ac44 Min<\/span>\r\n                <span>\u20ac2,011 Max<\/span>\r\n              <\/div>\r\n              <div class=\"phm-badges\">\r\n                <span class=\"phm-badge phm-badge-dark\">\u20ac223 Avg<\/span>\r\n                <span class=\"phm-badge phm-badge-cyan\">\u20ac126 Med<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Section 2: Slot Intelligence -->\r\n    <div class=\"phm-section\">\r\n      <div class=\"phm-tab-title\">Slot Intelligence<\/div>\r\n      <div class=\"phm-tab-desc\">Analizza le performance di +5.000 slot: meccanica, grafica, indice di apprezzamento. Anticipa i giochi di successo.<\/div>\r\n      \r\n      <div class=\"phm-card\">\r\n        <div class=\"phm-card-header\">\r\n          <div class=\"phm-big-number\">5,247<\/div>\r\n          <div class=\"phm-header-label\">Slot Analizzate<\/div>\r\n        <\/div>\r\n        <div class=\"phm-card-body\">\r\n          <div class=\"phm-slots-grid\">\r\n            <div class=\"phm-slot-card\">\r\n              <div class=\"phm-slot-header\">\r\n                <div>\r\n                  <div class=\"phm-slot-name\">Gates of Olympus<\/div>\r\n                  <div class=\"phm-slot-provider\">Pragmatic Play<\/div>\r\n                <\/div>\r\n                <div class=\"phm-slot-score\">9.4<\/div>\r\n              <\/div>\r\n              <div class=\"phm-slot-metrics\">\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Mec<\/span><span class=\"phm-metric-value\">9.2<\/span><\/div>\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Gfx<\/span><span class=\"phm-metric-value\">9.5<\/span><\/div>\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Eng<\/span><span class=\"phm-metric-value\">9.6<\/span><\/div>\r\n              <\/div>\r\n              <div class=\"phm-slot-pred\">\r\n                <span class=\"phm-slot-pred-label\">30gg<\/span>\r\n                <span class=\"phm-slot-pred-value\">+24%<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"phm-slot-card\">\r\n              <div class=\"phm-slot-header\">\r\n                <div>\r\n                  <div class=\"phm-slot-name\">Sweet Bonanza<\/div>\r\n                  <div class=\"phm-slot-provider\">Pragmatic Play<\/div>\r\n                <\/div>\r\n                <div class=\"phm-slot-score\">9.1<\/div>\r\n              <\/div>\r\n              <div class=\"phm-slot-metrics\">\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Mec<\/span><span class=\"phm-metric-value\">8.8<\/span><\/div>\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Gfx<\/span><span class=\"phm-metric-value\">9.3<\/span><\/div>\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Eng<\/span><span class=\"phm-metric-value\">9.2<\/span><\/div>\r\n              <\/div>\r\n              <div class=\"phm-slot-pred\">\r\n                <span class=\"phm-slot-pred-label\">30gg<\/span>\r\n                <span class=\"phm-slot-pred-value\">+18%<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"phm-slot-card\">\r\n              <div class=\"phm-slot-header\">\r\n                <div>\r\n                  <div class=\"phm-slot-name\">Book of Dead<\/div>\r\n                  <div class=\"phm-slot-provider\">Play'n GO<\/div>\r\n                <\/div>\r\n                <div class=\"phm-slot-score\">8.7<\/div>\r\n              <\/div>\r\n              <div class=\"phm-slot-metrics\">\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Mec<\/span><span class=\"phm-metric-value\">8.9<\/span><\/div>\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Gfx<\/span><span class=\"phm-metric-value\">8.4<\/span><\/div>\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Eng<\/span><span class=\"phm-metric-value\">8.8<\/span><\/div>\r\n              <\/div>\r\n              <div class=\"phm-slot-pred\">\r\n                <span class=\"phm-slot-pred-label\">30gg<\/span>\r\n                <span class=\"phm-slot-pred-value\">+8%<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"phm-slot-card\">\r\n              <div class=\"phm-slot-header\">\r\n                <div>\r\n                  <div class=\"phm-slot-name\">Big Bass Bonanza<\/div>\r\n                  <div class=\"phm-slot-provider\">Pragmatic Play<\/div>\r\n                <\/div>\r\n                <div class=\"phm-slot-score\">8.9<\/div>\r\n              <\/div>\r\n              <div class=\"phm-slot-metrics\">\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Mec<\/span><span class=\"phm-metric-value\">9.0<\/span><\/div>\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Gfx<\/span><span class=\"phm-metric-value\">8.7<\/span><\/div>\r\n                <div class=\"phm-metric\"><span class=\"phm-metric-label\">Eng<\/span><span class=\"phm-metric-value\">9.1<\/span><\/div>\r\n              <\/div>\r\n              <div class=\"phm-slot-pred\">\r\n                <span class=\"phm-slot-pred-label\">30gg<\/span>\r\n                <span class=\"phm-slot-pred-value\">+15%<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Section 3: Data Aggregation -->\r\n    <div class=\"phm-section\">\r\n      <div class=\"phm-tab-title\">Data Aggregation<\/div>\r\n      <div class=\"phm-tab-desc\">Aggrega dati da tutti i provider del settore e li analizza producendo output previsionali con 94% di accuracy.<\/div>\r\n      \r\n      <div class=\"phm-card\">\r\n        <div class=\"phm-card-header\">\r\n          <div class=\"phm-big-number\">94%<\/div>\r\n          <div class=\"phm-header-label\">Prediction Accuracy<\/div>\r\n        <\/div>\r\n        <div class=\"phm-card-body\">\r\n          \r\n          <div class=\"phm-provider-row\">\r\n            <div class=\"phm-provider-logo\">PP<\/div>\r\n            <div class=\"phm-provider-info\">\r\n              <div class=\"phm-provider-name\">Pragmatic Play<\/div>\r\n              <div class=\"phm-provider-games\">1,247 giochi<\/div>\r\n            <\/div>\r\n            <div class=\"phm-provider-stats\">\r\n              <div class=\"phm-provider-stat\">\r\n                <div class=\"phm-provider-stat-value\">\u20ac2.4M<\/div>\r\n                <div class=\"phm-provider-stat-label\">Revenue<\/div>\r\n              <\/div>\r\n              <div class=\"phm-provider-stat\">\r\n                <div class=\"phm-provider-stat-value\">94%<\/div>\r\n                <div class=\"phm-provider-stat-label\">Accuracy<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"phm-provider-trend up\">+12%<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"phm-provider-row\">\r\n            <div class=\"phm-provider-logo\">EV<\/div>\r\n            <div class=\"phm-provider-info\">\r\n              <div class=\"phm-provider-name\">Evolution Gaming<\/div>\r\n              <div class=\"phm-provider-games\">892 giochi<\/div>\r\n            <\/div>\r\n            <div class=\"phm-provider-stats\">\r\n              <div class=\"phm-provider-stat\">\r\n                <div class=\"phm-provider-stat-value\">\u20ac1.8M<\/div>\r\n                <div class=\"phm-provider-stat-label\">Revenue<\/div>\r\n              <\/div>\r\n              <div class=\"phm-provider-stat\">\r\n                <div class=\"phm-provider-stat-value\">96%<\/div>\r\n                <div class=\"phm-provider-stat-label\">Accuracy<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"phm-provider-trend up\">+8%<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"phm-provider-row\">\r\n            <div class=\"phm-provider-logo\">NE<\/div>\r\n            <div class=\"phm-provider-info\">\r\n              <div class=\"phm-provider-name\">NetEnt<\/div>\r\n              <div class=\"phm-provider-games\">634 giochi<\/div>\r\n            <\/div>\r\n            <div class=\"phm-provider-stats\">\r\n              <div class=\"phm-provider-stat\">\r\n                <div class=\"phm-provider-stat-value\">\u20ac1.2M<\/div>\r\n                <div class=\"phm-provider-stat-label\">Revenue<\/div>\r\n              <\/div>\r\n              <div class=\"phm-provider-stat\">\r\n                <div class=\"phm-provider-stat-value\">91%<\/div>\r\n                <div class=\"phm-provider-stat-label\">Accuracy<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"phm-provider-trend down\">-3%<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"phm-provider-row\">\r\n            <div class=\"phm-provider-logo\">PG<\/div>\r\n            <div class=\"phm-provider-info\">\r\n              <div class=\"phm-provider-name\">Play'n GO<\/div>\r\n              <div class=\"phm-provider-games\">547 giochi<\/div>\r\n            <\/div>\r\n            <div class=\"phm-provider-stats\">\r\n              <div class=\"phm-provider-stat\">\r\n                <div class=\"phm-provider-stat-value\">\u20ac980K<\/div>\r\n                <div class=\"phm-provider-stat-label\">Revenue<\/div>\r\n              <\/div>\r\n              <div class=\"phm-provider-stat\">\r\n                <div class=\"phm-provider-stat-value\">93%<\/div>\r\n                <div class=\"phm-provider-stat-label\">Accuracy<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"phm-provider-trend up\">+5%<\/div>\r\n          <\/div>\r\n          \r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>playhard Dashboard User Management Monitoring Games Reports Account Profile Logout Setting Dark Theme Dashboard Behavioural monitoring About to deposit 0 \u2197 +50% 30-day forecast About to churn 0 \u2198 -50% 30-day forecast Expected deposit amount 0 \u2198 -50% 30-day forecast Segments Type Actual Predicted Champions 286 325\u2197 +50% Loyal 198 265\u2197 +50% Promising 921 850\u2198 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-2656","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Playhard - Giochiamo.AI<\/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:\/\/www.giochiamo.ai\/en\/playhard\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Playhard - Giochiamo.AI\" \/>\n<meta property=\"og:description\" content=\"playhard Dashboard User Management Monitoring Games Reports Account Profile Logout Setting Dark Theme Dashboard Behavioural monitoring About to deposit 0 \u2197 +50% 30-day forecast About to churn 0 \u2198 -50% 30-day forecast Expected deposit amount 0 \u2198 -50% 30-day forecast Segments Type Actual Predicted Champions 286 325\u2197 +50% Loyal 198 265\u2197 +50% Promising 921 850\u2198 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.giochiamo.ai\/en\/playhard\/\" \/>\n<meta property=\"og:site_name\" content=\"Giochiamo.AI\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-05T16:22:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1231\" \/>\n\t<meta property=\"og:image:height\" content=\"323\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated 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:\/\/www.giochiamo.ai\/playhard\/\",\"url\":\"https:\/\/www.giochiamo.ai\/playhard\/\",\"name\":\"Playhard - Giochiamo.AI\",\"isPartOf\":{\"@id\":\"https:\/\/www.giochiamo.ai\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.giochiamo.ai\/playhard\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.giochiamo.ai\/playhard\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard-1024x269.png\",\"datePublished\":\"2026-01-26T14:47:03+00:00\",\"dateModified\":\"2026-02-05T16:22:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.giochiamo.ai\/playhard\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.giochiamo.ai\/playhard\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.giochiamo.ai\/playhard\/#primaryimage\",\"url\":\"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard-1024x269.png\",\"contentUrl\":\"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard-1024x269.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.giochiamo.ai\/playhard\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.giochiamo.ai\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Playhard\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.giochiamo.ai\/#website\",\"url\":\"https:\/\/www.giochiamo.ai\/\",\"name\":\"Giochiamo.AI\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.giochiamo.ai\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.giochiamo.ai\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.giochiamo.ai\/#organization\",\"name\":\"Giochiamo.AI\",\"url\":\"https:\/\/www.giochiamo.ai\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.giochiamo.ai\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2025\/07\/Logo-1-e1769526458638.png\",\"contentUrl\":\"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2025\/07\/Logo-1-e1769526458638.png\",\"width\":913,\"height\":147,\"caption\":\"Giochiamo.AI\"},\"image\":{\"@id\":\"https:\/\/www.giochiamo.ai\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/giochiamo-ai\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Playhard - Giochiamo.AI","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:\/\/www.giochiamo.ai\/en\/playhard\/","og_locale":"en_GB","og_type":"article","og_title":"Playhard - Giochiamo.AI","og_description":"playhard Dashboard User Management Monitoring Games Reports Account Profile Logout Setting Dark Theme Dashboard Behavioural monitoring About to deposit 0 \u2197 +50% 30-day forecast About to churn 0 \u2198 -50% 30-day forecast Expected deposit amount 0 \u2198 -50% 30-day forecast Segments Type Actual Predicted Champions 286 325\u2197 +50% Loyal 198 265\u2197 +50% Promising 921 850\u2198 [&hellip;]","og_url":"https:\/\/www.giochiamo.ai\/en\/playhard\/","og_site_name":"Giochiamo.AI","article_modified_time":"2026-02-05T16:22:25+00:00","og_image":[{"width":1231,"height":323,"url":"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.giochiamo.ai\/playhard\/","url":"https:\/\/www.giochiamo.ai\/playhard\/","name":"Playhard - Giochiamo.AI","isPartOf":{"@id":"https:\/\/www.giochiamo.ai\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.giochiamo.ai\/playhard\/#primaryimage"},"image":{"@id":"https:\/\/www.giochiamo.ai\/playhard\/#primaryimage"},"thumbnailUrl":"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard-1024x269.png","datePublished":"2026-01-26T14:47:03+00:00","dateModified":"2026-02-05T16:22:25+00:00","breadcrumb":{"@id":"https:\/\/www.giochiamo.ai\/playhard\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.giochiamo.ai\/playhard\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.giochiamo.ai\/playhard\/#primaryimage","url":"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard-1024x269.png","contentUrl":"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2026\/01\/playhard-1024x269.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.giochiamo.ai\/playhard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.giochiamo.ai\/"},{"@type":"ListItem","position":2,"name":"Playhard"}]},{"@type":"WebSite","@id":"https:\/\/www.giochiamo.ai\/#website","url":"https:\/\/www.giochiamo.ai\/","name":"Giochiamo.AI","description":"","publisher":{"@id":"https:\/\/www.giochiamo.ai\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.giochiamo.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.giochiamo.ai\/#organization","name":"Giochiamo.AI","url":"https:\/\/www.giochiamo.ai\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.giochiamo.ai\/#\/schema\/logo\/image\/","url":"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2025\/07\/Logo-1-e1769526458638.png","contentUrl":"https:\/\/www.giochiamo.ai\/wp-content\/uploads\/2025\/07\/Logo-1-e1769526458638.png","width":913,"height":147,"caption":"Giochiamo.AI"},"image":{"@id":"https:\/\/www.giochiamo.ai\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/giochiamo-ai"]}]}},"_links":{"self":[{"href":"https:\/\/www.giochiamo.ai\/en\/wp-json\/wp\/v2\/pages\/2656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.giochiamo.ai\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.giochiamo.ai\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.giochiamo.ai\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.giochiamo.ai\/en\/wp-json\/wp\/v2\/comments?post=2656"}],"version-history":[{"count":172,"href":"https:\/\/www.giochiamo.ai\/en\/wp-json\/wp\/v2\/pages\/2656\/revisions"}],"predecessor-version":[{"id":4460,"href":"https:\/\/www.giochiamo.ai\/en\/wp-json\/wp\/v2\/pages\/2656\/revisions\/4460"}],"wp:attachment":[{"href":"https:\/\/www.giochiamo.ai\/en\/wp-json\/wp\/v2\/media?parent=2656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}