3b51b5bd95
Sposta la presentazione commerciale da /opt/agent-ai/hub/ al repo NIS2. Servita da Apache a https://nis2.agile.software/presentation.html - 11 slide: cover, sfida normativa, soluzione, target, features, portfolio, compliance journey, pricing, ecosistema, contatti - Tema rosso #EF4444, CTA "Richiedi accesso" → /#richiedi-accesso Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1665 lines
80 KiB
HTML
1665 lines
80 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 - Compliance NIS2 AI-Powered | Agile Technology SRL</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap');
|
|
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
|
:root {
|
|
--bg: #0f1117;
|
|
--bg-card: #1a1d27;
|
|
--bg-code: #12141c;
|
|
--border: #2a2d3a;
|
|
--text: #e4e4e7;
|
|
--text-dim: #71717a;
|
|
--text-bright: #fafafa;
|
|
--blue: #3b82f6;
|
|
--blue-dim: #1e3a5f;
|
|
--green: #22c55e;
|
|
--green-dim: #14532d;
|
|
--yellow: #eab308;
|
|
--yellow-dim: #713f12;
|
|
--red: #ef4444;
|
|
--red-dim: #7f1d1d;
|
|
--purple: #a855f7;
|
|
--purple-dim: #581c87;
|
|
--cyan: #EF4444;
|
|
--cyan-dim: #7f1d1d;
|
|
--orange: #f97316;
|
|
--orange-dim: #7c2d12;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
color: var(--text);
|
|
background: var(--bg);
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
|
|
/* ===== SLIDE LAYOUT ===== */
|
|
.slide {
|
|
width: 297mm;
|
|
height: 210mm;
|
|
padding: 0;
|
|
page-break-after: always;
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: var(--bg);
|
|
}
|
|
.slide:last-child { page-break-after: avoid; }
|
|
|
|
@media print {
|
|
@page { size: A4 landscape; margin: 0; }
|
|
body { margin: 0; }
|
|
.slide { margin: 0; }
|
|
}
|
|
|
|
@media screen {
|
|
body {
|
|
background: #09090b;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 30px;
|
|
padding: 30px 0;
|
|
}
|
|
.slide {
|
|
box-shadow: 0 0 60px rgba(239,68,68,0.08), 0 25px 50px rgba(0,0,0,0.5);
|
|
border: 1px solid var(--border);
|
|
border-radius: 6px;
|
|
flex-shrink: 0;
|
|
}
|
|
}
|
|
|
|
/* ===== COMMON ===== */
|
|
.slide-content {
|
|
flex: 1;
|
|
padding: 36px 56px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.slide-footer {
|
|
height: 32px;
|
|
background: rgba(0,0,0,0.4);
|
|
border-top: 1px solid var(--border);
|
|
color: var(--text-dim);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 56px;
|
|
font-size: 10px;
|
|
font-family: 'JetBrains Mono', monospace;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
.slide-number {
|
|
background: var(--border);
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: 600;
|
|
font-size: 10px;
|
|
color: var(--text-dim);
|
|
}
|
|
|
|
.section-tag {
|
|
display: inline-block;
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
letter-spacing: 2px;
|
|
text-transform: uppercase;
|
|
padding: 4px 12px;
|
|
border-radius: 4px;
|
|
margin-bottom: 14px;
|
|
width: fit-content;
|
|
}
|
|
.tag-cyan { background: var(--cyan-dim); color: var(--cyan); border: 1px solid rgba(239,68,68,0.3); }
|
|
.tag-red { background: var(--red-dim); color: var(--red); border: 1px solid rgba(239,68,68,0.3); }
|
|
.tag-green { background: var(--green-dim); color: var(--green); border: 1px solid rgba(34,197,94,0.3); }
|
|
.tag-blue { background: var(--blue-dim); color: var(--blue); border: 1px solid rgba(59,130,246,0.3); }
|
|
.tag-yellow { background: var(--yellow-dim); color: var(--yellow); border: 1px solid rgba(234,179,8,0.3); }
|
|
.tag-purple { background: var(--purple-dim); color: var(--purple); border: 1px solid rgba(168,85,247,0.3); }
|
|
.tag-orange { background: var(--orange-dim); color: var(--orange); border: 1px solid rgba(249,115,22,0.3); }
|
|
|
|
h1 { font-size: 38px; font-weight: 800; line-height: 1.1; color: var(--text-bright); }
|
|
h2 { font-size: 28px; font-weight: 700; line-height: 1.2; color: var(--text-bright); }
|
|
h3 { font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--text-bright); }
|
|
h4 { font-size: 14px; font-weight: 700; color: var(--text-bright); }
|
|
p { font-size: 14px; line-height: 1.6; color: var(--text-dim); }
|
|
|
|
code, .mono {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.accent-line {
|
|
height: 3px;
|
|
border-radius: 2px;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
/* ===== CARDS ===== */
|
|
.card {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
padding: 20px;
|
|
}
|
|
.card h4 {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: var(--text-bright);
|
|
margin-bottom: 8px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
.card p, .card li {
|
|
font-size: 12.5px;
|
|
line-height: 1.6;
|
|
color: var(--text-dim);
|
|
}
|
|
.card ul { list-style: none; padding: 0; }
|
|
.card li {
|
|
padding: 3px 0;
|
|
padding-left: 18px;
|
|
position: relative;
|
|
}
|
|
.card li::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 10px;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 2px;
|
|
}
|
|
.dot-cyan li::before { background: var(--cyan); }
|
|
.dot-blue li::before { background: var(--blue); }
|
|
.dot-green li::before { background: var(--green); }
|
|
.dot-yellow li::before { background: var(--yellow); }
|
|
.dot-red li::before { background: var(--red); }
|
|
.dot-purple li::before { background: var(--purple); }
|
|
.dot-orange li::before { background: var(--orange); }
|
|
|
|
/* ===== COVER ===== */
|
|
.slide-cover .slide-content {
|
|
justify-content: center;
|
|
padding: 50px 70px;
|
|
}
|
|
.cover-pre {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 13px;
|
|
color: var(--cyan);
|
|
margin-bottom: 16px;
|
|
opacity: 0.8;
|
|
}
|
|
.cover-title {
|
|
font-size: 52px;
|
|
font-weight: 900;
|
|
line-height: 1.05;
|
|
margin-bottom: 16px;
|
|
color: var(--text-bright);
|
|
}
|
|
.cover-title .hl { color: var(--cyan); }
|
|
.cover-sub {
|
|
font-size: 18px;
|
|
color: var(--text-dim);
|
|
line-height: 1.5;
|
|
margin-bottom: 40px;
|
|
max-width: 650px;
|
|
}
|
|
.cover-badges {
|
|
display: flex;
|
|
gap: 12px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.cover-badge {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: 6px;
|
|
padding: 8px 16px;
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 11px;
|
|
color: var(--text);
|
|
}
|
|
.cover-badge .label { color: var(--text-dim); margin-right: 6px; }
|
|
.cover-graphic {
|
|
position: absolute;
|
|
right: 50px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 300px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* ===== FLOW DIAGRAM ===== */
|
|
.flow-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0;
|
|
}
|
|
.flow-box {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: 8px;
|
|
padding: 12px 16px;
|
|
text-align: center;
|
|
flex: 1;
|
|
}
|
|
.flow-box h4 {
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
color: var(--text-bright);
|
|
margin-bottom: 3px;
|
|
}
|
|
.flow-box p {
|
|
font-size: 10px;
|
|
color: var(--text-dim);
|
|
line-height: 1.4;
|
|
}
|
|
.flow-arrow {
|
|
color: var(--border);
|
|
font-size: 18px;
|
|
padding: 0 6px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* Border colors */
|
|
.border-cyan { border-color: rgba(239,68,68,0.4); }
|
|
.border-blue { border-color: rgba(59,130,246,0.4); }
|
|
.border-green { border-color: rgba(34,197,94,0.4); }
|
|
.border-yellow { border-color: rgba(234,179,8,0.4); }
|
|
.border-red { border-color: rgba(239,68,68,0.4); }
|
|
.border-purple { border-color: rgba(168,85,247,0.4); }
|
|
.border-orange { border-color: rgba(249,115,22,0.4); }
|
|
|
|
/* ===== TABLE ===== */
|
|
.tech-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-size: 12px;
|
|
}
|
|
.tech-table th {
|
|
text-align: left;
|
|
padding: 8px 12px;
|
|
font-weight: 600;
|
|
font-size: 10px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
color: var(--text-dim);
|
|
border-bottom: 1px solid var(--border);
|
|
font-family: 'JetBrains Mono', monospace;
|
|
}
|
|
.tech-table td {
|
|
padding: 7px 12px;
|
|
border-bottom: 1px solid rgba(42,45,58,0.5);
|
|
color: var(--text);
|
|
font-size: 12px;
|
|
}
|
|
.tech-table td code {
|
|
background: var(--bg-code);
|
|
padding: 2px 6px;
|
|
border-radius: 3px;
|
|
font-size: 11px;
|
|
color: var(--cyan);
|
|
}
|
|
.tech-table tr:last-child td { border-bottom: none; }
|
|
|
|
/* ===== SLIDE-SPECIFIC ===== */
|
|
|
|
/* Cover shield graphic */
|
|
.shield-graphic {
|
|
width: 220px;
|
|
height: 260px;
|
|
position: relative;
|
|
}
|
|
.shield-icon {
|
|
font-size: 160px;
|
|
color: var(--cyan);
|
|
opacity: 0.12;
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 0;
|
|
}
|
|
.shield-overlay {
|
|
position: absolute;
|
|
top: 60px;
|
|
right: 20px;
|
|
text-align: right;
|
|
}
|
|
.shield-overlay .stat {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 11px;
|
|
color: var(--text-dim);
|
|
margin-bottom: 8px;
|
|
}
|
|
.shield-overlay .stat .val {
|
|
color: var(--cyan);
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* Challenge cards */
|
|
.challenge-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
gap: 20px;
|
|
flex: 1;
|
|
}
|
|
.challenge-card {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
padding: 24px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.challenge-card .icon-wrap {
|
|
width: 44px;
|
|
height: 44px;
|
|
border-radius: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 20px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.challenge-card h4 {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
color: var(--text-bright);
|
|
margin-bottom: 10px;
|
|
}
|
|
.challenge-card p {
|
|
font-size: 12.5px;
|
|
line-height: 1.6;
|
|
color: var(--text-dim);
|
|
flex: 1;
|
|
}
|
|
.challenge-card .highlight {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 24px;
|
|
font-weight: 800;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
/* Solution pillars */
|
|
.solution-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
gap: 18px;
|
|
flex: 1;
|
|
}
|
|
.solution-card {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
padding: 22px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.solution-card .pillar-icon {
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 8px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 18px;
|
|
margin-bottom: 14px;
|
|
}
|
|
.solution-card h4 {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: var(--text-bright);
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
/* Gap analysis domains */
|
|
.domain-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 10px;
|
|
flex: 1;
|
|
}
|
|
.domain-item {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: 8px;
|
|
padding: 12px 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 14px;
|
|
}
|
|
.domain-item .domain-num {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
color: var(--cyan);
|
|
background: var(--cyan-dim);
|
|
width: 28px;
|
|
height: 28px;
|
|
border-radius: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
}
|
|
.domain-item .domain-info {
|
|
flex: 1;
|
|
}
|
|
.domain-item .domain-name {
|
|
font-size: 12.5px;
|
|
font-weight: 600;
|
|
color: var(--text-bright);
|
|
margin-bottom: 2px;
|
|
}
|
|
.domain-item .domain-desc {
|
|
font-size: 10.5px;
|
|
color: var(--text-dim);
|
|
}
|
|
.domain-item .domain-questions {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 11px;
|
|
color: var(--cyan);
|
|
font-weight: 600;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* Score bar */
|
|
.score-section {
|
|
margin-top: 16px;
|
|
}
|
|
.score-bar-wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
margin-bottom: 6px;
|
|
}
|
|
.score-label {
|
|
font-size: 11px;
|
|
color: var(--text-dim);
|
|
font-family: 'JetBrains Mono', monospace;
|
|
width: 90px;
|
|
flex-shrink: 0;
|
|
}
|
|
.score-bar {
|
|
flex: 1;
|
|
height: 8px;
|
|
background: rgba(42,45,58,0.5);
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
}
|
|
.score-fill {
|
|
height: 100%;
|
|
border-radius: 4px;
|
|
transition: width 0.3s;
|
|
}
|
|
.score-value {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
width: 36px;
|
|
text-align: right;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* Incident timeline */
|
|
.timeline {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 0;
|
|
margin-top: 10px;
|
|
flex: 1;
|
|
}
|
|
.timeline-step {
|
|
flex: 1;
|
|
text-align: center;
|
|
position: relative;
|
|
padding: 0 8px;
|
|
}
|
|
.timeline-step .step-icon {
|
|
width: 56px;
|
|
height: 56px;
|
|
border-radius: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 22px;
|
|
margin: 0 auto 12px;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.timeline-step .step-time {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 18px;
|
|
font-weight: 800;
|
|
margin-bottom: 4px;
|
|
}
|
|
.timeline-step .step-title {
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
color: var(--text-bright);
|
|
margin-bottom: 6px;
|
|
}
|
|
.timeline-step .step-desc {
|
|
font-size: 11px;
|
|
color: var(--text-dim);
|
|
line-height: 1.5;
|
|
}
|
|
.timeline-connector {
|
|
width: 40px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding-top: 18px;
|
|
flex-shrink: 0;
|
|
}
|
|
.timeline-connector i {
|
|
color: var(--border);
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* AI Policy */
|
|
.ai-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 20px;
|
|
flex: 1;
|
|
}
|
|
.ai-left {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 14px;
|
|
}
|
|
.ai-right {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.policy-example {
|
|
background: var(--bg-code);
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
padding: 20px;
|
|
flex: 1;
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 11px;
|
|
line-height: 1.8;
|
|
overflow: hidden;
|
|
}
|
|
.policy-example .comment { color: var(--text-dim); }
|
|
.policy-example .heading { color: var(--cyan); font-weight: 700; }
|
|
.policy-example .key { color: var(--purple); }
|
|
.policy-example .val { color: var(--green); }
|
|
.policy-example .dim { color: var(--text-dim); }
|
|
|
|
.ai-feature-card {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: 8px;
|
|
padding: 14px 18px;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 12px;
|
|
}
|
|
.ai-feature-card .feat-icon {
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 8px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 15px;
|
|
flex-shrink: 0;
|
|
}
|
|
.ai-feature-card h4 {
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
color: var(--text-bright);
|
|
margin-bottom: 3px;
|
|
}
|
|
.ai-feature-card p {
|
|
font-size: 11px;
|
|
color: var(--text-dim);
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/* Architecture */
|
|
.arch-grid {
|
|
display: grid;
|
|
grid-template-columns: 1.3fr 1fr;
|
|
gap: 24px;
|
|
flex: 1;
|
|
}
|
|
.arch-diagram {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
}
|
|
.arch-layer {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
padding: 14px 18px;
|
|
}
|
|
.arch-layer .layer-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.arch-layer .layer-header i {
|
|
font-size: 14px;
|
|
}
|
|
.arch-layer .layer-header span {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
}
|
|
.arch-layer .layer-items {
|
|
display: flex;
|
|
gap: 10px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.arch-layer .layer-item {
|
|
background: var(--bg-code);
|
|
border: 1px solid rgba(42,45,58,0.7);
|
|
border-radius: 6px;
|
|
padding: 6px 12px;
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 10.5px;
|
|
color: var(--text);
|
|
}
|
|
|
|
.arch-stats {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
}
|
|
.arch-stat-card {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
padding: 16px 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 16px;
|
|
}
|
|
.arch-stat-card .stat-icon {
|
|
width: 42px;
|
|
height: 42px;
|
|
border-radius: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 18px;
|
|
flex-shrink: 0;
|
|
}
|
|
.arch-stat-card .stat-label {
|
|
font-size: 11px;
|
|
color: var(--text-dim);
|
|
margin-bottom: 2px;
|
|
}
|
|
.arch-stat-card .stat-value {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: var(--text-bright);
|
|
}
|
|
|
|
/* Contact slide */
|
|
.contact-grid {
|
|
display: grid;
|
|
grid-template-columns: 1.2fr 1fr;
|
|
gap: 40px;
|
|
flex: 1;
|
|
align-items: center;
|
|
}
|
|
.contact-left {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.contact-cta {
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
color: var(--text-bright);
|
|
line-height: 1.2;
|
|
margin-bottom: 16px;
|
|
}
|
|
.contact-cta .hl { color: var(--cyan); }
|
|
.contact-desc {
|
|
font-size: 15px;
|
|
color: var(--text-dim);
|
|
line-height: 1.6;
|
|
margin-bottom: 30px;
|
|
max-width: 450px;
|
|
}
|
|
.contact-btn {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
background: var(--cyan);
|
|
color: var(--bg);
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
padding: 14px 32px;
|
|
border-radius: 8px;
|
|
text-decoration: none;
|
|
width: fit-content;
|
|
}
|
|
.contact-right {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 14px;
|
|
}
|
|
.contact-item {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
padding: 18px 22px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 16px;
|
|
}
|
|
.contact-item .ci-icon {
|
|
width: 42px;
|
|
height: 42px;
|
|
border-radius: 10px;
|
|
background: var(--cyan-dim);
|
|
color: var(--cyan);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 17px;
|
|
flex-shrink: 0;
|
|
}
|
|
.contact-item .ci-label {
|
|
font-size: 11px;
|
|
color: var(--text-dim);
|
|
margin-bottom: 2px;
|
|
}
|
|
.contact-item .ci-value {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: var(--text-bright);
|
|
}
|
|
.contact-item .ci-value a {
|
|
color: var(--cyan);
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Utility */
|
|
.mt-auto { margin-top: auto; }
|
|
.mt-8 { margin-top: 8px; }
|
|
.mt-12 { margin-top: 12px; }
|
|
.mt-16 { margin-top: 16px; }
|
|
.mt-20 { margin-top: 20px; }
|
|
.mt-24 { margin-top: 24px; }
|
|
.mb-8 { margin-bottom: 8px; }
|
|
.mb-12 { margin-bottom: 12px; }
|
|
.mb-16 { margin-bottom: 16px; }
|
|
.mb-20 { margin-bottom: 20px; }
|
|
.gap-12 { gap: 12px; }
|
|
.gap-16 { gap: 16px; }
|
|
.flex { display: flex; }
|
|
.flex-col { flex-direction: column; }
|
|
.flex-1 { flex: 1; }
|
|
.items-center { align-items: center; }
|
|
.text-cyan { color: var(--cyan); }
|
|
.text-red { color: var(--red); }
|
|
.text-green { color: var(--green); }
|
|
.text-yellow { color: var(--yellow); }
|
|
.text-blue { color: var(--blue); }
|
|
.text-purple { color: var(--purple); }
|
|
.text-orange { color: var(--orange); }
|
|
.bg-cyan { background: var(--cyan-dim); }
|
|
.bg-red { background: var(--red-dim); }
|
|
.bg-green { background: var(--green-dim); }
|
|
.bg-yellow { background: var(--yellow-dim); }
|
|
.bg-blue { background: var(--blue-dim); }
|
|
.bg-purple { background: var(--purple-dim); }
|
|
.bg-orange { background: var(--orange-dim); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- SLIDE 1: COVER -->
|
|
<!-- ============================================================ -->
|
|
<div class="slide slide-cover">
|
|
<div class="slide-content">
|
|
<div class="cover-pre"><i class="fa-solid fa-shield-halved"></i> Agile Technology SRL</div>
|
|
<div class="cover-title">
|
|
<span class="hl">NIS2</span> Agile
|
|
</div>
|
|
<div class="cover-sub">
|
|
Compliance completa alla Direttiva NIS2 con gap analysis AI-powered, risk management ISO 27005 e incident response Art. 23.
|
|
</div>
|
|
<div class="cover-badges">
|
|
<div class="cover-badge"><span class="label">Direttiva</span> EU 2022/2555</div>
|
|
<div class="cover-badge"><span class="label">Recepimento</span> D.Lgs. 138/2024</div>
|
|
<div class="cover-badge"><span class="label">Standard</span> ISO 27001 / 27005</div>
|
|
<div class="cover-badge"><span class="label">AI Engine</span> Claude AI</div>
|
|
<div class="cover-badge"><span class="label">Multi-tenant</span> SaaS</div>
|
|
</div>
|
|
<div class="cover-graphic">
|
|
<div class="shield-graphic">
|
|
<i class="fa-solid fa-shield-halved shield-icon"></i>
|
|
<div class="shield-overlay">
|
|
<div class="stat"><span class="val">80</span> domande strutturate</div>
|
|
<div class="stat"><span class="val">10</span> domini sicurezza</div>
|
|
<div class="stat"><span class="val">Art. 21</span> copertura completa</div>
|
|
<div class="stat"><span class="val">Art. 23</span> incident workflow</div>
|
|
<div class="stat"><span class="val">AI</span> policy generation</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slide-footer">
|
|
<span>NIS2 Agile • Agile Technology SRL • 2026</span>
|
|
<div class="slide-number">1</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- SLIDE 2: LA SFIDA NIS2 -->
|
|
<!-- ============================================================ -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<div class="section-tag tag-red">LA SFIDA</div>
|
|
<h2 class="mb-8">La Direttiva NIS2: un obbligo, non un'opzione</h2>
|
|
<p class="mb-20">La Direttiva EU 2022/2555 (NIS2), recepita con D.Lgs. 138/2024, impone requisiti di cybersecurity stringenti a migliaia di organizzazioni in settori essenziali e importanti.</p>
|
|
<div class="accent-line" style="background: linear-gradient(90deg, var(--red), var(--orange));"></div>
|
|
<div class="challenge-grid">
|
|
<div class="challenge-card border-red">
|
|
<div class="icon-wrap bg-red text-red"><i class="fa-solid fa-calendar-xmark"></i></div>
|
|
<h4>Obbligo in Atto</h4>
|
|
<p>Il D.Lgs. 138/2024 è in vigore dal 16 ottobre 2024. Le organizzazioni soggette devono già aver completato la registrazione ACN e avviato l'adeguamento alle misure di sicurezza Art. 21.</p>
|
|
<div class="mt-auto mt-16">
|
|
<div class="highlight text-red">In vigore</div>
|
|
<div style="font-size: 11px; color: var(--text-dim);">D.Lgs. 138/2024 — dal 16 ottobre 2024</div>
|
|
</div>
|
|
</div>
|
|
<div class="challenge-card border-orange">
|
|
<div class="icon-wrap bg-orange text-orange"><i class="fa-solid fa-euro-sign"></i></div>
|
|
<h4>Sanzioni Severe</h4>
|
|
<p>Le sanzioni per non conformita possono raggiungere importi significativi, con responsabilita diretta del management aziendale in caso di inadempienza.</p>
|
|
<div class="mt-auto mt-16">
|
|
<div class="highlight text-orange">EUR 10M / 7M</div>
|
|
<div style="font-size: 11px; color: var(--text-dim);">Essenziali: €10M o 2% — Importanti: €7M o 1,4%</div>
|
|
</div>
|
|
</div>
|
|
<div class="challenge-card border-yellow">
|
|
<div class="icon-wrap bg-yellow text-yellow"><i class="fa-solid fa-building-shield"></i></div>
|
|
<h4>Perimetro Esteso</h4>
|
|
<p>NIS2 amplia enormemente il perimetro rispetto a NIS1, includendo nuovi settori come manifattura, alimentare, gestione rifiuti, spazio, PA e fornitori digitali.</p>
|
|
<div class="mt-auto mt-16">
|
|
<div class="highlight text-yellow">18 settori</div>
|
|
<div style="font-size: 11px; color: var(--text-dim);">Essenziali + Importanti coperti</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Banner collegamento 231 -->
|
|
<div style="margin-top: 16px; background: rgba(249,115,22,0.06); border: 1px solid rgba(249,115,22,0.2); border-radius: 10px; padding: 12px 16px; display: flex; align-items: center; gap: 14px;">
|
|
<i class="fa-solid fa-scale-balanced" style="color: var(--orange); font-size: 18px; flex-shrink: 0;"></i>
|
|
<div style="font-size: 12px; color: #94A3B8; line-height: 1.6;">
|
|
<strong style="color: #CBD5E1;">NIS2 e 231 Agile vanno di pari passo.</strong> Le aziende soggette NIS2 adottano quasi sempre anche il Modello Organizzativo ex D.Lgs. 231/2001. NIS2 Agile si integra nativamente con <span style="color: var(--orange);">231 Agile</span> — compliance cybersecurity e modello 231 in un ecosistema unico.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slide-footer">
|
|
<span>NIS2 Agile • Agile Technology SRL • 2026</span>
|
|
<div class="slide-number">2</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- SLIDE 3: LA SOLUZIONE -->
|
|
<!-- ============================================================ -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<div class="section-tag tag-cyan">LA SOLUZIONE</div>
|
|
<h2 class="mb-8">Una piattaforma, compliance completa</h2>
|
|
<p class="mb-20">NIS2 Agile integra gap analysis, risk management e incident response in un'unica piattaforma AI-powered, guidando l'organizzazione dalla valutazione iniziale alla conformita piena.</p>
|
|
<div class="accent-line" style="background: linear-gradient(90deg, var(--cyan), var(--blue));"></div>
|
|
<div class="solution-grid">
|
|
<div class="solution-card border-cyan">
|
|
<div class="pillar-icon bg-cyan text-cyan"><i class="fa-solid fa-magnifying-glass-chart"></i></div>
|
|
<h4>Gap Analysis Art. 21</h4>
|
|
<p style="font-size: 12.5px; color: var(--text-dim); line-height: 1.6; margin-bottom: 12px;">80 domande strutturate su 10 domini di sicurezza. Scoring automatico per area con identificazione priorita di intervento.</p>
|
|
<ul style="list-style: none; padding: 0;">
|
|
<li style="font-size: 11.5px; color: var(--text); padding: 3px 0;"><i class="fa-solid fa-check" style="color: var(--cyan); font-size: 10px; margin-right: 6px;"></i>Copertura completa Art. 21</li>
|
|
<li style="font-size: 11.5px; color: var(--text); padding: 3px 0;"><i class="fa-solid fa-check" style="color: var(--cyan); font-size: 10px; margin-right: 6px;"></i>Report gap dettagliato</li>
|
|
<li style="font-size: 11.5px; color: var(--text); padding: 3px 0;"><i class="fa-solid fa-check" style="color: var(--cyan); font-size: 10px; margin-right: 6px;"></i>Roadmap remediation</li>
|
|
</ul>
|
|
</div>
|
|
<div class="solution-card border-blue">
|
|
<div class="pillar-icon bg-blue text-blue"><i class="fa-solid fa-chart-pie"></i></div>
|
|
<h4>Risk Management ISO 27005</h4>
|
|
<p style="font-size: 12.5px; color: var(--text-dim); line-height: 1.6; margin-bottom: 12px;">Metodologia di analisi rischi conforme ISO 27005 con identificazione asset, minacce, vulnerabilita e calcolo rischio residuo.</p>
|
|
<ul style="list-style: none; padding: 0;">
|
|
<li style="font-size: 11.5px; color: var(--text); padding: 3px 0;"><i class="fa-solid fa-check" style="color: var(--blue); font-size: 10px; margin-right: 6px;"></i>Asset inventory</li>
|
|
<li style="font-size: 11.5px; color: var(--text); padding: 3px 0;"><i class="fa-solid fa-check" style="color: var(--blue); font-size: 10px; margin-right: 6px;"></i>Threat/Vuln mapping</li>
|
|
<li style="font-size: 11.5px; color: var(--text); padding: 3px 0;"><i class="fa-solid fa-check" style="color: var(--blue); font-size: 10px; margin-right: 6px;"></i>Risk treatment plan</li>
|
|
</ul>
|
|
</div>
|
|
<div class="solution-card border-green">
|
|
<div class="pillar-icon bg-green text-green"><i class="fa-solid fa-bell"></i></div>
|
|
<h4>Incident Response Art. 23</h4>
|
|
<p style="font-size: 12.5px; color: var(--text-dim); line-height: 1.6; margin-bottom: 12px;">Workflow completo di gestione incidenti con tempistiche Art. 23 e generazione automatica notifiche ACN.</p>
|
|
<ul style="list-style: none; padding: 0;">
|
|
<li style="font-size: 11.5px; color: var(--text); padding: 3px 0;"><i class="fa-solid fa-check" style="color: var(--green); font-size: 10px; margin-right: 6px;"></i>24h Early Warning</li>
|
|
<li style="font-size: 11.5px; color: var(--text); padding: 3px 0;"><i class="fa-solid fa-check" style="color: var(--green); font-size: 10px; margin-right: 6px;"></i>72h Notification</li>
|
|
<li style="font-size: 11.5px; color: var(--text); padding: 3px 0;"><i class="fa-solid fa-check" style="color: var(--green); font-size: 10px; margin-right: 6px;"></i>30d Final Report</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slide-footer">
|
|
<span>NIS2 Agile • Agile Technology SRL • 2026</span>
|
|
<div class="slide-number">3</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- SLIDE 4: PER CHI È — AZIENDA E CONSULENTE -->
|
|
<!-- ============================================================ -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<div class="section-tag tag-cyan">PER CHI È</div>
|
|
<h2 class="mb-8">Due target, un'unica piattaforma</h2>
|
|
<p class="mb-20">NIS2 Agile serve sia l'azienda che gestisce la propria compliance, sia il consulente (CISO-as-a-Service / MSSP) che segue un portfolio di clienti — con dashboard dedicata per ogni cliente.</p>
|
|
<div class="accent-line" style="background: linear-gradient(90deg, #3B82F6, #EF4444);"></div>
|
|
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px;">
|
|
<!-- Azienda -->
|
|
<div style="background: rgba(59,130,246,0.06); border: 1px solid rgba(59,130,246,0.25); border-radius: 12px; padding: 20px; position: relative;">
|
|
<div style="position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #3B82F6, #EF4444); border-radius: 12px 12px 0 0;"></div>
|
|
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px;">
|
|
<div style="width: 36px; height: 36px; background: rgba(59,130,246,0.15); border-radius: 8px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fa-solid fa-building" style="color: #3B82F6; font-size: 16px;"></i>
|
|
</div>
|
|
<div>
|
|
<div style="font-size: 13px; font-weight: 700; color: #F8FAFC;">Azienda PMI / Enterprise</div>
|
|
<div style="font-size: 11px; color: #64748B;">Compliance interna</div>
|
|
</div>
|
|
</div>
|
|
<ul style="list-style: none; padding: 0; display: flex; flex-direction: column; gap: 7px;">
|
|
<li style="font-size: 12px; color: #CBD5E1; display: flex; gap: 8px; align-items: flex-start;"><i class="fa-solid fa-check" style="color: #10B981; font-size: 10px; margin-top: 2px; flex-shrink: 0;"></i>Gap assessment Art.21 con scoring per dominio</li>
|
|
<li style="font-size: 12px; color: #CBD5E1; display: flex; gap: 8px; align-items: flex-start;"><i class="fa-solid fa-check" style="color: #10B981; font-size: 10px; margin-top: 2px; flex-shrink: 0;"></i>Risk register, incident response, policy AI</li>
|
|
<li style="font-size: 12px; color: #CBD5E1; display: flex; gap: 8px; align-items: flex-start;"><i class="fa-solid fa-check" style="color: #10B981; font-size: 10px; margin-top: 2px; flex-shrink: 0;"></i>Dashboard monitoraggio per CISO e board</li>
|
|
<li style="font-size: 12px; color: #CBD5E1; display: flex; gap: 8px; align-items: flex-start;"><i class="fa-solid fa-check" style="color: #10B981; font-size: 10px; margin-top: 2px; flex-shrink: 0;"></i>Audit log immutabile per ispezioni ACN</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Consulente -->
|
|
<div style="background: rgba(239,68,68,0.06); border: 1px solid rgba(239,68,68,0.25); border-radius: 12px; padding: 20px; position: relative;">
|
|
<div style="position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #EF4444, #8B5CF6); border-radius: 12px 12px 0 0;"></div>
|
|
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px;">
|
|
<div style="width: 36px; height: 36px; background: rgba(239,68,68,0.15); border-radius: 8px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fa-solid fa-user-tie" style="color: #EF4444; font-size: 16px;"></i>
|
|
</div>
|
|
<div>
|
|
<div style="font-size: 13px; font-weight: 700; color: #F8FAFC;">Consulente / CISO-as-a-Service / MSSP</div>
|
|
<div style="font-size: 11px; color: #64748B;">Gestione portfolio clienti</div>
|
|
</div>
|
|
</div>
|
|
<ul style="list-style: none; padding: 0; display: flex; flex-direction: column; gap: 7px;">
|
|
<li style="font-size: 12px; color: #CBD5E1; display: flex; gap: 8px; align-items: flex-start;"><i class="fa-solid fa-check" style="color: #10B981; font-size: 10px; margin-top: 2px; flex-shrink: 0;"></i>Portfolio view: tutte le aziende clienti in un pannello</li>
|
|
<li style="font-size: 12px; color: #CBD5E1; display: flex; gap: 8px; align-items: flex-start;"><i class="fa-solid fa-check" style="color: #10B981; font-size: 10px; margin-top: 2px; flex-shrink: 0;"></i>Ogni cliente: dashboard dedicata con accesso separato</li>
|
|
<li style="font-size: 12px; color: #CBD5E1; display: flex; gap: 8px; align-items: flex-start;"><i class="fa-solid fa-check" style="color: #10B981; font-size: 10px; margin-top: 2px; flex-shrink: 0;"></i>Provisioning rapido via B2B invite token</li>
|
|
<li style="font-size: 12px; color: #CBD5E1; display: flex; gap: 8px; align-items: flex-start;"><i class="fa-solid fa-check" style="color: #10B981; font-size: 10px; margin-top: 2px; flex-shrink: 0;"></i>AI cross-portfolio su rischi e gap dei clienti</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Info bar -->
|
|
<div style="margin-top: 16px; background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.15); border-radius: 10px; padding: 14px 18px; display: flex; align-items: center; gap: 14px;">
|
|
<i class="fa-solid fa-eye" style="color: #EF4444; font-size: 18px; flex-shrink: 0;"></i>
|
|
<div style="font-size: 12px; color: #94A3B8; line-height: 1.6;">
|
|
<strong style="color: #CBD5E1;">Il consulente attiva la licenza per il cliente</strong> — il cliente accede direttamente alla propria dashboard, monitora score, rischi e scadenze, mentre il consulente mantiene visibilità sull'intero portfolio e interviene dove necessario.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slide-footer">
|
|
<span>NIS2 Agile • Agile Technology SRL • 2026</span>
|
|
<div class="slide-number">4</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- SLIDE 5: GAP ANALYSIS ART. 21 (old 4) -->
|
|
<!-- ============================================================ -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<div class="section-tag tag-cyan">GAP ANALYSIS</div>
|
|
<h2 class="mb-8">80 domande su 10 domini di sicurezza Art. 21</h2>
|
|
<p class="mb-16">Ogni dominio copre un requisito specifico dell'Art. 21 della Direttiva NIS2, con scoring automatico e identificazione delle lacune critiche.</p>
|
|
<div class="accent-line" style="background: linear-gradient(90deg, var(--cyan), var(--green));"></div>
|
|
<div class="domain-grid">
|
|
<div class="domain-item border-cyan">
|
|
<div class="domain-num">01</div>
|
|
<div class="domain-info">
|
|
<div class="domain-name">Politiche di sicurezza</div>
|
|
<div class="domain-desc">Governance, ruoli CISO/DPO, policy framework</div>
|
|
</div>
|
|
<div class="domain-questions">8 Q</div>
|
|
</div>
|
|
<div class="domain-item border-cyan">
|
|
<div class="domain-num">02</div>
|
|
<div class="domain-info">
|
|
<div class="domain-name">Gestione degli incidenti</div>
|
|
<div class="domain-desc">Detection, response, notifica ACN Art. 23</div>
|
|
</div>
|
|
<div class="domain-questions">8 Q</div>
|
|
</div>
|
|
<div class="domain-item border-cyan">
|
|
<div class="domain-num">03</div>
|
|
<div class="domain-info">
|
|
<div class="domain-name">Business continuity</div>
|
|
<div class="domain-desc">BCP, disaster recovery, backup, resilienza</div>
|
|
</div>
|
|
<div class="domain-questions">8 Q</div>
|
|
</div>
|
|
<div class="domain-item border-cyan">
|
|
<div class="domain-num">04</div>
|
|
<div class="domain-info">
|
|
<div class="domain-name">Supply chain security</div>
|
|
<div class="domain-desc">Valutazione fornitori, SLA sicurezza, audit</div>
|
|
</div>
|
|
<div class="domain-questions">8 Q</div>
|
|
</div>
|
|
<div class="domain-item border-cyan">
|
|
<div class="domain-num">05</div>
|
|
<div class="domain-info">
|
|
<div class="domain-name">Acquisizione e sviluppo</div>
|
|
<div class="domain-desc">Secure SDLC, vulnerability management</div>
|
|
</div>
|
|
<div class="domain-questions">8 Q</div>
|
|
</div>
|
|
<div class="domain-item border-cyan">
|
|
<div class="domain-num">06</div>
|
|
<div class="domain-info">
|
|
<div class="domain-name">Valutazione efficacia</div>
|
|
<div class="domain-desc">KPI, audit interni, penetration testing</div>
|
|
</div>
|
|
<div class="domain-questions">8 Q</div>
|
|
</div>
|
|
<div class="domain-item border-cyan">
|
|
<div class="domain-num">07</div>
|
|
<div class="domain-info">
|
|
<div class="domain-name">Igiene informatica</div>
|
|
<div class="domain-desc">Formazione, awareness, cyber hygiene</div>
|
|
</div>
|
|
<div class="domain-questions">8 Q</div>
|
|
</div>
|
|
<div class="domain-item border-cyan">
|
|
<div class="domain-num">08</div>
|
|
<div class="domain-info">
|
|
<div class="domain-name">Crittografia</div>
|
|
<div class="domain-desc">Encryption, key management, certificati</div>
|
|
</div>
|
|
<div class="domain-questions">8 Q</div>
|
|
</div>
|
|
<div class="domain-item border-cyan">
|
|
<div class="domain-num">09</div>
|
|
<div class="domain-info">
|
|
<div class="domain-name">Controllo accessi</div>
|
|
<div class="domain-desc">IAM, MFA, privilege management, ZeroTrust</div>
|
|
</div>
|
|
<div class="domain-questions">8 Q</div>
|
|
</div>
|
|
<div class="domain-item border-cyan">
|
|
<div class="domain-num">10</div>
|
|
<div class="domain-info">
|
|
<div class="domain-name">Asset management</div>
|
|
<div class="domain-desc">Inventario asset, classificazione, gestione</div>
|
|
</div>
|
|
<div class="domain-questions">8 Q</div>
|
|
</div>
|
|
</div>
|
|
<div class="score-section">
|
|
<p style="font-size: 11px; color: var(--text-dim); margin-bottom: 8px; font-family: 'JetBrains Mono', monospace;">ESEMPIO OUTPUT - Scoring automatico per dominio</p>
|
|
<div class="score-bar-wrapper">
|
|
<div class="score-label">Incidenti</div>
|
|
<div class="score-bar"><div class="score-fill" style="width: 85%; background: var(--green);"></div></div>
|
|
<div class="score-value text-green">85%</div>
|
|
</div>
|
|
<div class="score-bar-wrapper">
|
|
<div class="score-label">Crittografia</div>
|
|
<div class="score-bar"><div class="score-fill" style="width: 62%; background: var(--yellow);"></div></div>
|
|
<div class="score-value text-yellow">62%</div>
|
|
</div>
|
|
<div class="score-bar-wrapper">
|
|
<div class="score-label">Supply chain</div>
|
|
<div class="score-bar"><div class="score-fill" style="width: 35%; background: var(--red);"></div></div>
|
|
<div class="score-value text-red">35%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slide-footer">
|
|
<span>NIS2 Agile • Agile Technology SRL • 2026</span>
|
|
<div class="slide-number">5</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- SLIDE 6: INCIDENT RESPONSE ART. 23 -->
|
|
<!-- ============================================================ -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<div class="section-tag tag-green">INCIDENT RESPONSE</div>
|
|
<h2 class="mb-8">Workflow Art. 23: dalla detection alla notifica ACN</h2>
|
|
<p class="mb-16">Gestione completa del ciclo di vita degli incidenti di sicurezza con tempistiche conformi all'Art. 23 e generazione automatica delle comunicazioni verso l'Agenzia per la Cybersicurezza Nazionale.</p>
|
|
<div class="accent-line" style="background: linear-gradient(90deg, var(--red), var(--yellow), var(--green));"></div>
|
|
<div class="timeline">
|
|
<div class="timeline-step">
|
|
<div class="step-icon bg-red text-red border-red" style="border: 2px solid rgba(239,68,68,0.4);">
|
|
<i class="fa-solid fa-bolt"></i>
|
|
</div>
|
|
<div class="step-time text-red">T0</div>
|
|
<div class="step-title">Detection</div>
|
|
<div class="step-desc">Rilevamento incidente significativo. Classificazione automatica severity e impatto sui servizi essenziali.</div>
|
|
</div>
|
|
<div class="timeline-connector"><i class="fa-solid fa-chevron-right"></i></div>
|
|
<div class="timeline-step">
|
|
<div class="step-icon bg-orange text-orange border-orange" style="border: 2px solid rgba(249,115,22,0.4);">
|
|
<i class="fa-solid fa-triangle-exclamation"></i>
|
|
</div>
|
|
<div class="step-time text-orange">24h</div>
|
|
<div class="step-title">Early Warning</div>
|
|
<div class="step-desc">Pre-notifica obbligatoria al CSIRT/ACN entro 24 ore. Template pre-compilato con dati incidente.</div>
|
|
</div>
|
|
<div class="timeline-connector"><i class="fa-solid fa-chevron-right"></i></div>
|
|
<div class="timeline-step">
|
|
<div class="step-icon bg-yellow text-yellow border-yellow" style="border: 2px solid rgba(234,179,8,0.4);">
|
|
<i class="fa-solid fa-file-lines"></i>
|
|
</div>
|
|
<div class="step-time text-yellow">72h</div>
|
|
<div class="step-title">Notification</div>
|
|
<div class="step-desc">Notifica completa con valutazione iniziale: severity, impatto, indicatori di compromissione (IoC).</div>
|
|
</div>
|
|
<div class="timeline-connector"><i class="fa-solid fa-chevron-right"></i></div>
|
|
<div class="timeline-step">
|
|
<div class="step-icon bg-blue text-blue border-blue" style="border: 2px solid rgba(59,130,246,0.4);">
|
|
<i class="fa-solid fa-file-circle-check"></i>
|
|
</div>
|
|
<div class="step-time text-blue">30d</div>
|
|
<div class="step-title">Final Report</div>
|
|
<div class="step-desc">Report finale dettagliato: root cause analysis, misure adottate, lezioni apprese, piano miglioramento.</div>
|
|
</div>
|
|
<div class="timeline-connector"><i class="fa-solid fa-chevron-right"></i></div>
|
|
<div class="timeline-step">
|
|
<div class="step-icon bg-green text-green border-green" style="border: 2px solid rgba(34,197,94,0.4);">
|
|
<i class="fa-solid fa-paper-plane"></i>
|
|
</div>
|
|
<div class="step-time text-green">ACN</div>
|
|
<div class="step-title">Submission</div>
|
|
<div class="step-desc">Invio automatico notifiche all'Agenzia per la Cybersicurezza Nazionale. Tracking stato e conferme.</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-auto">
|
|
<div style="display: flex; gap: 16px; margin-top: 16px;">
|
|
<div style="background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 12px 18px; flex: 1; display: flex; align-items: center; gap: 12px;">
|
|
<i class="fa-solid fa-clock-rotate-left" style="color: var(--cyan); font-size: 16px;"></i>
|
|
<div>
|
|
<div style="font-size: 11px; color: var(--text-dim);">Timer automatici</div>
|
|
<div style="font-size: 12.5px; font-weight: 600; color: var(--text-bright);">Countdown per ogni deadline con alert proattivi</div>
|
|
</div>
|
|
</div>
|
|
<div style="background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 12px 18px; flex: 1; display: flex; align-items: center; gap: 12px;">
|
|
<i class="fa-solid fa-users-gear" style="color: var(--cyan); font-size: 16px;"></i>
|
|
<div>
|
|
<div style="font-size: 11px; color: var(--text-dim);">Team assignment</div>
|
|
<div style="font-size: 12.5px; font-weight: 600; color: var(--text-bright);">Assegnazione ruoli e responsabilita per fase</div>
|
|
</div>
|
|
</div>
|
|
<div style="background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 12px 18px; flex: 1; display: flex; align-items: center; gap: 12px;">
|
|
<i class="fa-solid fa-book" style="color: var(--cyan); font-size: 16px;"></i>
|
|
<div>
|
|
<div style="font-size: 11px; color: var(--text-dim);">Knowledge base</div>
|
|
<div style="font-size: 12.5px; font-weight: 600; color: var(--text-bright);">Storico incidenti e lessons learned</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slide-footer">
|
|
<span>NIS2 Agile • Agile Technology SRL • 2026</span>
|
|
<div class="slide-number">6</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- SLIDE 7: AI POLICY GENERATION -->
|
|
<!-- ============================================================ -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<div class="section-tag tag-purple">AI-POWERED</div>
|
|
<h2 class="mb-8">Policy di sicurezza generate con Claude AI</h2>
|
|
<p class="mb-16">L'intelligenza artificiale analizza il contesto aziendale, i risultati della gap analysis e il profilo di rischio per generare policy di sicurezza personalizzate e immediatamente operative.</p>
|
|
<div class="accent-line" style="background: linear-gradient(90deg, var(--purple), var(--cyan));"></div>
|
|
<div class="ai-grid">
|
|
<div class="ai-left">
|
|
<div class="ai-feature-card border-purple">
|
|
<div class="feat-icon bg-purple text-purple"><i class="fa-solid fa-brain"></i></div>
|
|
<div>
|
|
<h4>Analisi Contestuale</h4>
|
|
<p>Claude AI analizza settore, dimensione, asset critici e risultati della gap analysis per generare policy specifiche per l'organizzazione.</p>
|
|
</div>
|
|
</div>
|
|
<div class="ai-feature-card border-cyan">
|
|
<div class="feat-icon bg-cyan text-cyan"><i class="fa-solid fa-file-signature"></i></div>
|
|
<div>
|
|
<h4>12+ Template Policy</h4>
|
|
<p>Information Security Policy, Incident Response Plan, BCP/DR, Access Control, Encryption, Supply Chain, Awareness Training e altri.</p>
|
|
</div>
|
|
</div>
|
|
<div class="ai-feature-card border-blue">
|
|
<div class="feat-icon bg-blue text-blue"><i class="fa-solid fa-language"></i></div>
|
|
<div>
|
|
<h4>Output Professionale</h4>
|
|
<p>Documenti in italiano con struttura conforme ISO 27001 Annex A, pronti per approvazione del management e distribuzione interna.</p>
|
|
</div>
|
|
</div>
|
|
<div class="ai-feature-card border-green">
|
|
<div class="feat-icon bg-green text-green"><i class="fa-solid fa-arrows-rotate"></i></div>
|
|
<div>
|
|
<h4>Iterazione e Revisione</h4>
|
|
<p>Possibilita di raffinare le policy generate, aggiungere requisiti specifici e aggiornare automaticamente al variare del contesto.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ai-right">
|
|
<div style="font-size: 11px; color: var(--text-dim); font-family: 'JetBrains Mono', monospace; margin-bottom: 8px;">ESEMPIO OUTPUT AI</div>
|
|
<div class="policy-example">
|
|
<span class="heading">POLITICA DI GESTIONE DEGLI INCIDENTI</span>
|
|
<span class="heading">DI SICUREZZA INFORMATICA</span>
|
|
<br>
|
|
<span class="dim">Versione: 1.0 | Classificazione: Riservato</span>
|
|
<span class="dim">Generato da: NIS2 Agile + Claude AI</span>
|
|
<br>
|
|
<span class="key">1. SCOPO E AMBITO</span>
|
|
<span class="val">La presente politica definisce le procedure</span>
|
|
<span class="val">per la gestione degli incidenti di sicurezza</span>
|
|
<span class="val">informatica in conformita all'Art. 23 della</span>
|
|
<span class="val">Direttiva EU 2022/2555 (NIS2).</span>
|
|
<br>
|
|
<span class="key">2. CLASSIFICAZIONE INCIDENTI</span>
|
|
<span class="dim">2.1</span> <span class="val">Critico - Impatto sui servizi essenziali</span>
|
|
<span class="dim">2.2</span> <span class="val">Alto - Compromissione dati sensibili</span>
|
|
<span class="dim">2.3</span> <span class="val">Medio - Violazione policy interne</span>
|
|
<span class="dim">2.4</span> <span class="val">Basso - Anomalia senza impatto</span>
|
|
<br>
|
|
<span class="key">3. TEMPISTICHE DI NOTIFICA (Art. 23)</span>
|
|
<span class="dim">T+24h</span> <span class="val">Early Warning al CSIRT nazionale</span>
|
|
<span class="dim">T+72h</span> <span class="val">Notifica completa con IoC</span>
|
|
<span class="dim">T+30d</span> <span class="val">Report finale con root cause</span>
|
|
<br>
|
|
<span class="key">4. RUOLI E RESPONSABILITA</span>
|
|
<span class="val">CISO: coordinamento risposta incidenti</span>
|
|
<span class="val">SOC Team: detection e prima risposta</span>
|
|
<span class="val">DPO: valutazione impatto privacy...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slide-footer">
|
|
<span>NIS2 Agile • Agile Technology SRL • 2026</span>
|
|
<div class="slide-number">7</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- SLIDE 8: ARCHITETTURA -->
|
|
<!-- ============================================================ -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<div class="section-tag tag-blue">ARCHITETTURA</div>
|
|
<h2 class="mb-8">Stack tecnologico e infrastruttura</h2>
|
|
<p class="mb-16">Architettura PHP 8.4 monolith, Front Controller pattern, 170+ endpoint REST. Deploy su Apache 2.4 Hetzner EU (CPX31). B2B Services API con API Key scope-based, SSO federato e provisioning automatico.</p>
|
|
<div class="accent-line" style="background: linear-gradient(90deg, var(--blue), var(--cyan));"></div>
|
|
<div class="arch-grid">
|
|
<div class="arch-diagram">
|
|
<div class="arch-layer border-cyan">
|
|
<div class="layer-header">
|
|
<i class="fa-solid fa-globe text-cyan"></i>
|
|
<span class="text-cyan">Frontend</span>
|
|
</div>
|
|
<div class="layer-items">
|
|
<div class="layer-item"><i class="fa-brands fa-html5" style="color: var(--orange); margin-right: 4px;"></i> HTML5 / CSS3</div>
|
|
<div class="layer-item"><i class="fa-brands fa-js" style="color: var(--yellow); margin-right: 4px;"></i> JavaScript</div>
|
|
<div class="layer-item"><i class="fa-solid fa-palette" style="color: var(--cyan); margin-right: 4px;"></i> CSS3 Custom</div>
|
|
</div>
|
|
</div>
|
|
<div class="arch-layer border-blue">
|
|
<div class="layer-header">
|
|
<i class="fa-solid fa-server text-blue"></i>
|
|
<span class="text-blue">Backend</span>
|
|
</div>
|
|
<div class="layer-items">
|
|
<div class="layer-item"><i class="fa-brands fa-php" style="color: var(--purple); margin-right: 4px;"></i> PHP 8.4</div>
|
|
<div class="layer-item">PHP-FPM</div>
|
|
<div class="layer-item">REST API</div>
|
|
<div class="layer-item">Claude AI SDK</div>
|
|
</div>
|
|
</div>
|
|
<div class="arch-layer border-green">
|
|
<div class="layer-header">
|
|
<i class="fa-solid fa-database text-green"></i>
|
|
<span class="text-green">Data Layer</span>
|
|
</div>
|
|
<div class="layer-items">
|
|
<div class="layer-item"><i class="fa-solid fa-database" style="color: var(--blue); margin-right: 4px;"></i> MySQL 8.x</div>
|
|
<div class="layer-item">Multi-tenant isolation</div>
|
|
<div class="layer-item">Encrypted at rest</div>
|
|
</div>
|
|
</div>
|
|
<div class="arch-layer border-purple">
|
|
<div class="layer-header">
|
|
<i class="fa-solid fa-server text-purple"></i>
|
|
<span class="text-purple">Infrastructure</span>
|
|
</div>
|
|
<div class="layer-items">
|
|
<div class="layer-item"><i class="fa-solid fa-server" style="color: var(--blue); margin-right: 4px;"></i> Apache 2.4</div>
|
|
<div class="layer-item">Hetzner CPX31 EU</div>
|
|
<div class="layer-item">Let's Encrypt TLS</div>
|
|
<div class="layer-item">B2B Services API</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="arch-stats">
|
|
<div class="arch-stat-card border-cyan">
|
|
<div class="stat-icon bg-cyan text-cyan"><i class="fa-solid fa-plug"></i></div>
|
|
<div>
|
|
<div class="stat-label">B2B Services API</div>
|
|
<div class="stat-value">License API + SSO + Provisioning</div>
|
|
</div>
|
|
</div>
|
|
<div class="arch-stat-card border-blue">
|
|
<div class="stat-icon bg-blue text-blue"><i class="fa-solid fa-building-user"></i></div>
|
|
<div>
|
|
<div class="stat-label">Multi-tenancy</div>
|
|
<div class="stat-value">Isolamento dati per azienda</div>
|
|
</div>
|
|
</div>
|
|
<div class="arch-stat-card border-green">
|
|
<div class="stat-icon bg-green text-green"><i class="fa-solid fa-lock"></i></div>
|
|
<div>
|
|
<div class="stat-label">Sicurezza</div>
|
|
<div class="stat-value">TLS 1.3 + AES-256 data</div>
|
|
</div>
|
|
</div>
|
|
<div class="arch-stat-card border-purple">
|
|
<div class="stat-icon bg-purple text-purple"><i class="fa-solid fa-brain"></i></div>
|
|
<div>
|
|
<div class="stat-label">AI Engine</div>
|
|
<div class="stat-value">Claude AI (Anthropic)</div>
|
|
</div>
|
|
</div>
|
|
<div class="arch-stat-card border-yellow">
|
|
<div class="stat-icon bg-yellow text-yellow"><i class="fa-solid fa-certificate"></i></div>
|
|
<div>
|
|
<div class="stat-label">Compliance Framework</div>
|
|
<div class="stat-value">ISO 27001 / 27005</div>
|
|
</div>
|
|
</div>
|
|
<div class="arch-stat-card border-orange">
|
|
<div class="stat-icon bg-orange text-orange"><i class="fa-solid fa-server"></i></div>
|
|
<div>
|
|
<div class="stat-label">Hosting</div>
|
|
<div class="stat-value">Hetzner EU (GDPR)</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slide-footer">
|
|
<span>NIS2 Agile • Agile Technology SRL • 2026</span>
|
|
<div class="slide-number">8</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- SLIDE 9: PRICING / MODELLO COMMERCIALE -->
|
|
<!-- ============================================================ -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<div class="section-tag tag-cyan">MODELLO COMMERCIALE</div>
|
|
<h2 class="mb-8">Flessibile per ogni organizzazione</h2>
|
|
<p class="mb-16">Abbonamento annuale per azienda. Nessun costo per utente aggiuntivo. Gap analysis sempre inclusa.</p>
|
|
<div class="accent-line" style="background: linear-gradient(90deg, var(--cyan), var(--blue));"></div>
|
|
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; flex: 1;">
|
|
<div class="card" style="border-color: rgba(239,68,68,0.15); display: flex; flex-direction: column; gap: 10px;">
|
|
<div style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--text-dim);">PMI</div>
|
|
<div style="font-size: 22px; font-weight: 800; color: var(--text-bright);">Essentials</div>
|
|
<div style="font-size: 12px; color: var(--text-dim); line-height: 1.6;">Per organizzazioni singole soggette a NIS2. Gap analysis, risk register, incident response, policy AI, audit log.</div>
|
|
<ul class="dot-cyan" style="margin-top: auto;">
|
|
<li>Gap analysis 80 domande</li>
|
|
<li>Risk register + matrice</li>
|
|
<li>Incident response Art. 23</li>
|
|
<li>Policy AI-generate (Claude)</li>
|
|
<li>Audit log immutabile</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card" style="border-color: rgba(239,68,68,0.4); display: flex; flex-direction: column; gap: 10px; position: relative; overflow: hidden;">
|
|
<div style="position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--cyan), var(--blue));"></div>
|
|
<div style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--cyan);">ENTERPRISE</div>
|
|
<div style="font-size: 22px; font-weight: 800; color: var(--text-bright);">Professional</div>
|
|
<div style="font-size: 12px; color: var(--text-dim); line-height: 1.6;">Tutto il piano PMI, piu supply chain assessment, modulo NCR/CAPA e formazione avanzata.</div>
|
|
<ul class="dot-cyan" style="margin-top: auto;">
|
|
<li>Tutto il piano PMI</li>
|
|
<li>Supply chain security</li>
|
|
<li>NCR/CAPA non conformita</li>
|
|
<li>Training management</li>
|
|
<li>Asset inventory avanzato</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card" style="border-color: rgba(59,130,246,0.15); display: flex; flex-direction: column; gap: 10px;">
|
|
<div style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--blue);">ENTERPRISE+</div>
|
|
<div style="font-size: 22px; font-weight: 800; color: var(--text-bright);">Enterprise</div>
|
|
<div style="font-size: 12px; color: var(--text-dim); line-height: 1.6;">Per consulenti e CISO che gestiscono la compliance di piu aziende clienti da un unico pannello.</div>
|
|
<ul class="dot-cyan" style="margin-top: auto;">
|
|
<li>Gestione multi-tenant</li>
|
|
<li>Vista consolidata aziende</li>
|
|
<li>Tutto il piano Enterprise</li>
|
|
<li>Report multi-cliente</li>
|
|
<li>Onboarding guidato clienti</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div style="margin-top: 16px; text-align: center; font-size: 13px; color: var(--text-dim);">
|
|
Licenza attivabile via invite token B2B • <span style="color: var(--cyan);">info@agile.software</span> • Offerta personalizzata — integrabile da partner e reseller
|
|
</div>
|
|
</div>
|
|
<div class="slide-footer">
|
|
<span>NIS2 Agile • Agile Technology SRL • 2026</span>
|
|
<div class="slide-number">9</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- SLIDE 10: ECOSISTEMA AGILE — NIS2 + 231 Agile -->
|
|
<!-- ============================================================ -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<div class="section-tag tag-cyan">ECOSISTEMA AGILE</div>
|
|
<h2 class="mb-8">NIS2 Agile: componente operativa di <span style="color: var(--cyan);">231 Agile</span></h2>
|
|
<div class="accent-line" style="background: linear-gradient(90deg, var(--cyan), var(--orange));"></div>
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 24px; flex: 1;">
|
|
<div style="display: flex; flex-direction: column; gap: 12px;">
|
|
<div style="font-size: 13px; color: var(--text-dim); line-height: 1.7; margin-bottom: 4px;">
|
|
Le aziende soggette alla Direttiva NIS2 hanno quasi sempre l'obbligo di adottare anche un Modello Organizzativo ex D.Lgs. 231/01.
|
|
<strong style="color: var(--text);">NIS2 Agile si integra nativamente con 231 Agile</strong>, condividendo dati operativi e attivando la compliance incrociata.
|
|
</div>
|
|
<div style="background: var(--bg-card); border: 1px solid rgba(239,68,68,0.2); border-radius: 10px; padding: 14px 16px; display: flex; align-items: flex-start; gap: 12px;">
|
|
<i class="fa-solid fa-arrows-rotate" style="color: var(--cyan); margin-top: 2px; font-size: 16px;"></i>
|
|
<div>
|
|
<div style="font-size: 12px; font-weight: 700; color: var(--text-bright); margin-bottom: 4px;">Provisioning automatico</div>
|
|
<div style="font-size: 11px; color: var(--text-dim); line-height: 1.6;">Quando 231 Agile rileva un'azienda soggetta NIS2, attiva automaticamente il workspace NIS2 via B2B API.</div>
|
|
</div>
|
|
</div>
|
|
<div style="background: var(--bg-card); border: 1px solid rgba(239,68,68,0.2); border-radius: 10px; padding: 14px 16px; display: flex; align-items: flex-start; gap: 12px;">
|
|
<i class="fa-solid fa-shield-halved" style="color: var(--cyan); margin-top: 2px; font-size: 16px;"></i>
|
|
<div>
|
|
<div style="font-size: 12px; font-weight: 700; color: var(--text-bright); margin-bottom: 4px;">Audit trail condiviso</div>
|
|
<div style="font-size: 11px; color: var(--text-dim); line-height: 1.6;">I controlli NIS2 e le non conformità alimentano il registro operativo 231. Un unico log immutabile per due compliance.</div>
|
|
</div>
|
|
</div>
|
|
<div style="background: var(--bg-card); border: 1px solid rgba(239,68,68,0.2); border-radius: 10px; padding: 14px 16px; display: flex; align-items: flex-start; gap: 12px;">
|
|
<i class="fa-solid fa-user-tie" style="color: var(--cyan); margin-top: 2px; font-size: 16px;"></i>
|
|
<div>
|
|
<div style="font-size: 12px; font-weight: 700; color: var(--text-bright); margin-bottom: 4px;">SSO federato</div>
|
|
<div style="font-size: 11px; color: var(--text-dim); line-height: 1.6;">L'OdV 231 e il CISO NIS2 accedono con le stesse credenziali. Gestione ruoli condivisa tra le due piattaforme.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; flex-direction: column; gap: 12px;">
|
|
<div style="background: linear-gradient(135deg, rgba(239,68,68,0.08), rgba(249,115,22,0.06)); border: 1px solid rgba(239,68,68,0.25); border-radius: 12px; padding: 20px; text-align: center;">
|
|
<div style="display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 16px;">
|
|
<div style="text-align: center;">
|
|
<i class="fa-solid fa-shield-halved" style="font-size: 28px; color: var(--cyan);"></i>
|
|
<div style="font-size: 11px; font-weight: 700; color: var(--cyan); margin-top: 4px;">NIS2 Agile</div>
|
|
<div style="font-size: 10px; color: var(--text-dim);">nis2.agile.software</div>
|
|
</div>
|
|
<div style="font-size: 22px; color: var(--text-dim);">⇄</div>
|
|
<div style="text-align: center;">
|
|
<i class="fa-solid fa-scale-balanced" style="font-size: 28px; color: var(--orange);"></i>
|
|
<div style="font-size: 11px; font-weight: 700; color: var(--orange); margin-top: 4px;">231 Agile</div>
|
|
<div style="font-size: 10px; color: var(--text-dim);">lg231.agile.software</div>
|
|
</div>
|
|
</div>
|
|
<div style="font-size: 11px; color: var(--text-dim); line-height: 1.7;">Compliance NIS2 e Modello 231 integrati in un ecosistema unico.<br>Un'unica piattaforma Agile per la governance completa.</div>
|
|
</div>
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px;">
|
|
<div style="background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 12px; text-align: center;">
|
|
<div style="font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-dim); margin-bottom: 6px;">Rischi condivisi</div>
|
|
<i class="fa-solid fa-triangle-exclamation" style="color: var(--yellow); font-size: 18px;"></i>
|
|
</div>
|
|
<div style="background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 12px; text-align: center;">
|
|
<div style="font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-dim); margin-bottom: 6px;">Incidenti</div>
|
|
<i class="fa-solid fa-bell" style="color: var(--red); font-size: 18px;"></i>
|
|
</div>
|
|
<div style="background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 12px; text-align: center;">
|
|
<div style="font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-dim); margin-bottom: 6px;">Policy</div>
|
|
<i class="fa-solid fa-file-shield" style="color: var(--cyan); font-size: 18px;"></i>
|
|
</div>
|
|
<div style="background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 12px; text-align: center;">
|
|
<div style="font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-dim); margin-bottom: 6px;">Formazione</div>
|
|
<i class="fa-solid fa-graduation-cap" style="color: var(--green); font-size: 18px;"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slide-footer">
|
|
<span>NIS2 Agile • Agile Technology SRL • 2026</span>
|
|
<div class="slide-number">10</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- SLIDE 11: CONTATTI -->
|
|
<!-- ============================================================ -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<div class="section-tag tag-cyan">INIZIA ORA</div>
|
|
<div class="accent-line" style="background: linear-gradient(90deg, var(--cyan), var(--blue));"></div>
|
|
<div class="contact-grid">
|
|
<div class="contact-left">
|
|
<div class="contact-cta">
|
|
La compliance NIS2<br>
|
|
<span class="hl">inizia qui.</span>
|
|
</div>
|
|
<div class="contact-desc">
|
|
Richiedi una demo personalizzata e scopri come NIS2 Agile puo guidare la tua organizzazione verso la piena conformita alla Direttiva NIS2 in tempi rapidi.
|
|
</div>
|
|
<a href="https://nis2.agile.software/#richiedi-accesso" class="contact-btn" style="text-decoration:none;display:inline-flex;">
|
|
<i class="fa-solid fa-rocket"></i>
|
|
Richiedi accesso
|
|
</a>
|
|
<div style="margin-top: 30px; display: flex; gap: 20px;">
|
|
<div style="text-align: center;">
|
|
<div style="font-family: 'JetBrains Mono', monospace; font-size: 28px; font-weight: 800; color: var(--cyan);">80</div>
|
|
<div style="font-size: 10px; color: var(--text-dim); text-transform: uppercase; letter-spacing: 1px;">Domande</div>
|
|
</div>
|
|
<div style="width: 1px; background: var(--border);"></div>
|
|
<div style="text-align: center;">
|
|
<div style="font-family: 'JetBrains Mono', monospace; font-size: 28px; font-weight: 800; color: var(--cyan);">10</div>
|
|
<div style="font-size: 10px; color: var(--text-dim); text-transform: uppercase; letter-spacing: 1px;">Domini</div>
|
|
</div>
|
|
<div style="width: 1px; background: var(--border);"></div>
|
|
<div style="text-align: center;">
|
|
<div style="font-family: 'JetBrains Mono', monospace; font-size: 28px; font-weight: 800; color: var(--cyan);">12+</div>
|
|
<div style="font-size: 10px; color: var(--text-dim); text-transform: uppercase; letter-spacing: 1px;">Policy AI</div>
|
|
</div>
|
|
<div style="width: 1px; background: var(--border);"></div>
|
|
<div style="text-align: center;">
|
|
<div style="font-family: 'JetBrains Mono', monospace; font-size: 28px; font-weight: 800; color: var(--cyan);">100%</div>
|
|
<div style="font-size: 10px; color: var(--text-dim); text-transform: uppercase; letter-spacing: 1px;">Art. 21</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="contact-right">
|
|
<div class="contact-item">
|
|
<div class="ci-icon"><i class="fa-solid fa-globe"></i></div>
|
|
<div>
|
|
<div class="ci-label">Piattaforma</div>
|
|
<div class="ci-value"><a href="https://nis2.agile.software">nis2.agile.software</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="contact-item">
|
|
<div class="ci-icon"><i class="fa-solid fa-envelope"></i></div>
|
|
<div>
|
|
<div class="ci-label">Email</div>
|
|
<div class="ci-value"><a href="mailto:info@agile.software">info@agile.software</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="contact-item">
|
|
<div class="ci-icon"><i class="fa-solid fa-building"></i></div>
|
|
<div>
|
|
<div class="ci-label">Azienda</div>
|
|
<div class="ci-value">Agile Technology SRL</div>
|
|
</div>
|
|
</div>
|
|
<div class="contact-item">
|
|
<div class="ci-icon"><i class="fa-solid fa-users"></i></div>
|
|
<div>
|
|
<div class="ci-label">Target</div>
|
|
<div class="ci-value">CISO, DPO, IT Manager, Consulenti</div>
|
|
</div>
|
|
</div>
|
|
<div class="contact-item">
|
|
<div class="ci-icon"><i class="fa-solid fa-tag"></i></div>
|
|
<div>
|
|
<div class="ci-label">Pricing</div>
|
|
<div class="ci-value">Abbonamento annuale per azienda</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slide-footer">
|
|
<span>NIS2 Agile • Agile Technology SRL • 2026</span>
|
|
<div class="slide-number">11</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |