:root{--rosso:#B3131B;--rosso-scuro:#5C0A0E;--rosa:#FDE8E8;--rosa-testo:#8E0F16;--nero:#1A1A1A;--grigio:#4D4D4D;--grigio-chiaro:#F5F5F4;--linea:#E7E5E4;--bianco:#FFFFFF}
*{box-sizing:border-box}
body{margin:0;background:var(--bianco);color:var(--nero);font-family:'Red Hat Text',system-ui,sans-serif;font-size:17px;line-height:1.6;overflow-x:clip}
a{color:var(--rosso)}a:hover{color:var(--nero)}
img{max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;color:var(--nero);padding:8px 12px;z-index:10}
/* testata */
.testata{background:var(--rosso);color:#fff}
.testata-alto{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.logo:hover{color:#fff}
.logo-segno{width:32px;height:32px;background:#fff;border-radius:6px;position:relative;flex:none}
.logo-segno::after{content:"";position:absolute;right:5px;bottom:5px;width:12px;height:12px;background:var(--rosso);border-radius:2px}
.logo-testo{font-family:'Red Hat Display',sans-serif;font-size:25px;letter-spacing:-.01em}.logo-testo b{font-weight:900}.logo-testo span{font-weight:500}
.livelli-link{display:flex;gap:16px;font-size:15px;font-weight:600;flex-wrap:wrap}.livelli-link a{color:#fff;text-decoration:none;padding:10px 0}.livelli-link a:hover{text-decoration:underline}
.menu{border-top:1px solid rgba(255,255,255,.25)}
.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 24px}
.menu a{display:block;color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:12px 0;border-bottom:3px solid transparent}
.menu a:hover,.menu a[aria-current]{border-bottom-color:#fff}
/* hero */
.hero{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding:64px 0 80px}
.hero-testo{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:22px}
.occhiello{margin:0;font-family:'Red Hat Mono',monospace;font-size:14px;font-weight:500;letter-spacing:.06em;color:#FFD9DB;text-transform:uppercase}
.hero h1{margin:0;font-family:'Red Hat Display',sans-serif;font-weight:900;font-size:clamp(38px,5.4vw,70px);line-height:1.03;letter-spacing:-.03em}
.hero p.sottotitolo{margin:0;font-size:20px;line-height:1.5;color:#FFE9EA;max-width:600px}
.bottoni{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.btn{display:inline-block;text-decoration:none;font-weight:700;font-size:17px;padding:15px 24px;border-radius:999px}
.btn-bianco{background:#fff;color:var(--nero)}.btn-bianco:hover{color:var(--rosso)}
.btn-bordo{border:2px solid #fff;color:#fff;padding:13px 22px}.btn-bordo:hover{background:#fff;color:var(--rosso)}
.hero-card{flex:1 1 340px;background:#fff;color:var(--nero);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px}
.hero-card .titolo-card{font-family:'Red Hat Display',sans-serif;font-weight:800;font-size:25px;line-height:1.15;letter-spacing:-.015em;color:var(--nero);text-decoration:none}
.hero-card .titolo-card:hover{color:var(--rosso)}
.hero-card p{margin:0;font-size:16px;line-height:1.5;color:var(--grigio)}
/* etichette */
.etichette{display:flex;flex-wrap:wrap;gap:8px}
.etichetta{font-family:'Red Hat Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;line-height:1.2}
.e-operativo{background:var(--rosa);color:var(--rosa-testo)}
.e-decisionale{background:var(--nero);color:#fff}
.e-dest{border:1px solid var(--linea);color:var(--grigio);padding:4px 9px}
.e-allerta{background:var(--nero);color:#fff}
/* sezioni pagina */
.blocco{padding:72px 0 0}
.blocco:last-of-type{padding-bottom:72px}
.intestazione{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;margin-bottom:28px}
.intestazione .barra{display:block;width:48px;height:6px;background:var(--rosso);border-radius:3px;margin-bottom:14px}
.intestazione h2{margin:0;font-family:'Red Hat Display',sans-serif;font-weight:900;font-size:36px;letter-spacing:-.02em;line-height:1.1}
.intestazione p{margin:6px 0 0;color:var(--grigio)}
.griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.card{background:var(--grigio-chiaro);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px}
.card h3{margin:0;font-family:'Red Hat Display',sans-serif;font-weight:800;font-size:22px;line-height:1.2}
.card h3 a{color:var(--nero);text-decoration:none}.card h3 a:hover{color:var(--rosso)}
.card p{margin:0;font-size:16px;line-height:1.5;color:var(--grigio)}
.card .meta{margin-top:auto;font-family:'Red Hat Mono',monospace;font-size:13px;color:var(--grigio)}
.card-grande{grid-column:1/-1}
.card-grande h3{font-size:clamp(26px,3vw,36px);letter-spacing:-.02em}
.sezioni-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.sezione-card{border:2px solid var(--linea);border-radius:16px;padding:22px 24px;text-decoration:none;color:var(--nero);display:flex;flex-direction:column;gap:6px}
.sezione-card:hover{border-color:var(--rosso);color:var(--nero)}
.sezione-card strong{font-family:'Red Hat Display',sans-serif;font-size:20px;font-weight:800}
.sezione-card span{font-size:15px;color:var(--grigio);line-height:1.45}
.sezione-card em{font-style:normal;font-family:'Red Hat Mono',monospace;font-size:13px;color:var(--rosso)}
.fascia-scura{background:var(--nero);color:#fff;margin-top:72px}
.fascia-scura .blocco{padding:72px 0}
.fascia-scura .intestazione h2{color:#fff}.fascia-scura .intestazione p{color:#CFCFCF}
.fascia-scura .card{background:#262626}.fascia-scura .card h3 a{color:#fff}.fascia-scura .card h3 a:hover{color:#FFB3B7}
.fascia-scura .card p,.fascia-scura .card .meta{color:#CFCFCF}
.fascia-scura .e-decisionale{background:#fff;color:var(--nero)}
.fascia-scura .e-dest{border-color:#555;color:#CFCFCF}
/* testata sezione */
.testa-pagina{padding:48px 0 56px}
.testa-pagina h1{margin:8px 0 12px;font-family:'Red Hat Display',sans-serif;font-weight:900;font-size:clamp(34px,4.6vw,56px);line-height:1.05;letter-spacing:-.025em}
.testa-pagina p{margin:0;font-size:19px;color:#FFE9EA;max-width:680px}
.briciole{font-size:14px;color:#FFD9DB}.briciole a{color:#fff}
/* articolo */
.articolo-testa{background:var(--rosso);color:#fff}
.articolo-testa .wrap{max-width:880px;padding-top:40px;padding-bottom:48px}
.articolo-testa .etichette{margin-top:20px}
.articolo-testa .e-dest{border-color:rgba(255,255,255,.5);color:#fff}
.articolo-testa .e-operativo{background:#fff;color:var(--rosa-testo)}
.articolo-testa .e-decisionale{background:var(--nero)}
.articolo-testa h1{margin:16px 0 18px;font-family:'Red Hat Display',sans-serif;font-weight:900;font-size:clamp(32px,4.4vw,52px);line-height:1.06;letter-spacing:-.025em}
.articolo-testa .sommario{margin:0;font-size:20px;line-height:1.5;color:#FFE9EA}
.articolo-testa .meta{margin-top:22px;font-family:'Red Hat Mono',monospace;font-size:13px;color:#FFD9DB;letter-spacing:.04em}
.corpo{max-width:880px;margin:0 auto;padding:48px 24px 24px}
.corpo .testo{max-width:720px;font-size:18px;line-height:1.72}
.inbreve{background:var(--grigio-chiaro);border-radius:20px;padding:24px 28px;margin-bottom:40px;max-width:720px}
.inbreve h2{margin:0;font-family:'Red Hat Mono',monospace;font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--rosso)}
.inbreve ul{margin:12px 0 0;padding-left:20px;font-size:17px;line-height:1.55}.inbreve li+li{margin-top:8px}
.testo h2{font-family:'Red Hat Display',sans-serif;font-weight:800;font-size:28px;line-height:1.2;letter-spacing:-.015em;margin:44px 0 12px}
.testo p{margin:0 0 18px}.testo ul,.testo ol{margin:0 0 22px;padding-left:24px}.testo li+li{margin-top:8px}
.fonti{max-width:720px;margin-top:40px;padding-top:20px;border-top:1px solid var(--linea);font-size:15px;color:var(--grigio)}
.fonti h2{font-family:'Red Hat Mono',monospace;font-size:13px;font-weight:500;letter-spacing:.08em;margin:0 0 8px;color:var(--nero)}
.fonti ul{margin:0;padding-left:20px}
.correlati{max-width:880px;margin:0 auto;padding:24px 24px 72px}
.correlati h2{font-family:'Red Hat Display',sans-serif;font-weight:900;font-size:26px;margin:0 0 20px}
.nota-esempio{max-width:720px;margin:0 0 32px;padding:12px 16px;border:1px dashed var(--rosso);border-radius:12px;font-size:14px;color:var(--rosa-testo);background:var(--rosa)}
.testo table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:16px}
.testo th,.testo td{border-bottom:1px solid var(--linea);padding:10px 12px;text-align:left;vertical-align:top}
.testo th{font-family:'Red Hat Mono',monospace;font-size:13px;font-weight:500;letter-spacing:.04em}
.in-arrivo{background:var(--grigio-chiaro);border-radius:20px;padding:24px 28px;color:var(--grigio);margin-top:24px}
/* piede */
.piede{background:var(--rosso-scuro);color:#F3D3D5;font-size:15px}
.piede .wrap{padding-top:48px;padding-bottom:32px;display:flex;flex-direction:column;gap:32px}
.piede-colonne{display:flex;flex-wrap:wrap;gap:32px 64px;justify-content:space-between}
.piede h2{font-family:'Red Hat Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.08em;color:#F3D3D5;margin:0 0 10px}
.piede ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.piede a{color:#fff;text-decoration:none}.piede a:hover{text-decoration:underline;color:#fff}
.piede-fondo{border-top:1px solid rgba(255,255,255,.2);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-family:'Red Hat Mono',monospace;font-size:12px}
@media (max-width:600px){.livelli-link{display:none}.menu ul{gap:0 18px}.hero{padding:40px 0 56px}.blocco{padding-top:56px}.intestazione h2{font-size:30px}.card{padding:22px}.testa-pagina{padding:32px 0 40px}}