/*
 * Studio Arfia · seguito.css · v0.120 · 06/11/2026
 * «La notte» per «Seguito ogni giorno, anche dopo la consegna.» (template-parts/site/seguito.php), col cliente Ardena Energia:
 * il palco col parco eolico di notte e le pale sul cielo pulito al mattino, la telecamera, i vetri dei controlli, delle copie e
 * degli aggiornamenti, l'iPhone di Benedetta; i 4 capitoli sotto. Vita in assets/js/seguito.js. Lo stile nasce dalla regia delle garanzie
 * (garanzie.css): la tela è 86 × 50em; nell'iPhone i PUNTI dello schermo (var(--u) del kit). Le app nel font di sistema.
 * Niente gialli (la notte è blu e lavanda, l'alba rosa), niente backdrop-filter dentro il telefono (Errori 1.78), nessun allarme.
 */
.as-so1 { --so1-sys: -apple-system, 'SF Pro Text', system-ui, 'Helvetica Neue', Arial, sans-serif; --so1-blu: #0A84FF; --so1-verde: #2FB552; --so1-ink: #1C1C1E; --so1-ardena: #2449D8; --so1-ardena-ink: #0E2233; }
.as-so1__testa { display: grid; gap: 14px; margin-bottom: clamp(26px, 3vw, 44px); }
@media (min-width: 1000px) { .as-so1__testa { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: end; column-gap: 56px; } }
.as-so1__titolo { margin: 0; max-width: 18ch; text-wrap: balance; }
.as-so1__titolo em { font-style: normal; color: var(--as-grigio-display); }
.as-so1__sotto { margin: 0; max-width: 40ch; font-size: clamp(16px, 1.15vw, 18px); line-height: 1.5; color: var(--as-muted, rgba(10, 10, 10, .6)); }

/* ══ IL PALCO: il parco eolico, il cielo che cambia, la telecamera ══ */
.as-so1__regia { position: relative; width: 100%; }
.as-so1__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, 1));
	background: #0B0E1E;
	isolation: isolate;
}
@supports (corner-shape: squircle) { .as-so1__palco { corner-shape: squircle; } }
/* le foto: il parco eolico all'ora blu (la notte, scurita ancora un poco) e le pale sul cielo pulito (la mattina) */
.as-so1__foto { position: absolute; inset: -2%; background: 50% 50% / cover no-repeat; transform: scale(1.04); transition: opacity 2.2s ease, filter 2.4s ease, transform 6s ease; }
.as-so1__foto.is-notte { background-image: url('../img/seguito-notte.webp'); background-position: 50% 62%; filter: brightness(.98) saturate(1); }
.as-so1__regia:not(.is-alba) .as-so1__foto.is-notte { filter: brightness(.5) saturate(.8) contrast(1.06); transform: scale(1); }
.as-so1__regia.is-alba:not(.is-mattina) .as-so1__foto.is-notte { filter: brightness(.82) saturate(.95); }
.as-so1__foto.is-giorno { background-image: url('../img/seguito-mattina.webp'); background-position: 50% 30%; opacity: 0; filter: saturate(.92); }
.as-so1__regia.is-mattina .as-so1__foto.is-giorno { opacity: 1; }
.as-so1__cielo { position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity 1.8s ease; }
.as-so1__cielo.is-notte {
	background:
		radial-gradient(30% 42% at 86% 8%, rgba(190, 206, 255, .22), rgba(190, 206, 255, 0) 70%),
		radial-gradient(46% 60% at 14% 90%, rgba(110, 96, 255, .26), rgba(110, 96, 255, 0) 72%),
		linear-gradient(180deg, rgba(8, 12, 34, .74) 0%, rgba(12, 16, 42, .56) 50%, rgba(6, 8, 24, .8) 100%);
}
.as-so1__cielo.is-alba {
	background:
		radial-gradient(60% 70% at 30% 100%, rgba(255, 160, 190, .55), rgba(255, 160, 190, 0) 70%),
		radial-gradient(50% 60% at 90% 90%, rgba(196, 164, 255, .45), rgba(196, 164, 255, 0) 70%),
		linear-gradient(180deg, rgba(40, 34, 84, .5), rgba(80, 50, 110, .2));
}
/* la mattina: niente velo bianco (faceva i vetri lattiginosi), solo un filo di luce in alto e un po' di profondità in basso */
.as-so1__cielo.is-giorno {
	background:
		radial-gradient(50% 60% at 18% 0%, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 70%),
		radial-gradient(40% 50% at 92% 100%, rgba(150, 120, 255, .18), rgba(150, 120, 255, 0) 70%),
		linear-gradient(180deg, rgba(8, 30, 70, 0) 40%, rgba(8, 30, 70, .2) 100%);
}
.as-so1__regia:not(.is-alba) .as-so1__cielo.is-notte { opacity: 1; }
.as-so1__regia.is-alba:not(.is-mattina) .as-so1__cielo.is-alba { opacity: 1; }
.as-so1__regia.is-mattina .as-so1__cielo.is-giorno { opacity: 1; }
.as-so1__cam {
	/* il campo lungo (anche senza JS): tutta la tela, centrata */
	--cs: calc(.815 / var(--z));
	--cx: 9.25cqw;
	--cy: 2.6cqw;
	position: absolute;
	z-index: 2;
	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-so1__palco { --a: 1.5; --z: 2.3; }
	.as-so1__cam { --cs: calc(.94 / var(--z)); --cx: 3cqw; --cy: 6cqw; }
}
@media (max-width: 699px) {
	.as-so1__palco { --a: .72; --z: 5; border-radius: calc(22px * var(--as-brm, 1)); }
	.as-so1__foto.is-notte { background-position: 47% 60%; }
	.as-so1__foto.is-giorno { background-position: 50% 30%; }
	/* da telefono la telecamera inquadra un vetro alla volta: quelli fuori dall'inquadratura si spengono (prima si vedevano a metà) */
	.as-so1__regia:is([data-so1-cam="controlli"], [data-so1-cam="notte"]) :is(.as-so1-cp, .as-so1-ag),
	.as-so1__regia[data-so1-cam="copie"] :is(.as-so1-ct, .as-so1-ag),
	.as-so1__regia[data-so1-cam="agg"] :is(.as-so1-ct, .as-so1-cp) { opacity: 0; }
	/* senza JS da telefono: il telefono di Benedetta con la risposta (la zona «tutto-m») */
	.as-so1__cam { --cs: .499; --cx: -156.6cqw; --cy: -5.1cqw; }
}
.as-so1__scena { position: absolute; left: 0; top: 0; width: 86em; height: 50em; font-family: var(--so1-sys); color: var(--so1-ink); -webkit-font-smoothing: antialiased; }
/* a peso zero: le app dentro il telefono hanno i loro margini (i fumetti di Messaggi) */
:where(.as-so1__scena) :is(p, ul, ol) { margin: 0; padding: 0; list-style: none; }
:where(.as-so1__scena) :is(b, small, em, i) { font-style: normal; }
.as-so1--fermo, .as-so1--fermo *, .as-so1__regia.is-salto, .as-so1__regia.is-salto * { transition: none !important; animation: none !important; }
.as-so1-zona { position: absolute; display: block; visibility: hidden; pointer-events: none; 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-so1-zona.is-em { left: calc(var(--x) * 1em); top: calc(var(--y) * 1em); width: calc(var(--w) * 1em); height: calc(var(--h) * 1em); }
.as-so1-ic { display: block; flex: none; width: 1em; height: 1em; fill: none; }

/* ══ I VETRI (la ricetta del 02/11): bianchi col filo chiaro, squircle; di notte sembrano schermi accesi nel buio ══ */
.as-so1__vetro { position: absolute; padding: 1.1em 1.2em; border-radius: calc(1.5em * var(--as-brm, 1)); background: rgba(255, 255, 255, .965); box-shadow: inset 0 0 0 .07em rgba(255, 255, 255, .95), 0 .2em .5em rgba(8, 30, 70, .08), 0 1.6em 3.4em -1.4em rgba(8, 30, 70, .42); transition: box-shadow 1.8s ease, background 1.8s ease, opacity .55s ease; }
@supports (corner-shape: squircle) { .as-so1__vetro { corner-shape: squircle; } }
.as-so1__regia:not(.is-alba) .as-so1__vetro:not(.as-so1-or) { background: rgba(255, 255, 255, .9); box-shadow: inset 0 0 0 .07em rgba(255, 255, 255, .9), 0 0 4em -.6em rgba(120, 140, 255, .35), 0 1.4em 3em -1.6em rgba(0, 0, 0, .6); }
.as-so1-v__testa { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .7em; }
.as-so1-v__testa p { display: grid; gap: .12em; min-width: 0; line-height: 1.2; }
.as-so1-v__testa b { font-size: 1.05em; font-weight: 600; letter-spacing: -.01em; }
.as-so1-v__testa small { font-size: .8em; color: rgba(28, 28, 30, .55); }
.as-so1-v__ico { display: grid; place-items: center; width: 2.3em; height: 2.3em; border-radius: calc(.7em * var(--as-brm, 1)); }
.as-so1-v__ico .as-so1-ic { width: 1.25em; height: 1.25em; stroke-width: 2; }
.as-so1-v__ico.is-verde { background: #E2F5E8; color: #1F8A47; }
.as-so1-v__ico.is-lavanda { background: #ECE7FF; color: #6A4FE0; }
.as-so1-v__ico.is-cielo { background: #E3EFFF; color: #2D6FD8; }
.as-so1-v__pill { display: inline-flex; align-items: center; gap: .4em; padding: .35em .7em; border-radius: 999px; background: #F2F2F5; font-size: .78em; font-weight: 600; white-space: nowrap; color: rgba(28, 28, 30, .7); }
.as-so1-v__pill.is-verde { background: #E2F5E8; color: #1F7A43; }
.as-so1-v__pill.is-verde i { width: .55em; height: .55em; border-radius: 50%; background: var(--so1-verde); box-shadow: 0 0 0 .2em rgba(47, 181, 82, .2); animation: as-so1-vivo 2.4s ease-in-out infinite; }
@keyframes as-so1-vivo { 50% { box-shadow: 0 0 0 .35em rgba(47, 181, 82, .08); } }
.as-so1-v__piede { margin-top: .75em !important; font-size: .8em; color: rgba(28, 28, 30, .55); }

/* L'OROLOGIO: il vetro scuro con le luci colorate, la cifra grande */
.as-so1-or { left: 5.2em; top: 3.6em; width: 24.6em; height: 13.2em; display: grid; align-content: space-between; padding: 1.2em 1.4em 1.25em; color: #fff;
	background:
		radial-gradient(70% 90% at 0% 0%, rgba(255, 140, 190, .42), rgba(255, 140, 190, 0) 62%),
		radial-gradient(70% 90% at 100% 100%, rgba(140, 120, 255, .5), rgba(140, 120, 255, 0) 62%),
		radial-gradient(60% 70% at 100% 0%, rgba(110, 180, 255, .32), rgba(110, 180, 255, 0) 62%),
		#15131F;
	box-shadow: inset 0 0 0 .07em rgba(255, 255, 255, .14), 0 1.6em 3.4em -1.6em rgba(0, 0, 0, .6); }
.as-so1-or__stato { display: flex; font-size: .9em; color: rgba(255, 255, 255, .75); }
.as-so1-or__stato span { display: inline-flex; align-items: center; gap: .5em; }
.as-so1-or__stato .as-so1-ic { width: 1.15em; height: 1.15em; stroke-width: 2; }
.as-so1-or__stato .is-giorno { display: none; }
.as-so1__regia.is-mattina .as-so1-or__stato .is-notte { display: none; }
.as-so1__regia.is-mattina .as-so1-or__stato .is-giorno { display: inline-flex; }
.as-so1-or__ora { font-size: 5.4em; font-weight: 250; line-height: .95; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.as-so1-or__data { font-size: .95em; color: rgba(255, 255, 255, .7); }

/* 1 · I CONTROLLI DELLA NOTTE */
.as-so1-ct { left: 5.2em; top: 18.4em; width: 24.6em; height: 28.2em; }
.as-so1-ct__cifre { display: grid; grid-template-columns: 1fr 1fr; gap: .8em; margin-top: 1.1em !important; }
.as-so1-ct__cifre p { display: grid; gap: .15em; }
.as-so1-ct__cifre b { font-size: 2.3em; font-weight: 300; line-height: 1; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.as-so1-ct__cifre span { font-size: .78em; color: rgba(28, 28, 30, .55); }
.as-so1-ct__barre { display: flex; align-items: flex-end; gap: .12em; height: 3.6em; margin-top: 1em !important; }
.as-so1-ct__barre i { flex: 1; height: var(--h, 70%); border-radius: .16em; background: rgba(28, 28, 30, .09); transition: background .3s ease; }
.as-so1-ct__barre i.is-on { background: linear-gradient(180deg, #46D16C, #2BA851); }
.as-so1-ct__scala { display: flex; justify-content: space-between; margin-top: .35em !important; font-size: .72em; color: rgba(28, 28, 30, .5); }
.as-so1-ct__righe { margin-top: .9em !important; }
.as-so1-ct__righe li { display: flex; align-items: center; gap: .55em; padding: .58em 0; border-top: .06em solid rgba(28, 28, 30, .08); font-size: .9em; }
.as-so1-ct__righe .as-so1-ic { width: 1.1em; height: 1.1em; stroke-width: 2.4; color: var(--so1-verde); }
.as-so1-ct__righe span { flex: 1; min-width: 0; }
.as-so1-ct__righe em { font-size: .9em; color: rgba(28, 28, 30, .5); }

/* 2 · LE COPIE: quella di stanotte arriva in cima e si riempie, la più vecchia se ne va */
.as-so1-cp { left: 31.6em; top: 3.6em; width: 27em; }
.as-so1-cp__lista { margin-top: .85em !important; }
.as-so1-cp__v { display: grid; grid-template-rows: 1fr; transition: grid-template-rows .55s cubic-bezier(.2, .8, .2, 1); }
.as-so1-cp__in { display: grid; grid-template-columns: 1.7em 6.6em minmax(0, 1fr) auto; align-items: center; gap: .6em; min-height: 0; overflow: hidden; border-top: .06em solid rgba(28, 28, 30, .08); font-size: .9em; transition: opacity .4s ease, background .6s ease; }
.as-so1-cp__in > * { margin: .44em 0; }
.as-so1-cp__mini { display: grid; place-items: center; width: 1.7em; height: 1.7em; border-radius: calc(.45em * var(--as-brm, 1)); background: #EAF0FF; color: var(--so1-ardena); box-shadow: inset 0 0 0 .06em rgba(36, 73, 216, .12); }
.as-so1-cp__mini .as-so1-marchio { width: 1.15em; height: 1.15em; }
.as-so1-cp__giorno b { font-weight: 600; }
.as-so1-cp__ora { color: rgba(28, 28, 30, .5); font-variant-numeric: tabular-nums; }
.as-so1-cp__stato { display: inline-flex; justify-content: flex-end; min-width: 5.2em; font-size: .92em; font-variant-numeric: tabular-nums; color: rgba(28, 28, 30, .6); }
.as-so1-cp__stato > span { display: inline-flex; align-items: center; gap: .35em; }
.as-so1-cp__stato .as-so1-ic { width: 1em; height: 1em; stroke-width: 2.6; color: var(--so1-verde); }
/* la nuova: chiusa finché non parte, poi la barra che si riempie (--p dal JS), poi la spunta */
.as-so1-cp__v.is-nuova { grid-template-rows: 0fr; }
.as-so1__regia.is-copia-in .as-so1-cp__v.is-nuova { grid-template-rows: 1fr; }
.as-so1-cp__v.is-nuova .as-so1-cp__in { border-top: 0; border-radius: calc(.55em * var(--as-brm, 1)); padding: 0 .5em; margin: 0 -.5em; background: rgba(106, 79, 224, .08); }
.as-so1__regia.is-copia .as-so1-cp__v.is-nuova .as-so1-cp__in { background: rgba(47, 181, 82, .09); }
.as-so1-cp__barra { position: relative; height: .42em; overflow: hidden; border-radius: 1em; background: rgba(106, 79, 224, .16); }
.as-so1-cp__barra i { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, #8E78FF, #6A4FE0); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); }
.as-so1__regia.is-copia .as-so1-cp__barra i { background: linear-gradient(90deg, #46D16C, #2BA851); }
.as-so1-cp__v.is-nuova .is-dopo { display: none; }
.as-so1__regia.is-copia .as-so1-cp__v.is-nuova .is-prima { display: none; }
.as-so1__regia.is-copia .as-so1-cp__v.is-nuova .is-dopo { display: inline-flex; color: #1F7A43; font-weight: 600; }
.as-so1-cp__v.is-nuova .is-prima { color: #6A4FE0; font-weight: 600; }
.as-so1__regia.is-copia .as-so1-cp__v.is-vecchia { grid-template-rows: 0fr; }
.as-so1__regia.is-copia .as-so1-cp__v.is-vecchia .as-so1-cp__in { opacity: 0; }
.as-so1-cp__v + .as-so1-cp__v.is-vecchia { transition-delay: .25s; }

/* 3 · GLI AGGIORNAMENTI E IL LUCCHETTO */
.as-so1-ag { left: 31.6em; top: 29.4em; width: 27em; }
.as-so1-ag__righe { margin-top: .85em !important; }
.as-so1-ag__r { display: flex; align-items: center; gap: .6em; padding: .5em 0; border-top: .06em solid rgba(28, 28, 30, .08); font-size: .9em; }
.as-so1-ag__r > span { flex: 1; min-width: 0; display: grid; line-height: 1.2; }
.as-so1-ag__r small { font-size: .82em; color: rgba(28, 28, 30, .5); }
.as-so1-ag__r em { display: inline-flex; font-size: .9em; }
.as-so1-ag__r em > span { display: none; align-items: center; gap: .35em; }
.as-so1-ag__r .is-coda { display: inline-flex; color: rgba(28, 28, 30, .4); }
.as-so1-ag__r .is-corso { color: #2D6FD8; font-weight: 600; }
.as-so1-ag__r .is-fatto { color: #1F7A43; font-weight: 600; }
.as-so1-ag__r .as-so1-ic { width: 1em; height: 1em; stroke-width: 2.6; }
.as-so1-ag__r .is-giro { animation: as-so1-giro .8s linear infinite; }
@keyframes as-so1-giro { to { transform: rotate(360deg); } }
.as-so1__regia.is-a1 .as-so1-ag__r.is-1 .is-coda, .as-so1__regia.is-a2 .as-so1-ag__r.is-2 .is-coda, .as-so1__regia.is-a3 .as-so1-ag__r.is-3 .is-coda { display: none; }
.as-so1__regia.is-a1:not(.is-a1ok) .as-so1-ag__r.is-1 .is-corso,
.as-so1__regia.is-a2:not(.is-a2ok) .as-so1-ag__r.is-2 .is-corso,
.as-so1__regia.is-a3:not(.is-a3ok) .as-so1-ag__r.is-3 .is-corso,
.as-so1__regia.is-a1ok .as-so1-ag__r.is-1 .is-fatto,
.as-so1__regia.is-a2ok .as-so1-ag__r.is-2 .is-fatto,
.as-so1__regia.is-a3ok .as-so1-ag__r.is-3 .is-fatto { display: inline-flex; }
.as-so1-ag__lucchetto { display: flex; align-items: center; gap: .7em; margin-top: .7em; padding: .7em .8em; border-radius: calc(.9em * var(--as-brm, 1)); background: #F3F4F8; transition: background .6s ease; }
@supports (corner-shape: squircle) { .as-so1-ag__lucchetto { corner-shape: squircle; } }
.as-so1-ag__lucchetto p { display: grid; gap: .15em; line-height: 1.2; }
.as-so1-ag__lucchetto b { font-size: .95em; font-weight: 600; }
.as-so1-ag__lucchetto small { font-size: .8em; color: rgba(28, 28, 30, .55); }
.as-so1-ag__lucchetto .is-dopo { display: none; }
.as-so1-ag__lu { display: grid; place-items: center; width: 2.3em; height: 2.3em; border-radius: 50%; background: #fff; color: rgba(28, 28, 30, .55); box-shadow: inset 0 0 0 .06em rgba(28, 28, 30, .1); transition: color .4s ease, background .4s ease; }
.as-so1-ag__lu .as-so1-ic { width: 1.25em; height: 1.25em; stroke-width: 2; }
.as-so1-ag__lu .as-so1-ic__arco { transform: translateY(-2.2px); transition: transform .45s cubic-bezier(.34, 1.56, .64, 1); }
.as-so1__regia.is-lucchetto .as-so1-ag__lucchetto { background: #E6F6EC; }
.as-so1__regia.is-lucchetto .as-so1-ag__lu { background: var(--so1-verde); color: #fff; box-shadow: none; }
.as-so1__regia.is-lucchetto .as-so1-ag__lu .as-so1-ic__arco { transform: none; }
.as-so1__regia.is-lucchetto .as-so1-ag__lucchetto .is-prima { display: none; }
.as-so1__regia.is-lucchetto .as-so1-ag__lucchetto .is-dopo { display: inline; color: #1F7A43; font-weight: 600; }

/* ══ L'IPHONE DI BENEDETTA ══ */
.as-so1__tel { position: absolute; z-index: 3; left: calc(61.6em / .92); top: calc(4em / .92); font-size: .92em; /* posizione in em della tela: il telefono ha il suo font-size */ transition: filter 1.4s ease; }
.as-so1__tel .as-iphone { margin: 0; }
.as-so1-t { position: absolute; inset: 0; overflow: hidden; background: #fff; color: #000; font-family: var(--so1-sys); -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; }
.as-so1-t *, .as-so1-t *::before, .as-so1-t *::after { box-sizing: border-box; }
.as-so1-t p { margin: 0; }
.as-so1-t :is(b, small, em, i) { font-style: normal; }
.as-so1-t .as-so1-ic { width: calc(22 * var(--u)); height: calc(22 * var(--u)); }
/* la barra di stato: bianca sullo schermo di blocco, nera in Messaggi; l'ora c'è solo dentro l'app */
.as-so1__tel .as-disp__ora > [data-mondo-di="app"] { display: none; }
.as-so1__regia.is-messaggi .as-so1__tel .as-disp__ora > [data-mondo-di="app"] { display: inline; }
.as-so1__tel .as-disp__stato { transition: color .4s ease .2s, opacity 1s ease; }
.as-so1__regia.is-messaggi .as-so1__tel .as-disp__stato { color: #000; }
.as-so1__regia.is-messaggi .as-so1__tel .as-iphone__home { background: rgba(0, 0, 0, .88); }
.as-so1__regia:not(.is-sveglio) .as-so1__tel .as-disp__stato { opacity: .45; }

/* LO SCHERMO DI BLOCCO: di notte spento a metà (come l'iPhone che riposa), la mattina acceso; sale quando lei apre */
.as-so1-blocco { position: absolute; z-index: 12; inset: 0; overflow: hidden; color: #fff; background: #0B0D16; transition: transform .6s cubic-bezier(.3, .7, .2, 1); }
.as-so1-blocco__fondo { position: absolute; inset: 0; transition: filter 1.2s ease;
	background:
		radial-gradient(90% 55% at 18% 8%, #4C6BFF 0%, rgba(76, 107, 255, 0) 70%),
		radial-gradient(80% 55% at 96% 42%, #9C6CFF 0%, rgba(156, 108, 255, 0) 68%),
		radial-gradient(95% 60% at 22% 92%, #FF7BB0 0%, rgba(255, 123, 176, 0) 66%),
		radial-gradient(70% 50% at 80% 100%, #3B7BFF 0%, rgba(59, 123, 255, 0) 70%),
		linear-gradient(170deg, #1B2A8C, #251A6E 55%, #12164A); }
.as-so1-blocco::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, .05) 62%, rgba(0, 0, 0, .35)); }
.as-so1__regia:not(.is-sveglio) .as-so1-blocco__fondo { filter: brightness(.2) saturate(.35); }
.as-so1-blocco__ora { position: absolute; z-index: 1; left: 0; right: 0; top: calc(92 * var(--u)); display: grid; justify-items: center; line-height: 1; text-shadow: 0 calc(1 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, .25); transition: opacity 1s ease; }
.as-so1-blocco__ora small { font-size: calc(20 * var(--u)); font-weight: 600; }
.as-so1-blocco__ora b { margin-top: calc(4 * var(--u)); font-size: calc(96 * var(--u)); font-weight: 600; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
.as-so1__regia:not(.is-sveglio) .as-so1-blocco__ora { opacity: .55; }
.as-so1-blocco__fuoco { position: absolute; z-index: 1; left: 50%; top: calc(250 * var(--u)); display: flex; align-items: center; gap: calc(7 * var(--u)); padding: calc(7 * var(--u)) calc(14 * var(--u)); border-radius: 999px; background: rgba(255, 255, 255, .16); font-size: calc(16 * var(--u)); font-weight: 600; transform: translateX(-50%); opacity: .7; transition: opacity .6s ease; }
.as-so1-blocco__fuoco .as-so1-ic { width: calc(20 * var(--u)) !important; height: calc(20 * var(--u)) !important; stroke-width: 2; color: #B9A8FF; }
.as-so1__regia.is-sveglio .as-so1-blocco__fuoco { opacity: 0; }
.as-so1-blocco__tasti { position: absolute; z-index: 1; left: calc(46 * var(--u)); right: calc(46 * var(--u)); bottom: calc(52 * var(--u)); display: flex; justify-content: space-between; opacity: 0; transition: opacity .6s ease; }
.as-so1-blocco__tasti i { display: grid; place-items: center; width: calc(50 * var(--u)); height: calc(50 * var(--u)); border-radius: 50%; background: rgba(30, 30, 32, .42); }
.as-so1-blocco__tasti .as-so1-ic { width: calc(22 * var(--u)) !important; height: calc(22 * var(--u)) !important; color: #fff; }
.as-so1__regia.is-sveglio .as-so1-blocco__tasti { opacity: 1; }
.as-so1-blocco__su { position: absolute; z-index: 2; left: 50%; bottom: calc(4 * var(--u)); width: calc(140 * var(--u)); height: calc(30 * var(--u)); margin-left: calc(-70 * var(--u)); }
.as-so1__regia.is-messaggi .as-so1-blocco { transform: translateY(-101%); }

/* MESSAGGI (dalla regia delle garanzie) */
.as-so1-ms { position: absolute; inset: 0; background: #fff; }
.as-so1-ms__testa { position: absolute; z-index: 4; left: 0; right: 0; top: 0; display: grid; grid-template-columns: calc(48 * var(--u)) 1fr calc(48 * var(--u)); align-items: start; height: calc(150 * var(--u)); padding: calc(62 * var(--u)) calc(16 * var(--u)) 0; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0)); }
.as-so1-ms__tondo { display: grid; place-items: center; width: calc(44 * var(--u)); height: calc(44 * var(--u)); margin-top: calc(6 * var(--u)); border-radius: 50%; background: rgba(242, 242, 245, .96); box-shadow: inset 0 calc(.8 * var(--u)) 0 #fff, 0 0 0 calc(.5 * var(--u)) rgba(0, 0, 0, .08), 0 calc(4 * var(--u)) calc(12 * var(--u)) rgba(0, 0, 0, .08); color: #111; }
.as-so1-ms__tondo:last-child { justify-self: end; }
.as-so1-ms__tondo .as-so1-ic { stroke-width: 2.1; }
.as-so1-ms__chi { display: grid; justify-items: center; gap: calc(5 * var(--u)); }
.as-so1-ms__av { display: grid; place-items: center; width: calc(54 * var(--u)); height: calc(54 * var(--u)); border-radius: 50%; background: linear-gradient(180deg, #F4F4F6, #E3E3E8); box-shadow: inset 0 0 0 calc(.5 * var(--u)) rgba(0, 0, 0, .08); }
.as-so1-ms__av img { width: 62%; height: auto; }
.as-so1-ms__chi b { display: flex; align-items: center; gap: calc(3 * var(--u)); padding: calc(4 * var(--u)) calc(10 * var(--u)); border-radius: 999px; background: rgba(242, 242, 245, .96); font-size: calc(14 * var(--u)); font-weight: 600; letter-spacing: -.01em; }
.as-so1-ms__chi b .as-so1-ic { width: calc(12 * var(--u)); height: calc(12 * var(--u)); stroke-width: 2.4; color: #8E8E93; }
.as-so1-ms__vista { position: absolute; left: 0; right: 0; top: calc(140 * var(--u)); bottom: calc(96 * var(--u)); display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; transition: transform .38s cubic-bezier(.2, .8, .2, 1); }
.as-so1-ms__flusso { display: grid; gap: calc(3 * var(--u)); padding: 0 calc(16 * var(--u)) calc(6 * var(--u)); }
.as-so1-ms__data { justify-self: center; margin: calc(12 * var(--u)) 0 calc(6 * var(--u)) !important; font-size: calc(12.5 * var(--u)); color: #8E8E93; }
.as-so1-ms__data b { font-weight: 600; }
.as-so1-ms__f { position: relative; z-index: 0; max-width: 78%; padding: calc(8 * var(--u)) calc(13 * var(--u)) calc(9 * var(--u)); border-radius: calc(20 * var(--u)); font-size: calc(18 * var(--u)); line-height: 1.28; letter-spacing: -.015em; }
.as-so1-ms__f.is-loro { justify-self: start; background: #E9E9EB; transform-origin: 0 100%; }
.as-so1-ms__f.is-mio { justify-self: end; background: var(--so1-blu); color: #fff; transform-origin: 100% 100%; }
.as-so1-ms__f.is-cambio { margin-top: calc(8 * var(--u)); }
.as-so1-ms__f.is-coda::before, .as-so1-ms__f.is-coda::after { content: ""; position: absolute; bottom: 0; z-index: -1; height: calc(18 * var(--u)); }
.as-so1-ms__f.is-mio.is-coda::before { right: calc(-7 * var(--u)); width: calc(20 * var(--u)); background: var(--so1-blu); border-bottom-left-radius: calc(16 * var(--u)) calc(14 * var(--u)); }
.as-so1-ms__f.is-mio.is-coda::after { right: calc(-26 * var(--u)); width: calc(26 * var(--u)); background: #fff; border-bottom-left-radius: calc(10 * var(--u)); }
.as-so1-ms__f.is-loro.is-coda::before { left: calc(-7 * var(--u)); width: calc(20 * var(--u)); background: #E9E9EB; border-bottom-right-radius: calc(16 * var(--u)) calc(14 * var(--u)); }
.as-so1-ms__f.is-loro.is-coda::after { left: calc(-26 * var(--u)); width: calc(26 * var(--u)); background: #fff; border-bottom-right-radius: calc(10 * var(--u)); }
.as-so1-ms__f.is-puntini { display: flex; gap: calc(5 * var(--u)); padding: calc(13 * var(--u)) calc(15 * var(--u)); }
.as-so1-ms__f.is-puntini i { width: calc(8 * var(--u)); height: calc(8 * var(--u)); border-radius: 50%; background: #8E8E93; animation: as-so1-puntini 1.1s infinite; }
.as-so1-ms__f.is-puntini i:nth-child(2) { animation-delay: .18s; }
.as-so1-ms__f.is-puntini i:nth-child(3) { animation-delay: .36s; }
@keyframes as-so1-puntini { 0%, 60%, 100% { opacity: .35; } 30% { opacity: 1; } }
.as-so1-ms__letto { justify-self: end; margin: calc(2 * var(--u)) calc(4 * var(--u)) 0 !important; font-size: calc(12.5 * var(--u)); color: #8E8E93; }
.as-so1-ms__letto b { font-weight: 600; }
.as-so1-ms__letto .is-dopo { display: none; }
.as-so1__regia.is-letto .as-so1-ms__letto .is-prima { display: none; }
.as-so1__regia.is-letto .as-so1-ms__letto .is-dopo { display: inline; }
.as-so1-ms__v { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s cubic-bezier(.2, .8, .2, 1); }
.as-so1-ms__in { display: grid; min-height: 0; opacity: 0; transform: scale(.7) translateY(calc(8 * var(--u))); transform-origin: 50% 100%; transition: opacity .25s ease, transform .45s cubic-bezier(.34, 1.4, .64, 1); }
.as-so1__regia.is-m1 .as-so1-ms__v.is-m1,
.as-so1__regia.is-scrive .as-so1-ms__v.is-scrive,
.as-so1__regia.is-m2 .as-so1-ms__v.is-m2 { grid-template-rows: 1fr; }
.as-so1__regia.is-m1 .as-so1-ms__v.is-m1 > .as-so1-ms__in,
.as-so1__regia.is-scrive .as-so1-ms__v.is-scrive > .as-so1-ms__in,
.as-so1__regia.is-m2 .as-so1-ms__v.is-m2 > .as-so1-ms__in { opacity: 1; transform: none; }
.as-so1-ms__piede { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: calc(8 * var(--u)); padding: calc(10 * var(--u)) calc(12 * var(--u)) calc(44 * var(--u)); background: #fff; transition: transform .38s cubic-bezier(.2, .8, .2, 1); }
.as-so1-ms__piu { display: grid; place-items: center; flex: none; width: calc(40 * var(--u)); height: calc(40 * var(--u)); border-radius: 50%; background: #F0F0F3; color: #6E6E73; }
.as-so1-ms__piu .as-so1-ic { stroke-width: 2.2; }
.as-so1-ms__campo { position: relative; flex: 1; display: flex; align-items: center; min-width: 0; min-height: calc(40 * var(--u)); padding: calc(8 * var(--u)) calc(44 * var(--u)) calc(8 * var(--u)) calc(15 * var(--u)); border-radius: calc(20 * var(--u)); box-shadow: inset 0 0 0 calc(1 * var(--u)) #D8D8DC; font-size: calc(17 * var(--u)); line-height: 1.25; letter-spacing: -.012em; }
.as-so1-ms__segna { color: #A1A1A6; }
.as-so1-ms__digita { display: none; }
.as-so1-ms__invia, .as-so1-ms__mic { position: absolute; right: calc(5 * var(--u)); bottom: calc(5 * var(--u)); display: grid; place-items: center; width: calc(30 * var(--u)); height: calc(30 * var(--u)); border-radius: 50%; }
.as-so1-ms__invia { background: var(--so1-blu); color: #fff; opacity: 0; transform: scale(.6); transition: opacity .2s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1); }
.as-so1-ms__invia .as-so1-ic { width: calc(18 * var(--u)); height: calc(18 * var(--u)); stroke-width: 2.6; }
.as-so1-ms__mic { color: #A1A1A6; }
.as-so1-ms__mic .as-so1-ic { width: calc(20 * var(--u)); height: calc(20 * var(--u)); }
.as-so1__regia.is-digita .as-so1-ms__segna, .as-so1__regia.is-digita .as-so1-ms__mic { display: none; }
.as-so1__regia.is-digita .as-so1-ms__digita { display: inline; }
.as-so1__regia.is-digita .as-so1-ms__invia { opacity: 1; transform: none; }
.as-so1__regia.is-digita .as-so1-ms__digita::after { content: ""; display: inline-block; width: calc(2 * var(--u)); height: calc(20 * var(--u)); margin-left: calc(1 * var(--u)); vertical-align: calc(-4 * var(--u)); border-radius: 1px; background: var(--so1-blu); animation: as-so1-cursore 1s steps(1) infinite; }
@keyframes as-so1-cursore { 50% { opacity: 0; } }
.as-so1__regia.is-tastiera :is(.as-so1-ms__piede, .as-so1-ms__vista) { transform: translateY(calc(-258 * var(--u))); }

/* LA TASTIERA di iOS 26: esce solo mentre si scrive */
.as-so1-kb { position: absolute; z-index: 11; left: 0; right: 0; bottom: 0; height: calc(300 * var(--u)); padding: calc(6 * var(--u)) calc(3 * var(--u)) 0; border-radius: calc(30 * var(--u)) calc(30 * var(--u)) 0 0; background: #D6D8DE; box-shadow: 0 calc(-.5 * var(--u)) 0 rgba(0, 0, 0, .1); color: #000; transform: translateY(105%); transition: transform .38s cubic-bezier(.2, .8, .2, 1); }
.as-so1__regia.is-tastiera .as-so1-kb { transform: none; }
.as-so1-kb__sugg { display: flex; height: calc(40 * var(--u)); margin: 0 calc(8 * var(--u)) calc(6 * var(--u)) !important; }
.as-so1-kb__sugg span { flex: 1; display: grid; place-items: center; font-size: calc(16 * var(--u)); }
.as-so1-kb__sugg span + span { box-shadow: calc(-.5 * var(--u)) 0 0 rgba(0, 0, 0, .16); }
.as-so1-kb__fila { display: flex; justify-content: center; gap: calc(6 * var(--u)); margin-bottom: calc(11 * var(--u)) !important; }
.as-so1-kb__fila span { display: grid; place-items: center; width: calc(33.6 * var(--u)); height: calc(42 * var(--u)); border-radius: calc(9 * var(--u)); background: #fff; box-shadow: 0 calc(1 * var(--u)) 0 rgba(0, 0, 0, .26); font-size: calc(22 * var(--u)); line-height: 1; }
.as-so1-kb__fila.is-2 { padding: 0 calc(18 * var(--u)); }
.as-so1-kb__fila .is-mod { width: calc(44 * var(--u)); background: #B8BDC6; font-size: calc(15 * var(--u)); }
.as-so1-kb__fila .is-maiusc { margin-right: calc(10 * var(--u)); }
.as-so1-kb__fila .is-canc { margin-left: calc(10 * var(--u)); }
.as-so1-kb__fila.is-4 .is-mod { width: calc(88 * var(--u)); }
.as-so1-kb__fila .is-spazio { flex: 1; max-width: calc(192 * var(--u)); font-size: calc(15 * var(--u)); }
.as-so1-kb__fila .is-invio b { font-weight: 400; }

/* IL DITO: un tocco di vetro (dal salone) */
.as-so1-dito { position: absolute; z-index: 30; left: 0; top: 0; width: calc(46 * var(--u)); height: calc(46 * var(--u)); margin: calc(-23 * var(--u)) 0 0 calc(-23 * var(--u)); border-radius: 50%; background: rgba(255, 255, 255, .55); box-shadow: inset 0 0 0 calc(1.5 * var(--u)) rgba(255, 255, 255, .95), 0 0 0 calc(.75 * var(--u)) rgba(20, 20, 20, .22), 0 calc(3 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, .24); opacity: 0; pointer-events: none; transform: translate(var(--tx, 200px), var(--ty, 600px)) scale(.7); transition: transform .55s cubic-bezier(.45, 0, .2, 1), opacity .25s ease; }
.as-so1-dito.is-su { opacity: 1; transform: translate(var(--tx, 200px), var(--ty, 600px)); }
.as-so1-dito.is-premi { animation: as-so1-premi .42s ease; }
@keyframes as-so1-premi { 40% { transform: translate(var(--tx), var(--ty)) scale(.8); background: rgba(255, 255, 255, .75); } }

/* IL TEMPO DELLA RISPOSTA, sotto il telefono (capitolo 4) */
.as-so1__chip { position: absolute; z-index: 4; left: calc(65em / 1.1); top: calc(44.9em / 1.1); display: flex; align-items: center; gap: .5em; padding: .55em 1em .55em .8em; border-radius: 999px; background: rgba(255, 255, 255, .92); box-shadow: 0 0 0 .05em rgba(15, 15, 16, .08), 0 .9em 2em -.8em rgba(10, 14, 28, .45); font-size: 1.1em; line-height: 1; white-space: nowrap; opacity: 0; transform: translateY(.6em); transition: opacity .45s ease, transform .6s cubic-bezier(.34, 1.56, .64, 1); }
.as-so1__chip .as-so1-ic { width: 1.25em; height: 1.25em; stroke-width: 2; color: var(--as-arancio, #F37022); }
.as-so1__chip span { color: rgba(10, 10, 10, .6); }
.as-so1__chip b { font-weight: 600; }
.as-so1__regia.is-chip .as-so1__chip { opacity: 1; transform: none; }

/* L'ORA DA TELEFONO: l'orologio grande non entra nelle inquadrature strette, l'ora sta in alto sul palco */
.as-so1__hud { display: none; }
@media (max-width: 699px) {
	.as-so1__hud { position: absolute; z-index: 5; left: 12px; top: 12px; display: flex; align-items: center; gap: 8px; margin: 0; padding: 7px 12px 7px 10px; border-radius: 999px; background: rgba(20, 18, 31, .78); color: #fff; font-family: var(--so1-sys); line-height: 1; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
	.as-so1__hud .as-so1-ic { width: 17px; height: 17px; stroke-width: 2; }
	.as-so1__hud .is-notte .as-so1-ic { color: #C3B6FF; }
	.as-so1__hud .is-giorno { display: none; }
	.as-so1__hud .is-giorno .as-so1-ic { color: #FFB3C7; }
	.as-so1__regia.is-mattina .as-so1__hud .is-notte { display: none; }
	.as-so1__regia.is-mattina .as-so1__hud .is-giorno { display: block; }
	.as-so1__hud b { font-size: 17px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
	.as-so1__hud { transition: opacity .5s ease, transform .5s ease; }
	/* quando Benedetta apre Messaggi l'ora la dice il telefono: quella del palco si toglie */
	.as-so1__regia.is-messaggi .as-so1__hud { opacity: 0; transform: translateY(-8px); }
	/* l'orologio grande non entra nelle inquadrature strette: da telefono c'è solo l'ora in alto */
	.as-so1-or { visibility: hidden; }
	.as-so1__hud small { font-size: 12.5px; color: rgba(255, 255, 255, .7); }
}

/* ══ I CAPITOLI, sotto la scena (come la regia delle garanzie) ══ */
.as-so1-cap { position: relative; margin-top: clamp(20px, 2.4vw, 32px); }
.as-so1 .as-so1-cap__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.as-so1-cap__btn { appearance: none; display: grid; align-content: start; gap: 6px; width: 100%; margin: 0; padding: 0; border: 0; background: none; color: var(--as-ink, #0A0A0A); font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.as-so1-cap__btn:focus-visible { outline: 2px solid var(--as-arancio, #F37022); outline-offset: 6px; border-radius: 8px; }
.as-so1-cap__barra { display: block; height: 3px; margin-bottom: 12px; overflow: hidden; border-radius: 3px; background: var(--as-line, rgba(10, 10, 10, .12)); }
.as-so1-cap__barra i { display: block; height: 100%; border-radius: inherit; background: var(--as-arancio, #F37022); transform-origin: 0 50%; transform: scaleX(var(--p, 1)); }
.as-so1-cap__n { font-size: 13px; color: var(--as-muted, rgba(10, 10, 10, .6)); font-variant-numeric: tabular-nums; transition: color .35s ease; }
.as-so1-cap__testo { display: grid; gap: 6px; }
.as-so1-cap__t { font-size: 19px; font-weight: 500; line-height: 1.25; letter-spacing: -.01em; text-wrap: balance; }
.as-so1-cap__r { font-size: 15px; line-height: 1.45; color: var(--as-muted, rgba(10, 10, 10, .6)); text-wrap: pretty; }
.as-so1-cap.is-viva .as-so1-cap__btn { color: rgba(10, 10, 10, .36); transition: color .35s ease; }
.as-so1-cap.is-viva .as-so1-cap__r { color: inherit; }
.as-so1-cap.is-viva .as-so1-cap__voce.is-on .as-so1-cap__btn { color: var(--as-ink, #0A0A0A); }
.as-so1-cap.is-viva .as-so1-cap__voce.is-on .as-so1-cap__r { color: var(--as-muted, rgba(10, 10, 10, .6)); }
.as-so1-cap.is-viva .as-so1-cap__voce:is(.is-on, .is-fatto) .as-so1-cap__n { color: var(--as-arancio, #F37022); }
@media (hover: hover) { .as-so1-cap.is-viva .as-so1-cap__btn:hover { color: var(--as-ink, #0A0A0A); } }
.as-so1-cap__rivedi { position: absolute; z-index: 3; right: 18px; top: -70px; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px 0 12px; border: 0; border-radius: 999px; background: var(--as-ink, #0A0A0A); color: #fff; font: inherit; font-size: 14px; font-weight: 500; cursor: pointer; opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity .35s ease, transform .45s cubic-bezier(.34, 1.56, .64, 1); }
.as-so1-cap__rivedi svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.as-so1-cap.is-finito .as-so1-cap__rivedi { opacity: 1; transform: none; pointer-events: auto; }
.as-so1-cap:not(.is-viva) .as-so1-cap__rivedi { display: none; }
.as-so1__nota { margin: 18px 0 0; font-size: 13px; color: var(--as-muted, rgba(10, 10, 10, .55)); }
@media (max-width: 999px) {
	.as-so1 .as-so1-cap__lista { gap: 20px; }
	.as-so1-cap__t { font-size: 17px; }
	.as-so1-cap__r { font-size: 14px; }
}
/* da telefono: quattro barre in fila come le storie e, sotto, UN capitolo alla volta che compare */
@media (max-width: 699px) {
	.as-so1-cap { margin-top: 16px; }
	.as-so1 .as-so1-cap__lista { position: relative; gap: 6px; padding-bottom: 124px; }
	.as-so1-cap__barra { margin-bottom: 0; }
	.as-so1-cap__btn { gap: 0; padding: 10px 0; margin: -10px 0; }
	.as-so1-cap__voce :is(.as-so1-cap__n, .as-so1-cap__testo) { position: absolute; visibility: hidden; opacity: 0; transform: translateY(-14px); transition: opacity .25s ease, transform .35s ease, visibility 0s .35s; }
	.as-so1-cap__n { top: 26px; left: 0; width: 60px; font-size: 44px !important; font-weight: 300; line-height: 1; letter-spacing: -.045em; color: transparent !important; -webkit-text-stroke: 1px var(--as-arancio, #F37022); }
	.as-so1-cap__testo { top: 28px; left: 66px; right: 0; gap: 4px; }
	.as-so1-cap__t { font-size: 18px; }
	.as-so1-cap__r { font-size: 14.5px; }
	.as-so1-cap:not(.is-viva) .as-so1-cap__lista { grid-template-columns: 1fr; gap: 18px; padding-bottom: 0; }
	.as-so1-cap:not(.is-viva) .as-so1-cap__voce :is(.as-so1-cap__n, .as-so1-cap__testo) { position: static; visibility: visible; opacity: 1; transform: none; }
	.as-so1-cap:not(.is-viva) .as-so1-cap__n { width: auto; font-size: 13px !important; color: var(--as-muted, rgba(10, 10, 10, .6)) !important; -webkit-text-stroke: 0; }
	.as-so1-cap.is-viva .as-so1-cap__voce.is-on :is(.as-so1-cap__n, .as-so1-cap__testo) { visibility: visible; opacity: 1; transform: none; transition: none; }
	.as-so1-cap.is-viva .as-so1-cap__voce.is-on :is(.as-so1-cap__n, .as-so1-cap__t, .as-so1-cap__r) { animation: as-so1-sale .75s cubic-bezier(.2, .8, .2, 1) both; }
	.as-so1-cap.is-viva .as-so1-cap__voce.is-on .as-so1-cap__t { animation-delay: .14s; }
	.as-so1-cap.is-viva .as-so1-cap__voce.is-on .as-so1-cap__r { animation-delay: .28s; }
	.as-so1-cap__rivedi { top: -56px; right: 12px; height: 36px; font-size: 13.5px; }
}
@keyframes as-so1-sale { from { opacity: 0; transform: translateY(22px); } }

/* il link che arriva come anteprima (la foto della pagina, il titolo, il dominio) */
.as-so1-ms__link { justify-self: start; width: 72%; margin-top: calc(3 * var(--u)); overflow: hidden; border-radius: calc(20 * var(--u)); background: #E9E9EB; }
.as-so1-ms__link-foto { display: block; height: calc(140 * var(--u)); background: #4A4F45 center 55% / cover no-repeat; }
.as-so1-ms__link-t { display: grid; gap: calc(2 * var(--u)); padding: calc(10 * var(--u)) calc(13 * var(--u)) calc(11 * var(--u)); }
.as-so1-ms__link-t b { font-size: calc(15 * var(--u)); font-weight: 600; line-height: 1.25; letter-spacing: -.01em; }
.as-so1-ms__link-t small { font-size: calc(13 * var(--u)); color: #6E6E73; }

/* «Rivedi» da telefono: in alto a destra sul palco, a regia finita (sotto coprirebbe il tempo della risposta) */
.as-so1__quadro { position: relative; }
.as-so1__rivedi-m { display: none; }
@media (max-width: 699px) {
	.as-so1 .as-so1-cap__rivedi { display: none; }
	.as-so1__rivedi-m { position: absolute; z-index: 6; right: 12px; top: 12px; display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px 0 11px; border: 0; border-radius: 999px; background: var(--as-ink, #0A0A0A); color: #fff; font: inherit; font-size: 13.5px; font-weight: 500; cursor: pointer; opacity: 0; transform: translateY(-6px); pointer-events: none; transition: opacity .35s ease, transform .45s cubic-bezier(.34, 1.56, .64, 1); }
	.as-so1__rivedi-m svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
	.as-so1.is-finita .as-so1__rivedi-m { opacity: 1; transform: none; pointer-events: auto; }
}

/* IL MARCHIO DI ARDENA ENERGIA (la pala a tratto fine, nel suo blu) */
.as-so1-marchio { display: block; flex: none; width: 1em; height: 1em; }
.as-so1-dominio { display: inline-flex; align-items: center; gap: .3em; }
.as-so1-dominio .as-so1-marchio { width: 1.15em; height: 1.15em; color: var(--so1-ardena); }
/* l'anteprima del link: la foto della pagina col marchio bianco sopra, come la testata del sito */
.as-so1-ms__link-foto { position: relative; }
.as-so1-ms__link-foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 34, 51, .62), rgba(14, 34, 51, .12) 48%, rgba(14, 34, 51, 0) 70%); }
.as-so1-ms__link-marchio { position: absolute; z-index: 1; left: calc(12 * var(--u)); top: calc(11 * var(--u)); display: flex; align-items: center; gap: calc(5 * var(--u)); color: #fff; font-size: calc(14 * var(--u)); letter-spacing: -.01em; }
.as-so1-ms__link-marchio .as-so1-marchio { width: calc(19 * var(--u)); height: calc(19 * var(--u)); }
.as-so1-ms__link-marchio b { font-weight: 700; }