/* L'AI di Getaweb dentro la hero: stessa card 3D del rent to buy (.rtb-barra),
   ma inclinata meno e piatta appena ci si interagisce, così si legge bene. */
.ai-scena{perspective:1400px;padding:1rem 0}
@media(prefers-reduced-motion:no-preference){.ai-scena{animation:ai-fluttua 7s ease-in-out infinite}.ai-scena:focus-within,.ai-scena.attiva{animation:none}}
@keyframes ai-fluttua{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.ai-carta{position:relative;transform-style:preserve-3d;transform:rotateY(-12deg) rotateX(6deg) rotateZ(.5deg);
  background:linear-gradient(150deg,#1A1F1A 0%,#0D100D 60%);color:#F4F5F3;border:1px solid rgba(242,138,42,.35);border-radius:22px;
  padding:clamp(1.4rem,3vw,2.1rem);box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.03) inset,0 0 80px -20px rgba(242,138,42,.35);
  transition:transform .8s cubic-bezier(.2,.7,.2,1);text-align:left}
.ai-carta::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 38%);pointer-events:none}
.ai-carta::after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(242,138,42,.22);transform:translateZ(-50px) translate(22px,22px);background:rgba(242,138,42,.04);pointer-events:none}
.ai-scena:hover .ai-carta,.ai-scena:focus-within .ai-carta,.ai-scena.attiva .ai-carta{transform:none}
.ai-carta>*{position:relative;transform:translateZ(30px)}

.ai-riga{display:flex;justify-content:space-between;align-items:center;font:500 .75rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#9CA19A;margin-bottom:1rem}
.ai-riga .vivo{display:inline-flex;align-items:center;gap:.45rem;color:#F28A2A}
.ai-riga .vivo::before{content:'';width:7px;height:7px;border-radius:50%;background:#F28A2A;box-shadow:0 0 10px #F28A2A;animation:ai-pulsa 1.4s ease-in-out infinite}
@keyframes ai-pulsa{50%{opacity:.25}}

.ai-dialogo{display:flex;flex-direction:column;gap:.7rem;max-height:min(56vh,30rem);overflow-y:auto;scrollbar-width:thin;padding-right:.2rem}
.ai-io{margin:0;font-family:'SoraK','InterK',system-ui,sans-serif;font-weight:600;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.38;white-space:pre-line}
.ai-io.titolo{font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:700;letter-spacing:-.01em}
.ai-io.piccola{font-family:'InterK',system-ui,sans-serif;font-weight:400;font-size:1rem;color:#C9CDC6}
.ai-io .g{color:#F28A2A}
.ai-tu{align-self:flex-end;margin:0;padding:.45rem .85rem;border-radius:12px;background:rgba(242,138,42,.12);border:1px solid rgba(242,138,42,.4);
  font:500 .95rem/1.35 'InterK',system-ui,sans-serif;color:#FFC08A;max-width:85%}
.ai-cursore{display:inline-block;width:.55em;height:1em;margin-left:.1em;vertical-align:-.12em;background:#F28A2A;animation:ai-pulsa .9s steps(2) infinite}

/* le scelte sono bottoni del sito, a tutta larghezza */
.ai-scelte{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.5rem}
.ai-scelte li{opacity:0;transform:translateY(6px);animation:ai-entra .3s forwards}
@keyframes ai-entra{to{opacity:1;transform:none}}
.ai-scelte .btn{width:100%;justify-content:space-between;font-family:'InterK',system-ui,sans-serif;cursor:pointer;
  border:1.5px solid rgba(244,245,243,.22);color:#F4F5F3;background:rgba(255,255,255,.02)}
.ai-scelte .btn::after{content:'→';color:#F28A2A;transition:transform .2s}
.ai-scelte .btn:hover,.ai-scelte .btn:focus-visible{border-color:#F28A2A;color:#F28A2A}
.ai-scelte .btn:hover::after{transform:translateX(4px)}
.ai-scelte .btn.pieno{background:#F28A2A;border-color:#F28A2A;color:#0B0C0B}
.ai-scelte .btn.pieno::after{color:#0B0C0B}

.ai-scrivi{display:flex;gap:.5rem;margin-top:.2rem}
.ai-scrivi textarea{flex:1;min-height:2.9rem;max-height:8rem;resize:vertical;padding:.7rem .85rem;border-radius:10px;border:1.5px solid rgba(244,245,243,.22);
  background:rgba(0,0,0,.3);color:#F4F5F3;font:400 1rem/1.35 'InterK',system-ui,sans-serif}
.ai-scrivi textarea:focus{outline:none;border-color:#F28A2A;box-shadow:0 0 0 3px rgba(242,138,42,.2)}
.ai-scrivi button{border:0;border-radius:10px;padding:0 1.1rem;background:#F28A2A;color:#0B0C0B;font:700 .95rem 'InterK',system-ui,sans-serif;cursor:pointer}

.ai-piede{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;font:500 .72rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#7E847C}
.ai-piede button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}
.ai-piede button:hover{color:#F28A2A}

/* telefono: card piatta dentro la pagina, nessun elemento sopra lo schermo */
@media(max-width:1039px){.ai-carta{transform:none}.ai-carta::after{display:none}.ai-carta>*{transform:none}.ai-scena{animation:none}.ai-dialogo{max-height:none}}
@media(prefers-reduced-motion:reduce){.ai-carta{transition:none}.ai-scelte li{animation:none;opacity:1;transform:none}.ai-cursore,.ai-riga .vivo::before{animation:none}}

/* WhatsApp e «Prezzi» fissi del sito: spariscono mentre la card dell'AI è sullo schermo, così non coprono i pulsanti */
.wa-fisso,.prezzi-fisso{transition:opacity .25s,transform .25s}
body.ai-in-vista .wa-fisso,body.ai-in-vista .prezzi-fisso{opacity:0;transform:translateY(16px);pointer-events:none}

/* link alla pagina del sito suggerita dopo ogni risposta */
.ai-visita{align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;font:600 .9rem/1.3 'InterK',system-ui,sans-serif;color:#F28A2A;text-decoration:none;
  border-bottom:1px solid rgba(242,138,42,.4);padding-bottom:.1rem;margin-top:-.2rem}
.ai-visita::before{content:'↗'}
.ai-visita:hover{border-bottom-color:#F28A2A}

/* passo successivo + «Parla con Emanuele», sotto ogni risposta */
.ai-passi{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;margin-top:-.2rem}
.ai-passi .ai-visita{margin-top:0}
.ai-parla{font:600 .9rem/1.3 'InterK',system-ui,sans-serif;color:#C9CDC6;text-decoration:none;border-bottom:1px solid rgba(244,245,243,.25)}
.ai-parla:hover{color:#F4F5F3;border-bottom-color:#F4F5F3}
.ai-parla.pieno{background:#F28A2A;color:#0B0C0B;border:0;border-radius:999px;padding:.6rem 1.1rem;font-weight:700}

/* la card come hero della home: titolo sopra, card larga al centro, il resto sotto */
.kh.ai-hero .wrap{grid-template-columns:1fr!important;max-width:900px;gap:1.6rem}
.kh.ai-hero h1{font-size:clamp(1.8rem,4.2vw,3rem)!important}
.kh.ai-hero .ai-scena{padding:0}
/* spazio riservato al dialogo iniziale (righe + pulsanti), che si scrive dopo il caricamento: senza, la pagina scende (CLS 0,39) */
.kh.ai-hero .ai-dialogo{min-height:495px}
@media(min-width:600px){.kh.ai-hero .ai-dialogo{min-height:462px}}
@media(min-width:1040px){.kh.ai-hero .ai-carta{transform:rotateX(4deg)}}
.ai-dopo{padding:2.5rem 0 1rem}
.ai-dopo .lead{max-width:62ch}
.kh.ai-dopo{padding:1rem 0 3.5rem}
.kh.ai-dopo .wrap{grid-template-columns:1fr!important;max-width:900px}
/* telefono: niente 3D (su Android sposta il punto toccato e i pulsanti non rispondono) */
@media(max-width:1039px){.ai-carta{transform-style:flat}.ai-carta::before{display:none}}
/* le scritte lunghe dei pulsanti vanno a capo allineate a sinistra */
.ai-scelte .btn{text-align:left}

/* pagina prezzi: la hero è chiara e a una colonna, la card sta sotto i badge */
.hero .ai-scena{max-width:760px;margin-top:2rem;padding:0}
@media(min-width:1040px){.hero .ai-carta{transform:rotateX(4deg)}.hero .ai-scena:hover .ai-carta,.hero .ai-scena.attiva .ai-carta{transform:none}}

/* contatto dopo la stima (19/10/2026) */
.ai-contatto{display:grid;gap:.35rem;margin-top:.2rem;font:500 .9rem/1.4 'InterK',system-ui,sans-serif;color:#C9CDC6}
.ai-contatto label{display:grid;gap:.45rem}
.ai-contatto span{display:flex;gap:.5rem}
.ai-contatto input{flex:1;min-width:0;padding:.65rem .85rem;border-radius:10px;border:1.5px solid rgba(244,245,243,.22);background:rgba(0,0,0,.25);color:#F4F5F3;font:inherit}
.ai-contatto input:focus{outline:none;border-color:#F28A2A;box-shadow:0 0 0 3px rgba(242,138,42,.2)}
.ai-contatto button{border:0;border-radius:10px;padding:0 1.1rem;background:#F28A2A;color:#0B0C0B;font:700 .95rem 'InterK',system-ui,sans-serif;cursor:pointer}
.ai-contatto small{color:#9CA19A;font-size:.78rem}