/*
 * Studio Arfia — casi/geo.css · v0.109.0 · 05/11/2026
 * ChatGPT fa il tuo nome (inc/casi/geo.php), sulla pagina /soluzioni/seo-locale-e-geo/: l'iPhone con ChatGPT di sera, il MacBook di
 * Paolo con Search Console la mattina dopo. Una regia a tempo (motion.js, data-as-geo) nello stile del salone: palco, telecamera,
 * dito, puntatore, capitoli fuori; zoom calibrati (un primo piano per dispositivo).
 * Misure: la tela è 86 × 50em (come il salone); nell'iPhone i punti dello schermo (var(--u)); nel Mac i punti della posta (--q, la
 * cornice di Chrome viene da casi/posta.css, la tastiera e il dito da casi/salone.css). Niente backdrop-filter sui telefoni.
 * Colori di Search Console: clic #4285F4, impressioni #5E35B1, CTR #00897B, posizione #E8710A. Niente gialli: stelle arancio.
 */

/* ══ IL PALCO E LA TELECAMERA (come il salone) ══ */
.as-geo { position: relative; width: 100%; }
.as-geo__palco {
	--a: 1.9;
	--z: 1.9;
	position: relative;
	container-type: inline-size;
	width: 100%;
	aspect-ratio: var(--a);
	overflow: hidden;
	border-radius: calc(28px * var(--as-brm));
	background: var(--as-sup);
}
@supports (corner-shape: squircle) { .as-geo__palco { corner-shape: squircle; } }
.as-geo__cielo { position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity 1.4s ease;
	background:
		radial-gradient(34% 52% at 15% 60%, rgba(120, 96, 255, .34), rgba(120, 96, 255, 0) 72%),
		radial-gradient(42% 46% at 82% 14%, rgba(60, 140, 255, .22), rgba(60, 140, 255, 0) 70%),
		linear-gradient(180deg, #0A0E1C 0%, #10162E 100%); }
.as-geo:not(.is-giorno) .as-geo__cielo { opacity: 1; }
.as-geo__cam {
	--cs: calc(.815 / var(--z));
	--cx: 9.25cqw;
	--cy: 2.6cqw;
	position: absolute;
	left: 0;
	top: 0;
	width: 86em;
	height: 50em;
	font-size: calc(var(--z) * 100cqw / 86);
	transform-origin: 0 0;
	transform: translate(var(--cx), var(--cy)) scale(var(--cs));
	transition: transform 1.35s cubic-bezier(.65, 0, .3, 1);
}
@media (max-width: 999px) {
	.as-geo__palco { --a: 1.5; --z: 2.3; }
	.as-geo__cam { --cs: calc(.94 / var(--z)); --cx: 3cqw; --cy: 6cqw; }
}
@media (max-width: 699px) {
	.as-geo__palco { --a: .84; --z: 3.6; border-radius: calc(22px * var(--as-brm)); }
	.as-geo__cam { --cs: calc(.94 / var(--z)); --cx: 3cqw; --cy: 32.2cqw; }
}
.as-geo__scena { position: absolute; left: 0; top: 0; width: 86em; height: 50em; }
.as-geo__mac { position: absolute; left: 20em; top: 3.5em; transition: filter 1.2s ease; }
.as-geo__mac .as-macbook { margin: 0; }
.as-geo__tel { position: absolute; z-index: 2; left: 2em; top: 8.6em; font-size: .92em; }
.as-geo__tel .as-iphone { margin: 0; }
.as-geo__mac .as-disp__spento { transition: opacity 1s ease .2s; }
.as-geo:not(.is-giorno) .as-geo__mac .as-disp__spento { opacity: 1; }
.as-geo:not(.is-giorno) .as-geo__mac { filter: brightness(.42) saturate(.8); }
.as-geo--fermo *, .as-geo--fermo, .as-geo.is-salto, .as-geo.is-salto * { transition: none !important; animation: none !important; }
.as-geo-zona { position: absolute; display: block; visibility: hidden; pointer-events: none; }
.as-geo-t .as-geo-zona { left: calc(var(--x) * var(--u)); top: calc(var(--y) * var(--u)); width: calc(var(--w) * var(--u)); height: calc(var(--h) * var(--u)); }
.as-geo-c .as-geo-zona { left: calc(var(--x) * var(--q)); top: calc(var(--y) * var(--q)); width: calc(var(--w) * var(--q)); height: calc(var(--h) * var(--q)); }
.as-geo-ic { display: block; flex: none; }

/* ══ L'IPHONE: CHATGPT PER IOS, CHIARO ══ */
.as-geo-t { position: absolute; inset: 0; overflow: hidden; background: #fff; color: #0D0D0D; font-family: -apple-system, 'SF Pro Text', system-ui, 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; }
.as-geo-t *, .as-geo-t *::before, .as-geo-t *::after { box-sizing: border-box; }
.as-geo-t p { margin: 0; }
.as-geo-t :is(b, small, em, i) { font-style: normal; }
.as-geo-t__testa { position: absolute; z-index: 3; top: calc(58 * var(--u)); left: calc(10 * var(--u)); right: calc(10 * var(--u)); display: flex; align-items: center; justify-content: space-between; height: calc(48 * var(--u)); background: #fff; }
.as-geo-t__tondo { display: grid; place-items: center; width: calc(42 * var(--u)); height: calc(42 * var(--u)); }
.as-geo-t__tondo .as-geo-ic { width: calc(25 * var(--u)); height: calc(25 * var(--u)); }
.as-geo-t__testa b { display: inline-flex; align-items: center; gap: calc(3 * var(--u)); font-size: calc(18 * var(--u)); font-weight: 600; letter-spacing: -.01em; }
.as-geo-t__testa b .as-geo-ic { width: calc(16 * var(--u)); height: calc(16 * var(--u)); color: #8F8F8F; }
.as-geo-t__vuoto { position: absolute; left: 0; right: 0; top: calc(392 * var(--u)); text-align: center; font-size: calc(25 * var(--u)); font-weight: 600; letter-spacing: -.02em; transition: opacity .3s ease; }
.as-geo.is-chat .as-geo-t__vuoto { opacity: 0; }

/* la conversazione */
.as-geo-t__chat { position: absolute; top: calc(116 * var(--u)); left: calc(18 * var(--u)); right: calc(18 * var(--u)); bottom: calc(108 * var(--u)); display: flex; flex-direction: column; gap: calc(14 * var(--u)); }
.as-geo-t__io { align-self: flex-end; max-width: calc(300 * var(--u)); padding: calc(10 * var(--u)) calc(16 * var(--u)); border-radius: calc(20 * var(--u)); background: #F1F1F1; font-size: calc(17 * var(--u)); line-height: 1.35; transition: opacity .3s ease, transform .4s cubic-bezier(.2, .8, .2, 1); }
.as-geo:not(.is-chat) .as-geo-t__io { opacity: 0; transform: translateY(calc(16 * var(--u))); }
.as-geo-t__cerca { display: flex; align-items: center; gap: calc(7 * var(--u)); font-size: calc(15 * var(--u)); color: #8F8F8F; transition: opacity .3s ease; }
.as-geo-t__cerca .as-geo-ic { width: calc(16 * var(--u)); height: calc(16 * var(--u)); }
.as-geo:not(.is-cerca) .as-geo-t__cerca { opacity: 0; }
.as-geo-t__cerca .is-fatta { display: none; }
.as-geo.is-r1 .as-geo-t__cerca .is-ora { display: none; }
.as-geo.is-r1 .as-geo-t__cerca .is-fatta { display: inline; }
.as-geo.is-cerca:not(.is-r1) .as-geo-t__cerca .is-ora { background: linear-gradient(90deg, #8F8F8F 0%, #8F8F8F 35%, #E0E0E0 50%, #8F8F8F 65%, #8F8F8F 100%) 0 0 / 300% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: as-geo-luccica 1.4s linear infinite; }
@keyframes as-geo-luccica { from { background-position: 100% 0; } to { background-position: 0 0; } }
.as-geo-t__risposta { display: grid; grid-template-columns: minmax(0, 1fr); gap: calc(12 * var(--u)); font-size: calc(16.5 * var(--u)); line-height: 1.45; letter-spacing: -.005em; }
.as-geo-t__risposta b { font-weight: 600; }
/* la risposta arriva come nelle app vere: riga dopo riga, da sinistra */
.as-geo-t__r { clip-path: inset(0 0 0 0); transition: clip-path .9s linear, opacity .2s ease; }
.as-geo:not(.is-r1) .as-geo-t__r.is-r1, .as-geo:not(.is-r2) .as-geo-t__r.is-r2, .as-geo:not(.is-r3) .as-geo-t__r.is-r3, .as-geo:not(.is-r4) .as-geo-t__r.is-r4, .as-geo:not(.is-r5) .as-geo-t__r.is-r5 { clip-path: inset(0 100% 0 0); opacity: 0; }
/* le schede delle imprese, in fila come nelle risposte coi luoghi (la terza tagliata dal bordo) */
.as-geo-t__schede { display: flex; gap: calc(10 * var(--u)); min-width: 0; margin-right: calc(-18 * var(--u)); } /* la colonna non si allarga: la terza scheda esce dal bordo e lo schermo la taglia */
.as-geo-t__scheda { flex: none; display: grid; gap: calc(2 * var(--u)); width: calc(150 * var(--u)); }
.as-geo-t__foto { display: block; height: calc(92 * var(--u)); margin-bottom: calc(5 * var(--u)); border-radius: calc(13 * var(--u)); background: #E6E2DA 50% 50% / cover no-repeat; }
.as-geo-t__scheda b { font-size: calc(15 * var(--u)); line-height: 1.25; letter-spacing: -.01em; }
.as-geo-t__scheda small { display: flex; align-items: center; gap: calc(3 * var(--u)); font-size: calc(12.5 * var(--u)); line-height: 1.3; color: #6E6E6E; white-space: nowrap; }
.as-geo-t__scheda small em { color: #0D0D0D; }
.as-geo-t__stelle { display: inline-flex; gap: calc(1 * var(--u)); }
.as-geo-t__stelle i { display: block; width: calc(11 * var(--u)); height: calc(11 * var(--u)); color: #D9D9D9; }
.as-geo-t__stelle i.is-piena { color: #F08A3C; }
.as-geo-t__stelle .as-geo-ic { width: 100%; height: 100%; }
.as-geo-t__fonte { display: inline-flex; align-items: center; gap: calc(5 * var(--u)); height: calc(23 * var(--u)); padding: 0 calc(9 * var(--u)) 0 calc(4 * var(--u)); border-radius: 999px; background: #F0F0F0; vertical-align: calc(1 * var(--u)); font-size: calc(12.5 * var(--u)); color: #5D5D5D; white-space: nowrap; }
.as-geo-t__fonte i { display: grid; place-items: center; width: calc(16 * var(--u)); height: calc(16 * var(--u)); overflow: hidden; border-radius: 50%; background: #fff; }
.as-geo-t__fonte i .as-lg, .as-geo-t__fonte i svg { width: 100%; height: 100%; }
.as-geo-t__fonte i.is-vuoto { color: #8F8F8F; }
.as-geo-t__fonte i.is-vuoto svg { width: 80%; height: 80%; }
.as-geo-t__azioni { display: flex; align-items: center; gap: calc(16 * var(--u)); color: #6E6E6E; }
.as-geo-t__azioni > .as-geo-ic { width: calc(19 * var(--u)); height: calc(19 * var(--u)); }
.as-geo-t__fonti { display: inline-flex; align-items: center; height: calc(30 * var(--u)); margin-left: auto; padding: 0 calc(12 * var(--u)) 0 calc(6 * var(--u)); border-radius: 999px; box-shadow: inset 0 0 0 1px #E3E3E3; font-size: calc(13 * var(--u)); color: #0D0D0D; }
.as-geo-t__fonti i { display: grid; place-items: center; width: calc(20 * var(--u)); height: calc(20 * var(--u)); margin-right: calc(-5 * var(--u)); overflow: hidden; border-radius: 50%; background: #fff; box-shadow: 0 0 0 calc(1.5 * var(--u)) #fff; color: #8F8F8F; }
.as-geo-t__fonti i:last-of-type { margin-right: calc(7 * var(--u)); }
.as-geo-t__fonti i .as-lg, .as-geo-t__fonti i svg { width: 100%; height: 100%; }
.as-geo-t__fonti i.is-vuoto svg { width: 78%; height: 78%; }

/* il campo in fondo: + a sinistra, «Chiedi qualsiasi cosa», il microfono, il tasto nero (voce, poi invio) */
.as-geo-t__piede { position: absolute; z-index: 12; left: 0; right: 0; bottom: 0; padding: calc(8 * var(--u)) calc(12 * var(--u)) calc(34 * var(--u)); background: #fff; transition: bottom .38s cubic-bezier(.2, .8, .2, 1), padding .38s cubic-bezier(.2, .8, .2, 1); }
.as-geo.is-tastiera .as-geo-t__piede { bottom: calc(300 * var(--u)); padding-bottom: calc(8 * var(--u)); }
.as-geo-t__campo { display: flex; align-items: center; gap: calc(8 * var(--u)); min-height: calc(54 * var(--u)); padding: 0 calc(7 * var(--u)) 0 calc(7 * var(--u)); border-radius: calc(27 * var(--u)); background: #fff; box-shadow: 0 0 0 1px #E5E5E5, 0 calc(4 * var(--u)) calc(14 * var(--u)) rgba(0, 0, 0, .06); }
.as-geo-t__piu { display: grid; place-items: center; flex: none; width: calc(36 * var(--u)); height: calc(36 * var(--u)); border-radius: 50%; color: #0D0D0D; }
.as-geo-t__piu .as-geo-ic { width: calc(22 * var(--u)); height: calc(22 * var(--u)); }
.as-geo-t__campo-t { position: relative; flex: 1; min-width: 0; font-size: calc(17 * var(--u)); line-height: 1.3; }
.as-geo-t__segna { color: #9B9B9B; }
.as-geo-t__digita { position: absolute; left: 0; right: 0; top: 0; white-space: nowrap; overflow: hidden; }
.as-geo.is-digita .as-geo-t__segna { visibility: hidden; }
.as-geo.is-tastiera .as-geo-t__digita::after { content: ""; display: inline-block; width: calc(2 * var(--u)); height: calc(21 * var(--u)); margin-left: calc(1 * var(--u)); vertical-align: calc(-4 * var(--u)); background: #2F7BF6; animation: as-geo-cursore 1s steps(1) infinite; }
@keyframes as-geo-cursore { 50% { opacity: 0; } }
.as-geo-t__mic { flex: none; color: #0D0D0D; }
.as-geo-t__mic .as-geo-ic { width: calc(21 * var(--u)); height: calc(21 * var(--u)); }
.as-geo-t__voce { position: relative; display: grid; place-items: center; flex: none; width: calc(38 * var(--u)); height: calc(38 * var(--u)); border-radius: 50%; background: #0D0D0D; color: #fff; }
.as-geo-t__voce .as-geo-ic { position: absolute; width: calc(20 * var(--u)); height: calc(20 * var(--u)); transition: opacity .2s ease; }
.as-geo-t__voce .is-su { opacity: 0; }
.as-geo.is-digita .as-geo-t__voce .is-su { opacity: 1; }
.as-geo.is-digita .as-geo-t__voce .is-onde { opacity: 0; }
.as-geo.is-digita .as-geo-t__mic { opacity: 0; }
/* la tastiera di iOS 26 (quella del salone: casi/salone.css) */
.as-geo.is-tastiera .as-geo-t__tastiera { transform: none; }
.as-geo-t .as-cb-dito { z-index: 30; }

/* ══ IL MAC DI PAOLO: SEARCH CONSOLE IN CHROME ══ */
.as-geo-c { --sc-clic: #4285F4; --sc-imp: #5E35B1; --sc-ctr: #00897B; --sc-pos: #E8710A; --sc-filo: #DADCE0; --sc-testo: #202124; --sc-grigio: #5F6368; background: #fff; }
.as-geo-c .as-geo-ic { width: calc(20 * var(--q)); height: calc(20 * var(--q)); }
.as-geo-c__segno { display: block; flex: none; width: 100%; height: 100%; }
.as-geo-c__fav-ltf { background: #fff; }
.as-geo-c__fav-ltf .as-lg { width: 100%; height: 100%; }
.as-geo-c__sc { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; background: #fff; color: var(--sc-testo); font-family: 'Google Sans', Roboto, Arial, 'Helvetica Neue', Helvetica, sans-serif; }
.as-geo-c__testa { flex: none; display: flex; align-items: center; gap: calc(24 * var(--q)); height: calc(60 * var(--q)); padding: 0 calc(16 * var(--q)); border-bottom: 1px solid var(--sc-filo); }
.as-geo-c__marchio { flex: none; display: flex; align-items: center; gap: calc(14 * var(--q)); width: calc(226 * var(--q)); color: var(--sc-grigio); }
.as-geo-c__marchio .as-geo-c__segno { width: calc(26 * var(--q)); height: calc(26 * var(--q)); }
.as-geo-c__marchio b { margin-left: calc(-6 * var(--q)); font-size: calc(20 * var(--q)); font-weight: 400; letter-spacing: -.01em; white-space: nowrap; }
.as-geo-c__cerca { flex: 1; max-width: calc(640 * var(--q)); display: flex; align-items: center; gap: calc(14 * var(--q)); height: calc(44 * var(--q)); padding: 0 calc(16 * var(--q)); border-radius: calc(8 * var(--q)); background: #F1F3F4; color: var(--sc-grigio); font-size: calc(14.5 * var(--q)); white-space: nowrap; overflow: hidden; }
.as-geo-c__attrezzi { display: flex; align-items: center; gap: calc(20 * var(--q)); margin-left: auto; color: var(--sc-grigio); }
.as-geo-c__corpo { flex: 1; min-height: 0; display: flex; }
.as-geo-c__lato { flex: none; width: calc(244 * var(--q)); padding: calc(12 * var(--q)) calc(12 * var(--q)) 0 0; }
.as-geo-c__prop { display: flex; align-items: center; gap: calc(10 * var(--q)); height: calc(40 * var(--q)); margin: 0 0 calc(10 * var(--q)) calc(12 * var(--q)) !important; padding: 0 calc(10 * var(--q)); border-radius: calc(6 * var(--q)); box-shadow: inset 0 0 0 1px var(--sc-filo); font-size: calc(14 * var(--q)); }
.as-geo-c__prop > span:nth-child(2) { flex: 1; }
.as-geo-c__prop-ic { color: var(--sc-grigio); }
.as-geo-c__prop .as-geo-ic { width: calc(18 * var(--q)); height: calc(18 * var(--q)); color: var(--sc-grigio); }
.as-geo-c__sez { padding: calc(10 * var(--q)) 0 calc(4 * var(--q)) calc(24 * var(--q)); font-size: calc(12.5 * var(--q)); font-weight: 500; color: var(--sc-grigio); }
.as-geo-c__voce { display: flex; align-items: center; gap: calc(16 * var(--q)); height: calc(34 * var(--q)); padding-left: calc(24 * var(--q)); border-radius: 0 calc(17 * var(--q)) calc(17 * var(--q)) 0; font-size: calc(14 * var(--q)); color: var(--sc-testo); }
.as-geo-c__voce .as-geo-ic { width: calc(18 * var(--q)); height: calc(18 * var(--q)); color: var(--sc-grigio); }
.as-geo-c__voce.is-on { background: #E8F0FE; color: #1967D2; font-weight: 500; }
.as-geo-c__voce.is-on .as-geo-ic { color: #1967D2; }
.as-geo-c__main { flex: 1; min-width: 0; padding: calc(16 * var(--q)) calc(26 * var(--q)) 0; background: #F8F9FA; }
.as-geo-c__titolo { display: flex; align-items: center; justify-content: space-between; height: calc(34 * var(--q)); }
.as-geo-c__titolo b { font-size: calc(21 * var(--q)); font-weight: 400; letter-spacing: -.005em; }
.as-geo-c__titolo span { display: inline-flex; align-items: center; gap: calc(6 * var(--q)); font-size: calc(13 * var(--q)); font-weight: 500; letter-spacing: .05em; color: #1967D2; }
.as-geo-c__titolo .as-geo-ic { width: calc(18 * var(--q)); height: calc(18 * var(--q)); }
.as-geo-c__filtri { display: flex; align-items: center; gap: calc(8 * var(--q)); margin: calc(8 * var(--q)) 0 calc(12 * var(--q)) !important; font-size: calc(13 * var(--q)); }
.as-geo-c__chip, .as-geo-c__piu { display: inline-flex; align-items: center; gap: calc(6 * var(--q)); height: calc(30 * var(--q)); padding: 0 calc(10 * var(--q)) 0 calc(12 * var(--q)); border-radius: calc(15 * var(--q)); background: #fff; box-shadow: inset 0 0 0 1px var(--sc-filo); white-space: nowrap; }
.as-geo-c__chip .as-geo-ic { width: calc(15 * var(--q)); height: calc(15 * var(--q)); color: var(--sc-grigio); }
.as-geo-c__piu { box-shadow: none; background: none; color: #1967D2; font-weight: 500; }
.as-geo-c__piu .as-geo-ic { width: calc(16 * var(--q)); height: calc(16 * var(--q)); }
.as-geo-c__filtri em { margin-left: auto; font-size: calc(12 * var(--q)); color: var(--sc-grigio); }
.as-geo-c__card { overflow: hidden; border-radius: calc(8 * var(--q)); background: #fff; box-shadow: 0 0 0 1px var(--sc-filo); }
.as-geo-c__card + .as-geo-c__card { margin-top: calc(14 * var(--q)); }
.as-geo-c__tiles { display: grid; grid-template-columns: repeat(4, 1fr); }
.as-geo-c__tiles p { position: relative; display: grid; gap: calc(4 * var(--q)); height: calc(84 * var(--q)); padding: calc(12 * var(--q)) calc(16 * var(--q)) 0 calc(42 * var(--q)); color: var(--sc-grigio); }
.as-geo-c__tiles p + p { box-shadow: inset 1px 0 0 var(--sc-filo); }
.as-geo-c__tiles i { position: absolute; left: calc(14 * var(--q)); top: calc(14 * var(--q)); width: calc(16 * var(--q)); height: calc(16 * var(--q)); border-radius: calc(3 * var(--q)); box-shadow: inset 0 0 0 calc(2 * var(--q)) #80868B; }
.as-geo-c__tiles span { font-size: calc(13 * var(--q)); }
.as-geo-c__tiles b { font-size: calc(30 * var(--q)); font-weight: 400; line-height: 1.1; letter-spacing: -.01em; color: var(--sc-testo); font-variant-numeric: tabular-nums; }
.as-geo-c__tiles .is-on { color: #fff; }
.as-geo-c__tiles .is-on b { color: #fff; }
.as-geo-c__tiles .is-on i { background: #fff; box-shadow: none; }
.as-geo-c__tiles .is-on i::after { content: ""; position: absolute; left: 32%; top: 14%; width: 30%; height: 56%; border: solid var(--c); border-width: 0 calc(2.4 * var(--q)) calc(2.4 * var(--q)) 0; transform: rotate(40deg); }
.as-geo-c__tiles .is-clic.is-on { --c: var(--sc-clic); background: var(--sc-clic); }
.as-geo-c__tiles .is-imp.is-on { --c: var(--sc-imp); background: var(--sc-imp); }
.as-geo-c__grafico { display: grid; grid-template-columns: calc(40 * var(--q)) minmax(0, 1fr) calc(46 * var(--q)); grid-template-rows: calc(152 * var(--q)) auto; column-gap: calc(8 * var(--q)); padding: calc(16 * var(--q)) calc(14 * var(--q)) calc(8 * var(--q)); }
.as-geo-c__asse { display: flex; flex-direction: column; justify-content: space-between; font-size: calc(11 * var(--q)); color: var(--sc-grigio); }
.as-geo-c__asse span:first-child { margin-top: calc(-16 * var(--q)); color: var(--sc-clic); font-weight: 500; }
.as-geo-c__asse.is-sx { text-align: right; }
.as-geo-c__asse.is-dx span:first-child { color: var(--sc-imp); }
.as-geo-c__area { position: relative; }
.as-geo-c__area svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.as-geo-c__griglia { fill: none; stroke: #E8EAED; stroke-width: 1; vector-effect: non-scaling-stroke; }
.as-geo-c__linea { fill: none; stroke-width: calc(2 * var(--q)); stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.as-geo-c__linea.is-clic { stroke: var(--sc-clic); }
.as-geo-c__linea.is-imp { stroke: var(--sc-imp); }
/* il grafico si disegna da sinistra (sei mesi in 2,4 secondi) */
.as-geo-c__area svg { clip-path: inset(-5% 0 -5% 0); transition: clip-path 2.4s cubic-bezier(.4, 0, .3, 1); }
.as-geo:not(.is-grafico) .as-geo-c__area svg { clip-path: inset(-5% 100% -5% 0); }
.as-geo-c__date { grid-column: 2; display: flex; justify-content: space-between; padding-top: calc(6 * var(--q)); font-size: calc(11 * var(--q)); color: var(--sc-grigio); }
/* l'ultimo giorno sotto il puntatore: la riga, i due punti, il riquadro */
.as-geo-c__punto { position: absolute; top: 0; bottom: 0; left: var(--x); width: 1px; background: #BDC1C6; transition: opacity .3s ease; }
.as-geo-c__punto > i { position: absolute; left: 50%; top: var(--y); width: calc(9 * var(--q)); height: calc(9 * var(--q)); margin: calc(-4.5 * var(--q)) 0 0 calc(-4.5 * var(--q)); border-radius: 50%; box-shadow: 0 0 0 calc(2 * var(--q)) #fff; }
.as-geo-c__punto > i.is-clic { background: var(--sc-clic); }
.as-geo-c__punto > i.is-imp { background: var(--sc-imp); }
.as-geo-c__tip { position: absolute; right: calc(12 * var(--q)); top: calc(4 * var(--q)); display: grid; gap: calc(4 * var(--q)); width: calc(168 * var(--q)); padding: calc(10 * var(--q)) calc(12 * var(--q)); border-radius: calc(6 * var(--q)); background: #fff; box-shadow: 0 1px 3px rgba(60, 64, 67, .3), 0 calc(4 * var(--q)) calc(8 * var(--q)) calc(3 * var(--q)) rgba(60, 64, 67, .15); font-size: calc(12 * var(--q)); font-weight: 500; white-space: nowrap; }
.as-geo-c__tip span { display: flex; align-items: center; gap: calc(6 * var(--q)); font-weight: 400; color: var(--sc-grigio); }
.as-geo-c__tip span i { width: calc(8 * var(--q)); height: calc(8 * var(--q)); border-radius: 50%; }
.as-geo-c__tip span i.is-clic { background: var(--sc-clic); }
.as-geo-c__tip span i.is-imp { background: var(--sc-imp); }
.as-geo-c__tip em { margin-left: auto; color: var(--sc-testo); font-weight: 500; }
.as-geo:not(.is-punto) .as-geo-c__punto { opacity: 0; }
/* le query: la scheda QUERY, l'intestazione, le cinque ricerche che portano clienti */
.as-geo-c__tab { display: flex; gap: calc(26 * var(--q)); height: calc(42 * var(--q)); padding: 0 calc(18 * var(--q)); box-shadow: inset 0 -1px 0 var(--sc-filo); font-size: calc(12.5 * var(--q)); font-weight: 500; letter-spacing: .06em; color: var(--sc-grigio); }
.as-geo-c__tab span { display: flex; align-items: center; }
.as-geo-c__tab .is-on { color: #1967D2; box-shadow: inset 0 calc(-3 * var(--q)) 0 #1967D2; transition: color .3s ease, box-shadow .3s ease; }
.as-geo:not(.is-query) .as-geo-c__tab .is-on { color: var(--sc-grigio); box-shadow: none; }
.as-geo-c__riga { display: grid; grid-template-columns: minmax(0, 1fr) calc(110 * var(--q)) calc(120 * var(--q)) calc(110 * var(--q)); align-items: center; height: calc(37 * var(--q)); padding: 0 calc(18 * var(--q)); box-shadow: inset 0 -1px 0 #F1F3F4; font-size: calc(13.5 * var(--q)); }
.as-geo-c__riga b { font-weight: 400; text-align: right; font-variant-numeric: tabular-nums; }
.as-geo-c__riga.is-h { height: calc(40 * var(--q)); font-size: calc(12.5 * var(--q)); color: var(--sc-grigio); }
.as-geo-c__riga.is-h span { display: flex; align-items: center; gap: calc(10 * var(--q)); }
.as-geo-c__riga.is-h .as-geo-ic { width: calc(18 * var(--q)); height: calc(18 * var(--q)); }
.as-geo-c__riga.is-h b { font-weight: 500; color: var(--sc-testo); }
.as-geo-c__riga:not(.is-h) { transition: opacity .35s ease, transform .45s cubic-bezier(.2, .8, .2, 1), background-color .6s ease; transition-delay: calc(var(--k) * .18s); }
.as-geo:not(.is-query) .as-geo-c__riga:not(.is-h) { opacity: 0; transform: translateY(calc(8 * var(--q))); }
.as-geo-c__riga.is-prima { background: #E8F0FE; }

/* ══ LA SEZIONE (site/prova, demo «geochat»): titolo, la scena, i capitoli sotto (come il salone) ══ */
.as-prova--geochat .as-prova__demo { display: block; padding: 0; border-radius: 0; background: none; overflow: visible; }
@media (min-width: 1000px) {
	.as-prova--geochat .as-prova__testa { display: block; }
	.as-prova--geochat .as-prova__titolo { max-width: none; }
}