/* aurica.agency, versione 2
   Idea: il report Termini di ricerca letto da un seller.
   Oro = evidenziatore, cioè dove decide una persona (e dove si perdono soldi).
   Verde acqua = ciò che fa l'AI. Inchiostro e carta per tutto il resto. */

@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-grotesque-latin-standard-normal.woff2) format("woff2-variations"),url(/fonts/bricolage-grotesque-latin-standard-normal.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Public Sans";src:url(/fonts/public-sans-latin-wght-normal.woff2) format("woff2-variations"),url(/fonts/public-sans-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url(/fonts/public-sans-latin-wght-italic.woff2) format("woff2-variations"),url(/fonts/public-sans-latin-wght-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}

:root{
  --carta:#f7f8f6; --foglio:#ffffff; --inchiostro:#0c111b; --grafite:#4a5260;
  --riga:#dde1dc; --riga-forte:#bfc5bd;
  --oro:#eab04a; --evid:rgba(242,184,75,.55); --evid-testo:#0c111b; --evid-h:72%; --evid-y:65%; --evid-tenue:#fbf1dc; --oro-testo:#8a5a00;
  --acqua:#2bb39d; --acqua-testo:#0b7a68; --acqua-tenue:#e1f3ef;
  --rosso:#b42318;
  --scuro:#0c111b; --scuro-2:#151c29; --scuro-testo:#eef0ec; --scuro-grigio:#a9b1bd; --scuro-riga:rgba(255,255,255,.13);
  --ombra-foglio:0 1px 0 var(--riga),0 28px 56px -28px rgba(12,17,27,.28);
  --display:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;
  --testo:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --max:1180px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --carta:#0e131c; --foglio:#141b26; --inchiostro:#eef0ec; --grafite:#a9b1bd;
    --riga:#263040; --riga-forte:#3a4557;
    --evid:#e3a940; --evid-testo:#1a1206; --evid-h:100%; --evid-y:50%; --evid-tenue:#2a2314; --oro-testo:#f2c46b;
    --acqua-testo:#5fd6c0; --acqua-tenue:#0f2a26; --rosso:#f97066;
    --scuro:#070a10; --scuro-2:#111823;
    --ombra-foglio:0 1px 0 var(--riga),0 28px 56px -28px rgba(0,0,0,.6);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --carta:#0e131c; --foglio:#141b26; --inchiostro:#eef0ec; --grafite:#a9b1bd;
  --riga:#263040; --riga-forte:#3a4557;
  --evid:#e3a940; --evid-testo:#1a1206; --evid-h:100%; --evid-y:50%; --evid-tenue:#2a2314; --oro-testo:#f2c46b;
  --acqua-testo:#5fd6c0; --acqua-tenue:#0f2a26; --rosso:#f97066;
  --scuro:#070a10; --scuro-2:#111823;
  --ombra-foglio:0 1px 0 var(--riga),0 28px 56px -28px rgba(0,0,0,.6);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--carta);color:var(--inchiostro);font-family:var(--testo);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
p{margin:0 0 1em;max-width:65ch}
h1,h2,h3{font-family:var(--display);font-optical-sizing:auto;margin:0;color:inherit;text-wrap:balance}
h1{font-size:clamp(2.6rem,1.5rem + 3.9vw,4.55rem);font-weight:750;font-stretch:90%;line-height:1;letter-spacing:-.018em;max-width:13ch}
h2{font-size:clamp(1.95rem,1.35rem + 2.4vw,3.05rem);font-weight:710;font-stretch:92%;line-height:1.05;letter-spacing:-.012em;max-width:22ch}
h3{font-size:1.28rem;font-weight:660;line-height:1.2;letter-spacing:-.01em}
a{color:inherit}
p a,li a,.passi a{text-decoration-color:var(--oro);text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600}
strong{font-weight:680}
:focus-visible{outline:3px solid var(--acqua);outline-offset:3px;border-radius:4px}

.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
@media (min-width:760px){.wrap{padding:0 32px}}
.stretto{max-width:900px}
.grigio{color:var(--grafite)}
.intro{margin-top:14px}
.vis-nascosto{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.salta{position:absolute;left:16px;top:-80px;z-index:100;background:var(--inchiostro);color:var(--carta);padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600}
.salta:focus{top:12px}

/* Bottoni */
.bottone{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:10px;border:0;background:var(--inchiostro);color:var(--carta);font:inherit;font-weight:650;text-decoration:none;cursor:pointer;transition:background-color .15s ease}
.bottone:hover{background:var(--grafite)}
.bottone-oro{background:var(--oro);color:#1a1206}
.bottone-oro:hover{background:#f3c56d}
.bottone-piccolo{min-height:42px;padding:0 16px;font-size:.95rem}
.bottone-bordo{background:transparent;color:var(--inchiostro);box-shadow:inset 0 0 0 2px var(--inchiostro)}
.bottone-bordo:hover{background:var(--evid-tenue)}
.collegamento{display:inline-flex;align-items:center;min-height:48px;font-weight:620;text-decoration:underline;text-decoration-color:var(--oro);text-decoration-thickness:3px;text-underline-offset:6px}
.collegamento:hover{text-decoration-color:var(--inchiostro)}

/* Barra */
.barra{position:sticky;top:0;z-index:40;background:var(--carta);border-bottom:1px solid var(--riga)}
.barra-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:66px}
.marchio{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:720;font-size:1.3rem;letter-spacing:-.02em}
.marchio em{font-style:normal;color:var(--acqua-testo)}
.marchio-segno{width:30px;height:30px;flex:none}
.barra-link{display:none;gap:28px;margin-left:auto;margin-right:12px}
.barra-link a{color:var(--grafite);text-decoration:none;font-weight:560;padding:8px 0}
.barra-link a:hover{color:var(--inchiostro)}
@media (min-width:900px){.barra-link{display:flex}}
.barra-azioni{display:flex;align-items:center;gap:10px}
.barra-azioni .solo-largo{display:none}
@media (min-width:760px){.barra-azioni .solo-largo{display:inline-flex}}

/* Apertura */
.apertura{padding:56px 0 80px}
.apertura-griglia{display:grid;gap:48px;align-items:center}
@media (min-width:1000px){.apertura-griglia{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px}.apertura{padding:80px 0 104px}}
.attacco{font-size:1.2rem;color:var(--grafite);margin:28px 0 0;max-width:34em}
.attacco-forte{color:var(--inchiostro);font-weight:640;margin-top:12px}
.azioni{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin:32px 0 26px}
.garanzie,.incluso,.elenco-si{list-style:none;padding:0;margin:0}
.garanzie{display:grid;gap:6px;color:var(--grafite);font-size:.97rem}
.garanzie li,.incluso li,.elenco-si li{position:relative;padding-left:28px}
.garanzie li::before,.incluso li::before,.elenco-si li::before{content:"";position:absolute;left:3px;top:.42em;width:13px;height:7px;border-left:2.5px solid var(--acqua-testo);border-bottom:2.5px solid var(--acqua-testo);transform:rotate(-45deg)}

/* Il foglio del report */
.foglio{margin:0;background:var(--foglio);border:1px solid var(--riga);border-radius:8px;padding:22px 22px 20px;box-shadow:var(--ombra-foglio)}
.foglio-testa{display:grid;gap:4px;margin-bottom:16px}
.foglio-testa strong{font-size:1.02rem}
.foglio-testa span{color:var(--grafite);font-size:.9rem}
.report{width:100%;border-collapse:collapse;font-size:.93rem;font-variant-numeric:tabular-nums}
.report th{text-align:left;font-size:.8rem;font-weight:620;color:var(--grafite);padding:8px 8px;border-bottom:2px solid var(--inchiostro)}
.report td{padding:10px 8px;border-bottom:1px solid var(--riga);vertical-align:top}
.report .n{text-align:right;white-space:nowrap}
.report th:first-child,.report td:first-child{padding-left:0}
.report th:last-child,.report td:last-child{padding-right:0}
.spreco td:nth-child(3),.spreco td:nth-child(4){color:var(--rosso);font-weight:640}
mark{color:var(--evid-testo);background:linear-gradient(var(--evid),var(--evid)) no-repeat 0 var(--evid-y)/100% var(--evid-h);padding:0 3px;margin:0 -3px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.azione{display:block;width:fit-content;margin-top:5px;padding:0 9px;border-radius:999px;font-size:.76rem;font-weight:620;line-height:1.7}
.azione-ai{background:var(--acqua-tenue);color:var(--acqua-testo)}
.azione-su{border:1px solid var(--acqua);color:var(--acqua-testo)}
.foglio-somma{display:grid;gap:2px;max-width:none;margin:16px 0 0;padding-top:14px;border-top:2px solid var(--inchiostro)}
.foglio-somma span{color:var(--grafite);font-size:.9rem}
.foglio-somma strong{font-family:var(--display);font-size:1.7rem;font-weight:720;letter-spacing:-.015em;line-height:1.2;font-variant-numeric:tabular-nums}
@media (max-width:480px){
  .foglio{padding:16px 14px 14px;margin:0 -4px}
  .report{font-size:.85rem}
  .report th,.report td{padding-left:5px;padding-right:5px}
}

/* L'unico movimento non richiesto: l'evidenziatore passa sulle righe che sprecano */
@keyframes evidenzia{from{background-size:0 var(--evid-h)}to{background-size:100% var(--evid-h)}}
@keyframes compare{from{opacity:0}to{opacity:1}}
.spreco mark{animation:evidenzia .55s cubic-bezier(.3,.7,.3,1) both;animation-delay:calc(.45s + var(--i) * .32s)}
.spreco .azione{animation:compare .3s ease both;animation-delay:calc(.9s + var(--i) * .32s)}
.spreco:nth-child(2){--i:0}.spreco:nth-child(4){--i:1}.spreco:nth-child(6){--i:2}.spreco:nth-child(8){--i:3}
.foglio-somma strong{animation:compare .4s ease both;animation-delay:2.2s}
@media (prefers-reduced-motion:reduce){.spreco mark,.spreco .azione,.foglio-somma strong{animation:none}}

/* Blocchi */
.blocco{padding:72px 0}
@media (min-width:760px){.blocco{padding:104px 0}}
.blocco-chiaro{background:var(--foglio);border-top:1px solid var(--riga);border-bottom:1px solid var(--riga)}
/* Le sezioni scure ridefiniscono i colori: i componenti dentro si adattano da soli. */
.blocco-scuro{
  --carta:#0c111b; --foglio:#151c29; --inchiostro:#eef0ec; --grafite:#a9b1bd;
  --riga:rgba(255,255,255,.13); --riga-forte:rgba(255,255,255,.3);
  --evid:#e3a940; --evid-testo:#1a1206; --evid-h:100%; --evid-y:50%; --evid-tenue:#2a2314; --oro-testo:#f2c46b;
  --acqua-testo:#5fd6c0; --acqua-tenue:#0f2a26; --rosso:#f97066;
  --ombra-foglio:0 1px 0 rgba(255,255,255,.08),0 28px 56px -28px rgba(0,0,0,.6);
  background:var(--scuro);color:var(--inchiostro);color-scheme:dark;
}
.blocco-scuro :focus-visible{outline-color:var(--oro)}

.due-colonne{display:grid;gap:36px 72px}
@media (min-width:1000px){.due-colonne{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.due-colonne h2{margin-bottom:20px}
.citazioni{display:grid;gap:32px;padding-top:6px}
blockquote{margin:0;padding-left:22px;border-left:3px solid var(--riga-forte)}
blockquote p{font-family:var(--display);font-size:clamp(1.3rem,1.1rem + .8vw,1.65rem);font-weight:600;line-height:1.22;letter-spacing:-.01em;margin:0 0 8px;max-width:30ch}
blockquote p::before{content:"«"}
blockquote p::after{content:"»"}
cite{font-style:normal;font-size:.9rem;color:var(--grafite)}

.righe{margin-top:44px;border-top:2px solid var(--inchiostro)}
.riga{display:grid;gap:8px 56px;padding:30px 0;border-bottom:1px solid var(--riga)}
@media (min-width:760px){.riga{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:baseline}}
.riga h3{font-size:clamp(1.3rem,1.1rem + .6vw,1.6rem)}
.riga p{margin:0;color:var(--grafite)}

/* Il mese di prova */
.calendario{display:grid;gap:8px;margin-top:44px}
@media (min-width:900px){.calendario{grid-template-columns:auto minmax(0,1fr)}}
.cal-prima{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border:1.5px dashed var(--riga-forte);border-radius:6px;color:var(--grafite);font-size:.85rem;font-weight:600;width:fit-content}
@media (min-width:900px){.cal-prima{width:auto}}
.cal-giorni{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:4px}
@media (min-width:900px){.cal-giorni{grid-template-columns:repeat(30,minmax(0,1fr))}}
.cal-giorni li{display:flex;align-items:center;justify-content:center;min-height:32px;border:1px solid var(--riga);border-radius:4px;font-size:.72rem;color:var(--grafite);font-variant-numeric:tabular-nums}
@media (min-width:900px){.cal-giorni li{min-height:44px;font-size:.78rem}}
.cal-giorni .g-lavoro{background:var(--evid);border-color:transparent;color:var(--evid-testo);font-weight:700}
.cal-giorni .g-report{background:var(--acqua-tenue);border-color:var(--acqua);color:var(--acqua-testo);font-weight:700}
.cal-giorni .g-decidi{background:var(--inchiostro);border-color:var(--inchiostro);color:var(--carta);font-weight:700}
.cal-legenda{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px 26px;font-size:.9rem;color:var(--grafite)}
.cal-legenda i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:8px;vertical-align:-2px}
.l-lavoro{background:var(--evid)}
.l-report{background:var(--acqua-tenue);border:1px solid var(--acqua)}
.l-decidi{background:var(--inchiostro)}
.passi{list-style:none;padding:0;margin:48px 0 0;display:grid;gap:36px 32px}
@media (min-width:760px){.passi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.passi{grid-template-columns:repeat(4,minmax(0,1fr))}}
.passi li{border-top:2px solid var(--inchiostro);padding-top:16px}
.quando{display:block;font-size:.88rem;font-weight:600;color:var(--grafite);margin-bottom:6px}
.passi h3{margin-bottom:10px}
.passi p{margin:0;color:var(--grafite)}

/* Metodo */
.metodo{display:grid;gap:44px 56px;margin-top:44px}
@media (min-width:760px){.metodo{grid-template-columns:repeat(2,minmax(0,1fr))}}
.metodo-t{display:flex;align-items:center;gap:12px}
.segno-ai{flex:none;width:14px;height:14px;border-radius:3px;background:var(--acqua)}
.segno-persona{flex:none;width:26px;height:13px;border-radius:2px;background:var(--evid)}
.elenco{list-style:none;padding:0;margin:18px 0 0;border-top:1px solid var(--riga)}
.elenco li{padding:12px 0;border-bottom:1px solid var(--riga)}
.settimanale{display:grid;gap:36px 64px;margin-top:80px;align-items:center}
@media (min-width:1000px){.settimanale{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.settimanale h3{font-size:clamp(1.55rem,1.25rem + 1vw,2.05rem);margin-bottom:16px}
.settimanale p{color:var(--grafite)}
.cruscotto{margin:0;background:var(--foglio);border:1px solid var(--riga);border-radius:8px;padding:22px 22px 18px;box-shadow:var(--ombra-foglio)}
.cruscotto-testa{display:grid;gap:4px;margin-bottom:18px}
.cruscotto-testa strong{font-size:1.02rem}
.cruscotto-testa span{color:var(--grafite);font-size:.9rem}
.cruscotto-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.cruscotto-kpi div{border:1px solid var(--riga);border-radius:6px;padding:10px 12px}
.cruscotto-kpi dt{font-size:.8rem;color:var(--grafite)}
.cruscotto-kpi dd{margin:0}
.cruscotto-kpi .valore{font-family:var(--display);font-size:1.6rem;font-weight:720;line-height:1.2;font-variant-numeric:tabular-nums}
.cruscotto-kpi .delta{font-size:.8rem;font-weight:600;color:var(--acqua-testo);line-height:1.3}
@media (max-width:480px){.cruscotto{padding:16px 14px 14px}.cruscotto-kpi{gap:6px}.cruscotto-kpi div{padding:8px}.cruscotto-kpi .valore{font-size:1.3rem}}
.grafico{width:100%;height:auto;display:block}
.grafico .griglia line{stroke:var(--riga);stroke-width:1}
.grafico .colonna rect{fill:var(--acqua);opacity:.85}
.grafico .area{fill:var(--oro);opacity:.14}
.grafico .linea{fill:none;stroke:var(--oro);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.grafico .punto{fill:var(--foglio);stroke:var(--oro);stroke-width:3}
.grafico text{fill:var(--grafite);font-family:var(--testo);font-size:11px}
.grafico .etichetta{fill:var(--oro-testo);font-size:12.5px;font-weight:700;paint-order:stroke;stroke:var(--foglio);stroke-width:4px;stroke-linejoin:round}
.legenda-grafico{display:flex;flex-wrap:wrap;gap:6px 22px;margin:10px 0 0;font-size:.86rem;color:var(--grafite)}
.legenda-grafico i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:7px;vertical-align:-1px}
.l-vendite{background:var(--acqua)}
.l-tacos{background:var(--oro)}

/* Confronto */
.confronto{width:100%;border-collapse:collapse;margin-top:44px;font-size:.97rem}
.confronto thead th{text-align:left;font-weight:660;font-size:.93rem;padding:12px 14px;border-bottom:2px solid var(--inchiostro)}
.confronto thead th.noi{background:var(--oro);color:#1a1206;border-radius:6px 6px 0 0}
.confronto tbody th{text-align:left;font-weight:520;color:var(--grafite);padding:14px 14px 14px 0;border-bottom:1px solid var(--riga);width:28%}
.confronto td{padding:14px;border-bottom:1px solid var(--riga);vertical-align:top}
.confronto td.noi{background:var(--evid-tenue);font-weight:650}
@media (max-width:759px){
  .confronto thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .confronto,.confronto tbody,.confronto tr,.confronto th,.confronto td{display:block;width:auto}
  .confronto tr{border-top:2px solid var(--inchiostro);padding:14px 0 10px}
  .confronto tbody th{border:0;padding:0 0 8px;color:var(--inchiostro);font-weight:660}
  .confronto td{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:12px;border:0;padding:6px 0}
  .confronto td::before{content:attr(data-chi);color:var(--grafite);font-weight:500}
  .confronto td.noi{padding:8px;margin:0 -8px;border-radius:6px}
}
.fonte{font-size:.88rem;color:var(--grafite);margin-top:16px}

/* Prezzi */
.prezzi{display:grid;gap:40px 56px;margin-top:44px;align-items:start}
@media (min-width:1000px){.prezzi{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.fondatori{border:2px solid var(--inchiostro);border-radius:10px;padding:28px 24px}
@media (min-width:760px){.fondatori{padding:34px 32px}}
.cifra{font-family:var(--display);font-size:clamp(3.6rem,2.6rem + 4vw,5.6rem);font-weight:760;font-stretch:88%;line-height:1;letter-spacing:-.03em;margin:14px 0 10px;font-variant-numeric:tabular-nums}
.cifra span{font-family:var(--testo);font-size:1.05rem;font-weight:520;font-stretch:100%;letter-spacing:0;color:var(--grafite);margin-left:10px}
.posti{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:22px 0 24px}
.posti i{position:relative;width:28px;height:28px;border-radius:8px;background:var(--oro)}
.posti i::after{content:"";position:absolute;inset:8px;border-radius:3px;background:#0c111b}
.posti span{margin-left:10px;font-weight:620}
.posti[data-presi="1"] i:nth-child(-n+1),.posti[data-presi="2"] i:nth-child(-n+2),.posti[data-presi="3"] i:nth-child(-n+3),.posti[data-presi="4"] i:nth-child(-n+4),.posti[data-presi="5"] i{opacity:.22}
.incluso{margin:0 0 26px}
.incluso li{padding-top:10px;padding-bottom:10px;border-top:1px solid var(--riga)}
.incluso li::before{top:1.05em}
.listino h3{margin-bottom:4px}
.fasce{width:100%;border-collapse:collapse;margin-top:18px;font-size:.96rem;font-variant-numeric:tabular-nums}
.fasce th{text-align:left;font-size:.85rem;font-weight:620;color:var(--grafite);padding:10px 8px;border-bottom:2px solid var(--inchiostro)}
.fasce td{padding:13px 8px;border-bottom:1px solid var(--riga);vertical-align:top}
.fasce th:first-child,.fasce td:first-child{padding-left:0;white-space:nowrap}
.fasce .n{text-align:right;white-space:nowrap}
@media (max-width:480px){.fasce{font-size:.88rem}.fasce th,.fasce td{padding-left:5px;padding-right:5px}}

/* Per chi */
.adatto{display:grid;gap:40px 56px;margin-top:44px}
@media (min-width:760px){.adatto{grid-template-columns:repeat(2,minmax(0,1fr))}}
.adatto h3{margin-bottom:14px}
.elenco-si li,.elenco-no li{padding-top:11px;padding-bottom:11px;border-top:1px solid var(--riga)}
.elenco-si li::before{top:1.1em}
.elenco-no{list-style:none;padding:0;margin:0}
.elenco-no li{position:relative;padding-left:28px}
.elenco-no li::before,.elenco-no li::after{content:"";position:absolute;left:2px;top:1.35em;width:15px;height:2.5px;background:var(--rosso);border-radius:1px}
.elenco-no li::before{transform:rotate(45deg)}
.elenco-no li::after{transform:rotate(-45deg)}

/* Fondatore */
.fondatore{display:grid;gap:36px 64px;align-items:center}
@media (min-width:900px){.fondatore{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}
.fondatore img{width:100%;max-width:440px;border-radius:8px}
.citazione-grande{font-size:clamp(1.7rem,1.25rem + 1.9vw,2.6rem);max-width:24ch;margin-bottom:24px}
.fondatore p{color:var(--grafite)}
.firma{display:grid;gap:2px;margin-top:24px}
.firma strong{color:var(--inchiostro);font-size:1.05rem}
.firma span{font-size:.93rem}

/* Domande */
.domande{margin-top:36px;border-top:2px solid var(--inchiostro)}
.domande details{border-bottom:1px solid var(--riga)}
.domande summary{list-style:none;cursor:pointer;position:relative;padding:20px 48px 20px 0;font-weight:640;font-size:1.08rem;line-height:1.4}
.domande summary::-webkit-details-marker{display:none}
.domande summary::after{content:"";position:absolute;right:10px;top:50%;width:16px;height:16px;margin-top:-8px;background:linear-gradient(var(--inchiostro),var(--inchiostro)) center/16px 2px no-repeat,linear-gradient(var(--inchiostro),var(--inchiostro)) center/2px 16px no-repeat}
.domande details[open] summary::after{background:linear-gradient(var(--inchiostro),var(--inchiostro)) center/16px 2px no-repeat}
.domande details p{margin:0 0 22px;color:var(--grafite)}

/* Modulo */
.modulo-griglia{display:grid;gap:40px 72px;align-items:start}
@media (min-width:1000px){.modulo-griglia{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.modulo-griglia h2{margin-bottom:20px}
.elenco-scuro{border-color:var(--scuro-riga)}
.elenco-scuro li{border-color:var(--scuro-riga);color:var(--scuro-grigio)}
.modulo{display:grid;gap:18px;background:var(--scuro-2);border:1px solid var(--scuro-riga);border-radius:12px;padding:22px 18px}
@media (min-width:760px){.modulo{grid-template-columns:repeat(2,minmax(0,1fr));padding:30px}}
.modulo .pieno{grid-column:1/-1}
.modulo label{display:block;font-size:.92rem;font-weight:600;margin-bottom:6px;color:var(--scuro-testo)}
.facoltativo{font-weight:400;color:var(--scuro-grigio)}
.modulo input,.modulo select,.modulo textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:#0a0e16;color:var(--scuro-testo);font:inherit}
.modulo textarea{min-height:0;resize:vertical}
.modulo select option{color:#0c111b;background:#fff}
.modulo input::placeholder{color:#7d8696}
.modulo input:focus-visible,.modulo select:focus-visible,.modulo textarea:focus-visible{outline:3px solid var(--acqua);outline-offset:1px;border-color:var(--acqua)}
.modulo input:user-invalid,.modulo select:user-invalid{border-color:#f97066}
.consenso-modulo{display:flex;gap:12px;align-items:flex-start}
.modulo .consenso-modulo input{width:22px;height:22px;min-height:0;margin:2px 0 0;padding:0;flex:none;accent-color:var(--oro)}
.modulo .consenso-modulo label{font-weight:400;color:var(--scuro-grigio);margin:0}
.modulo .consenso-modulo a{color:var(--scuro-testo)}
.modulo .bottone{width:100%}
.nota-modulo{margin:0;text-align:center;font-size:.9rem}

/* Piede */
.piede{background:var(--scuro);color:var(--scuro-grigio);border-top:1px solid var(--scuro-riga);padding:28px 0 36px;font-size:.92rem}
.piede-in{display:flex;flex-wrap:wrap;gap:12px 40px;justify-content:space-between;align-items:center}
.piede p{margin:0;max-width:none}
.piede strong{color:var(--scuro-testo)}
.piede-link{display:flex;flex-wrap:wrap;gap:4px 22px}
.piede a{color:var(--scuro-grigio);display:inline-block;padding:6px 0}
.piede a:hover{color:var(--scuro-testo)}

/* Bottone fisso su telefono */
.cta-mobile{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;display:none;transition:transform .2s ease,opacity .2s ease}
.cta-mobile .bottone{width:100%;box-shadow:0 12px 30px rgba(12,17,27,.32)}
.cta-mobile.via{transform:translateY(140%);opacity:0;pointer-events:none}
@media (max-width:759px){.cta-mobile{display:block}body.con-cta{padding-bottom:84px}}
@media (prefers-reduced-motion:reduce){.cta-mobile{transition:none}}

/* Pagine di testo (privacy) */
.pagina{padding:48px 0 80px}
.pagina h1{font-size:clamp(2.2rem,1.6rem + 2.4vw,3.4rem);max-width:none;margin-bottom:12px}
.pagina h2{font-size:1.4rem;max-width:none;margin:40px 0 12px;font-stretch:100%}
.pagina li{color:var(--grafite);margin-bottom:8px;max-width:65ch}
.pagina p{color:var(--grafite)}
.pagina strong{color:var(--inchiostro)}
.scheda{border-left:3px solid var(--inchiostro);padding:2px 0 2px 20px;margin:28px 0}
.scheda p{color:var(--inchiostro);margin:0}
code{font-size:.9em;background:var(--evid-tenue);padding:1px 5px;border-radius:4px}

/* ============================================================
   Versione agency: home generalista + pagine servizio.
   Stessa idea: oro = dove decide una persona, verde acqua = ciò che fa l'AI.
   ============================================================ */

/* Barra: menu su telefono, link servizi su desktop */
.barra-link a[aria-current="page"]{color:var(--inchiostro);box-shadow:inset 0 -2px 0 var(--oro)}
.menu{position:relative}
@media (min-width:900px){.menu{display:none}}
.menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 4px;font-weight:600;color:var(--inchiostro)}
.menu summary::-webkit-details-marker{display:none}
.menu summary::before{content:"";width:18px;height:12px;background:linear-gradient(var(--inchiostro),var(--inchiostro)) top/100% 2px no-repeat,linear-gradient(var(--inchiostro),var(--inchiostro)) center/100% 2px no-repeat,linear-gradient(var(--inchiostro),var(--inchiostro)) bottom/100% 2px no-repeat}
.menu-lista{position:absolute;right:0;top:calc(100% + 10px);min-width:260px;display:grid;background:var(--foglio);border:1px solid var(--riga);border-radius:10px;padding:8px;box-shadow:var(--ombra-foglio);z-index:50}
.menu-lista a{display:block;padding:10px 12px;border-radius:6px;text-decoration:none;font-weight:560;color:var(--inchiostro)}
.menu-lista a:hover{background:var(--evid-tenue)}
.menu-lista .menu-titolo{padding:10px 12px 4px;font-size:.78rem;font-weight:600;color:var(--grafite)}
.menu-lista hr{border:0;border-top:1px solid var(--riga);margin:6px 0}

/* Apertura della home: il registro della mattina */
.registro{margin:0;background:var(--foglio);border:1px solid var(--riga);border-radius:8px;padding:22px 22px 18px;box-shadow:var(--ombra-foglio)}
.registro-testa{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-bottom:14px}
.registro-testa strong{font-size:1.02rem}
.registro-testa span{color:var(--grafite);font-size:.9rem}
.registro ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--inchiostro)}
.registro li{display:grid;grid-template-columns:3.6em minmax(0,1fr);gap:4px 14px;padding:11px 0;border-bottom:1px solid var(--riga);font-size:.95rem;line-height:1.45}
.registro time{font-variant-numeric:tabular-nums;color:var(--grafite);font-size:.88rem;padding-top:2px}
.registro .dove{display:inline-block;margin-right:8px;padding:0 8px;border-radius:999px;font-size:.76rem;font-weight:620;line-height:1.7;background:var(--acqua-tenue);color:var(--acqua-testo);vertical-align:1px}
.registro .decide{display:block;margin-top:5px;font-size:.88rem;color:var(--oro-testo);font-weight:620}
.registro .decide::before{content:"";display:inline-block;width:20px;height:10px;border-radius:2px;background:var(--evid);margin-right:8px;vertical-align:0}
.registro-somma{display:grid;gap:2px;margin:14px 0 0;padding-top:12px;border-top:2px solid var(--inchiostro);max-width:none}
.registro-somma span{color:var(--grafite);font-size:.9rem}
.registro-somma strong{font-family:var(--display);font-size:1.5rem;font-weight:720;letter-spacing:-.015em;line-height:1.2}
@media (max-width:480px){.registro{padding:16px 14px 14px;margin:0 -4px}.registro li{grid-template-columns:1fr}.registro time{font-size:.8rem}}
/* L'unico movimento: le righe del registro compaiono una dopo l'altra */
.registro li{animation:compare .35s ease both;animation-delay:calc(.2s + var(--i,0) * .18s)}
.registro li:nth-child(1){--i:0}.registro li:nth-child(2){--i:1}.registro li:nth-child(3){--i:2}.registro li:nth-child(4){--i:3}.registro li:nth-child(5){--i:4}.registro li:nth-child(6){--i:5}
.registro-somma strong{animation:compare .4s ease both;animation-delay:1.5s}
@media (prefers-reduced-motion:reduce){.registro li,.registro-somma strong{animation:none}}

/* Listino dei servizi (home) */
.servizi{margin-top:44px;border-top:2px solid var(--inchiostro)}
.servizio{display:grid;gap:8px 32px;padding:26px 0;border-bottom:1px solid var(--riga);text-decoration:none;color:inherit;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"titolo prezzo" "testo testo" "link link"}
@media (min-width:900px){.servizio{grid-template-columns:minmax(0,4fr) minmax(0,6fr) 11em;grid-template-areas:"titolo testo prezzo" "link testo prezzo";align-items:start}}
.servizio h3{grid-area:titolo;font-size:clamp(1.3rem,1.1rem + .6vw,1.6rem)}
.servizio p{grid-area:testo;margin:0;color:var(--grafite)}
.servizio .prezzo{grid-area:prezzo;text-align:right;font-variant-numeric:tabular-nums;line-height:1.3}
.servizio .prezzo strong{display:block;font-family:var(--display);font-size:1.35rem;font-weight:720;letter-spacing:-.01em;color:var(--inchiostro)}
.servizio .prezzo span{display:block;font-size:.85rem;color:var(--grafite)}
.servizio .vai{grid-area:link;font-weight:620;text-decoration:underline;text-decoration-color:var(--oro);text-decoration-thickness:2px;text-underline-offset:4px;width:fit-content}
.servizio:hover h3{text-decoration:underline;text-decoration-color:var(--oro);text-decoration-thickness:3px;text-underline-offset:5px}
.servizio:hover .vai{text-decoration-color:var(--inchiostro)}

/* Per chi (home): tre profili */
.profili{display:grid;gap:36px 40px;margin-top:44px}
@media (min-width:760px){.profili{grid-template-columns:repeat(3,minmax(0,1fr))}}
.profilo{border-top:2px solid var(--inchiostro);padding-top:16px}
.profilo h3{margin-bottom:10px}
.profilo p{color:var(--grafite);margin-bottom:12px}
.profilo ul{list-style:none;margin:0;padding:0}
.profilo li{padding:8px 0;border-top:1px solid var(--riga);font-size:.97rem}
.profilo li a{font-weight:600;text-decoration-color:var(--oro);text-decoration-thickness:2px;text-underline-offset:3px}

/* Pagine servizio */
.percorso{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 18px;padding:0;list-style:none;font-size:.9rem;color:var(--grafite)}
.percorso li+li::before{content:"/";margin-right:10px;color:var(--riga-forte)}
.percorso a{color:var(--grafite);text-decoration:none}
.percorso a:hover{color:var(--inchiostro)}
.apertura-servizio h1{max-width:15ch}

/* Piani e prezzi */
.piani{display:grid;gap:24px;margin-top:44px;align-items:start}
@media (min-width:760px){.piani{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.piani.tre{grid-template-columns:repeat(3,minmax(0,1fr))}}
.piano{border:1px solid var(--riga-forte);border-radius:10px;padding:26px 22px}
@media (min-width:760px){.piano{padding:30px 28px}}
.piano.consigliato{border:2px solid var(--inchiostro)}
.piano h3{margin-bottom:4px}
.piano .per-chi{margin:0 0 14px;color:var(--grafite);font-size:.95rem}
.piano .cifra{font-size:clamp(2.6rem,2rem + 2.4vw,3.6rem);margin:8px 0 6px}
.piano .cifra span{margin-left:8px}
.piano .sotto{margin:0 0 18px;color:var(--grafite);font-size:.93rem}
.piano .incluso{margin-bottom:22px}
.piano .bottone{width:100%}
.etichetta-piano{display:inline-block;margin-bottom:14px;padding:0 10px;border-radius:999px;background:var(--evid);color:var(--evid-testo);font-size:.8rem;font-weight:650;line-height:1.8}
.una-tantum{display:grid;gap:28px 48px;margin-top:44px;align-items:start}
@media (min-width:900px){.una-tantum{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.nota-prezzi{margin-top:28px}

/* Mock: chat Telegram */
.chat{margin:0;background:var(--foglio);border:1px solid var(--riga);border-radius:8px;padding:18px 18px 16px;box-shadow:var(--ombra-foglio)}
.chat-testa{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--riga)}
.chat-testa i{flex:none;width:38px;height:38px;border-radius:50%;background:var(--acqua)}
.chat-testa strong{display:block;font-size:1rem;line-height:1.2}
.chat-testa span{font-size:.85rem;color:var(--acqua-testo);font-weight:600}
.chat ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.chat li{max-width:85%;padding:10px 14px;border-radius:14px;font-size:.95rem;line-height:1.45}
.chat .loro{justify-self:start;background:var(--carta);border:1px solid var(--riga);border-bottom-left-radius:4px}
.chat .noi{justify-self:end;background:var(--acqua-tenue);color:var(--inchiostro);border-bottom-right-radius:4px}
.chat time{display:block;margin-top:4px;font-size:.75rem;color:var(--grafite);text-align:right;font-variant-numeric:tabular-nums}
.chat .passaggio{justify-self:stretch;max-width:none;text-align:center;font-size:.85rem;font-weight:620;color:var(--oro-testo);background:var(--evid-tenue);border-radius:6px;padding:8px 12px}
@media (max-width:480px){.chat{padding:14px 12px 12px;margin:0 -4px}.chat li{max-width:92%}}

/* Mock: cornice browser */
.browser{margin:0;background:var(--foglio);border:1px solid var(--riga);border-radius:8px;box-shadow:var(--ombra-foglio);overflow:hidden}
.browser-barra{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--riga);background:var(--carta)}
.browser-barra i{width:10px;height:10px;border-radius:50%;background:var(--riga-forte)}
.browser-barra span{flex:1;margin-left:6px;padding:4px 12px;border-radius:6px;background:var(--foglio);border:1px solid var(--riga);font-size:.8rem;color:var(--grafite);font-variant-numeric:tabular-nums}
.browser-corpo{padding:20px 22px 18px}
.browser-corpo figcaption{display:grid;gap:4px;margin-bottom:14px}
.browser-corpo figcaption strong{font-size:1.02rem}
.browser-corpo figcaption span{color:var(--grafite);font-size:.9rem}
.misure{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.misure li{border:1px solid var(--riga);border-radius:6px;padding:10px 10px 8px;text-align:center}
.misure .cerchio{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 6px;border-radius:50%;border:4px solid var(--acqua);font-family:var(--display);font-weight:720;font-size:1.05rem;font-variant-numeric:tabular-nums}
.misure span{display:block;font-size:.78rem;color:var(--grafite);line-height:1.3}
@media (max-width:480px){.misure{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wireframe{display:grid;gap:8px;margin-top:16px}
.wireframe i{display:block;border-radius:4px;background:var(--carta);border:1px solid var(--riga)}
.wireframe .w-hero{height:64px;background:var(--evid-tenue);border-color:transparent}
.wireframe .w-tre{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.wireframe .w-tre i{height:38px}
.wireframe .w-cta{height:28px;width:40%;background:var(--inchiostro);border-color:transparent}

/* Mock: lista di controllo (setup) */
.controllo{margin:0;background:var(--foglio);border:1px solid var(--riga);border-radius:8px;padding:22px 22px 18px;box-shadow:var(--ombra-foglio)}
.controllo figcaption{display:grid;gap:4px;margin-bottom:14px}
.controllo figcaption strong{font-size:1.02rem}
.controllo figcaption span{color:var(--grafite);font-size:.9rem}
.controllo ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--inchiostro)}
.controllo li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:6px 12px;align-items:start;padding:11px 0;border-bottom:1px solid var(--riga);font-size:.95rem}
.controllo li i{width:22px;height:22px;border-radius:6px;border:2px solid var(--riga-forte);position:relative;margin-top:1px}
.controllo li.fatto i{border-color:var(--acqua-testo);background:var(--acqua-tenue)}
.controllo li.fatto i::after{content:"";position:absolute;left:5px;top:3px;width:9px;height:5px;border-left:2.5px solid var(--acqua-testo);border-bottom:2.5px solid var(--acqua-testo);transform:rotate(-45deg)}
.controllo li.tu i{border-color:var(--oro);background:var(--evid)}
.controllo li .stato{font-size:.8rem;color:var(--grafite);white-space:nowrap;padding-top:3px}
.controllo li.tu .stato{color:var(--oro-testo);font-weight:620}
.controllo li small{grid-column:2/-1;display:block;color:var(--grafite);font-size:.86rem}
.controllo-somma{display:grid;gap:2px;margin:14px 0 0;padding-top:12px;border-top:2px solid var(--inchiostro);max-width:none}
.controllo-somma span{color:var(--grafite);font-size:.9rem}
.controllo-somma strong{font-family:var(--display);font-size:1.5rem;font-weight:720;letter-spacing:-.015em;line-height:1.2}
@media (max-width:480px){.controllo{padding:16px 14px 14px;margin:0 -4px}.controllo li{grid-template-columns:26px minmax(0,1fr)}.controllo li .stato{grid-column:2;padding-top:0}}

/* Mock: scheda Google Maps */
.scheda-maps{margin:0;background:var(--foglio);border:1px solid var(--riga);border-radius:8px;padding:22px;box-shadow:var(--ombra-foglio)}
.scheda-maps header{display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--riga)}
.scheda-maps header strong{font-family:var(--display);font-size:1.4rem;font-weight:700;letter-spacing:-.01em}
.scheda-maps header span{color:var(--grafite);font-size:.9rem}
.stelle{display:inline-flex;align-items:center;gap:8px;font-weight:650;font-variant-numeric:tabular-nums}
.stelle i{display:inline-flex;gap:3px}
.stelle i::before{content:"★★★★★";letter-spacing:2px;font-size:.95rem;line-height:1;background:linear-gradient(90deg,var(--oro) var(--pieno,94%),var(--riga-forte) var(--pieno,94%));-webkit-background-clip:text;background-clip:text;color:transparent}
.recensione{padding:14px 0;border-bottom:1px solid var(--riga)}
.recensione p{margin:0 0 6px;font-size:.95rem}
.recensione .chi{font-size:.85rem;color:var(--grafite)}
.risposta{margin:10px 0 0 18px;padding:10px 14px;border-left:3px solid var(--acqua);background:var(--acqua-tenue);border-radius:0 8px 8px 0;font-size:.92rem}
.risposta strong{display:block;font-size:.8rem;color:var(--acqua-testo);margin-bottom:3px}
.risposta.umana{border-left-color:var(--oro);background:var(--evid-tenue)}
.risposta.umana strong{color:var(--oro-testo)}
.scheda-maps footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:14px}
.scheda-maps footer div{border:1px solid var(--riga);border-radius:6px;padding:10px 12px}
.scheda-maps footer dt{font-size:.78rem;color:var(--grafite)}
.scheda-maps footer dd{margin:0;font-family:var(--display);font-size:1.4rem;font-weight:720;line-height:1.2;font-variant-numeric:tabular-nums}
.scheda-maps footer dd.delta{font-family:var(--testo);font-size:.78rem;font-weight:600;color:var(--acqua-testo)}
@media (max-width:480px){.scheda-maps{padding:16px 14px;margin:0 -4px}.scheda-maps footer{gap:6px}.scheda-maps footer div{padding:8px}.scheda-maps footer dd{font-size:1.15rem}}

/* Mock: piano editoriale (un mese di contenuti) */
.piano-editoriale{margin:0;background:var(--foglio);border:1px solid var(--riga);border-radius:8px;padding:22px 22px 18px;box-shadow:var(--ombra-foglio)}
.piano-editoriale figcaption{display:grid;gap:4px;margin-bottom:14px}
.piano-editoriale figcaption strong{font-size:1.02rem}
.piano-editoriale figcaption span{color:var(--grafite);font-size:.9rem}
.mese{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.mese li{min-height:52px;border:1px solid var(--riga);border-radius:5px;padding:5px 6px;font-size:.72rem;color:var(--grafite);font-variant-numeric:tabular-nums;display:grid;align-content:start;gap:3px}
@media (min-width:1000px){.mese li{min-height:62px;font-size:.76rem}}
.mese li b{display:block;font-weight:600;font-size:.68rem;padding:0 5px;border-radius:3px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mese .post b{background:var(--acqua-tenue);color:var(--acqua-testo)}
.mese .reel b{background:var(--inchiostro);color:var(--carta)}
.mese .storia b{border:1px solid var(--acqua);color:var(--acqua-testo)}
.mese .tu b{background:var(--evid);color:var(--evid-testo)}
.mese .vuoto{border-style:dashed;opacity:.5}
.legenda-mese{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.88rem;color:var(--grafite)}
.legenda-mese i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:8px;vertical-align:-2px}
.l-post{background:var(--acqua-tenue);border:1px solid var(--acqua)}
.l-reel{background:var(--inchiostro)}
.l-tu{background:var(--evid)}
@media (max-width:480px){.piano-editoriale{padding:16px 12px 12px;margin:0 -4px}.mese{gap:3px}.mese li{min-height:40px;padding:3px 4px}.mese li b{font-size:.6rem;padding:0 3px}}

/* Prima e dopo (pagine servizio) */
.prima-dopo{display:grid;gap:24px;margin-top:44px}
@media (min-width:760px){.prima-dopo{grid-template-columns:repeat(2,minmax(0,1fr))}}
.prima-dopo > div{border-top:2px solid var(--inchiostro);padding-top:16px}
.prima-dopo h3{margin-bottom:12px}
.prima-dopo ul{list-style:none;margin:0;padding:0}
.prima-dopo li{padding:10px 0;border-bottom:1px solid var(--riga);color:var(--grafite)}

/* Altri servizi (fondo pagina servizio) */
.altri{margin-top:36px;display:grid;gap:14px}
@media (min-width:760px){.altri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.altri{grid-template-columns:repeat(3,minmax(0,1fr))}}
.altri a{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--riga);border-radius:8px;text-decoration:none;color:inherit;background:var(--foglio)}
.altri a:hover{border-color:var(--inchiostro)}
.altri strong{font-family:var(--display);font-size:1.12rem;font-weight:680}
.altri span{font-size:.9rem;color:var(--grafite)}

/* Piede a colonne */
.piede-colonne{display:grid;gap:28px 40px;padding-bottom:28px;margin-bottom:24px;border-bottom:1px solid var(--scuro-riga)}
@media (min-width:760px){.piede-colonne{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}}
.piede-colonne h2{font-size:.95rem;font-weight:650;color:var(--scuro-testo);margin-bottom:10px;max-width:none;letter-spacing:0;font-stretch:100%}
.piede-colonne ul{list-style:none;margin:0;padding:0}
.piede-colonne li a{padding:4px 0;text-decoration:none}
.piede-colonne li a:hover{text-decoration:underline;text-decoration-color:var(--oro)}
.piede-colonne .marchio{color:var(--scuro-testo);margin-bottom:10px}
.piede-colonne p{max-width:36em}

/* Apertura della home: il telefono con la chat Telegram tra assistente e titolare */
.telefono{margin:0;display:grid;gap:14px;justify-items:center}
.telefono-corpo{width:min(370px,100%);background:#0c111b;border-radius:46px;padding:12px;box-shadow:0 30px 60px -30px rgba(12,17,27,.5),inset 0 0 0 2px #2a3140}
.telefono-schermo{position:relative;height:700px;background:#e9ede6;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;color:#0c111b}
@media (max-width:480px){.telefono-schermo{height:600px}}
.telefono-tacca{position:absolute;top:10px;left:50%;width:96px;height:26px;margin-left:-48px;background:#0c111b;border-radius:999px;z-index:2}
.tg-testa{flex:none;display:flex;align-items:center;gap:10px;padding:44px 16px 10px;background:#f7f8f6;border-bottom:1px solid #d9ded7}
.tg-testa i{flex:none;width:36px;height:36px;border-radius:50%;background:#2bb39d;position:relative}
.tg-testa i::after{content:"";position:absolute;inset:11px;border-radius:3px;background:#0c111b}
.tg-testa strong{display:block;font-size:.95rem;line-height:1.2}
.tg-testa span{font-size:.78rem;color:#0b7a68;font-weight:600}
.tg-chat{list-style:none;margin:0;padding:12px 10px 10px;display:grid;gap:7px;align-content:start;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(12,17,27,.25) transparent}
.tg-chat::after{content:"";display:block;height:2px}
.tg-giorno{justify-self:center;font-size:.7rem;font-weight:600;color:#4a5260;background:rgba(12,17,27,.08);padding:2px 10px;border-radius:999px;margin-bottom:2px}
.tg-msg{position:relative;max-width:88%;padding:8px 12px 6px;border-radius:14px;font-size:.84rem;line-height:1.4;background:#fff;justify-self:start;border-bottom-left-radius:4px;box-shadow:0 1px 1px rgba(12,17,27,.08)}
.tg-msg.tu{justify-self:end;background:#fbf1dc;border-bottom-right-radius:4px;border-bottom-left-radius:14px;box-shadow:inset 0 0 0 1.5px #eab04a}
.tg-msg time{display:block;text-align:right;font-size:.66rem;color:#7d8696;margin-top:2px;font-variant-numeric:tabular-nums}
.tg-msg .dove{display:inline-block;margin:0 6px 2px 0;padding:0 7px;border-radius:999px;font-size:.7rem;font-weight:640;line-height:1.7;background:#e1f3ef;color:#0b7a68;vertical-align:1px}
.tg-bottoni{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:6px -4px 2px}
.tg-bottoni span{text-align:center;padding:6px 4px;border-radius:8px;background:#e1f3ef;color:#0b7a68;font-size:.76rem;font-weight:640}
.tg-input{flex:none;display:flex;align-items:center;gap:10px;padding:8px 12px 14px;background:#f7f8f6;border-top:1px solid #d9ded7;font-size:.82rem;color:#7d8696}
.tg-input span{flex:1;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #d9ded7}
.tg-input i{width:30px;height:30px;border-radius:50%;background:#2bb39d}
.telefono figcaption{max-width:380px;text-align:center;font-size:.9rem;color:var(--grafite)}
.telefono figcaption strong{display:block;font-family:var(--display);font-size:1.25rem;font-weight:720;letter-spacing:-.01em;color:var(--inchiostro);margin-bottom:2px}
/* L'unico movimento: i messaggi compaiono uno dopo l'altro */
.tg-chat > li{animation:compare .3s ease both;animation-delay:calc(.3s + var(--i,0) * .28s)}
.tg-chat > li:nth-child(1){--i:0}.tg-chat > li:nth-child(2){--i:1}.tg-chat > li:nth-child(3){--i:2}.tg-chat > li:nth-child(4){--i:3}.tg-chat > li:nth-child(5){--i:4}.tg-chat > li:nth-child(6){--i:5}.tg-chat > li:nth-child(7){--i:6}.tg-chat > li:nth-child(8){--i:7}.tg-chat > li:nth-child(9){--i:8}.tg-chat > li:nth-child(10){--i:9}.tg-chat > li:nth-child(11){--i:10}.tg-chat > li:nth-child(12){--i:11}
@media (prefers-reduced-motion:reduce){.tg-chat > li{animation:none}}
@media (max-width:899px){.servizio .prezzo{max-width:10em}.servizio h3{padding-right:8px}}