/* =====================================================================
   Sezione finale: invito a provare l'app
   Ogni selettore comincia con #finale. Solo token. Centrata (ammesso).
   ===================================================================== */

#finale{overflow:hidden}
#finale .fi-wrap{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}

#finale .fi-titolo{position:relative;max-width:14ch}
#finale .fi-titolo .line + .line{color:var(--muted)}

/* ---------- il palco: mirino grande + il rigo che scorre ---------- */
#finale .fi-palco{position:relative;width:100%;max-width:52rem;margin-top:clamp(2.5rem, 1.5rem + 4vw, 4.5rem)}
#finale .fi-mirino{width:100%}
#finale .fi-reticle{--word-size:clamp(2.6rem, 1.3rem + 5.6vw, 6.25rem);text-align:left}
#finale .fi-reticle .reticle__w{font-weight:700}

#finale .fi-rigo{position:relative;margin-top:var(--s-5);height:3rem}
#finale .fi-rigo__tacca{position:absolute;left:38%;top:0;width:2px;height:10px;background:var(--accent);transform:translateX(-1px);z-index:1}
#finale .fi-rigo__nastro{position:absolute;inset:14px 0 0 0;border-top:1px solid var(--line)}
#finale .fi-rigo__track{gap:.42em;padding-top:.55rem;font-size:var(--fs-body);color:var(--muted);will-change:transform}
#finale .fi-rigo__track span{transition:color var(--dur-fast) ease}
#finale .fi-rigo__track b{font-weight:inherit}
#finale .fi-rigo__track span.is-ora{color:var(--ink);font-weight:700}

/* testo vero: si vede senza JS e col movimento ridotto; con la demo resta per i lettori di schermo */
#finale .fi-testo{margin:var(--s-6) auto 0;max-width:var(--max-text);font-size:var(--fs-lead);line-height:1.5;color:var(--muted);text-wrap:pretty}
#finale .fi-palco.is-live .fi-testo{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#finale .fi-palco:not(.is-live) .fi-rigo{display:none}

#finale .fi-comandi{display:flex;justify-content:center;gap:var(--s-2);margin-top:var(--s-3)}
#finale .fi-comandi[hidden]{display:none}

/* ---------- azione ---------- */
#finale .fi-azione{position:relative;margin-top:clamp(2.5rem, 1.5rem + 3vw, 4rem);display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}
#finale .fi-cta{--btn-h:60px;font-size:1.125rem;padding-inline:2em}
#finale .fi-micro{max-width:26rem}

/* ---------- richiamo all'installazione ---------- */
#finale .fi-telefono{position:relative;margin-top:clamp(3.5rem, 2rem + 5vw, 6rem);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-5);align-items:center;text-align:left;max-width:30rem;padding:var(--s-4) var(--s-5) var(--s-4) var(--s-4);border:var(--rule);border-radius:var(--radius);background:var(--surface)}
#finale .fi-telefono__svg{width:52px;height:auto}
#finale .fi-tel-corpo{fill:none;stroke:var(--line-strong);stroke-width:3}
#finale .fi-tel-fessura,#finale .fi-tel-barra{fill:var(--line-strong)}
#finale .fi-tel-icone rect{fill:var(--line)}
#finale .fi-tel-app__fondo{fill:var(--surface-2);stroke:var(--accent);stroke-width:1.5}
#finale .fi-tel-app__tacca{fill:var(--accent)}
#finale .fi-tel-app__riga{fill:var(--ink)}
#finale .fi-tel-app{transform-box:fill-box;transform-origin:50% 50%}
#finale .fi-telefono__eti{color:var(--accent)}
#finale .fi-telefono__frase{margin-top:var(--s-1);font-size:var(--fs-small);line-height:1.5;color:var(--ink);text-wrap:pretty}

@media (min-width:48em){
  #finale .fi-rigo{margin-top:var(--s-6)}
  #finale .fi-telefono{gap:var(--s-6);padding:var(--s-5) var(--s-6) var(--s-5) var(--s-5)}
  #finale .fi-telefono__svg{width:64px}
}