/*
 * Studio Arfia · casi/concessionaria.css · v0.95.0 · 03/11/2026
 * Il caso «Rispondo tardi» di /soluzioni/ (inc/casi/concessionaria.php): l'assistente AI di Autosalone Bellini.
 * Rami, 03/11: «mettila più in chiave chatbot AI, e la grafica interna va migliorata tantissimissimo»; secondo giro:
 * «non è chiaro: l'hai messo in iMessage, che non ha senso. Deve essere EVIDENTE che è un chatbot AI».
 * Tela 700 × 540 in cqw (si rimpicciolisce uguale in ogni contenitore). Il MacBook del kit dietro a destra, l'iPhone
 * grafite davanti a sinistra (copre la barra laterale del gestionale: è voluto, si vede che continua).
 * Nel telefono: il sito di Bellini in Safari con la chat dell'assistente aperta, in punti di iOS (--u del kit).
 * Nel MacBook: il gestionale la mattina dopo, in px dell'app (--p = 2 punti, tela 756 × 491).
 * L'AI ha un colore solo, il viola (--ai), e un segno solo: la scintilla nella sfera di luce.
 * Movimento: UNA volta (11 s) sotto .as-demo-vivo, e si ferma sul fotogramma finale = lo stato da fermo.
 * Mai gialli, mai barre colorate di lato, mai marchi veri (i canali sono una parola e un'icona neutra).
 */

@font-face { font-family: 'Inter Tight'; src: url('../../fonts/schermate/inter-tight-latin.woff2') format('woff2'); font-weight: 300 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Anton'; src: url('../../fonts/schermate/anton-normal-latin.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }

/* ══ LA TELA ══ */
.as-k-concessionaria { --ai: #5B3FD9; --ai-tenue: rgba(110, 86, 207, .11); --blu: #1F2F46; position: relative; width: 100%; aspect-ratio: 700 / 540; container-type: inline-size; isolation: isolate; }
/* Senza JavaScript la scatola della scena non riceve la sua larghezza (la dà motion.js): la scena se ne dà una sua. */
html:not(.as-js) .as-k-concessionaria { width: min(700px, calc(100vw - 96px)); }
.as-k-concessionaria__luce { position: absolute; z-index: 0; inset: 6% 2% 4% 22%; pointer-events: none; background: radial-gradient(closest-side, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0)); }
.as-k-concessionaria__mac.as-macbook { position: absolute; z-index: 1; top: 8%; right: 0; font-size: calc(80cqw / 66); }
.as-k-concessionaria__tel.as-iphone { position: absolute; z-index: 2; top: 2.4%; left: 3.6cqw; font-size: calc(72.6cqw / 42.82); }
.as-k-concessionaria__ic { display: block; flex: none; width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
/* Il segno dell'assistente: la scintilla piena, bianca, in una sfera di luce viola e blu. */
.as-k-concessionaria__orb { display: inline-grid; flex: none; place-items: center; border-radius: 50%; background: radial-gradient(circle at 30% 24%, #D6C9FF 0, #8B6BFA 34%, #4F5BF0 70%, #2D3BB0 100%); color: #fff; }
.as-k-concessionaria__orb .as-k-concessionaria__ic { width: 58%; height: 58%; fill: currentColor; stroke: none; }

/* ══ IL TELEFONO: il sito di Bellini in Safari, con la chat dell'assistente aperta (in punti, --u) ══ */
.as-k-concessionaria__sito { position: absolute; inset: 0; overflow: hidden; background: #fff; color: #111827; font-family: -apple-system, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif; font-size: calc(15 * var(--u)); font-weight: 400; line-height: 1.35; letter-spacing: -.01em; -webkit-font-smoothing: antialiased; }
.as-k-concessionaria__sito p { margin: 0; }
/* Il sito dietro: la testata del sito e la prima schermata. */
.as-k-concessionaria__sito-testa { position: absolute; z-index: 1; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; height: calc(116 * var(--u)); padding: calc(58 * var(--u)) calc(18 * var(--u)) 0; background: #fff; color: #0F0F10; }
.as-k-concessionaria__sito-marchio { display: flex; align-items: center; gap: calc(8 * var(--u)); }
.as-k-concessionaria__sito-marchio .as-k-concessionaria__marchio-auto { width: calc(36 * var(--u)); height: auto; }
.as-k-concessionaria__sito-marchio > span { display: grid; line-height: 1; }
.as-k-concessionaria__sito-marchio b { font-family: 'Anton', sans-serif; font-weight: 400; font-size: calc(20 * var(--u)); letter-spacing: .03em; text-transform: uppercase; }
.as-k-concessionaria__sito-marchio small { margin-top: calc(3 * var(--u)); font-size: calc(7.6 * var(--u)); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(15, 15, 16, .55); }
.as-k-concessionaria__sito-menu .as-k-concessionaria__ic { width: calc(26 * var(--u)); height: calc(26 * var(--u)); stroke-width: 2; }
.as-k-concessionaria__sito-hero { position: absolute; top: calc(116 * var(--u)); left: 0; right: 0; bottom: 0; display: flex; align-items: flex-end; padding: calc(24 * var(--u)) calc(20 * var(--u)) calc(160 * var(--u)); background: #6b7280 center / cover no-repeat; }
.as-k-concessionaria__sito-hero p { font-family: 'Inter Tight', sans-serif; font-size: calc(32 * var(--u)); line-height: 1.02; font-weight: 600; letter-spacing: -.03em; color: #fff; }
.as-k-concessionaria__velo { position: absolute; z-index: 2; inset: 0; background: rgba(12, 16, 28, .5); }

/* La chat dell'assistente: un pannello del sito, sopra la pagina velata. */
.as-k-concessionaria__pannello { position: absolute; z-index: 3; left: calc(8 * var(--u)); right: calc(8 * var(--u)); top: calc(122 * var(--u)); bottom: calc(88 * var(--u)); display: flex; flex-direction: column; overflow: hidden; border-radius: calc(30 * var(--u)); background: #F2F3F7; box-shadow: 0 calc(20 * var(--u)) calc(50 * var(--u)) rgba(0, 0, 0, .38); }
.as-k-concessionaria__p-testa { flex: none; display: flex; align-items: center; gap: calc(11 * var(--u)); padding: calc(15 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u)) calc(15 * var(--u)); background: radial-gradient(60% 140% at 0% 0%, rgba(124, 92, 246, .62) 0, rgba(124, 92, 246, 0) 70%), radial-gradient(50% 140% at 100% 0%, rgba(47, 123, 255, .42) 0, rgba(47, 123, 255, 0) 70%), #16223A; color: #fff; }
.as-k-concessionaria__orb.is-grande { width: calc(46 * var(--u)); height: calc(46 * var(--u)); box-shadow: 0 0 0 calc(3 * var(--u)) rgba(255, 255, 255, .14), 0 calc(6 * var(--u)) calc(18 * var(--u)) rgba(124, 92, 246, .6); }
.as-k-concessionaria__p-nome { display: grid; min-width: 0; line-height: 1.15; }
.as-k-concessionaria__p-nome b { font-size: calc(17 * var(--u)); font-weight: 600; letter-spacing: -.02em; }
.as-k-concessionaria__p-nome small { font-size: calc(12 * var(--u)); color: rgba(255, 255, 255, .66); }
.as-k-concessionaria__p-nome em { display: inline-flex; align-items: center; gap: calc(5 * var(--u)); margin-top: calc(5 * var(--u)); font-style: normal; font-size: calc(11.5 * var(--u)); font-weight: 500; color: rgba(255, 255, 255, .86); }
.as-k-concessionaria__p-nome em i { width: calc(7 * var(--u)); height: calc(7 * var(--u)); border-radius: 50%; background: #34D399; box-shadow: 0 0 0 calc(2.5 * var(--u)) rgba(52, 211, 153, .25); }
.as-k-concessionaria__p-chiudi { display: grid; place-items: center; align-self: flex-start; width: calc(32 * var(--u)); height: calc(32 * var(--u)); margin-left: auto; border-radius: 50%; background: rgba(255, 255, 255, .13); }
.as-k-concessionaria__p-chiudi .as-k-concessionaria__ic { width: calc(16 * var(--u)); height: calc(16 * var(--u)); stroke-width: 2.2; }
/* Il filo: ancorato in basso, quello che non ci sta esce in alto (scorso in fondo). */
/* (v0.96) Il filo è solo il riquadro che taglia; dentro, i messaggi stanno in fondo in posizione assoluta. Con justify-content:
   flex-end in un contenitore che taglia, WebKit spingeva l'eccedenza in basso (l'ultimo messaggio finiva sotto il campo). */
.as-k-concessionaria__filo { position: relative; flex: 1; min-height: 0; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 calc(26 * var(--u))); mask-image: linear-gradient(180deg, transparent 0, #000 calc(26 * var(--u))); }
.as-k-concessionaria__filo-in { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: calc(7 * var(--u)); padding: calc(12 * var(--u)) calc(11 * var(--u)) calc(8 * var(--u)); }
/* flex: none: i messaggi non si stringono per starci; quello che avanza esce in alto, tagliato dal filo */
.as-k-concessionaria__m { flex: none; display: grid; grid-template-rows: 1fr; }
.as-k-concessionaria__m > div { display: flex; flex-direction: column; align-items: flex-start; min-height: 0; overflow: hidden; padding: 0 calc(2 * var(--u)) calc(2 * var(--u)); }
.as-k-concessionaria__m.is-esce > div { align-items: flex-end; }
/* Il «sto cercando» dell'assistente: si vede solo durante il giro (fermo, la chat è finita). */
.as-k-concessionaria__m.is-pensa { grid-template-rows: 0fr; opacity: 0; }
.as-k-concessionaria__chi { display: flex; align-items: center; gap: calc(5 * var(--u)); margin: 0 0 calc(4 * var(--u)) calc(2 * var(--u)) !important; font-size: calc(11.5 * var(--u)); line-height: 1.2; white-space: nowrap; }
.as-k-concessionaria__chi b { font-weight: 600; color: var(--ai); }
.as-k-concessionaria__chi span { color: #8A8F9C; }
.as-k-concessionaria__chi span::before { content: "· "; }
.as-k-concessionaria__orb.is-mini { width: calc(17 * var(--u)); height: calc(17 * var(--u)); }
.as-k-concessionaria__bolla { max-width: calc(300 * var(--u)); padding: calc(9 * var(--u)) calc(13 * var(--u)) calc(10 * var(--u)); border-radius: calc(18 * var(--u)); font-size: calc(15.5 * var(--u)); line-height: calc(20.5 * var(--u)); }
.is-ai .as-k-concessionaria__bolla { border-top-left-radius: calc(6 * var(--u)); background: #fff; box-shadow: 0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(17, 24, 39, .06); }
.is-esce .as-k-concessionaria__bolla { border-bottom-right-radius: calc(6 * var(--u)); background: var(--blu); color: #fff; }
.as-k-concessionaria__ora { margin-top: calc(3 * var(--u)); font-size: calc(10.5 * var(--u)); color: #8A8F9C; }
.as-k-concessionaria__pensa { display: inline-flex; align-items: center; gap: calc(7 * var(--u)); margin-left: calc(2 * var(--u)) !important; padding: calc(7 * var(--u)) calc(13 * var(--u)) calc(7 * var(--u)) calc(10 * var(--u)); border-radius: 999px; background: var(--ai-tenue); font-size: calc(13.5 * var(--u)); font-weight: 500; color: var(--ai); }
.as-k-concessionaria__pensa .as-k-concessionaria__ic { width: calc(15 * var(--u)); height: calc(15 * var(--u)); fill: currentColor; stroke: none; }
.as-k-concessionaria__pensa span { background: linear-gradient(90deg, #5B3FD9 0, #5B3FD9 30%, #B9A6FF 50%, #5B3FD9 70%, #5B3FD9 100%) 0 0 / calc(160 * var(--u)) 100% repeat-x; -webkit-background-clip: text; background-clip: text; color: transparent; }
/* La scheda dell'auto, presa dal parco auto. */
.as-k-concessionaria__scheda { display: grid; grid-template-columns: calc(112 * var(--u)) minmax(0, 1fr); width: calc(300 * var(--u)); overflow: hidden; border-radius: calc(16 * var(--u)); background: #fff; box-shadow: 0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(17, 24, 39, .06); }
.as-k-concessionaria__scheda-foto { min-height: calc(102 * var(--u)); background: #d9d9de 46% 60% / cover no-repeat; }
.as-k-concessionaria__scheda-testo { display: grid; align-content: center; gap: calc(1 * var(--u)); padding: calc(9 * var(--u)) calc(11 * var(--u)) calc(10 * var(--u)); }
.as-k-concessionaria__scheda-testo > b { font-size: calc(15 * var(--u)); line-height: 1.2; font-weight: 600; }
.as-k-concessionaria__scheda-testo > small { font-size: calc(12 * var(--u)); color: #6B7280; }
small.as-k-concessionaria__scheda-da { display: inline-flex; align-items: center; gap: calc(4 * var(--u)); margin-bottom: calc(3 * var(--u)); font-size: calc(10.5 * var(--u)); font-weight: 600; letter-spacing: .01em; color: var(--ai); }
.as-k-concessionaria__scheda-da .as-k-concessionaria__ic { width: calc(13 * var(--u)); height: calc(13 * var(--u)); stroke-width: 2; }
.as-k-concessionaria__scheda-prezzo { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: calc(6 * var(--u)); margin-top: calc(5 * var(--u)); }
.as-k-concessionaria__scheda-prezzo strong, .as-k-concessionaria__scheda-prezzo em { white-space: nowrap; }
.as-k-concessionaria__scheda-prezzo strong { font-size: calc(16.5 * var(--u)); font-weight: 700; letter-spacing: -.02em; }
.as-k-concessionaria__scheda-prezzo em { font-size: calc(12 * var(--u)); font-style: normal; color: #6B7280; }
/* Gli orari della prova. */
.as-k-concessionaria__orari { width: calc(300 * var(--u)); padding: calc(10 * var(--u)) calc(13 * var(--u)) calc(12 * var(--u)); border-radius: calc(18 * var(--u)); background: #fff; box-shadow: 0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(17, 24, 39, .06); }
.as-k-concessionaria__orari-t { font-size: calc(15.5 * var(--u)); line-height: calc(20.5 * var(--u)); }
.as-k-concessionaria__orari-scelta { display: flex; gap: calc(8 * var(--u)); margin-top: calc(9 * var(--u)) !important; }
.as-k-concessionaria__orari-scelta span { position: relative; padding: calc(7 * var(--u)) calc(20 * var(--u)); border-radius: 999px; box-shadow: inset 0 0 0 calc(1.3 * var(--u)) var(--blu); font-size: calc(15 * var(--u)); line-height: calc(20 * var(--u)); font-weight: 600; color: var(--blu); font-variant-numeric: tabular-nums; }
.as-k-concessionaria__orari-scelta span.is-1030 { background: var(--blu); color: #fff; }
.as-k-concessionaria__orari-scelta span.is-1030::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: rgba(31, 47, 70, .3); opacity: 0; pointer-events: none; }
/* La conferma. */
.as-k-concessionaria__ok { width: calc(300 * var(--u)); overflow: hidden; border-radius: calc(18 * var(--u)); border-top-left-radius: calc(6 * var(--u)); background: #fff; box-shadow: 0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(17, 24, 39, .06); }
.as-k-concessionaria__ok-su { display: flex; align-items: center; gap: calc(6 * var(--u)); padding: calc(8 * var(--u)) calc(12 * var(--u)); background: rgba(11, 148, 104, .1); font-size: calc(13 * var(--u)); font-weight: 600; color: #0A7A57; }
.as-k-concessionaria__ok-su .as-k-concessionaria__ic { width: calc(16 * var(--u)); height: calc(16 * var(--u)); stroke-width: 2.6; }
.as-k-concessionaria__ok-quando { display: flex; align-items: center; gap: calc(10 * var(--u)); padding: calc(11 * var(--u)) calc(12 * var(--u)) calc(2 * var(--u)); }
.as-k-concessionaria__ok-data { display: grid; flex: none; justify-items: center; align-content: center; width: calc(44 * var(--u)); height: calc(46 * var(--u)); border-radius: calc(11 * var(--u)); background: #F2F3F7; }
.as-k-concessionaria__ok-data small { font-size: calc(9.5 * var(--u)); line-height: 1; font-weight: 700; letter-spacing: .04em; color: #E5484D; }
.as-k-concessionaria__ok-data b { margin-top: calc(1 * var(--u)); font-size: calc(22 * var(--u)); line-height: 1; font-weight: 500; letter-spacing: -.02em; }
.as-k-concessionaria__ok-quando > span:last-child { display: grid; gap: calc(2 * var(--u)); min-width: 0; }
.as-k-concessionaria__ok-quando > span:last-child b { font-size: calc(15 * var(--u)); line-height: 1.2; font-weight: 600; }
.as-k-concessionaria__ok-quando > span:last-child small { display: flex; align-items: center; gap: calc(3 * var(--u)); font-size: calc(12 * var(--u)); color: #6B7280; white-space: nowrap; }
.as-k-concessionaria__ok-quando small .as-k-concessionaria__ic { width: calc(12 * var(--u)); height: calc(12 * var(--u)); }
.as-k-concessionaria__ok-chi { display: flex; align-items: center; gap: calc(9 * var(--u)); padding: calc(9 * var(--u)) calc(12 * var(--u)) calc(12 * var(--u)); font-size: calc(12.5 * var(--u)); line-height: calc(16.5 * var(--u)); color: #374151; }
.as-k-concessionaria__ok-chi i { flex: none; width: calc(30 * var(--u)); height: calc(30 * var(--u)); overflow: hidden; border-radius: 50%; }
.as-k-concessionaria__ok-chi img { display: block; width: 100%; height: 100%; object-fit: cover; }
.as-k-concessionaria__ok-chi b { font-weight: 600; color: #111827; }
/* Il campo per scrivere all'assistente. */
.as-k-concessionaria__p-scrivi { flex: none; display: flex; align-items: center; justify-content: space-between; height: calc(44 * var(--u)); margin: 0 calc(10 * var(--u)) calc(10 * var(--u)); padding: 0 calc(5 * var(--u)) 0 calc(15 * var(--u)); border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 calc(1 * var(--u)) rgba(17, 24, 39, .08); font-size: calc(14.5 * var(--u)); color: #9AA0AC; }
.as-k-concessionaria__p-scrivi i { display: grid; place-items: center; width: calc(34 * var(--u)); height: calc(34 * var(--u)); border-radius: 50%; background: radial-gradient(circle at 30% 24%, #B9A6FF 0, #7C5CF6 45%, #4F5BF0 100%); color: #fff; }
.as-k-concessionaria__p-scrivi i .as-k-concessionaria__ic { width: calc(17 * var(--u)); height: calc(17 * var(--u)); stroke-width: 2.4; }
/* La barra di Safari (iOS 26): il vetro, il dominio del sito. */
.as-k-concessionaria__safari { position: absolute; z-index: 4; left: calc(14 * var(--u)); right: calc(14 * var(--u)); bottom: calc(28 * var(--u)); display: flex; align-items: center; gap: calc(8 * var(--u)); height: calc(46 * var(--u)); }
.as-k-concessionaria__safari > span { display: flex; align-items: center; justify-content: center; height: 100%; border-radius: 999px; background: rgba(250, 250, 252, .9); box-shadow: 0 calc(4 * var(--u)) calc(14 * var(--u)) rgba(0, 0, 0, .25), inset 0 0 0 calc(.7 * var(--u)) rgba(255, 255, 255, .7); color: #111; }
.as-k-concessionaria__safari-tondo { flex: none; width: calc(46 * var(--u)); }
.as-k-concessionaria__safari-tondo .as-k-concessionaria__ic { width: calc(21 * var(--u)); height: calc(21 * var(--u)); stroke-width: 2.1; }
.as-k-concessionaria__safari-url { flex: 1; gap: calc(5 * var(--u)); font-size: calc(15 * var(--u)); font-weight: 500; letter-spacing: -.01em; }
.as-k-concessionaria__safari-url .as-k-concessionaria__ic { width: calc(12 * var(--u)); height: calc(12 * var(--u)); stroke-width: 2.2; }

/* ══ IL MACBOOK: il gestionale di Bellini la mattina dopo (px dell'app, --p = 2 punti; tela 756 × 491) ══ */
.as-k-concessionaria__app {
	--p: calc(var(--u) * 2);
	--sq: var(--as-brm, 1);
	--ink: #111827;
	--muted: #667085;
	--prova: #0B9468;
	--offerta: #2F62F5;
	--richiama: #E5533A;
	--vetro: rgba(255, 255, 255, .62);
	--filo: inset 0 0 0 1px rgba(255, 255, 255, .85);
	--ombra: 0 calc(10 * var(--p)) calc(24 * var(--p)) calc(-16 * var(--p)) rgba(36, 44, 96, .38);
	position: absolute;
	inset: 0;
	isolation: isolate;
	overflow: hidden;
	display: grid;
	grid-template-columns: calc(150 * var(--p)) minmax(0, 1fr) calc(212 * var(--p));
	column-gap: calc(10 * var(--p));
	padding: calc(24 * var(--p)) calc(12 * var(--p)) calc(12 * var(--p));
	background: #ECEFF8;
	color: var(--ink);
	font-family: 'Inter Tight', 'Helvetica Neue', Arial, sans-serif;
	font-size: calc(10 * var(--p));
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: -.005em;
	-webkit-font-smoothing: antialiased;
}
/* La luce di Bellini: cielo e lavanda in alto, un filo di rosa a destra, menta e pesca in basso (niente gialli). */
.as-k-concessionaria__app::before { content: ""; position: absolute; z-index: -1; inset: -8%; background: radial-gradient(42% 46% at 6% 4%, #8DB4FF 0, rgba(141, 180, 255, 0) 70%), radial-gradient(36% 40% at 54% -6%, #B49BFF 0, rgba(180, 155, 255, 0) 70%), radial-gradient(34% 44% at 104% 30%, #FF9CCB 0, rgba(255, 156, 203, 0) 70%), radial-gradient(40% 44% at 66% 108%, #8FE3C4 0, rgba(143, 227, 196, 0) 70%), radial-gradient(30% 38% at 10% 100%, #FFB59C 0, rgba(255, 181, 156, 0) 70%); }
.as-k-concessionaria__app p, .as-k-concessionaria__app ul, .as-k-concessionaria__app ol { margin: 0; padding: 0; list-style: none; }
.as-k-concessionaria__app .as-k-concessionaria__ic { width: calc(13 * var(--p)); height: calc(13 * var(--p)); stroke-width: 1.7; }
.as-k-concessionaria__lato, .as-k-concessionaria__rich, .as-k-concessionaria__agenda, .as-k-concessionaria__filtri span, .as-k-concessionaria__attivo { background: var(--vetro); box-shadow: var(--filo), var(--ombra); }
.as-k-concessionaria__lato, .as-k-concessionaria__tempo, .as-k-concessionaria__agenda { border-radius: calc(18 * var(--p) * var(--sq)); }
@supports (corner-shape: squircle) {
	.as-k-concessionaria__lato, .as-k-concessionaria__tempo, .as-k-concessionaria__agenda, .as-k-concessionaria__rich, .as-k-concessionaria__salone, .as-k-concessionaria__agenda li { corner-shape: squircle; --sq: 1.6; }
}

/* La barra laterale (sotto il telefono si vede solo il bordo destro: continua). */
.as-k-concessionaria__lato { display: flex; flex-direction: column; gap: calc(12 * var(--p)); min-width: 0; padding: calc(14 * var(--p)) calc(10 * var(--p)) calc(10 * var(--p)); }
.as-k-concessionaria__marchio { display: flex; align-items: center; gap: calc(7 * var(--p)); padding: 0 calc(4 * var(--p)); color: #0F0F10; }
.as-k-concessionaria__app .as-k-concessionaria__marchio-auto { flex: none; width: calc(30 * var(--p)); height: calc(23.5 * var(--p)); }
.as-k-concessionaria__marchio span { display: grid; line-height: 1; }
.as-k-concessionaria__marchio b { font-family: 'Anton', 'Inter Tight', sans-serif; font-weight: 400; font-size: calc(16 * var(--p)); letter-spacing: .03em; text-transform: uppercase; }
.as-k-concessionaria__marchio small { margin-top: calc(3 * var(--p)); font-size: calc(6.4 * var(--p)); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; color: rgba(15, 15, 16, .5); }
.as-k-concessionaria__voci { display: grid; gap: calc(2 * var(--p)); }
.as-k-concessionaria__voci li { display: flex; align-items: center; gap: calc(7 * var(--p)); padding: calc(6 * var(--p)) calc(7 * var(--p)); border-radius: calc(9 * var(--p)); font-weight: 500; color: #3E4558; }
.as-k-concessionaria__voci li .as-k-concessionaria__ic { color: #5B6478; }
.as-k-concessionaria__voci li.is-on { background: #fff; color: var(--ink); font-weight: 600; box-shadow: 0 calc(4 * var(--p)) calc(10 * var(--p)) calc(-6 * var(--p)) rgba(36, 44, 96, .35); }
.as-k-concessionaria__voci li.is-on .as-k-concessionaria__ic { color: var(--offerta); }
.as-k-concessionaria__voci em { margin-left: auto; font-style: normal; font-size: calc(8.5 * var(--p)); font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.as-k-concessionaria__voci i { width: calc(6 * var(--p)); height: calc(6 * var(--p)); margin-left: auto; border-radius: 50%; background: var(--prova); box-shadow: 0 0 0 calc(2.5 * var(--p)) rgba(11, 148, 104, .18); }
.as-k-concessionaria__salone { position: relative; display: flex; align-items: flex-end; height: calc(92 * var(--p)); margin-top: auto !important; overflow: hidden; border-radius: calc(12 * var(--p) * var(--sq)); background: #8a8f99 center 30% / cover no-repeat; }
.as-k-concessionaria__salone::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 14, 24, 0) 35%, rgba(10, 14, 24, .7)); }
.as-k-concessionaria__salone span { position: relative; display: grid; padding: calc(7 * var(--p)) calc(8 * var(--p)); font-size: calc(7.5 * var(--p)); line-height: 1.25; color: rgba(255, 255, 255, .8); }
.as-k-concessionaria__salone b { font-size: calc(12 * var(--p)); font-weight: 600; color: #fff; }
.as-k-concessionaria__io { display: flex; align-items: center; gap: calc(7 * var(--p)); padding: 0 calc(3 * var(--p)); }
.as-k-concessionaria__io i { flex: none; width: calc(24 * var(--p)); height: calc(24 * var(--p)); overflow: hidden; border-radius: 50%; }
.as-k-concessionaria__io img, .as-k-concessionaria__av img { display: block; width: 100%; height: 100%; object-fit: cover; }
.as-k-concessionaria__io span { display: grid; font-size: calc(8.5 * var(--p)); color: var(--muted); }
.as-k-concessionaria__io b { font-size: calc(9.5 * var(--p)); font-weight: 600; color: var(--ink); }

/* Il centro: il saluto, i filtri (un colore per stato), le richieste della notte. */
.as-k-concessionaria__centro { display: flex; flex-direction: column; gap: calc(9 * var(--p)); min-width: 0; padding-top: calc(4 * var(--p)); }
.as-k-concessionaria__titolo { display: flex; align-items: flex-end; justify-content: space-between; gap: calc(8 * var(--p)); }
.as-k-concessionaria__titolo > p { display: grid; gap: calc(3 * var(--p)); min-width: 0; }
.as-k-concessionaria__titolo b { font-size: calc(19 * var(--p)); line-height: 1.05; font-weight: 600; letter-spacing: -.025em; }
.as-k-concessionaria__titolo span { font-size: calc(8.8 * var(--p)); color: var(--muted); }
.as-k-concessionaria__attivo { flex: none; display: inline-flex; align-items: center; gap: calc(5 * var(--p)); padding: calc(4 * var(--p)) calc(8 * var(--p)); border-radius: 999px; font-size: calc(8 * var(--p)); font-weight: 600; color: #22303F; }
.as-k-concessionaria__attivo i { width: calc(6 * var(--p)); height: calc(6 * var(--p)); border-radius: 50%; background: var(--prova); box-shadow: 0 0 0 calc(2.5 * var(--p)) rgba(11, 148, 104, .2); }
.as-k-concessionaria__filtri { display: flex; flex-wrap: wrap; gap: calc(5 * var(--p)); }
.as-k-concessionaria__filtri span { display: inline-flex; align-items: center; gap: calc(4 * var(--p)); padding: calc(4 * var(--p)) calc(8 * var(--p)); border-radius: 999px; font-size: calc(8.2 * var(--p)); font-weight: 500; color: #3E4558; box-shadow: var(--filo); }
.as-k-concessionaria__filtri span.is-on { background: #141A2E; color: #fff; box-shadow: none; }
.as-k-concessionaria__filtri b { font-weight: 700; }
.as-k-concessionaria__filtri i { width: calc(6 * var(--p)); height: calc(6 * var(--p)); border-radius: 50%; }
.as-k-concessionaria__filtri .is-prova i { background: var(--prova); }
.as-k-concessionaria__filtri .is-offerta i { background: var(--offerta); }
.as-k-concessionaria__filtri .is-richiama i { background: var(--richiama); }
.as-k-concessionaria__lista { display: grid; gap: calc(6 * var(--p)); }
.as-k-concessionaria__rich {
	position: relative;
	display: grid;
	grid-template-columns: calc(28 * var(--p)) minmax(0, 1fr) auto;
	grid-template-areas: "av chi stato" "av auto auto";
	column-gap: calc(8 * var(--p));
	row-gap: calc(4 * var(--p));
	align-items: center;
	padding: calc(8 * var(--p)) calc(10 * var(--p)) calc(8 * var(--p)) calc(9 * var(--p));
	border-radius: calc(12 * var(--p) * var(--sq));
}
/* La nuova: sollevata, col puntino dei non letti (mai una barra di lato). */
.as-k-concessionaria__rich.is-nuova { background: #fff; box-shadow: inset 0 0 0 1px #fff, 0 calc(12 * var(--p)) calc(26 * var(--p)) calc(-14 * var(--p)) rgba(36, 44, 96, .5); }
.as-k-concessionaria__rich.is-nuova::before { content: ""; position: absolute; top: calc(7 * var(--p)); left: calc(6 * var(--p)); z-index: 2; width: calc(7 * var(--p)); height: calc(7 * var(--p)); border-radius: 50%; background: var(--offerta); box-shadow: 0 0 0 calc(1.5 * var(--p)) #fff; }
.as-k-concessionaria__av { grid-area: av; display: grid; place-items: center; width: calc(28 * var(--p)); height: calc(28 * var(--p)); overflow: hidden; border-radius: 50%; font-size: calc(9 * var(--p)); font-weight: 600; letter-spacing: .02em; color: #fff; }
/* le iniziali come i contatti senza foto di iOS: grigio, niente colori inventati */
.as-k-concessionaria__av.is-iniziali { background: linear-gradient(180deg, #A9AFBC, #858B98); }
.as-k-concessionaria__rich-chi { grid-area: chi; display: flex; align-items: center; gap: calc(6 * var(--p)); min-width: 0; white-space: nowrap; }
.as-k-concessionaria__rich-chi > b { font-size: calc(10.5 * var(--p)); font-weight: 600; }
.as-k-concessionaria__canale { display: inline-flex; align-items: center; gap: calc(3 * var(--p)); padding: calc(1.5 * var(--p)) calc(5 * var(--p)) calc(1.5 * var(--p)) calc(4 * var(--p)); border-radius: 999px; background: rgba(20, 26, 46, .06); font-size: calc(7.8 * var(--p)); font-weight: 500; color: #4A5265; }
.as-k-concessionaria__canale .as-k-concessionaria__ic { width: calc(9 * var(--p)); height: calc(9 * var(--p)); stroke-width: 2; }
.as-k-concessionaria__rich-chi small { font-size: calc(8 * var(--p)); color: var(--muted); font-variant-numeric: tabular-nums; }
.as-k-concessionaria__rich-auto { grid-area: auto; display: flex; align-items: center; gap: calc(6 * var(--p)); min-width: 0; white-space: nowrap; }
.as-k-concessionaria__rich-auto i { flex: none; width: calc(30 * var(--p)); height: calc(19 * var(--p)); border-radius: calc(5 * var(--p)); background: #d9dbe2 center / cover no-repeat; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); }
.as-k-concessionaria__rich-auto b { flex: none; font-size: calc(8.6 * var(--p)); font-weight: 600; }
.as-k-concessionaria__rich-auto span { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: calc(8.6 * var(--p)); color: var(--muted); }
.as-k-concessionaria__stato { grid-area: stato; display: inline-flex; align-items: center; gap: calc(4 * var(--p)); padding: calc(3 * var(--p)) calc(7 * var(--p)) calc(3 * var(--p)) calc(6 * var(--p)); border-radius: 999px; font-style: normal; font-size: calc(7.8 * var(--p)); font-weight: 600; white-space: nowrap; }
.as-k-concessionaria__stato::before { content: ""; width: calc(5 * var(--p)); height: calc(5 * var(--p)); border-radius: 50%; background: currentColor; }
.as-k-concessionaria__stato.is-prova { color: var(--prova); background: rgba(11, 148, 104, .12); }
.as-k-concessionaria__stato.is-offerta { color: var(--offerta); background: rgba(47, 98, 245, .11); }
.as-k-concessionaria__stato.is-richiama { color: var(--richiama); background: rgba(229, 83, 58, .12); }

/* A destra: il tempo di risposta nel vetro scuro con le luci, poi le prove di sabato. */
.as-k-concessionaria__destra { display: flex; flex-direction: column; gap: calc(10 * var(--p)); min-width: 0; }
.as-k-concessionaria__tempo { position: relative; overflow: hidden; display: grid; gap: calc(6 * var(--p)); padding: calc(12 * var(--p)) calc(14 * var(--p)) calc(12 * var(--p)); background: radial-gradient(70% 60% at 100% 0%, rgba(124, 92, 246, .7) 0, rgba(124, 92, 246, 0) 70%), radial-gradient(60% 50% at 0% 100%, rgba(47, 123, 255, .55) 0, rgba(47, 123, 255, 0) 70%), radial-gradient(46% 40% at 100% 100%, rgba(238, 79, 150, .42) 0, rgba(238, 79, 150, 0) 70%), #131A2E; color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 calc(16 * var(--p)) calc(30 * var(--p)) calc(-18 * var(--p)) rgba(19, 26, 46, .8); }
.as-k-concessionaria__tempo-eti { display: flex; align-items: center; gap: calc(5 * var(--p)); font-size: calc(8.6 * var(--p)); font-weight: 500; color: rgba(255, 255, 255, .78); }
.as-k-concessionaria__tempo-eti .as-k-concessionaria__ic { width: calc(11 * var(--p)); height: calc(11 * var(--p)); color: #C9B8FF; }
.as-k-concessionaria__tempo-n { display: flex; align-items: baseline; gap: calc(5 * var(--p)); font-size: calc(52 * var(--p)); line-height: .9; font-weight: 600; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.as-k-concessionaria__tempo-n small { font-size: calc(13 * var(--p)); font-weight: 500; letter-spacing: -.01em; color: rgba(255, 255, 255, .8); }
.as-k-concessionaria__tempo-prima { display: flex; align-items: baseline; justify-content: space-between; padding-top: calc(7 * var(--p)); border-top: 1px solid rgba(255, 255, 255, .14); font-size: calc(8.2 * var(--p)); color: rgba(255, 255, 255, .62); }
.as-k-concessionaria__tempo-prima b { font-weight: 600; color: rgba(255, 255, 255, .62); text-decoration: line-through; text-decoration-color: rgba(255, 255, 255, .55); }
.as-k-concessionaria__tempo-notte { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(5 * var(--p)); }
.as-k-concessionaria__tempo-notte span { display: grid; padding: calc(6 * var(--p)) calc(7 * var(--p)); border-radius: calc(9 * var(--p)); background: rgba(255, 255, 255, .08); font-size: calc(7.4 * var(--p)); color: rgba(255, 255, 255, .7); }
.as-k-concessionaria__tempo-notte b { font-size: calc(15 * var(--p)); line-height: 1.1; font-weight: 600; color: #fff; }
.as-k-concessionaria__agenda { flex: 1; display: flex; flex-direction: column; gap: calc(8 * var(--p)); min-height: 0; padding: calc(11 * var(--p)) calc(10 * var(--p)) calc(10 * var(--p)); }
.as-k-concessionaria__agenda-t { display: flex; align-items: baseline; justify-content: space-between; gap: calc(6 * var(--p)); padding: 0 calc(3 * var(--p)); }
.as-k-concessionaria__agenda-t b { font-size: calc(11 * var(--p)); font-weight: 600; }
.as-k-concessionaria__agenda-t span { font-size: calc(8.2 * var(--p)); color: var(--muted); }
.as-k-concessionaria__agenda ol { display: grid; gap: calc(5 * var(--p)); }
.as-k-concessionaria__agenda li { position: relative; display: grid; grid-template-columns: calc(26 * var(--p)) calc(36 * var(--p)) minmax(0, 1fr); align-items: center; column-gap: calc(7 * var(--p)); padding: calc(6 * var(--p)) calc(6 * var(--p)); border-radius: calc(10 * var(--p) * var(--sq)); }
.as-k-concessionaria__agenda time { font-size: calc(9.6 * var(--p)); font-weight: 700; font-variant-numeric: tabular-nums; }
.as-k-concessionaria__agenda li > i { width: calc(36 * var(--p)); height: calc(24 * var(--p)); border-radius: calc(6 * var(--p)); background: #d9dbe2 center / cover no-repeat; }
.as-k-concessionaria__agenda li > span { display: grid; min-width: 0; font-size: calc(8.2 * var(--p)); color: var(--muted); white-space: nowrap; }
.as-k-concessionaria__agenda li > span b { overflow: hidden; text-overflow: ellipsis; font-size: calc(9.4 * var(--p)); font-weight: 600; color: var(--ink); }
.as-k-concessionaria__agenda li.is-nuova { background: #fff; box-shadow: 0 calc(10 * var(--p)) calc(20 * var(--p)) calc(-12 * var(--p)) rgba(36, 44, 96, .45), inset 0 0 0 1px rgba(11, 148, 104, .35); }
.as-k-concessionaria__agenda li.is-nuova time { color: var(--prova); }
.as-k-concessionaria__agenda li em { position: absolute; top: calc(-5 * var(--p)); right: calc(6 * var(--p)); padding: calc(1.5 * var(--p)) calc(6 * var(--p)); border-radius: 999px; background: var(--prova); font-style: normal; font-size: calc(7 * var(--p)); font-weight: 700; letter-spacing: .02em; color: #fff; }


/* Il segno dell'AI anche nel gestionale: un colore solo (viola) nella voce, nel «attivo», nelle righe e in agenda. */
.as-k-concessionaria__voci li.is-ai .as-k-concessionaria__ic { color: var(--ai); }
.as-k-concessionaria__attivo .as-k-concessionaria__orb.is-mini { width: calc(13 * var(--p)); height: calc(13 * var(--p)); }
.as-k-concessionaria__rich-chi { overflow: hidden; }
.as-k-concessionaria__rich-ai { display: inline-flex; flex: none; align-items: center; gap: calc(3 * var(--p)); padding: calc(1.5 * var(--p)) calc(6 * var(--p)) calc(1.5 * var(--p)) calc(4.5 * var(--p)); border-radius: 999px; background: var(--ai-tenue); font-size: calc(7.8 * var(--p)); font-weight: 600; color: var(--ai); }
.as-k-concessionaria__app .as-k-concessionaria__rich-ai .as-k-concessionaria__ic { width: calc(9 * var(--p)); height: calc(9 * var(--p)); fill: currentColor; stroke: none; }
.as-k-concessionaria__agenda li em { display: inline-flex; align-items: center; gap: calc(3 * var(--p)); background: var(--ai); }
.as-k-concessionaria__app .as-k-concessionaria__agenda li em .as-k-concessionaria__ic { width: calc(8 * var(--p)); height: calc(8 * var(--p)); fill: currentColor; stroke: none; }
.as-k-concessionaria__app .as-k-concessionaria__tempo-eti .as-k-concessionaria__ic { fill: currentColor; stroke: none; }

/* ══ IL MOVIMENTO: UNA volta, 11 s, solo sotto .as-demo-vivo (si ferma sul fotogramma finale = lo stato da fermo) ══
   0,3 s la domanda · 1 s «cerco tra le 124 auto» · 2,8 s la risposta che si genera · 3,9 s la scheda dal parco auto ·
   4,9 s gli orari · 6,2 s il tocco sulle 10:30 · 6,7 s la risposta di Serena · 7,4 s «fisso la prova in agenda» · 8,9 s la
   conferma · 9,5 s sul Mac la riga di Serena si accende e la prova delle 10:30 entra in agenda, «Fissata dall'AI». */
.as-demo-vivo .as-k-concessionaria__m { transform-origin: 0 100%; animation: 11s linear 1 both; }
.as-demo-vivo .as-k-concessionaria__m.is-esce { transform-origin: 100% 100%; }
.as-demo-vivo .as-k-concessionaria__m.is-1 { animation-name: as-k-conc-m1; }
.as-demo-vivo .as-k-concessionaria__m.is-2 { animation-name: as-k-conc-m2; }
.as-demo-vivo .as-k-concessionaria__m.is-3 { animation-name: as-k-conc-m3; }
.as-demo-vivo .as-k-concessionaria__m.is-4 { animation-name: as-k-conc-m4; }
.as-demo-vivo .as-k-concessionaria__m.is-5 { animation-name: as-k-conc-m5; }
.as-demo-vivo .as-k-concessionaria__m.is-6 { animation-name: as-k-conc-m6; }
.as-demo-vivo .as-k-concessionaria__m.is-7 { animation-name: as-k-conc-m7; }
.as-demo-vivo .as-k-concessionaria__m.is-8 { animation-name: as-k-conc-m8; }
@keyframes as-k-conc-m1 { 0%, 2.7% { grid-template-rows: 0fr; opacity: 0; transform: translateY(calc(10 * var(--u))) scale(.94); animation-timing-function: cubic-bezier(.2, .8, .2, 1); } 6.4%, 100% { grid-template-rows: 1fr; opacity: 1; transform: none; } }
@keyframes as-k-conc-m2 { 0%, 9.1% { grid-template-rows: 0fr; opacity: 0; transform: scale(.85); animation-timing-function: cubic-bezier(.2, .8, .2, 1); } 11.8%, 23.6% { grid-template-rows: 1fr; opacity: 1; transform: none; animation-timing-function: ease-in; } 26.4%, 100% { grid-template-rows: 0fr; opacity: 0; transform: scale(.85); } }
@keyframes as-k-conc-m3 { 0%, 25.5% { grid-template-rows: 0fr; opacity: 0; transform: translateY(calc(10 * var(--u))) scale(.96); animation-timing-function: cubic-bezier(.2, .8, .2, 1); } 29%, 100% { grid-template-rows: 1fr; opacity: 1; transform: none; } }
@keyframes as-k-conc-m4 { 0%, 35.5% { grid-template-rows: 0fr; opacity: 0; transform: translateY(calc(14 * var(--u))) scale(.95); animation-timing-function: cubic-bezier(.2, .8, .2, 1); } 40%, 100% { grid-template-rows: 1fr; opacity: 1; transform: none; } }
@keyframes as-k-conc-m5 { 0%, 44.5% { grid-template-rows: 0fr; opacity: 0; transform: translateY(calc(14 * var(--u))) scale(.95); animation-timing-function: cubic-bezier(.2, .8, .2, 1); } 49%, 100% { grid-template-rows: 1fr; opacity: 1; transform: none; } }
@keyframes as-k-conc-m6 { 0%, 60.9% { grid-template-rows: 0fr; opacity: 0; transform: translateY(calc(10 * var(--u))) scale(.94); animation-timing-function: cubic-bezier(.2, .8, .2, 1); } 64.5%, 100% { grid-template-rows: 1fr; opacity: 1; transform: none; } }
@keyframes as-k-conc-m7 { 0%, 67.3% { grid-template-rows: 0fr; opacity: 0; transform: scale(.85); animation-timing-function: cubic-bezier(.2, .8, .2, 1); } 70%, 79.1% { grid-template-rows: 1fr; opacity: 1; transform: none; animation-timing-function: ease-in; } 81.8%, 100% { grid-template-rows: 0fr; opacity: 0; transform: scale(.85); } }
@keyframes as-k-conc-m8 { 0%, 80.9% { grid-template-rows: 0fr; opacity: 0; transform: translateY(calc(14 * var(--u))) scale(.95); animation-timing-function: cubic-bezier(.2, .8, .2, 1); } 85.5%, 100% { grid-template-rows: 1fr; opacity: 1; transform: none; } }
/* La risposta che si genera: tre pezzi che affiorano uno dopo l'altro. */
.as-demo-vivo .as-k-concessionaria__bolla.is-gen > span { display: inline; animation: 11s linear 1 both; }
.as-demo-vivo .as-k-concessionaria__bolla.is-gen > span:nth-child(1) { animation-name: as-k-conc-g1; }
.as-demo-vivo .as-k-concessionaria__bolla.is-gen > span:nth-child(2) { animation-name: as-k-conc-g2; }
.as-demo-vivo .as-k-concessionaria__bolla.is-gen > span:nth-child(3) { animation-name: as-k-conc-g3; }
@keyframes as-k-conc-g1 { 0%, 27.3% { opacity: 0; filter: blur(calc(3 * var(--u))); } 30.5%, 100% { opacity: 1; filter: none; } }
@keyframes as-k-conc-g2 { 0%, 30.5% { opacity: 0; filter: blur(calc(3 * var(--u))); } 33.6%, 100% { opacity: 1; filter: none; } }
@keyframes as-k-conc-g3 { 0%, 33.6% { opacity: 0; filter: blur(calc(3 * var(--u))); } 36.4%, 100% { opacity: 1; filter: none; } }
/* «Cerco…»: la scintilla gira e una luce passa sulle parole, finché resta in vista. */
.as-demo-vivo .as-k-concessionaria__pensa .as-k-concessionaria__ic { animation: as-k-conc-gira 11s linear 1 both; }
.as-demo-vivo .as-k-concessionaria__pensa span { animation: as-k-conc-luce 11s linear 1 both; }
@keyframes as-k-conc-gira { from { transform: rotate(0deg); } to { transform: rotate(2160deg); } }
@keyframes as-k-conc-luce { from { background-position: 0 0; } to { background-position: calc(1760 * var(--u)) 0; } }
/* Il tocco sulle 10:30: fino al tocco la capsula è vuota, poi si riempie. */
.as-demo-vivo .as-k-concessionaria__orari-scelta span.is-1030 { animation: as-k-conc-scelta 11s linear 1 both; }
.as-demo-vivo .as-k-concessionaria__orari-scelta span.is-1030::after { animation: as-k-conc-tocco 11s linear 1 both; }
@keyframes as-k-conc-scelta { 0%, 56.4% { background: transparent; color: var(--blu); } 57.5%, 100% { background: var(--blu); color: #fff; } }
@keyframes as-k-conc-tocco { 0%, 55% { opacity: 0; transform: scale(.6); } 56.4% { opacity: 1; transform: scale(1.06); } 60%, 100% { opacity: 0; transform: scale(1.4); } }
/* Sul Mac: arrivata la conferma, la riga di Serena si accende e la prova entra in agenda, «Fissata dall'AI». */
.as-demo-vivo .as-k-concessionaria__rich.is-nuova { animation: as-k-conc-riga 11s linear 1 both; }
.as-demo-vivo .as-k-concessionaria__agenda li.is-nuova { animation: as-k-conc-prova 11s linear 1 both; }
.as-demo-vivo .as-k-concessionaria__agenda li.is-nuova em { animation: as-k-conc-nuova 11s linear 1 both; }
@keyframes as-k-conc-riga { 0%, 85% { transform: none; box-shadow: inset 0 0 0 1px #fff, 0 calc(12 * var(--p)) calc(26 * var(--p)) calc(-14 * var(--p)) rgba(36, 44, 96, .5); } 89% { transform: translateY(calc(-2 * var(--p))) scale(1.012); box-shadow: inset 0 0 0 1.5px rgba(110, 86, 207, .6), 0 calc(16 * var(--p)) calc(30 * var(--p)) calc(-12 * var(--p)) rgba(110, 86, 207, .6); } 97%, 100% { transform: none; box-shadow: inset 0 0 0 1px #fff, 0 calc(12 * var(--p)) calc(26 * var(--p)) calc(-14 * var(--p)) rgba(36, 44, 96, .5); } }
@keyframes as-k-conc-prova { 0%, 86% { opacity: .3; transform: translateX(calc(12 * var(--p))); } 91%, 100% { opacity: 1; transform: none; } }
@keyframes as-k-conc-nuova { 0%, 90% { opacity: 0; transform: scale(.4); } 93% { opacity: 1; transform: scale(1.12); } 95.5%, 100% { opacity: 1; transform: none; } }

/* v0.99 (Rami, 04/11): via la composizione da telefono di questo caso («mockup giganteschi»): da telefono la scena
   è quella da computer, rimpicciolita come una foto nella card della fila (soluzioni.css, motion.js «fila»). */