1bfca3fbe3
- help.js: aggiornate sezioni per idle timeout, banner AI dismissible, matrice rischi real-time - i18n.js: aggiunte 5 chiavi session.* per idle timeout (IT/EN) - common.js: _showIdleWarning() usa I18n.t() per testi IT/EN - docs/commercial/scheda-commerciale.html: scheda A4 stampabile (problema/soluzione, moduli, AI, target) - docs/commercial/scheda-tecnica.html: specifiche stack, architettura, API, DB, sicurezza, deploy - docs/commercial/presentazione.html: presentazione 10 slide completa (contesto, moduli, AI, compliance, ROI, roadmap) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1145 lines
50 KiB
HTML
1145 lines
50 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="it">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>NIS2 Agile — Presentazione</title>
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body {
|
||
font-family: 'Segoe UI', Arial, sans-serif;
|
||
background: #eef2f7;
|
||
color: #1a1a2e;
|
||
}
|
||
|
||
/* ── Slide base ── */
|
||
.slide {
|
||
width: 297mm;
|
||
min-height: 167mm;
|
||
background: #fff;
|
||
margin: 0 auto 20px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
page-break-after: always;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
/* ══ SLIDE 1 — COPERTINA ══ */
|
||
.slide-cover {
|
||
background: linear-gradient(145deg, #0d2137 0%, #1a3a5c 40%, #1a73e8 100%);
|
||
min-height: 167mm;
|
||
justify-content: center;
|
||
padding: 40px 60px;
|
||
position: relative;
|
||
}
|
||
.cover-bg-circle1 {
|
||
position: absolute; right: -80px; top: -80px;
|
||
width: 300px; height: 300px; border-radius: 50%;
|
||
background: rgba(255,255,255,0.04);
|
||
}
|
||
.cover-bg-circle2 {
|
||
position: absolute; right: 80px; bottom: -60px;
|
||
width: 200px; height: 200px; border-radius: 50%;
|
||
background: rgba(255,255,255,0.06);
|
||
}
|
||
.cover-content { position: relative; z-index: 1; }
|
||
.cover-logo-row {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 14px;
|
||
margin-bottom: 40px;
|
||
}
|
||
.cover-logo-icon {
|
||
width: 52px; height: 52px;
|
||
background: rgba(255,255,255,0.15);
|
||
border-radius: 12px;
|
||
display: flex; align-items: center; justify-content: center;
|
||
}
|
||
.cover-logo-icon svg { width: 32px; height: 32px; fill: #fff; }
|
||
.cover-logo-text h2 { font-size: 28px; font-weight: 900; color: #fff; letter-spacing: -0.5px; }
|
||
.cover-logo-text span { font-size: 11px; color: rgba(255,255,255,0.6); letter-spacing: 1.5px; text-transform: uppercase; }
|
||
|
||
.cover-title {
|
||
font-size: 32px;
|
||
font-weight: 800;
|
||
color: #fff;
|
||
line-height: 1.25;
|
||
max-width: 520px;
|
||
margin-bottom: 16px;
|
||
}
|
||
.cover-title em {
|
||
font-style: normal;
|
||
color: #60a5fa;
|
||
}
|
||
.cover-subtitle {
|
||
font-size: 14px;
|
||
color: rgba(255,255,255,0.75);
|
||
max-width: 480px;
|
||
line-height: 1.7;
|
||
margin-bottom: 32px;
|
||
}
|
||
.cover-badges {
|
||
display: flex;
|
||
gap: 10px;
|
||
flex-wrap: wrap;
|
||
}
|
||
.cover-badge {
|
||
background: rgba(255,255,255,0.12);
|
||
color: #fff;
|
||
font-size: 10px;
|
||
font-weight: 700;
|
||
padding: 5px 12px;
|
||
border-radius: 20px;
|
||
border: 1px solid rgba(255,255,255,0.2);
|
||
}
|
||
.cover-date {
|
||
position: absolute;
|
||
bottom: 30px;
|
||
right: 60px;
|
||
font-size: 10px;
|
||
color: rgba(255,255,255,0.5);
|
||
text-align: right;
|
||
}
|
||
|
||
/* ══ HEADER SLIDES ══ */
|
||
.slide-header {
|
||
background: #0d2137;
|
||
padding: 16px 40px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
flex-shrink: 0;
|
||
}
|
||
.slide-header-logo { font-size: 13px; font-weight: 800; color: #fff; }
|
||
.slide-header-logo span { color: #60a5fa; }
|
||
.slide-num {
|
||
font-size: 10px;
|
||
color: rgba(255,255,255,0.5);
|
||
font-weight: 600;
|
||
}
|
||
|
||
.slide-body {
|
||
flex: 1;
|
||
padding: 28px 40px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.slide-title {
|
||
font-size: 20px;
|
||
font-weight: 800;
|
||
color: #0d2137;
|
||
margin-bottom: 6px;
|
||
}
|
||
.slide-subtitle {
|
||
font-size: 12px;
|
||
color: #6b7280;
|
||
margin-bottom: 22px;
|
||
padding-bottom: 14px;
|
||
border-bottom: 2px solid #e0eaff;
|
||
}
|
||
|
||
.slide-footer {
|
||
background: #f8faff;
|
||
border-top: 1px solid #e0eaff;
|
||
padding: 8px 40px;
|
||
font-size: 9px;
|
||
color: #9ca3af;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
/* ══ SLIDE 2 — CONTESTO ══ */
|
||
.context-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 16px;
|
||
flex: 1;
|
||
}
|
||
.context-panel {
|
||
border-radius: 8px;
|
||
padding: 20px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 12px;
|
||
}
|
||
.context-panel.left {
|
||
background: linear-gradient(135deg, #fef2f2, #fff);
|
||
border: 1px solid #fecaca;
|
||
}
|
||
.context-panel.right {
|
||
background: linear-gradient(135deg, #f0f9ff, #fff);
|
||
border: 1px solid #bae6fd;
|
||
}
|
||
.context-label {
|
||
font-size: 9px;
|
||
font-weight: 800;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1px;
|
||
padding: 4px 10px;
|
||
border-radius: 20px;
|
||
display: inline-block;
|
||
width: fit-content;
|
||
}
|
||
.context-panel.left .context-label { background: #fecaca; color: #991b1b; }
|
||
.context-panel.right .context-label { background: #bae6fd; color: #075985; }
|
||
.context-heading {
|
||
font-size: 14px;
|
||
font-weight: 800;
|
||
line-height: 1.3;
|
||
}
|
||
.context-panel.left .context-heading { color: #991b1b; }
|
||
.context-panel.right .context-heading { color: #075985; }
|
||
.context-list { list-style: none; }
|
||
.context-list li {
|
||
font-size: 11.5px;
|
||
padding: 5px 0 5px 18px;
|
||
position: relative;
|
||
color: #374151;
|
||
line-height: 1.5;
|
||
border-bottom: 1px solid rgba(0,0,0,0.04);
|
||
}
|
||
.context-list li:last-child { border-bottom: none; }
|
||
.context-list li::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0; top: 11px;
|
||
width: 7px; height: 7px;
|
||
border-radius: 2px;
|
||
}
|
||
.context-panel.left .context-list li::before { background: #dc2626; }
|
||
.context-panel.right .context-list li::before { background: #0284c7; }
|
||
|
||
/* ══ SLIDE 3 — TARGET ══ */
|
||
.target-cards {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 16px;
|
||
flex: 1;
|
||
align-items: start;
|
||
}
|
||
.target-big-card {
|
||
border: 1px solid #e0eaff;
|
||
border-radius: 10px;
|
||
overflow: hidden;
|
||
}
|
||
.target-big-header {
|
||
background: linear-gradient(135deg, #1a73e8, #0d47a1);
|
||
padding: 16px;
|
||
color: #fff;
|
||
}
|
||
.target-big-num { font-size: 28px; font-weight: 900; opacity: 0.3; line-height: 1; margin-bottom: 4px; }
|
||
.target-big-name { font-size: 14px; font-weight: 800; }
|
||
.target-big-sub { font-size: 10px; opacity: 0.8; margin-top: 2px; }
|
||
.target-big-body { padding: 14px 16px; }
|
||
.target-big-desc { font-size: 11px; color: #374151; line-height: 1.6; margin-bottom: 10px; }
|
||
.target-features { list-style: none; }
|
||
.target-features li {
|
||
font-size: 10.5px;
|
||
color: #4b5563;
|
||
padding: 3px 0 3px 14px;
|
||
position: relative;
|
||
}
|
||
.target-features li::before {
|
||
content: '→';
|
||
position: absolute;
|
||
left: 0;
|
||
color: #1a73e8;
|
||
font-size: 10px;
|
||
}
|
||
|
||
/* ══ SLIDE 4 — MODULI ══ */
|
||
.modules-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: 10px;
|
||
flex: 1;
|
||
align-items: start;
|
||
}
|
||
.module-card {
|
||
background: #f8faff;
|
||
border: 1px solid #e0eaff;
|
||
border-radius: 8px;
|
||
padding: 14px;
|
||
position: relative;
|
||
}
|
||
.module-card::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0; left: 0; right: 0;
|
||
height: 3px;
|
||
background: linear-gradient(90deg, #1a73e8, #0d47a1);
|
||
border-radius: 8px 8px 0 0;
|
||
}
|
||
.module-icon {
|
||
width: 34px; height: 34px;
|
||
background: linear-gradient(135deg, #1a73e8, #0d47a1);
|
||
border-radius: 8px;
|
||
display: flex; align-items: center; justify-content: center;
|
||
margin-bottom: 10px;
|
||
}
|
||
.module-icon svg { width: 18px; height: 18px; fill: #fff; }
|
||
.module-name { font-size: 11px; font-weight: 800; color: #0d2137; margin-bottom: 6px; }
|
||
.module-desc { font-size: 10px; color: #6b7280; line-height: 1.5; margin-bottom: 8px; }
|
||
.module-art {
|
||
font-size: 8.5px;
|
||
background: #dbeafe;
|
||
color: #1d4ed8;
|
||
padding: 2px 7px;
|
||
border-radius: 8px;
|
||
font-weight: 700;
|
||
display: inline-block;
|
||
}
|
||
|
||
/* ══ SLIDE 5 — AI ══ */
|
||
.ai-slide-layout {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1.4fr;
|
||
gap: 24px;
|
||
flex: 1;
|
||
align-items: start;
|
||
}
|
||
.ai-left {
|
||
background: linear-gradient(145deg, #1e0a3c, #2d1b69);
|
||
border-radius: 12px;
|
||
padding: 24px;
|
||
color: #fff;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 14px;
|
||
}
|
||
.ai-logo {
|
||
width: 48px; height: 48px;
|
||
background: linear-gradient(135deg, #7c3aed, #2563eb);
|
||
border-radius: 12px;
|
||
display: flex; align-items: center; justify-content: center;
|
||
}
|
||
.ai-logo svg { width: 28px; height: 28px; fill: #fff; }
|
||
.ai-title-big { font-size: 18px; font-weight: 800; color: #fff; line-height: 1.3; }
|
||
.ai-title-big em { font-style: normal; color: #a78bfa; }
|
||
.ai-powered-by {
|
||
display: flex; align-items: center; gap: 8px;
|
||
font-size: 10px; color: rgba(255,255,255,0.6);
|
||
}
|
||
.ai-powered-by strong { color: #fff; }
|
||
.ai-features-list { list-style: none; margin-top: 4px; }
|
||
.ai-features-list li {
|
||
font-size: 11px;
|
||
color: rgba(255,255,255,0.85);
|
||
padding: 6px 0 6px 20px;
|
||
position: relative;
|
||
border-bottom: 1px solid rgba(255,255,255,0.08);
|
||
line-height: 1.4;
|
||
}
|
||
.ai-features-list li:last-child { border-bottom: none; }
|
||
.ai-features-list li::before {
|
||
content: '✦';
|
||
position: absolute;
|
||
left: 0;
|
||
color: #a78bfa;
|
||
font-size: 8px;
|
||
top: 8px;
|
||
}
|
||
.ai-privacy {
|
||
background: rgba(255,255,255,0.08);
|
||
border-radius: 6px;
|
||
padding: 10px 12px;
|
||
font-size: 10px;
|
||
color: rgba(255,255,255,0.7);
|
||
border: 1px solid rgba(255,255,255,0.1);
|
||
}
|
||
.ai-privacy strong { color: #a78bfa; }
|
||
|
||
.ai-right { display: flex; flex-direction: column; gap: 12px; }
|
||
.ai-use-case {
|
||
background: #f8faff;
|
||
border: 1px solid #e0eaff;
|
||
border-radius: 8px;
|
||
padding: 14px;
|
||
display: flex;
|
||
gap: 12px;
|
||
align-items: flex-start;
|
||
}
|
||
.ai-uc-num {
|
||
width: 28px; height: 28px;
|
||
background: linear-gradient(135deg, #7c3aed, #2563eb);
|
||
color: #fff;
|
||
border-radius: 6px;
|
||
display: flex; align-items: center; justify-content: center;
|
||
font-size: 12px;
|
||
font-weight: 800;
|
||
flex-shrink: 0;
|
||
}
|
||
.ai-uc-title { font-size: 11.5px; font-weight: 700; color: #0d2137; margin-bottom: 3px; }
|
||
.ai-uc-desc { font-size: 10.5px; color: #4b5563; line-height: 1.5; }
|
||
.ai-uc-result {
|
||
margin-top: 5px;
|
||
font-size: 10px;
|
||
color: #1d4ed8;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* ══ SLIDE 6 — COMPLIANCE DETTAGLIO ══ */
|
||
.compliance-table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
font-size: 11px;
|
||
flex: 1;
|
||
}
|
||
.compliance-table th {
|
||
background: #0d2137;
|
||
color: #fff;
|
||
padding: 8px 12px;
|
||
font-size: 9.5px;
|
||
font-weight: 700;
|
||
text-align: left;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.5px;
|
||
}
|
||
.compliance-table td {
|
||
padding: 7px 12px;
|
||
border-bottom: 1px solid #e8edf3;
|
||
vertical-align: top;
|
||
}
|
||
.compliance-table tr:nth-child(even) td { background: #f8faff; }
|
||
.art-tag {
|
||
display: inline-block;
|
||
background: #1a73e8;
|
||
color: #fff;
|
||
font-size: 9px;
|
||
font-weight: 700;
|
||
padding: 2px 7px;
|
||
border-radius: 4px;
|
||
white-space: nowrap;
|
||
}
|
||
.check-yes {
|
||
color: #16a34a;
|
||
font-weight: 700;
|
||
font-size: 13px;
|
||
}
|
||
.modules-tag {
|
||
font-size: 9.5px;
|
||
color: #1a73e8;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* ══ SLIDE 7 — SICUREZZA ══ */
|
||
.security-layout {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 16px;
|
||
flex: 1;
|
||
align-items: start;
|
||
}
|
||
.sec-column { display: flex; flex-direction: column; gap: 10px; }
|
||
.sec-card {
|
||
border-radius: 7px;
|
||
padding: 12px 14px;
|
||
border-left: 3px solid;
|
||
}
|
||
.sec-card.green { background: #f0fdf4; border-color: #16a34a; }
|
||
.sec-card.blue { background: #eff6ff; border-color: #1a73e8; }
|
||
.sec-card.orange { background: #fff7ed; border-color: #d97706; }
|
||
.sec-card.purple { background: #f5f3ff; border-color: #7c3aed; }
|
||
.sec-card-title { font-size: 11px; font-weight: 800; color: #0d2137; margin-bottom: 5px; }
|
||
.sec-card-body { font-size: 10.5px; color: #374151; line-height: 1.6; }
|
||
.sec-card-code {
|
||
font-family: 'Courier New', monospace;
|
||
font-size: 9.5px;
|
||
background: rgba(0,0,0,0.05);
|
||
border-radius: 3px;
|
||
padding: 2px 5px;
|
||
color: #4b5563;
|
||
}
|
||
|
||
/* ══ SLIDE 8 — ROI ══ */
|
||
.roi-layout {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1.2fr;
|
||
gap: 24px;
|
||
flex: 1;
|
||
align-items: start;
|
||
}
|
||
.roi-left { display: flex; flex-direction: column; gap: 12px; }
|
||
.roi-big-stat {
|
||
background: linear-gradient(135deg, #0d2137, #1a3a5c);
|
||
border-radius: 10px;
|
||
padding: 20px;
|
||
text-align: center;
|
||
color: #fff;
|
||
}
|
||
.roi-big-num { font-size: 40px; font-weight: 900; color: #60a5fa; line-height: 1; }
|
||
.roi-big-desc { font-size: 11px; color: rgba(255,255,255,0.8); margin-top: 6px; line-height: 1.5; }
|
||
.roi-stats { display: flex; flex-direction: column; gap: 8px; }
|
||
.roi-stat-row {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
background: #f8faff;
|
||
border: 1px solid #e0eaff;
|
||
border-radius: 7px;
|
||
padding: 10px 14px;
|
||
}
|
||
.roi-stat-icon { font-size: 20px; }
|
||
.roi-stat-num { font-size: 18px; font-weight: 800; color: #1a73e8; min-width: 60px; }
|
||
.roi-stat-text { font-size: 10.5px; color: #4b5563; line-height: 1.4; }
|
||
|
||
.roi-right { display: flex; flex-direction: column; gap: 10px; }
|
||
.roi-benefit {
|
||
background: #f8faff;
|
||
border: 1px solid #e0eaff;
|
||
border-radius: 7px;
|
||
padding: 12px 14px;
|
||
display: flex;
|
||
gap: 10px;
|
||
align-items: flex-start;
|
||
}
|
||
.roi-check { color: #16a34a; font-size: 16px; flex-shrink: 0; margin-top: 1px; }
|
||
.roi-benefit-title { font-size: 11px; font-weight: 700; color: #0d2137; margin-bottom: 2px; }
|
||
.roi-benefit-desc { font-size: 10.5px; color: #4b5563; line-height: 1.5; }
|
||
|
||
/* ══ SLIDE 9 — ROADMAP ══ */
|
||
.roadmap-timeline {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 0;
|
||
flex: 1;
|
||
position: relative;
|
||
}
|
||
.roadmap-timeline::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 52px;
|
||
top: 0; bottom: 0;
|
||
width: 2px;
|
||
background: linear-gradient(to bottom, #1a73e8, #e0eaff);
|
||
}
|
||
.roadmap-item {
|
||
display: flex;
|
||
gap: 16px;
|
||
align-items: flex-start;
|
||
padding: 10px 0;
|
||
}
|
||
.roadmap-phase {
|
||
min-width: 96px;
|
||
text-align: right;
|
||
padding-right: 20px;
|
||
}
|
||
.roadmap-phase-name {
|
||
font-size: 9px;
|
||
font-weight: 800;
|
||
color: #1a73e8;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.5px;
|
||
}
|
||
.roadmap-phase-date { font-size: 9px; color: #9ca3af; }
|
||
.roadmap-dot {
|
||
width: 12px; height: 12px;
|
||
border-radius: 50%;
|
||
background: #1a73e8;
|
||
flex-shrink: 0;
|
||
margin-top: 2px;
|
||
border: 2px solid #fff;
|
||
box-shadow: 0 0 0 2px #1a73e8;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.roadmap-dot.done { background: #16a34a; box-shadow: 0 0 0 2px #16a34a; }
|
||
.roadmap-dot.future { background: #e0eaff; box-shadow: 0 0 0 2px #9ca3af; }
|
||
.roadmap-content { flex: 1; }
|
||
.roadmap-title { font-size: 12px; font-weight: 700; color: #0d2137; margin-bottom: 4px; }
|
||
.roadmap-items { list-style: none; }
|
||
.roadmap-items li {
|
||
font-size: 10.5px;
|
||
color: #4b5563;
|
||
padding: 2px 0 2px 12px;
|
||
position: relative;
|
||
}
|
||
.roadmap-items li::before {
|
||
content: '·';
|
||
position: absolute;
|
||
left: 0;
|
||
color: #9ca3af;
|
||
font-size: 14px;
|
||
top: -1px;
|
||
}
|
||
.roadmap-badge {
|
||
display: inline-block;
|
||
font-size: 8px;
|
||
font-weight: 700;
|
||
padding: 2px 6px;
|
||
border-radius: 10px;
|
||
margin-left: 6px;
|
||
vertical-align: middle;
|
||
}
|
||
.roadmap-badge.done { background: #dcfce7; color: #16a34a; }
|
||
.roadmap-badge.progress { background: #dbeafe; color: #1d4ed8; }
|
||
.roadmap-badge.planned { background: #f3f4f6; color: #6b7280; }
|
||
|
||
/* ══ SLIDE 10 — CHIUSURA ══ */
|
||
.slide-closing {
|
||
background: linear-gradient(145deg, #0d2137 0%, #1a73e8 100%);
|
||
min-height: 167mm;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
text-align: center;
|
||
padding: 40px 60px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
.closing-bg1 {
|
||
position: absolute; left: -80px; bottom: -80px;
|
||
width: 300px; height: 300px; border-radius: 50%;
|
||
background: rgba(255,255,255,0.04);
|
||
}
|
||
.closing-bg2 {
|
||
position: absolute; right: -40px; top: -40px;
|
||
width: 200px; height: 200px; border-radius: 50%;
|
||
background: rgba(255,255,255,0.05);
|
||
}
|
||
.closing-content { position: relative; z-index: 1; }
|
||
.closing-icon {
|
||
width: 72px; height: 72px;
|
||
background: rgba(255,255,255,0.15);
|
||
border-radius: 18px;
|
||
display: flex; align-items: center; justify-content: center;
|
||
margin: 0 auto 24px;
|
||
}
|
||
.closing-icon svg { width: 44px; height: 44px; fill: #fff; }
|
||
.closing-title { font-size: 28px; font-weight: 900; color: #fff; margin-bottom: 12px; line-height: 1.2; }
|
||
.closing-title em { font-style: normal; color: #93c5fd; }
|
||
.closing-sub { font-size: 13px; color: rgba(255,255,255,0.75); max-width: 480px; margin: 0 auto 32px; line-height: 1.7; }
|
||
.closing-cta {
|
||
display: inline-block;
|
||
background: #fff;
|
||
color: #0d47a1;
|
||
font-size: 14px;
|
||
font-weight: 800;
|
||
padding: 14px 36px;
|
||
border-radius: 30px;
|
||
text-decoration: none;
|
||
margin-bottom: 24px;
|
||
}
|
||
.closing-contact {
|
||
display: flex;
|
||
gap: 32px;
|
||
justify-content: center;
|
||
margin-top: 8px;
|
||
}
|
||
.closing-contact-item {
|
||
font-size: 11px;
|
||
color: rgba(255,255,255,0.7);
|
||
}
|
||
.closing-contact-item strong { color: #fff; display: block; font-size: 12px; }
|
||
|
||
@media print {
|
||
body { -webkit-print-color-adjust: exact; print-color-adjust: exact; background: #fff; }
|
||
.slide { margin-bottom: 0; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ═══════════════════════════════════ SLIDE 1 — COPERTINA ══ -->
|
||
<div class="slide slide-cover">
|
||
<div class="cover-bg-circle1"></div>
|
||
<div class="cover-bg-circle2"></div>
|
||
<div class="cover-content">
|
||
<div class="cover-logo-row">
|
||
<div class="cover-logo-icon">
|
||
<svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l7 3.12v4.7c0 4.83-3.23 9.36-7 10.57C8.23 20.36 5 15.83 5 11V6.3l7-3.12zM10 12.5l-2-2-1.41 1.41L10 15.32l5.41-5.41L14 8.5l-4 4z"/></svg>
|
||
</div>
|
||
<div class="cover-logo-text">
|
||
<h2>NIS2 Agile</h2>
|
||
<span>Compliance Platform</span>
|
||
</div>
|
||
</div>
|
||
<div class="cover-title">La compliance NIS2 non deve essere un<em> problema</em>.<br>Con NIS2 Agile, diventa un<em> vantaggio</em>.</div>
|
||
<div class="cover-subtitle">Piattaforma SaaS multi-tenant per la gestione integrata della conformità alla Direttiva UE 2022/2555 e al D.Lgs. 138/2024. Con intelligenza artificiale integrata, dashboard real-time e strumenti per l'intero ciclo di vita della compliance.</div>
|
||
<div class="cover-badges">
|
||
<span class="cover-badge">D.Lgs. 138/2024</span>
|
||
<span class="cover-badge">Direttiva UE 2022/2555 NIS2</span>
|
||
<span class="cover-badge">AI Powered by Anthropic</span>
|
||
<span class="cover-badge">ISO 27001 Aligned</span>
|
||
<span class="cover-badge">Multi-Tenant SaaS</span>
|
||
</div>
|
||
</div>
|
||
<div class="cover-date">Presentazione Commerciale · Febbraio 2026 · nis2.certisource.it</div>
|
||
</div>
|
||
|
||
<!-- ═══════════════════════════════════ SLIDE 2 — PROBLEMA / OPPORTUNITÀ ══ -->
|
||
<div class="slide">
|
||
<div class="slide-header"><div class="slide-header-logo">NIS2 <span>Agile</span></div><div class="slide-num">02 / 10</div></div>
|
||
<div class="slide-body">
|
||
<div class="slide-title">Il Contesto: NIS2 è Obbligatoria</div>
|
||
<div class="slide-subtitle">La Direttiva UE 2022/2555 recepita in Italia con D.Lgs. 138/2024 impone obblighi stringenti — e sanzioni severe</div>
|
||
<div class="context-grid">
|
||
<div class="context-panel left">
|
||
<span class="context-label">Il Problema</span>
|
||
<div class="context-heading">Le organizzazioni non sono pronte</div>
|
||
<ul class="context-list">
|
||
<li><strong>Sanzioni fino a €10M</strong> o 2% del fatturato globale per i soggetti essenziali</li>
|
||
<li><strong>Responsabilità personale</strong> dei dirigenti e degli organi di gestione (Art. 20)</li>
|
||
<li><strong>Notifiche obbligatorie</strong> al CSIRT entro 24h/72h/30gg per incidenti significativi</li>
|
||
<li>Gap analysis manuale su <strong>10 categorie Art. 21</strong> = mesi di lavoro</li>
|
||
<li>Processi dispersi in Excel, email, cartelle condivise non strutturate</li>
|
||
<li>Assenza di un <strong>registro rischi</strong> formalizzato e audit trail</li>
|
||
</ul>
|
||
</div>
|
||
<div class="context-panel right">
|
||
<span class="context-label">L'Opportunità</span>
|
||
<div class="context-heading">La compliance come leva competitiva</div>
|
||
<ul class="context-list">
|
||
<li><strong>+18.000 organizzazioni</strong> italiane coinvolte dalla NIS2 (stima ACN/AGID 2024)</li>
|
||
<li>Adesione volontaria possibile anche per soggetti non obbligati — <strong>differenziale di mercato</strong></li>
|
||
<li>La certificazione NIS2 diventa requisito per <strong>gare d'appalto e supply chain</strong></li>
|
||
<li>Management training obbligatorio (Art. 20.2) → formazione strutturata e tracciata</li>
|
||
<li><strong>Riduzione del rischio cyber</strong> misurabile con KPI di compliance</li>
|
||
<li>Audit e ispezioni semplificate con <strong>evidenze pronte e log immutabili</strong></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="slide-footer"><span>NIS2 Agile — Presentazione Commerciale 2026</span><span>nis2.certisource.it</span></div>
|
||
</div>
|
||
|
||
<!-- ═══════════════════════════════════ SLIDE 3 — TARGET ══ -->
|
||
<div class="slide">
|
||
<div class="slide-header"><div class="slide-header-logo">NIS2 <span>Agile</span></div><div class="slide-num">03 / 10</div></div>
|
||
<div class="slide-body">
|
||
<div class="slide-title">A Chi È Destinato</div>
|
||
<div class="slide-subtitle">Tre profili utente principali, un'unica piattaforma — con isolamento multi-tenant garantito</div>
|
||
<div class="target-cards">
|
||
<div class="target-big-card">
|
||
<div class="target-big-header">
|
||
<div class="target-big-num">01</div>
|
||
<div class="target-big-name">PMI</div>
|
||
<div class="target-big-sub">Soggetti Importanti (Allegato I-II)</div>
|
||
</div>
|
||
<div class="target-big-body">
|
||
<div class="target-big-desc">Medie imprese nei settori energia, trasporti, sanità, acque, digitale che rientrano nell'obbligo NIS2 senza avere un team compliance dedicato.</div>
|
||
<ul class="target-features">
|
||
<li>Wizard guidato per l'onboarding</li>
|
||
<li>AI che genera policy in minuti</li>
|
||
<li>Costo compliance ridotto dell'80%</li>
|
||
<li>Report pronti per le ispezioni ACN</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="target-big-card">
|
||
<div class="target-big-header" style="background:linear-gradient(135deg,#1565c0,#0d2137)">
|
||
<div class="target-big-num">02</div>
|
||
<div class="target-big-name">Enterprise</div>
|
||
<div class="target-big-sub">Soggetti Essenziali (Allegato I)</div>
|
||
</div>
|
||
<div class="target-big-body">
|
||
<div class="target-big-desc">Grandi organizzazioni (>250 dipendenti, >€50M fatturato) in settori ad alta criticità, soggette a vigilanza proattiva AGID e audit frequenti.</div>
|
||
<ul class="target-features">
|
||
<li>Audit trail immutabile e completo</li>
|
||
<li>Ruoli granulari (7 livelli di accesso)</li>
|
||
<li>Dashboard executive per il CDA</li>
|
||
<li>Export multi-formato per auditor</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="target-big-card">
|
||
<div class="target-big-header" style="background:linear-gradient(135deg,#7c3aed,#1a3a5c)">
|
||
<div class="target-big-num">03</div>
|
||
<div class="target-big-name">Consulenti & CISO</div>
|
||
<div class="target-big-sub">Multi-client management</div>
|
||
</div>
|
||
<div class="target-big-body">
|
||
<div class="target-big-desc">Professionisti della sicurezza informatica, studi di consulenza e CISO as a Service che gestiscono la compliance di più clienti da un unico pannello.</div>
|
||
<ul class="target-features">
|
||
<li>Org-switcher nella sidebar</li>
|
||
<li>Vista aggregata tutte le aziende</li>
|
||
<li>Isolamento dati garantito</li>
|
||
<li>Onboarding rapido nuovi clienti</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="slide-footer"><span>NIS2 Agile — Presentazione Commerciale 2026</span><span>nis2.certisource.it</span></div>
|
||
</div>
|
||
|
||
<!-- ═══════════════════════════════════ SLIDE 4 — MODULI ══ -->
|
||
<div class="slide">
|
||
<div class="slide-header"><div class="slide-header-logo">NIS2 <span>Agile</span></div><div class="slide-num">04 / 10</div></div>
|
||
<div class="slide-body">
|
||
<div class="slide-title">I Moduli della Piattaforma</div>
|
||
<div class="slide-subtitle">15 controller, 22 tabelle, 80+ endpoint REST — ogni modulo copre uno o più obblighi NIS2</div>
|
||
<div class="modules-grid">
|
||
<div class="module-card">
|
||
<div class="module-icon"><svg viewBox="0 0 20 20"><path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"/><path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg></div>
|
||
<div class="module-name">Gap Analysis</div>
|
||
<div class="module-desc">Wizard 80 domande sui 10 requisiti Art. 21. Score automatico, progress bar, report per categoria.</div>
|
||
<span class="module-art">Art. 21.2 (a-j)</span>
|
||
</div>
|
||
<div class="module-card">
|
||
<div class="module-icon"><svg viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 1.944A11.954 11.954 0 012.166 5C2.056 5.649 2 6.319 2 7c0 5.225 3.34 9.67 8 11.317C14.66 16.67 18 12.225 18 7c0-.682-.057-1.35-.166-2.001A11.954 11.954 0 0110 1.944zM11 14a1 1 0 11-2 0 1 1 0 012 0zm0-7a1 1 0 10-2 0v3a1 1 0 102 0V7z" clip-rule="evenodd"/></svg></div>
|
||
<div class="module-name">Risk Management</div>
|
||
<div class="module-desc">Register rischi con matrice 5×5 ISO 27005. Ownership, trattamenti, monitoraggio scadenze.</div>
|
||
<span class="module-art">Art. 21.1</span>
|
||
</div>
|
||
<div class="module-card">
|
||
<div class="module-icon"><svg viewBox="0 0 20 20"><path d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"/></svg></div>
|
||
<div class="module-name">Incident Management</div>
|
||
<div class="module-desc">Timeline automatica 24h/72h/30gg. Decision tree significatività. Notifiche CSIRT via email.</div>
|
||
<span class="module-art">Art. 23</span>
|
||
</div>
|
||
<div class="module-card">
|
||
<div class="module-icon"><svg viewBox="0 0 20 20"><path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd"/></svg></div>
|
||
<div class="module-name">Policy Management</div>
|
||
<div class="module-desc">Ciclo di vita: bozza → revisione → approvazione → pubblicazione. Template per ogni categoria NIS2.</div>
|
||
<span class="module-art">Art. 21.2(a)</span>
|
||
</div>
|
||
<div class="module-card">
|
||
<div class="module-icon"><svg viewBox="0 0 20 20"><path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd"/></svg></div>
|
||
<div class="module-name">Supply Chain</div>
|
||
<div class="module-desc">Registro fornitori, scoring rischio, valutazioni periodiche, monitoraggio SLA e contratti.</div>
|
||
<span class="module-art">Art. 21.2(d)</span>
|
||
</div>
|
||
<div class="module-card">
|
||
<div class="module-icon"><svg viewBox="0 0 20 20"><path d="M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0z"/></svg></div>
|
||
<div class="module-name">Training</div>
|
||
<div class="module-desc">Corsi NIS2, assegnazioni con scadenze, tracciamento compliance Art. 20.2 per il management.</div>
|
||
<span class="module-art">Art. 20.2</span>
|
||
</div>
|
||
<div class="module-card">
|
||
<div class="module-icon"><svg viewBox="0 0 20 20"><path fill-rule="evenodd" d="M2 5a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm14 1a1 1 0 11-2 0 1 1 0 012 0zM2 13a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2zm14 1a1 1 0 11-2 0 1 1 0 012 0z" clip-rule="evenodd"/></svg></div>
|
||
<div class="module-name">Asset Inventory</div>
|
||
<div class="module-desc">Catalogo ICT (hardware/software/rete/dati), livelli criticità, mappa dipendenze, ciclo di vita.</div>
|
||
<span class="module-art">Art. 21.2(i)</span>
|
||
</div>
|
||
<div class="module-card">
|
||
<div class="module-icon"><svg viewBox="0 0 20 20"><path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zm6-4a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zm6-3a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"/></svg></div>
|
||
<div class="module-name">Audit & Report</div>
|
||
<div class="module-desc">Log immutabili, evidenze, report esecutivo HTML, export CSV multi-modulo, ISO 27001 mapping.</div>
|
||
<span class="module-art">Art. 32-33</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="slide-footer"><span>NIS2 Agile — Presentazione Commerciale 2026</span><span>nis2.certisource.it</span></div>
|
||
</div>
|
||
|
||
<!-- ═══════════════════════════════════ SLIDE 5 — AI ══ -->
|
||
<div class="slide">
|
||
<div class="slide-header"><div class="slide-header-logo">NIS2 <span>Agile</span></div><div class="slide-num">05 / 10</div></div>
|
||
<div class="slide-body">
|
||
<div class="slide-title">Intelligenza Artificiale Integrata</div>
|
||
<div class="slide-subtitle">4 funzionalità AI che riducono il lavoro manuale di compliance fino al 70% — con dati anonimizzati</div>
|
||
<div class="ai-slide-layout">
|
||
<div class="ai-left">
|
||
<div class="ai-logo"><svg viewBox="0 0 20 20"><path d="M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zm7-10a1 1 0 01.967.744L14.146 7.2 17.5 8.512a1 1 0 010 1.836l-3.354 1.311-1.18 4.456a1 1 0 01-1.932 0L9.854 11.66 6.5 10.348a1 1 0 010-1.836l3.354-1.311 1.18-4.456A1 1 0 0112 2z"/></svg></div>
|
||
<div class="ai-title-big">AI che <em>lavora</em> per la tua compliance</div>
|
||
<div class="ai-powered-by">Powered by <strong>Claude (Anthropic)</strong></div>
|
||
<ul class="ai-features-list">
|
||
<li>Analisi intelligente dei gap e raccomandazioni prioritizzate</li>
|
||
<li>Suggerimento rischi contestuali per settore e tipologia di asset</li>
|
||
<li>Generazione automatica di policy NIS2 complete</li>
|
||
<li>Classificazione automatica della gravità degli incidenti</li>
|
||
</ul>
|
||
<div class="ai-privacy"><strong>Privacy by Design:</strong> Ragione sociale e dati finanziari mai inviati ad Anthropic. Solo dati settore e range dimensionale (micro/piccola/media/grande).</div>
|
||
</div>
|
||
<div class="ai-right">
|
||
<div class="ai-use-case">
|
||
<div class="ai-uc-num">1</div>
|
||
<div>
|
||
<div class="ai-uc-title">Gap Analysis AI</div>
|
||
<div class="ai-uc-desc">Dopo il completamento delle 80 domande, l'AI analizza le risposte e genera un report con gap prioritizzati, impatto normativo e piano d'azione per categoria Art. 21.</div>
|
||
<div class="ai-uc-result">→ Da 2 settimane di analisi manuale a 30 secondi</div>
|
||
</div>
|
||
</div>
|
||
<div class="ai-use-case">
|
||
<div class="ai-uc-num">2</div>
|
||
<div>
|
||
<div class="ai-uc-title">Risk Suggest AI</div>
|
||
<div class="ai-uc-desc">L'AI suggerisce rischi tipici del settore, con probabilità e impatto precompilati, categorie NIS2, riferimenti normativi e misure di mitigazione consigliate.</div>
|
||
<div class="ai-uc-result">→ Risk register completo in minuti invece di giorni</div>
|
||
</div>
|
||
</div>
|
||
<div class="ai-use-case">
|
||
<div class="ai-uc-num">3</div>
|
||
<div>
|
||
<div class="ai-uc-title">Policy Generate AI</div>
|
||
<div class="ai-uc-desc">Selezioni la categoria (es. sicurezza reti, gestione incidenti, crittografia) e l'AI genera una policy strutturata con scopo, ambito, responsabilità e procedure.</div>
|
||
<div class="ai-uc-result">→ Policy pronta per revisione umana in 60 secondi</div>
|
||
</div>
|
||
</div>
|
||
<div class="ai-use-case">
|
||
<div class="ai-uc-num">4</div>
|
||
<div>
|
||
<div class="ai-uc-title">Incident Classify AI</div>
|
||
<div class="ai-uc-desc">L'AI analizza la descrizione dell'incidente e suggerisce automaticamente la classificazione, la gravità Art. 23 e se sia significativo ai fini della notifica CSIRT.</div>
|
||
<div class="ai-uc-result">→ Valutazione Art. 23 immediata — no errori manuali</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="slide-footer"><span>NIS2 Agile — Presentazione Commerciale 2026</span><span>nis2.certisource.it</span></div>
|
||
</div>
|
||
|
||
<!-- ═══════════════════════════════════ SLIDE 6 — COMPLIANCE COPERTURA ══ -->
|
||
<div class="slide">
|
||
<div class="slide-header"><div class="slide-header-logo">NIS2 <span>Agile</span></div><div class="slide-num">06 / 10</div></div>
|
||
<div class="slide-body">
|
||
<div class="slide-title">Copertura Normativa Completa</div>
|
||
<div class="slide-subtitle">Ogni articolo NIS2 e D.Lgs. 138/2024 rilevante è coperto da almeno un modulo operativo della piattaforma</div>
|
||
<table class="compliance-table">
|
||
<thead>
|
||
<tr>
|
||
<th style="width:14%">Articolo</th>
|
||
<th style="width:30%">Obbligo Normativo</th>
|
||
<th style="width:30%">Modulo NIS2 Agile</th>
|
||
<th style="width:13%">Copertura</th>
|
||
<th style="width:13%">Evidenza Audit</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td><span class="art-tag">Art. 20</span></td><td>Governance e responsabilità management</td><td class="modules-tag">Training + Formazione Management</td><td class="check-yes">✓ Completo</td><td>Report completamento corsi</td></tr>
|
||
<tr><td><span class="art-tag">Art. 21.1</span></td><td>Approccio basato sul rischio</td><td class="modules-tag">Risk Management + Assessment</td><td class="check-yes">✓ Completo</td><td>Risk register + matrice</td></tr>
|
||
<tr><td><span class="art-tag">Art. 21.2(a)</span></td><td>Politiche di analisi dei rischi</td><td class="modules-tag">Gap Analysis + Policy Management</td><td class="check-yes">✓ Completo</td><td>Assessment + policy approvate</td></tr>
|
||
<tr><td><span class="art-tag">Art. 21.2(b)</span></td><td>Gestione degli incidenti</td><td class="modules-tag">Incident Management + NCR/CAPA</td><td class="check-yes">✓ Completo</td><td>Registro incidenti + timeline</td></tr>
|
||
<tr><td><span class="art-tag">Art. 21.2(c)</span></td><td>Business continuity e backup</td><td class="modules-tag">Asset Inventory + Risk</td><td class="check-yes">✓ Parziale</td><td>Asset critici + SPOF map</td></tr>
|
||
<tr><td><span class="art-tag">Art. 21.2(d)</span></td><td>Sicurezza supply chain</td><td class="modules-tag">Supply Chain Security</td><td class="check-yes">✓ Completo</td><td>Valutazioni fornitori</td></tr>
|
||
<tr><td><span class="art-tag">Art. 21.2(g)</span></td><td>Igiene informatica e formazione</td><td class="modules-tag">Training + Policy</td><td class="check-yes">✓ Completo</td><td>Assegnazioni + completamenti</td></tr>
|
||
<tr><td><span class="art-tag">Art. 21.2(i)</span></td><td>Sicurezza risorse umane e asset</td><td class="modules-tag">Asset Inventory + Settings (ruoli)</td><td class="check-yes">✓ Completo</td><td>Inventario asset + ruoli utente</td></tr>
|
||
<tr><td><span class="art-tag">Art. 23</span></td><td>Notifica incidenti significativi</td><td class="modules-tag">Incident Management (24h/72h/30gg)</td><td class="check-yes">✓ Completo</td><td>Email CSIRT + timestamp</td></tr>
|
||
<tr><td><span class="art-tag">Art. 32-33</span></td><td>Vigilanza e audit</td><td class="modules-tag">Audit & Report + Log immutabili</td><td class="check-yes">✓ Completo</td><td>Audit log + evidenze</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="slide-footer"><span>NIS2 Agile — Presentazione Commerciale 2026</span><span>nis2.certisource.it</span></div>
|
||
</div>
|
||
|
||
<!-- ═══════════════════════════════════ SLIDE 7 — SICUREZZA ══ -->
|
||
<div class="slide">
|
||
<div class="slide-header"><div class="slide-header-logo">NIS2 <span>Agile</span></div><div class="slide-num">07 / 10</div></div>
|
||
<div class="slide-body">
|
||
<div class="slide-title">Sicurezza by Design</div>
|
||
<div class="slide-subtitle">La piattaforma che gestisce la tua compliance NIS2 deve essere essa stessa sicura — ogni componente è progettato con questo principio</div>
|
||
<div class="security-layout">
|
||
<div class="sec-column">
|
||
<div class="sec-card green">
|
||
<div class="sec-card-title">Autenticazione JWT + Refresh Atomico</div>
|
||
<div class="sec-card-body">Access token con durata 2h, refresh token 7gg. Rinnovo con <span class="sec-card-code">SELECT FOR UPDATE</span> — nessuna race condition possibile. Revoca immediata al logout su tutti i dispositivi.</div>
|
||
</div>
|
||
<div class="sec-card green">
|
||
<div class="sec-card-title">SQL Injection Prevention — 100%</div>
|
||
<div class="sec-card-body">PDO esclusivo con prepared statements per ogni query. Zero concatenazioni dinamiche. Validazione input lato server su tutti gli endpoint.</div>
|
||
</div>
|
||
<div class="sec-card blue">
|
||
<div class="sec-card-title">CORS Configurato — No Wildcard</div>
|
||
<div class="sec-card-body">Origin verificata contro lista bianca configurabile. Rimosso il <span class="sec-card-code">Access-Control-Allow-Origin: *</span> anche in modalità debug. Header personalizzati sicuri.</div>
|
||
</div>
|
||
<div class="sec-card blue">
|
||
<div class="sec-card-title">XSS Prevention — escapeHtml() ovunque</div>
|
||
<div class="sec-card-body">Funzione <span class="sec-card-code">escapeHtml()</span> applicata a ogni output HTML dinamico nel frontend. Content-Security-Policy header configurato.</div>
|
||
</div>
|
||
</div>
|
||
<div class="sec-column">
|
||
<div class="sec-card orange">
|
||
<div class="sec-card-title">Rate Limiting Proxy-Aware</div>
|
||
<div class="sec-card-body">File-based per IP con supporto <span class="sec-card-code">X-Forwarded-For</span> per deployment dietro reverse proxy. Login: 5/min, 20/h. Register: 3/10min. AI: 10/min, 100/h.</div>
|
||
</div>
|
||
<div class="sec-card orange">
|
||
<div class="sec-card-title">Idle Session Timeout — 30 Minuti</div>
|
||
<div class="sec-card-body">Logout automatico dopo 30 minuti di inattività. Avviso con countdown 5 minuti prima. Monitoraggio eventi mouse, tastiera, scroll e touch. Conforme best practice OWASP.</div>
|
||
</div>
|
||
<div class="sec-card purple">
|
||
<div class="sec-card-title">Audit Log Immutabile (DB Trigger)</div>
|
||
<div class="sec-card-body">Trigger MySQL <span class="sec-card-code">prevent_audit_log_update</span> e <span class="sec-card-code">prevent_audit_log_delete</span> rendono impossibile la modifica o cancellazione dei log anche con accesso diretto al DB.</div>
|
||
</div>
|
||
<div class="sec-card purple">
|
||
<div class="sec-card-title">AI Data Privacy — Prompt Anonimizzati</div>
|
||
<div class="sec-card-body">Ragione sociale e fatturato mai trasmessi ad Anthropic. Dipendenti convertiti in range generico (micro/piccola/media/grande). Solo settore e contesto funzionale.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="slide-footer"><span>NIS2 Agile — Presentazione Commerciale 2026</span><span>nis2.certisource.it</span></div>
|
||
</div>
|
||
|
||
<!-- ═══════════════════════════════════ SLIDE 8 — ROI ══ -->
|
||
<div class="slide">
|
||
<div class="slide-header"><div class="slide-header-logo">NIS2 <span>Agile</span></div><div class="slide-num">08 / 10</div></div>
|
||
<div class="slide-body">
|
||
<div class="slide-title">ROI e Benefici Misurabili</div>
|
||
<div class="slide-subtitle">La compliance NIS2 con NIS2 Agile è un investimento a rapido ritorno — confrontato con alternative manuali o consulenziali</div>
|
||
<div class="roi-layout">
|
||
<div class="roi-left">
|
||
<div class="roi-big-stat">
|
||
<div class="roi-big-num">-80%</div>
|
||
<div class="roi-big-desc">Riduzione del tempo dedicato alla compliance rispetto a processi manuali con Excel e documenti</div>
|
||
</div>
|
||
<div class="roi-stats">
|
||
<div class="roi-stat-row">
|
||
<div class="roi-stat-icon">⚡</div>
|
||
<div class="roi-stat-num">30s</div>
|
||
<div class="roi-stat-text">Gap analysis AI sui 10 Art. 21<br><small>vs. 2-3 settimane manuale</small></div>
|
||
</div>
|
||
<div class="roi-stat-row">
|
||
<div class="roi-stat-icon">📄</div>
|
||
<div class="roi-stat-num">60s</div>
|
||
<div class="roi-stat-text">Policy generata con AI<br><small>vs. 2-4 ore con consulente</small></div>
|
||
</div>
|
||
<div class="roi-stat-row">
|
||
<div class="roi-stat-icon">🔔</div>
|
||
<div class="roi-stat-num">Auto</div>
|
||
<div class="roi-stat-text">Notifiche CSIRT 24h/72h/30gg<br><small>vs. gestione manuale con rischio scadenze</small></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="roi-right">
|
||
<div class="roi-benefit">
|
||
<div class="roi-check">✓</div>
|
||
<div>
|
||
<div class="roi-benefit-title">Riduzione del rischio sanzionatorio</div>
|
||
<div class="roi-benefit-desc">Sanzioni NIS2 fino a €10M o 2% del fatturato globale. La compliance documentata e dimostrabile riduce drasticamente l'esposizione in caso di ispezione ACN/AGID.</div>
|
||
</div>
|
||
</div>
|
||
<div class="roi-benefit">
|
||
<div class="roi-check">✓</div>
|
||
<div>
|
||
<div class="roi-benefit-title">Risparmio costi di consulenza</div>
|
||
<div class="roi-benefit-desc">Un progetto NIS2 da consulente senior costa €40-80k/anno. NIS2 Agile fornisce strumenti, AI e automazione per una frazione del costo, mantenendo il controllo interno.</div>
|
||
</div>
|
||
</div>
|
||
<div class="roi-benefit">
|
||
<div class="roi-check">✓</div>
|
||
<div>
|
||
<div class="roi-benefit-title">Vantaggio competitivo</div>
|
||
<div class="roi-benefit-desc">La certificazione NIS2 diventa requisito per partecipare a gare d'appalto PA e supply chain di grandi gruppi. Documenta il livello di maturità cyber verso clienti e partner.</div>
|
||
</div>
|
||
</div>
|
||
<div class="roi-benefit">
|
||
<div class="roi-check">✓</div>
|
||
<div>
|
||
<div class="roi-benefit-title">Audit sempre pronti</div>
|
||
<div class="roi-benefit-desc">Audit log immutabili, evidenze allegate, report esecutivo HTML e export CSV sempre disponibili. Zero preparazione ad-hoc in caso di ispezione o audit improvvisi.</div>
|
||
</div>
|
||
</div>
|
||
<div class="roi-benefit">
|
||
<div class="roi-check">✓</div>
|
||
<div>
|
||
<div class="roi-benefit-title">Visibilità real-time sul rischio</div>
|
||
<div class="roi-benefit-desc">Dashboard con score di compliance aggiornato, risk heatmap, scadenze NIS2 e attività recenti. Il management ha visibilità immediata per prendere decisioni informate.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="slide-footer"><span>NIS2 Agile — Presentazione Commerciale 2026</span><span>nis2.certisource.it</span></div>
|
||
</div>
|
||
|
||
<!-- ═══════════════════════════════════ SLIDE 9 — ROADMAP ══ -->
|
||
<div class="slide">
|
||
<div class="slide-header"><div class="slide-header-logo">NIS2 <span>Agile</span></div><div class="slide-num">09 / 10</div></div>
|
||
<div class="slide-body">
|
||
<div class="slide-title">Roadmap e Stato di Sviluppo</div>
|
||
<div class="slide-subtitle">Piattaforma 100% completata e deployata in produzione — audit di conformità completato a Febbraio 2026</div>
|
||
<div class="roadmap-timeline">
|
||
<div class="roadmap-item">
|
||
<div class="roadmap-phase"><div class="roadmap-phase-name">Q3 2025</div><div class="roadmap-phase-date">Lug – Set</div></div>
|
||
<div class="roadmap-dot done"></div>
|
||
<div class="roadmap-content">
|
||
<div class="roadmap-title">Core Platform <span class="roadmap-badge done">Completato</span></div>
|
||
<ul class="roadmap-items">
|
||
<li>Auth JWT multi-tenant, 15 controller REST, 20 tabelle DB</li>
|
||
<li>Frontend 17 pagine HTML5/CSS3/JS vanilla</li>
|
||
<li>Gap Analysis wizard 80 domande (10 categorie Art. 21)</li>
|
||
<li>Risk Management matrice 5×5 + Incident Management Art. 23</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="roadmap-item">
|
||
<div class="roadmap-phase"><div class="roadmap-phase-name">Q4 2025</div><div class="roadmap-phase-date">Ott – Dic</div></div>
|
||
<div class="roadmap-dot done"></div>
|
||
<div class="roadmap-content">
|
||
<div class="roadmap-title">AI Integration + Moduli Avanzati <span class="roadmap-badge done">Completato</span></div>
|
||
<ul class="roadmap-items">
|
||
<li>Integrazione Anthropic Claude (4 funzionalità AI)</li>
|
||
<li>Supply Chain, Training, Assets, NCR/CAPA, Onboarding wizard</li>
|
||
<li>i18n IT/EN, help contestuale, modulo architettura</li>
|
||
<li>Ruolo Consulente + org-switcher multi-client</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="roadmap-item">
|
||
<div class="roadmap-phase"><div class="roadmap-phase-name">Gen 2026</div><div class="roadmap-phase-date">Migrazione</div></div>
|
||
<div class="roadmap-dot done"></div>
|
||
<div class="roadmap-content">
|
||
<div class="roadmap-title">Production Deploy + E2E Testing <span class="roadmap-badge done">Completato</span></div>
|
||
<ul class="roadmap-items">
|
||
<li>Migrazione a subdomain dedicato nis2.certisource.it (Hetzner)</li>
|
||
<li>E2E testing completo, bug fixing, UI polish, Docker verificato</li>
|
||
<li>6 migrazioni SQL, indici performance, soft delete, trigger immutabili</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="roadmap-item">
|
||
<div class="roadmap-phase"><div class="roadmap-phase-name">Feb 2026</div><div class="roadmap-phase-date">Hardening</div></div>
|
||
<div class="roadmap-dot done"></div>
|
||
<div class="roadmap-content">
|
||
<div class="roadmap-title">Security Hardening Pre-Audit <span class="roadmap-badge done">Completato</span></div>
|
||
<ul class="roadmap-items">
|
||
<li>CORS no-wildcard, refresh token atomico, rate limiting proxy-aware</li>
|
||
<li>Idle timeout 30min, loading states, UX polish completo</li>
|
||
<li>AI privacy: prompt anonimizzati, range dipendenti</li>
|
||
<li>Schede commerciali, scheda tecnica, presentazione</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="roadmap-item">
|
||
<div class="roadmap-phase"><div class="roadmap-phase-name">Q2 2026</div><div class="roadmap-phase-date">Prossimo</div></div>
|
||
<div class="roadmap-dot future"></div>
|
||
<div class="roadmap-content">
|
||
<div class="roadmap-title">Evoluzione Prodotto <span class="roadmap-badge planned">Pianificato</span></div>
|
||
<ul class="roadmap-items">
|
||
<li>Integrazione DORA (Digital Operational Resilience Act) per settore finanziario</li>
|
||
<li>API pubblica per integrazione con SIEM/SOC e tool di vulnerability management</li>
|
||
<li>Mobile app (React Native) per notifiche push incidenti urgenti</li>
|
||
<li>Dashboard benchmark settoriale anonimizzato</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="slide-footer"><span>NIS2 Agile — Presentazione Commerciale 2026</span><span>nis2.certisource.it</span></div>
|
||
</div>
|
||
|
||
<!-- ═══════════════════════════════════ SLIDE 10 — CHIUSURA ══ -->
|
||
<div class="slide slide-closing">
|
||
<div class="closing-bg1"></div>
|
||
<div class="closing-bg2"></div>
|
||
<div class="closing-content">
|
||
<div class="closing-icon">
|
||
<svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l7 3.12v4.7c0 4.83-3.23 9.36-7 10.57C8.23 20.36 5 15.83 5 11V6.3l7-3.12zM10 12.5l-2-2-1.41 1.41L10 15.32l5.41-5.41L14 8.5l-4 4z"/></svg>
|
||
</div>
|
||
<div class="closing-title">La compliance NIS2<br>inizia <em>oggi</em>.</div>
|
||
<div class="closing-sub">NIS2 Agile è pronto in produzione, audit-ready e scalabile. Con AI integrata, sicurezza by design e copertura completa degli obblighi D.Lgs. 138/2024, riduce il tempo di compliance dell'80% rispetto alle alternative manuali.</div>
|
||
<a href="https://nis2.certisource.it" class="closing-cta">Accedi alla Piattaforma →</a>
|
||
<div class="closing-contact">
|
||
<div class="closing-contact-item">
|
||
<strong>Piattaforma</strong>
|
||
nis2.certisource.it
|
||
</div>
|
||
<div class="closing-contact-item">
|
||
<strong>Versione</strong>
|
||
1.0 · Febbraio 2026
|
||
</div>
|
||
<div class="closing-contact-item">
|
||
<strong>Stack</strong>
|
||
PHP 8.4 · MySQL 8 · Claude AI
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|