/* ============================================================
   IDEMMIND DIRECTORS — sistema grafico
   Nome del prodotto: IdemMind Directors, linea di IdemMind (DATA TECH CONSULTING SRL).
   ============================================================ */

@font-face{font-family:'Serif';src:url('../fonts/Pagella-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Serif';src:url('../fonts/Pagella-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Serif';src:url('../fonts/Pagella-Italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Sans';src:url('../fonts/InstrumentSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Sans';src:url('../fonts/InstrumentSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Mono';src:url('../fonts/GeistMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}

:root{
  --carta:#F6F3ED;      --carta2:#EDE8DD;     --carta3:#E4DED0;
  --inchiostro:#111823; --navy:#1B3350;       --navy2:#2A4A6E;  --notte:#1A3149;
  --oro:#B9891F;        --oro2:#E8C46A;   --oro-vivo:#D7A93A;
  --misura:#2E6B52;     --allarme:#9E3F3A;
  --grigio:#586170;     --grigio2:#8A9099;    --linea:#DBD4C6;
  --linea-scura:rgba(246,243,237,.16);
  --max:1260px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
::selection{background:var(--navy);color:var(--carta)}
body{margin:0;color:var(--inchiostro);background:var(--carta);
  font-family:Sans,'Segoe UI',system-ui,sans-serif;font-size:16.5px;line-height:1.62;
  -webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}
/* la grana: rende la carta una carta, non un fondo piatto */
body::before{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;
  mix-blend-mode:multiply;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}

h1,h2,h3,h4{margin:0;font-family:Serif,Georgia,serif;font-weight:400;
  letter-spacing:-.015em;line-height:1.08}
p{margin:0}
a{color:inherit}
img,svg{max-width:100%;display:block}
em{font-family:Serif,Georgia,serif;font-style:italic}
strong{font-weight:700}

.wrap{max-width:var(--max);margin:0 auto;padding:0 44px}
@media(max-width:720px){.wrap{padding:0 22px}}
.stretto{max-width:900px;margin:0 auto;padding:0 44px}
@media(max-width:720px){.stretto{padding:0 22px}}

/* ---------- comparsa ---------- */
.su{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}
.su.vista{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.su{opacity:1;transform:none;transition:none}}

/* ---------- occhiello tecnico ---------- */
.occ{font-family:Mono,monospace;font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--grigio2)}
.occ b{color:var(--oro);font-weight:400}

/* ---------- intestazione ---------- */
.hdr{position:sticky;top:0;z-index:100;background:rgba(246,243,237,.93);
  backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--linea)}
.hdr .riga{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--inchiostro);flex:none}
.marca .sigillo{width:27px;height:27px;flex:none}
.marca b{font-family:Serif,serif;font-weight:700;font-size:21px;letter-spacing:-.02em}
.marca i{font-family:Mono,monospace;font-style:normal;font-size:9px;letter-spacing:.2em;
  color:var(--oro);text-transform:uppercase;padding-left:9px;margin-left:2px;
  border-left:1px solid var(--linea)}
.menu{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.menu a{text-decoration:none;font-size:14.5px;color:var(--grigio);position:relative;
  padding-bottom:3px;transition:color .16s}
.menu a::after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:var(--navy);transition:right .24s ease}
.menu a:hover{color:var(--inchiostro)}
.menu a:hover::after,.menu a.qui::after{right:0}
.menu a.qui{color:var(--inchiostro)}
.hdr-az{font-family:Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;color:var(--inchiostro);border-bottom:1.5px solid var(--oro);
  padding-bottom:3px;white-space:nowrap;transition:color .16s;flex:none}
.hdr-az:hover{color:var(--oro)}
@media(max-width:1080px){.menu{gap:20px}.menu a{font-size:13.5px}}

/* ---------- menu su schermo stretto ---------- */
.hamb{display:none;background:none;border:0;padding:8px 0 8px 12px;cursor:pointer;flex:none}
.hamb span{display:block;width:23px;height:1.4px;background:var(--inchiostro);
  transition:transform .26s,opacity .2s}
.hamb span+span{margin-top:6px}
.hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(7.4px) rotate(45deg)}
.hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.4px) rotate(-45deg)}
.pannello{display:none;border-top:1px solid var(--linea);background:var(--carta)}
.pannello.aperto{display:block;animation:sale .3s cubic-bezier(.16,1,.3,1) both}
@keyframes sale{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.pannello ul{list-style:none;margin:0;padding:8px 0 18px}
.pannello a{display:block;text-decoration:none;font-size:18px;font-family:Serif,serif;
  color:var(--inchiostro);padding:15px 0;border-bottom:1px solid var(--linea)}
.pannello a.qui{color:var(--oro)}
.pannello a:last-child{border-bottom:0}
.pannello .cta{font-family:Mono,monospace;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--oro)}
@media(max-width:900px){
  .menu{display:none}
  .hdr-az{display:none}
  .hamb{display:block}
  .marca i{display:none}
}
@media(min-width:901px){.pannello{display:none!important}}

/* ---------- sezioni ---------- */
.sez{padding:114px 0;position:relative}
.sez.corta{padding:78px 0}
.sez.carta2{background:var(--carta2)}
.sez.notte{background:var(--notte);color:var(--carta)}
.sez.navy{background:var(--navy);color:var(--carta)}
.sez.notte h1,.sez.notte h2,.sez.notte h3,.sez.navy h1,.sez.navy h2,.sez.navy h3{color:var(--carta)}
.sez.notte .occ,.sez.navy .occ{color:#7B8290}
.sez.notte .guida,.sez.navy .guida{color:#AEB5C0}
.sez.notte .testo,.sez.navy .testo{color:#C2C8D2}
.filo{border-top:1px solid var(--linea)}
.sez.notte.filo,.sez.navy.filo{border-top-color:var(--linea-scura)}
@media(max-width:720px){.sez{padding:74px 0}.sez.corta{padding:56px 0}}

/* ---------- tipografia display ---------- */
.d1{font-size:clamp(42px,6.4vw,84px);line-height:1.01;letter-spacing:-.022em;max-width:15ch}
.d2{font-size:clamp(30px,4.2vw,52px);line-height:1.05;letter-spacing:-.018em;max-width:19ch}
.d3{font-size:clamp(23px,2.5vw,31px);line-height:1.14;letter-spacing:-.012em}
.d4{font-size:clamp(19px,1.9vw,22px);line-height:1.24;letter-spacing:-.008em}
.guida{font-size:clamp(16.5px,1.5vw,19.5px);color:var(--grigio);max-width:52ch;
  line-height:1.64;margin-top:26px}
.guida.larga{max-width:66ch}
.testo{max-width:62ch;font-size:16.8px;line-height:1.74;color:var(--grigio);
  display:flex;flex-direction:column;gap:19px}
.testo b,.testo strong{color:var(--inchiostro);font-weight:700}
.sez.notte .testo b,.sez.navy .testo b{color:var(--carta)}

/* ---------- azioni ---------- */
.az{display:inline-flex;align-items:baseline;gap:11px;text-decoration:none;
  font-family:Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--inchiostro);padding-bottom:7px;border-bottom:1px solid var(--navy);
  transition:color .2s,border-color .2s}
.az .fr{transition:transform .2s}
.az:hover{color:var(--oro);border-bottom-color:var(--oro)}
.az:hover .fr{transform:translateX(5px)}
.sez.notte .az,.sez.navy .az{color:var(--carta);border-bottom-color:rgba(246,243,237,.4)}
.sez.notte .az:hover,.sez.navy .az:hover{color:var(--oro2);border-bottom-color:var(--oro2)}
.azioni{display:flex;gap:38px;flex-wrap:wrap;margin-top:42px}
.bottone{display:inline-flex;align-items:center;gap:12px;text-decoration:none;
  font-family:Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  background:var(--navy);color:var(--carta);padding:15px 26px;border:0;cursor:pointer;
  transition:background .2s,transform .2s}
.bottone:hover{background:var(--notte);transform:translateY(-1px)}
.bottone.oro{background:var(--oro-vivo);color:#1A1206}
.bottone.oro:hover{background:#EFC152;color:#1A1206}
.bottone.vuoto{background:transparent;color:var(--inchiostro);border:1px solid var(--linea)}
.bottone.vuoto:hover{background:var(--carta3);transform:none}
.bottone[disabled]{opacity:.34;cursor:not-allowed;transform:none}

/* ---------- griglia editoriale: marginalia + colonna ---------- */
.ed{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0 48px;align-items:start}
@media(max-width:880px){.ed{grid-template-columns:1fr;gap:16px}}
.ed .marg{padding-top:8px}

/* ---------- tavole numerate ---------- */
.tavole{margin-top:62px;border-top:1px solid var(--linea)}
.sez.notte .tavole,.sez.navy .tavole{border-top-color:var(--linea-scura)}
.tav{display:grid;grid-template-columns:78px minmax(0,1.02fr) minmax(0,1.25fr);gap:44px;
  padding:30px 0;border-bottom:1px solid var(--linea);align-items:start;transition:background .2s}
.sez.notte .tav,.sez.navy .tav{border-bottom-color:var(--linea-scura)}
.tav:hover{background:rgba(17,24,35,.02)}
.sez.notte .tav:hover,.sez.navy .tav:hover{background:rgba(246,243,237,.03)}
.tav .n{font-family:Serif,serif;font-size:38px;line-height:.86;color:var(--oro)}
.tav h3{font-size:23px}
.tav .t{font-size:15.5px;color:var(--grigio);line-height:1.63}
.sez.notte .tav .t,.sez.navy .tav .t{color:#AEB5C0}
@media(max-width:880px){.tav{grid-template-columns:56px 1fr;gap:6px 20px}
  .tav .t{grid-column:2}}

/* ---------- blocchi affiancati ---------- */
.colonne{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.colonne3{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.blocco{padding:36px 40px 36px 0;border-top:1px solid var(--linea)}
.sez.notte .blocco,.sez.navy .blocco{border-top-color:var(--linea-scura)}
.blocco+.blocco{border-left:1px solid var(--linea);padding-left:40px}
.sez.notte .blocco+.blocco,.sez.navy .blocco+.blocco{border-left-color:var(--linea-scura)}
.colonne .blocco:nth-child(2n+1){border-left:none;padding-left:0}
.colonne3 .blocco:nth-child(3n+1){border-left:none;padding-left:0}
.blocco h3{font-size:21px;margin-top:11px}
.blocco p{font-size:15.2px;color:var(--grigio);margin-top:11px;line-height:1.66}
.sez.notte .blocco p,.sez.navy .blocco p{color:#AEB5C0}
@media(max-width:880px){.colonne,.colonne3{grid-template-columns:1fr}
  .blocco,.blocco+.blocco{padding:28px 0;border-left:none;padding-left:0}}

/* ---------- tabella a filetti ---------- */
.tab{width:100%;border-collapse:collapse;margin-top:34px;font-size:15px}
.tab th{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--grigio2);text-align:left;font-weight:400;padding:0 20px 12px 0;
  border-bottom:1px solid var(--linea)}
.tab td{padding:19px 20px 19px 0;border-bottom:1px solid var(--linea);
  vertical-align:top;color:var(--grigio);line-height:1.6}
.tab td:first-child{color:var(--inchiostro);font-family:Serif,serif;font-size:17px;width:22%}
.sez.notte .tab td,.sez.navy .tab td{color:#AEB5C0;border-bottom-color:var(--linea-scura)}
.sez.notte .tab th,.sez.navy .tab th{border-bottom-color:var(--linea-scura)}
.sez.notte .tab td:first-child,.sez.navy .tab td:first-child{color:var(--carta)}
@media(max-width:760px){.tab,.tab tbody,.tab tr,.tab td{display:block;width:100%}
  .tab thead{display:none}
  .tab tr{border-bottom:1px solid var(--linea);padding:16px 0}
  .tab td{border:0;padding:4px 0}
  .tab td:first-child{width:auto;font-size:19px;margin-bottom:6px}}

/* ---------- citazione ---------- */
.cit{border-left:2px solid var(--oro);padding:4px 0 4px 26px;margin:34px 0;
  font-family:Serif,serif;font-size:clamp(19px,2vw,24px);line-height:1.42;
  color:var(--navy);max-width:44ch}
.sez.notte .cit,.sez.navy .cit{color:var(--carta)}

/* ---------- scheda del gemello ---------- */
.scheda{background:#fff;border:1px solid var(--linea);padding:0;position:relative;
  display:flex;flex-direction:column;transition:border-color .2s,box-shadow .25s,transform .25s}
.scheda:hover{border-color:var(--oro);box-shadow:0 14px 42px -22px rgba(17,24,35,.34);transform:translateY(-2px)}
.scheda.presa{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.scheda .capo{padding:26px 26px 18px;border-bottom:1px solid var(--linea)}
.scheda .ruolo{font-family:Serif,serif;font-size:22px;line-height:1.14;color:var(--inchiostro)}
.scheda .meta{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--grigio2);margin-top:9px}
.scheda .corpo{padding:20px 26px 24px;flex:1}
.scheda .pie{padding:16px 26px;border-top:1px solid var(--linea);background:var(--carta)}

/* competenza: dichiarato vs misurato, fianco a fianco */
.comp{display:grid;grid-template-columns:minmax(0,1fr) 92px 92px;gap:12px;
  align-items:center;padding:9px 0;border-bottom:1px dotted var(--linea)}
.comp:last-child{border-bottom:0}
.comp .nome{font-size:14.2px;color:var(--inchiostro);line-height:1.3}
.comp .val{font-family:Mono,monospace;font-size:12px;text-align:right}
.comp .dic{color:var(--grigio2)}
.comp .mis{color:var(--misura);font-weight:400}
.comp .mis.medio{color:var(--oro)}
.comp .mis.basso{color:var(--allarme)}
.comp-cap{display:grid;grid-template-columns:minmax(0,1fr) 92px 92px;gap:12px;
  font-family:Mono,monospace;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--grigio2);padding-bottom:8px;border-bottom:1px solid var(--linea);margin-bottom:4px}
.comp-cap span:not(:first-child){text-align:right}
@media(max-width:1180px){.comp,.comp-cap{grid-template-columns:minmax(72px,1fr) 74px 74px;gap:9px}}
@media(max-width:420px){.comp,.comp-cap{grid-template-columns:minmax(0,1fr) 62px 62px;gap:8px}}

/* barra di misura */
.barra{height:3px;background:var(--carta3);position:relative;margin-top:5px}
.barra i{position:absolute;left:0;top:0;bottom:0;background:var(--misura);
  transition:width .9s cubic-bezier(.16,1,.3,1)}
.barra i.medio{background:var(--oro)}
.barra i.basso{background:var(--allarme)}

/* pastiglia di stato */
.pil{display:inline-block;font-family:Mono,monospace;font-size:9px;letter-spacing:.13em;
  text-transform:uppercase;padding:4px 9px;border:1px solid var(--linea);color:var(--grigio)}
.pil.imm{border-color:var(--misura);color:var(--misura)}
.pil.contro{border-color:var(--navy);color:var(--navy)}
.pil.chiusa{border-color:var(--allarme);color:var(--allarme)}
.pil.oro{border-color:var(--oro);color:var(--oro)}

/* ---------- provenienza dei fatti ---------- */
.fonte{border-bottom:1.5px dotted;padding-bottom:1px;cursor:help;position:relative}
.fonte.f-az{border-color:var(--navy2);background:rgba(42,74,110,.07)}
.fonte.f-set{border-color:var(--oro-vivo);background:rgba(215,169,58,.16)}
.fonte.f-tu{border-color:var(--misura);background:rgba(46,107,82,.06)}
.legenda{display:flex;gap:22px;flex-wrap:wrap;font-family:Mono,monospace;font-size:9.5px;
  letter-spacing:.13em;text-transform:uppercase;color:var(--grigio2);margin-top:22px}
.legenda i{display:inline-block;width:9px;height:9px;margin-right:7px;vertical-align:middle;border-radius:2px}
.legenda .f-az i{background:var(--navy2)}
.legenda .f-set i{background:var(--oro-vivo)}
.legenda .f-tu i{background:var(--misura)}

/* ---------- piè di pagina ---------- */
.pie-sito{background:var(--notte);color:#9AA1AC;padding:76px 0 40px;font-size:14.5px}
.pie-sito a{color:#C6CBD3;text-decoration:none;transition:color .16s}
.pie-sito a:hover{color:var(--oro2)}
.pie-griglia{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px}
@media(max-width:880px){.pie-griglia{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:520px){.pie-griglia{grid-template-columns:1fr}}
.pie-sito h4{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:#6E7682;margin-bottom:16px;font-weight:400}
.pie-sito ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pie-marca b{font-family:Serif,serif;font-size:23px;color:var(--carta);display:block}
.pie-marca p{margin-top:14px;max-width:34ch;line-height:1.6;color:#8C939E;font-size:14.5px}
.pie-fondo{margin-top:56px;padding-top:24px;border-top:1px solid rgba(246,243,237,.12);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-family:Mono,monospace;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#6E7682}

/* ---------- utilità ---------- */
.mono{font-family:Mono,monospace}
.oro{color:var(--oro)}
.mis{color:var(--misura)}
.nascosto{display:none!important}
.centro{text-align:center}
.mt0{margin-top:0}.mt12{margin-top:12px}.mt24{margin-top:24px}.mt34{margin-top:34px}
.mt48{margin-top:48px}.mt64{margin-top:64px}

/* la barra degli atti resta agganciata sotto l'intestazione */
.passi{position:sticky;top:61px;z-index:60}
@media(max-width:900px){.passi{top:57px}}

/* ══════════ apertura della home: testo + vetrina ══════════ */
.apertura{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:64px;align-items:start}
@media(max-width:1000px){.apertura{grid-template-columns:1fr;gap:48px}}

.vetrina{background:#fff;border:1px solid var(--linea);position:relative;
  box-shadow:0 26px 70px -40px rgba(17,24,35,.35);margin-top:8px}
.vetrina::before{content:'ESEMPIO · UNA RISPOSTA VERA';position:absolute;top:-9px;left:22px;
  background:var(--oro-vivo);color:#1A1206;font-family:Mono,monospace;font-size:8.5px;
  letter-spacing:.2em;padding:4px 10px}
.v-capo{display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:24px 24px 16px;border-bottom:1px solid var(--linea)}
.v-capo b{font-family:Serif,serif;font-size:17px;font-weight:400;display:block}
.v-capo span{font-family:Mono,monospace;font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--grigio2)}
.v-dom{padding:20px 24px;font-family:Serif,serif;font-size:16.5px;font-style:italic;
  color:var(--navy);line-height:1.45;background:var(--carta);border-bottom:1px solid var(--linea)}
.v-corpo{padding:22px 24px;min-height:196px;font-size:15.4px;line-height:1.68;color:var(--inchiostro)}
.v-corpo p+p{margin-top:13px}
.v-mossa{font-family:Mono,monospace;font-size:11.5px;color:var(--grigio);line-height:2.1}
.v-mossa b{color:var(--misura);font-weight:400}
.v-pie{border-top:1px solid var(--linea);background:var(--carta);padding:0}
.v-pie:empty{display:none}
.v-pie .dentro{padding:18px 24px}
.v-fid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.v-fid .et{font-family:Mono,monospace;font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--grigio2);display:flex;justify-content:space-between;gap:8px}
.v-fid .sc{display:flex;gap:3px;margin-top:7px}
.v-fid .sc i{flex:1;height:5px;background:var(--carta3)}
.v-fid .sc i.on{background:var(--misura)}
.v-azioni{border-top:1px solid var(--linea);padding:14px 24px;display:flex;
  justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.v-azioni a,.v-azioni button{font-family:Mono,monospace;font-size:10px;letter-spacing:.15em;
  text-transform:uppercase;background:none;border:0;padding:0;cursor:pointer;color:var(--grigio);
  text-decoration:none;transition:color .18s}
.v-azioni a:hover,.v-azioni button:hover{color:var(--oro)}
.v-azioni a.forte{color:var(--inchiostro);border-bottom:1.5px solid var(--oro);padding-bottom:3px}

/* ══════════ confronto a tre ══════════ */
.confronto{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:52px;
  border-top:1px solid var(--linea-scura)}
@media(max-width:1080px){.confronto{grid-template-columns:1fr}}
.cf{padding:32px 34px 34px 0;border-right:1px solid var(--linea-scura)}
.cf:last-child{border-right:0;padding-right:0}
.cf+.cf{padding-left:34px}
@media(max-width:1080px){.cf{padding:28px 0;border-right:0;border-bottom:1px solid var(--linea-scura)}
  .cf+.cf{padding-left:0}}
.cf-et{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:#7B8290}
.cf-t{font-family:Serif,serif;font-size:24px;color:#F6F3ED;margin-top:10px;line-height:1.16}
.cf ul{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.cf li{display:grid;grid-template-columns:16px 1fr;gap:11px;font-size:14.6px;line-height:1.56;
  color:#AEB5C0;align-items:start}
.cf li b{color:#F6F3ED;font-weight:400}
.cf li i{width:12px;height:12px;margin-top:5px;position:relative;display:block}
.cf li i.no::before,.cf li i.no::after{content:'';position:absolute;left:0;top:5px;width:12px;
  height:1.4px;background:#8A5F5C}
.cf li i.no::before{transform:rotate(45deg)}
.cf li i.no::after{transform:rotate(-45deg)}
.cf li i.si::before{content:'';position:absolute;left:1px;top:1px;width:5px;height:9px;
  border:solid #4E9377;border-width:0 1.5px 1.5px 0;transform:rotate(42deg)}
/* la terza colonna e' una lastra d'oro: e' quella che deve restare in mente */
.cf.marcata{background:var(--oro-vivo);border:0;padding:32px 30px 34px;
  box-shadow:0 20px 58px -28px rgba(215,169,58,.8)}
.cf.marcata .cf-et{color:#5A4413}
.cf.marcata .cf-t{color:#161006}
.cf.marcata li{color:#332508}
.cf.marcata li b{color:#161006;font-weight:700}
.cf.marcata li i.si::before{border-color:#1F3A15}
@media(max-width:1080px){.cf.marcata{padding:28px 24px;border-bottom:0}}

/* ══════════ le tre fasi ══════════ */
.fasi{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;
  border-top:1px solid var(--linea)}
@media(max-width:920px){.fasi{grid-template-columns:1fr}}
.fase{padding:34px 34px 34px 0;border-right:1px solid var(--linea)}
.fase:last-child{border-right:0}
.fase+.fase{padding-left:34px}
@media(max-width:920px){.fase{padding:28px 0;border-right:0;border-bottom:1px solid var(--linea)}
  .fase+.fase{padding-left:0}}
.f-n{font-family:Serif,serif;font-size:34px;color:var(--oro);line-height:1}
.fase h3{font-size:23px;margin-top:12px}
.fase p{font-size:15.2px;color:var(--grigio);margin-top:13px;line-height:1.66}
.fase p b{color:var(--inchiostro);font-weight:700}
.f-d{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--grigio2);margin-top:18px;padding-top:12px;border-top:1px solid var(--linea)}
.apertura h1{font-size:clamp(34px,4.5vw,54px);line-height:1.04}

/* ══════════ piè di pagina ridotto: solo i dati ══════════ */
.pie-sito{padding:44px 0 40px}
.pie-fondo{margin-top:0;padding-top:0;border-top:0;
  display:grid;grid-template-columns:auto 1fr auto;gap:10px 40px;align-items:baseline;
  font-family:Mono,monospace;font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:#7E858F}
.pie-fondo span:nth-child(2){text-align:center}
.pie-fondo span:nth-child(3){text-align:right}
@media(max-width:1100px){.pie-fondo{grid-template-columns:1fr}
  .pie-fondo span:nth-child(2),.pie-fondo span:nth-child(3){text-align:left}}



/* ══════════ recapiti ══════════ */
.recapiti{margin:26px 0 0;border-top:1px solid var(--linea)}
.recapiti dt{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--grigio2);padding-top:20px}
.recapiti dd{margin:9px 0 0;padding-bottom:20px;border-bottom:1px solid var(--linea);
  font-size:15.6px;line-height:1.62;color:var(--grigio)}
.recapiti dd a{color:var(--inchiostro);text-decoration:none;
  border-bottom:1px solid var(--oro);padding-bottom:2px;transition:color .18s}
.recapiti dd a:hover{color:var(--oro)}
.pie-fondo span:nth-child(2){letter-spacing:.07em;white-space:nowrap}
@media(max-width:1240px){.pie-fondo span:nth-child(2){white-space:normal}}

/* ══════════ ritratto: testo + fotografia ══════════ */
.ritratto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:60px;align-items:center;margin-top:8px}
@media(max-width:940px){.ritratto{grid-template-columns:1fr;gap:36px}}
.ritratto figure{margin:0;position:relative}
.ritratto img{width:100%;height:auto;display:block;filter:saturate(.92)}
.ritratto figcaption{font-family:Mono,monospace;font-size:9px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--grigio2);margin-top:12px;text-align:right}
.ritratto figure::after{content:'';position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(17,24,35,.10)}

/* ══════════ il libro ══════════ */
.libro{display:grid;grid-template-columns:300px minmax(0,1fr);gap:64px;align-items:start}
@media(max-width:880px){.libro{grid-template-columns:1fr;gap:34px}
  .libro figure{max-width:250px}}
.libro figure{margin:0;position:relative}
.libro img{width:100%;height:auto;display:block;
  box-shadow:0 26px 60px -26px rgba(17,24,35,.55),0 2px 0 0 rgba(17,24,35,.10)}
.libro .cit{max-width:34ch;font-size:clamp(20px,2.1vw,26px)}

/* ══════════ il percorso di una domanda ══════════ */
.flusso{margin-top:52px}
.fl-dom{background:var(--navy);color:var(--carta);padding:18px 26px;
  display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.fl-dom b{font-family:Serif,serif;font-size:19px;font-weight:400}
.fl-dom span{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:#9AA6B6}
.fl-mosse{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:26px;
  border-top:1px solid var(--linea)}
.fl-m{padding:22px 26px 24px 0;border-right:1px solid var(--linea);position:relative}
.fl-m:last-child{border-right:0;padding-right:0}
.fl-m+.fl-m{padding-left:26px}
.fl-m b{display:block;font-family:Serif,serif;font-size:19px;font-weight:400;
  color:var(--inchiostro);margin-top:9px;line-height:1.18}
.fl-m em{display:block;font-family:Sans,sans-serif;font-style:normal;font-size:13.6px;
  color:var(--grigio);margin-top:8px;line-height:1.5}
/* la freccia fra una mossa e l'altra */
.fl-m+.fl-m::before{content:'';position:absolute;left:-5px;top:32px;width:9px;height:9px;
  border:solid var(--grigio2);border-width:1px 1px 0 0;transform:rotate(45deg);
  background:var(--carta)}
.fl-et{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--grigio2);margin-top:44px;padding-top:20px;border-top:1px solid var(--linea)}
.fl-esiti{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.fl-e{border:1px solid var(--linea);border-left-width:3px;padding:20px 22px;background:#fff}
.fl-e b{display:block;font-family:Serif,serif;font-size:20px;font-weight:400;line-height:1.16}
.fl-e em{display:block;font-family:Sans,sans-serif;font-style:normal;font-size:14px;
  color:var(--grigio);margin-top:9px;line-height:1.52}
.fl-e.e-blu{border-left-color:var(--navy)}   .fl-e.e-blu b{color:var(--navy)}
.fl-e.e-verde{border-left-color:var(--misura)} .fl-e.e-verde b{color:var(--misura)}
.fl-e.e-rosso{border-left-color:var(--allarme)} .fl-e.e-rosso b{color:var(--allarme)}
@media(max-width:940px){
  .fl-mosse{grid-template-columns:1fr 1fr}
  .fl-m:nth-child(2n){border-right:0;padding-right:0}
  .fl-m:nth-child(2n+1){padding-left:0}
  .fl-m:nth-child(n+3){border-top:1px solid var(--linea)}
  .fl-m+.fl-m::before{display:none}
  .fl-esiti{grid-template-columns:1fr}}
@media(max-width:560px){
  .fl-mosse{grid-template-columns:1fr}
  .fl-m{border-right:0;padding:20px 0;border-top:1px solid var(--linea)}
  .fl-m:first-child{border-top:0}
  .fl-m+.fl-m{padding-left:0}}

/* ══════════ il conto delle ore ══════════ */
.conto{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:34px;
  padding:26px 30px;border:1px solid var(--linea-scura);background:rgba(246,243,237,.03)}
.conto-n{display:flex;flex-direction:column;min-width:96px}
.conto-n b{font-family:Serif,serif;font-size:44px;line-height:1;font-weight:400;color:var(--carta)}
.conto-n span{font-family:Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:#8A919C;margin-top:8px}
.conto-n.tot b{color:var(--oro2)}
.conto-x{font-family:Serif,serif;font-size:28px;color:#5F6773}
@media(max-width:700px){.conto{gap:12px;padding:20px}.conto-n b{font-size:34px}.conto-n{min-width:74px}}

/* ══════════ la vetrina: didascalie che spiegano che cos'è ══════════ */
/* il disegno che spiega il prodotto, accanto al titolo */
.spiega{margin:0;align-self:center;max-width:440px;justify-self:center}
.spiega svg{width:100%;height:auto;overflow:visible}
.spiega .s-occ{font-family:Mono,monospace;font-size:9.5px;letter-spacing:2.4px;fill:#8A9099}
.spiega .s-cap{font-family:Serif,serif;font-size:15.5px;fill:#586170}
.spiega .s-min{font-family:Mono,monospace;font-size:8.8px;letter-spacing:1.3px;fill:#8A9099}
.spiega .s-num{font-family:Serif,serif;font-size:34px;fill:#1B3350}
.spiega .s-filo{stroke:#DBD4C6;stroke-width:1.1;fill:none}
.spiega figcaption{font-size:13.4px;line-height:1.56;color:var(--grigio);margin-top:26px;
  padding-top:18px;border-top:1px solid var(--linea);max-width:44ch}
@media(max-width:1000px){.spiega{max-width:380px;margin:0 auto}}


/* ══════════ pie': le informative ══════════
   Privacy e cookie non sono note a pie' di pagina: sono la riga che si va a
   cercare apposta. Stanno sopra al rigo dei dati societari, staccate da un
   filo, e sono piu' chiare di quelle: un collegamento che non si vede e' un
   collegamento che non c'e'. */
.pie-legale{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:20px;
  border-bottom:1px solid rgba(246,243,237,.12);
  font-family:Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.pie-legale a{color:#C6CBD3;text-decoration:none;padding:2px 0;
  border-bottom:1px solid rgba(198,203,211,.32);transition:color .16s,border-color .16s}
.pie-legale a:hover,.pie-legale a:focus-visible{color:var(--oro2);border-bottom-color:var(--oro2)}