/* ============================================================================
   Multidialogo — stili pagina grazie (legacy, non-DS5)
   Spostati da un blocco <style> inline per alleggerire il markup di pagina.
   ============================================================================ */
/* ===== PAGINA GRAZIE ===== */
.ty-wrap{min-height:62vh;display:flex;align-items:center;justify-content:center;padding:80px 0}
.ty-card{max-width:640px;text-align:center;padding:0 24px}
.ty-badge{width:96px;height:96px;border-radius:50%;margin:0 auto 30px;display:grid;place-items:center;
  background:var(--accent-soft);position:relative}
.ty-badge svg{width:48px;height:48px;stroke:var(--orange)}
.ty-badge::after{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--orange);opacity:.25;animation:tyPulse 2.4s ease-out infinite}
@keyframes tyPulse{0%{transform:scale(1);opacity:.35}70%{transform:scale(1.18);opacity:0}100%{opacity:0}}
.ty-eyebrow{display:inline-block;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.ty-card h1{font-weight:900;font-size:clamp(2rem,5vw,3rem);letter-spacing:-0.04em;line-height:1.05;margin-bottom:18px}
.ty-card p.lead{font-size:1.12rem;color:var(--text-soft);line-height:1.6;margin-bottom:36px}
.ty-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 auto 40px;max-width:560px;text-align:left}
@media(max-width:600px){.ty-steps{grid-template-columns:1fr}}
.ty-step{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.ty-step .n{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--orange);font-weight:900;display:grid;place-items:center;font-size:.95rem;margin-bottom:12px}
.ty-step h3{font-size:.98rem;font-weight:800;margin-bottom:6px;letter-spacing:-0.01em}
.ty-step p{font-size:.88rem;color:var(--text-soft);line-height:1.5}
.ty-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ty-note{margin-top:30px;font-size:.9rem;color:var(--text-faint)}
.ty-note a{color:var(--orange);font-weight:700}