/* aisapost — stile condiviso dei post del blog (ex-inline in ogni post; centralizzato kit 0.9.56).
   I post contengono SOLO il markup <div class="aisapost">…: stile e reveal arrivano da qui. */
:root{
    --bg:#0a0a13; --surface:#15152a; --surface2:#1c1c37; --border:#2b2b4d;
    --text:#eef0ff; --muted:#9c9cc6; --dim:#6f6f96;
    --violet:#8b6dff; --cyan:#37d0ff; --good:#49e6a6; --warn:#ff7d6b;
    --grad:linear-gradient(103deg,#8b6dff 0%,#37d0ff 100%);
    --maxw:1080px;
    --f:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  }
  .aisapost *{box-sizing:border-box}
  .aisapost{
    background:
      radial-gradient(900px 500px at 82% -8%, rgba(139,109,255,.20), transparent 60%),
      radial-gradient(760px 480px at 6% 4%, rgba(55,208,255,.12), transparent 55%),
      var(--bg);
    color:var(--text); font-family:var(--f); line-height:1.62;
    -webkit-font-smoothing:antialiased; overflow-x:hidden; margin:0;
  }
  .aisapost .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}
  .aisapost .eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--cyan)}
  .aisapost .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
  /* hero: l'H1 del markup diventa H2 per non duplicare quello del template (audit 2026-07-25) — stesso aspetto */
.aisapost h1,.aisapost .hero h2{font-size:clamp(2.2rem,5.2vw,3.7rem); line-height:1.05; letter-spacing:-.025em; font-weight:800; margin:.35em 0 .25em; text-wrap:balance; max-width:20ch}
  .aisapost h1 .g,.aisapost .hero h2 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .aisapost h2{font-size:clamp(1.5rem,3.2vw,2.25rem); letter-spacing:-.02em; font-weight:800; margin:0 0 .35em; text-wrap:balance}
  .aisapost h3{font-size:1.18rem;margin:0 0 8px}
  .aisapost .lede{font-size:clamp(1.05rem,1.8vw,1.28rem); color:var(--muted); max-width:60ch}
  .aisapost p{max-width:66ch}
  .aisapost .ico{width:1em;height:1em;display:inline-block;vertical-align:-.12em;flex:none}
  .aisapost .ico--lg{width:26px;height:26px}
  .aisapost header.hero{padding:clamp(56px,9vw,100px) 0 20px}
  .aisapost section{padding:clamp(46px,7vw,84px) 0;border-top:1px solid var(--border)}
  .aisapost section:first-of-type{border-top:0}
  .aisapost .kicker{color:var(--violet);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:12px}
  .aisapost .cta{display:inline-flex;align-items:center;gap:10px; margin-top:26px; padding:15px 26px; border-radius:999px; font-weight:700; font-size:1.02rem; color:#0a0a13; background:var(--grad); text-decoration:none; box-shadow:0 10px 34px -10px rgba(139,109,255,.7); transition:transform .18s ease}
  .aisapost .cta:hover{transform:translateY(-2px)}
  /* premessa AI */
  .aisapost .premise{margin-top:34px;display:flex;gap:16px;align-items:flex-start;background:linear-gradient(180deg,var(--surface),rgba(21,21,42,.5));border:1px solid var(--border);border-radius:16px;padding:20px 22px}
  .aisapost .premise .pi{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;color:var(--violet);background:rgba(139,109,255,.12);border:1px solid rgba(139,109,255,.28)}
  .aisapost .premise p{margin:0;color:var(--muted);font-size:.98rem;max-width:none}
  .aisapost .premise b{color:var(--text)}
  /* cards */
  .aisapost .grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:34px}
  @media(max-width:820px){.aisapost .grid{grid-template-columns:1fr}}
  .aisapost .card{background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:24px}
  .aisapost .card .ci{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;color:var(--cyan);background:rgba(55,208,255,.10);border:1px solid rgba(55,208,255,.22)}
  .aisapost .card .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--violet);margin-bottom:10px}
  .aisapost .card p{margin:0;color:var(--muted);font-size:.96rem}
  /* profilo split */
  .aisapost .split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
  @media(max-width:820px){.aisapost .split{grid-template-columns:1fr}}
  .aisapost .panel{border:1px solid var(--border);border-radius:18px;padding:26px;background:var(--surface)}
  .aisapost .panel.you{background:linear-gradient(180deg,rgba(55,208,255,.06),var(--surface));border-color:rgba(55,208,255,.28)}
  .aisapost .panel h3{display:flex;align-items:center;gap:10px;font-size:1.3rem;margin-bottom:14px}
  .aisapost .panel .badge{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(139,109,255,.16);color:var(--violet);-webkit-text-fill-color:var(--violet)}
  .aisapost .panel.you .badge{background:var(--grad);color:#0a0a13;-webkit-text-fill-color:#0a0a13}
  .aisapost ul.feat{list-style:none;margin:0;padding:0}
  .aisapost ul.feat li{display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--border);color:var(--muted);font-size:.97rem}
  .aisapost ul.feat li:first-child{border-top:0}
  .aisapost ul.feat li svg{margin-top:3px;flex:none}
  .aisapost .ck{color:var(--good)} .aisapost .cx{color:var(--warn)}
  /* tabella confronto */
  .aisapost .tablewrap{margin-top:34px;overflow-x:auto;border:1px solid var(--border);border-radius:18px}
  .aisapost table{border-collapse:collapse;width:100%;min-width:620px;font-size:.96rem}
  .aisapost thead th{background:var(--surface2);text-align:left;padding:16px 18px;font-weight:700;letter-spacing:.01em;position:sticky;top:0}
  .aisapost thead th.you{color:var(--cyan)}
  .aisapost tbody td,.aisapost tbody th{padding:15px 18px;border-top:1px solid var(--border);vertical-align:top;text-align:left}
  .aisapost tbody th{font-weight:700;color:var(--text);width:26%}
  .aisapost tbody td{color:var(--muted)}
  .aisapost tbody td.you{color:var(--text);background:rgba(55,208,255,.05)}
  .aisapost tbody tr:nth-child(even) th{background:rgba(255,255,255,.012)}
  /* sintesi workflow */
  .aisapost .flow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
  @media(max-width:820px){.aisapost .flow{grid-template-columns:1fr}}
  .aisapost .step{border:1px solid var(--border);border-radius:16px;padding:24px;background:var(--surface);position:relative}
  .aisapost .step .n{font-size:2.4rem;font-weight:800;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}
  .aisapost .step h3{margin-bottom:6px}
  .aisapost .step p{margin:0;color:var(--muted);font-size:.97rem}
  .aisapost .final{text-align:center} .aisapost .final h2{max-width:22ch;margin-inline:auto} .aisapost .final p{color:var(--muted);max-width:52ch;margin:0 auto}
  .aisapost .foot{border-top:1px solid var(--border);color:var(--dim);font-size:.85rem;padding:30px 0 44px;text-align:center}
  .aisapost .foot p{max-width:70ch;margin:0 auto}
  .aisapost .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
  .aisapost .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.aisapost .reveal{opacity:1;transform:none;transition:none}}