@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/jetbrains-mono-latin.woff2) format("woff2")}

/* NXMet · foglio di stile
   Convenzione: ambra = energia attiva, teal = reattiva. Sempre. */

:root{
  --carta:#f4efe6;
  --foglio:#fffdf8;
  --velina:#ece5d8;
  --inchiostro:#211d16;
  --inchiostro-2:#4f483b;
  --muto:#6f6758;          /* 4,88:1 su carta */
  --filo:#ddd4c4;
  --filo-2:#cbbfab;
  --attiva:#d97706;        /* solo segni grafici grandi */
  --attiva-forte:#b45309;  /* testo grande, segni piccoli */
  --attiva-testo:#a84d08;  /* testo piccolo: 4,92:1 */
  --attiva-tenue:#fbecd3;
  --reattiva:#0d9488;
  --reattiva-forte:#0b7a70;
  --reattiva-tenue:#dcefeb;
  --ok:#2f7d3a;
  --notte:#1b1813;

  --font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --margine:clamp(20px,4.2vw,64px);
  --larghezza:1320px;
  --testata-h:68px;
  --r:14px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--testata-h) + 12px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--carta);color:var(--inchiostro);
  font-family:var(--font);font-size:17px;line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
::selection{background:var(--attiva-tenue);color:var(--inchiostro)}
:focus-visible{outline:2px solid var(--attiva-forte);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}

.salta{position:absolute;left:12px;top:-60px;z-index:100;background:var(--inchiostro);color:var(--foglio);padding:10px 14px;border-radius:6px;text-decoration:none}
.salta:focus{top:12px}

.num,.lettura__valore,.contatore__lcd,time{font-variant-numeric:tabular-nums}

/* ---------- testata ---------- */
.testata{position:sticky;top:0;z-index:50;height:var(--testata-h);background:var(--carta);border-bottom:1px solid transparent;transition:border-color .3s}
.orologio{margin:0 0 0 4px;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;color:var(--inchiostro-2);transition:color .3s;white-space:nowrap;font-variant-numeric:tabular-nums}
.orologio__data{color:#6f6758}
.orologio__punto{width:7px;height:7px;background:var(--attiva);transform:rotate(45deg);border-radius:1px;transition:background .52s cubic-bezier(.15,.7,.25,1),box-shadow .52s}
.orologio.lampo .orologio__punto{background:#ffd27a;box-shadow:0 0 8px rgba(255,176,46,.8);transition:none}
.testata.is-staccata{border-bottom-color:var(--filo)}
.testata__in{max-width:var(--larghezza);height:100%;margin:0 auto;padding:0 var(--margine);display:flex;align-items:center;gap:36px}
.marchio{display:block;color:var(--inchiostro);flex:none;padding:6px 0}
.marchio__logo{height:22px;width:auto}
@property --gemma{syntax:"<color>";inherits:true;initial-value:#e9a23b}
.marchio__logo,.scatola__logo{transition:--gemma .52s cubic-bezier(.15,.7,.25,1)}
.marchio.lampo,.scatola.lampo{--gemma:#ffe08a}
.marchio.lampo .marchio__logo,.scatola.lampo .scatola__logo{transition:none}
.menu{display:flex;gap:28px;margin-left:auto;font-size:14.5px;font-weight:600}
.menu a{text-decoration:none;color:var(--inchiostro-2);padding:8px 0;background:linear-gradient(var(--attiva),var(--attiva)) 0 calc(100% - 4px)/0 2px no-repeat;transition:background-size .25s,color .2s}
.menu a:hover,.menu a[aria-current="true"]{color:var(--inchiostro);background-size:100% 2px}
.menu-apri{display:none}
.testata__cta{display:inline-flex;align-items:center;min-height:44px;font-size:14.5px;font-weight:700;text-decoration:none;background:var(--inchiostro);color:var(--foglio);padding:0 18px;border-radius:6px;transition:background .2s;white-space:nowrap}
.testata__cta:hover{background:#000}

/* ---------- elementi comuni ---------- */
.occhiello{font-size:15px;font-weight:600;color:var(--attiva-testo);margin:0 0 18px;display:flex;align-items:center;gap:10px}
.occhiello__punto{width:8px;height:8px;background:var(--attiva);transform:rotate(45deg);border-radius:1.5px;flex:none}

.bottone{display:inline-flex;align-items:center;gap:12px;background:var(--inchiostro);color:var(--foglio);text-decoration:none;font-weight:700;font-size:16px;padding:15px 22px;border-radius:6px;transition:background .2s}
.bottone__freccia{width:16px;height:12px;transition:transform .2s}
.bottone:hover{background:#000}
.bottone:hover .bottone__freccia{transform:translateX(3px)}
.collegamento{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:16px;text-decoration:none;background:linear-gradient(var(--filo-2),var(--filo-2)) 0 calc(100% - 9px)/100% 2px no-repeat;transition:background-image .2s}
.collegamento:hover{background-image:linear-gradient(var(--attiva),var(--attiva))}

.chiave{display:inline-flex;align-items:center;gap:7px}
.chiave::before{content:"";width:12px;height:4px;border-radius:2px;background:currentColor}
.chiave--attiva{color:var(--attiva-testo)}
.chiave--reattiva{color:var(--reattiva-forte)}

/* ---------- 01 apertura: riempie esattamente la finestra ---------- */
.apertura{
  max-width:var(--larghezza);margin:0 auto;
  min-height:calc(100svh - var(--testata-h));
  padding:clamp(20px,3.6vh,48px) var(--margine) clamp(20px,3.6vh,44px);
  display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);grid-template-rows:auto 1fr;
  column-gap:clamp(40px,4.6vw,72px);row-gap:clamp(18px,3.4vh,40px);align-content:center;
}
.apertura__testa{grid-column:1/-1}
.apertura h1{font-size:clamp(38px,min(4.6vw,9vh),66px);line-height:.98;letter-spacing:-.035em;font-weight:800;margin:0;text-wrap:balance}
.apertura h1 em{font-style:normal;color:var(--attiva-forte);display:block}
@media (min-width:900px){.h1-riga{white-space:nowrap}}
.apertura__testo{align-self:center}
.lead-corto,.solo-stretto{display:none}
.strumento__nota{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0 0 2px;font-family:var(--mono);font-size:12px;color:var(--muto)}
.rec{width:8px;height:8px;border-radius:50%;background:#c2410c;animation:rec 1.6s ease-in-out infinite}
@keyframes rec{50%{opacity:.25}}
.strumento:not(.is-viva) .rec{animation:none;opacity:.4}
.apertura__lead{font-size:clamp(19px,1.6vw,23px);line-height:1.38;font-weight:500;color:var(--inchiostro);max-width:24ch;margin:0 0 clamp(20px,3.2vh,30px);text-wrap:pretty}
.apertura__azioni{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.bottone,.collegamento{white-space:nowrap}
.apertura__pilota{margin:18px 0 0;font-family:var(--mono);font-size:13.5px;line-height:1.45;color:var(--inchiostro-2)}
.apertura__pilota b{font-weight:800;color:var(--attiva-testo)}
.apertura__nota{margin:clamp(22px,4vh,40px) 0 0;padding-top:14px;border-top:1px solid var(--inchiostro);font-size:13px;line-height:1.5;color:var(--inchiostro-2);max-width:46ch;text-wrap:pretty}
.apertura__nota strong{color:var(--inchiostro)}

/* fascia di sintesi, subito sotto la piega */
.sintesi{max-width:var(--larghezza);margin:0 auto;padding:0 var(--margine)}
.sintesi__fatti{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--inchiostro);border-bottom:1px solid var(--filo)}
.sintesi__fatti div{padding:16px 22px 18px 0}
.sintesi__fatti div+div{padding-left:22px;border-left:1px solid var(--filo)}
.sintesi__fatti dt{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muto);margin-bottom:5px}
.sintesi__fatti dd{margin:0;font-size:14.5px;line-height:1.4;font-weight:600;text-wrap:pretty}
.sintesi__fatti{grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr))}
.sintesi__grande dd{font-size:15px}
.sintesi__grande .num{display:inline-block;font-size:clamp(34px,3.2vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--attiva-forte);margin-bottom:2px}

/* strumento: contatore disegnato + letture */
.strumento{align-self:center;margin:0;display:grid;
  grid-template-columns:minmax(0,min(56%,calc((100svh - var(--testata-h) - 300px) * .98))) minmax(0,1fr);
  grid-template-areas:"nota nota" "contatore lettura" "nastro nastro";gap:14px 26px;align-items:center}
.strumento__nota{grid-area:nota}
.contatore{grid-area:contatore;align-self:center;position:relative;container-type:inline-size}
.contatore__disegno{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 16px 26px rgba(60,45,20,.11)) drop-shadow(0 2px 3px rgba(60,45,20,.07))}
.contatore__nota{font-family:var(--mono);font-size:17px;font-weight:600;fill:#211d16}
.contatore__targa{font-family:var(--mono);font-size:9.5px;fill:#857c6c}
.contatore__micro text{font-family:var(--mono);font-size:11px;font-weight:600;fill:#bdb6aa}
.contatore__lcd{position:absolute;left:37.14%;top:12.89%;width:43.57%;height:14.67%;display:flex;align-items:center;justify-content:flex-end;gap:1.2cqw;padding-right:2.3cqw;font-family:var(--mono);font-weight:500;font-size:5.5cqw;letter-spacing:-.03em;color:#2c3322}
.lcd-cifre{position:relative;display:inline-block}
.lcd-fantasma{position:absolute;right:0;top:0;opacity:.075;pointer-events:none}
#lcd-valore{position:relative}
#lcd-valore{line-height:1.2}
.lcd-cella{font-style:normal}
.contatore__lcd b{font-weight:500;display:inline-block}
.contatore__lcd b.scatto{animation:tamburo .25s ease-out}
@keyframes tamburo{from{opacity:.15}to{opacity:1}}
.contatore__lcd small{font-size:2.3cqw;font-weight:700;align-self:flex-end;margin-bottom:2.3cqw}

.led{position:absolute;width:2.14cqw;height:2.14cqw;margin:-1.07cqw 0 0 -1.07cqw;border-radius:50%;top:46.89%;pointer-events:none}
.led::before{content:"";position:absolute;inset:0;border-radius:50%;opacity:0;transition:opacity .14s cubic-bezier(.3,0,.8,.4)}
.led::after{content:"";position:absolute;inset:-190%;border-radius:50%;opacity:0;transition:opacity .52s cubic-bezier(.15,.7,.25,1)}
.led.acceso::before,.led.acceso::after{opacity:1;transition:none}
.lente-luci{position:absolute;inset:0;clip-path:circle(15cqw at 79.64% 73.33%);pointer-events:none}
.led--attiva{left:38.21%}
.led--reattiva{left:47.14%}
.led--grande{width:5cqw;height:5cqw;margin:-2.5cqw 0 0 -2.5cqw;top:73.33%}
.led--grande::after{inset:-120%}
.led--attiva-l{left:68.93%}
.led--reattiva-l{left:90.36%}
.led--attiva::before,.led--attiva-l::before{background:#ffd27a}
.led--reattiva::before,.led--reattiva-l::before{background:#9ff3e8}
.led--attiva::after,.led--attiva-l::after{background:radial-gradient(circle,#fff6df 0 12%,#ffb02e 28%,rgba(255,176,46,0) 64%)}
.led--reattiva::after,.led--reattiva-l::after{background:radial-gradient(circle,#e8fffb 0 12%,#2bc4b4 28%,rgba(43,196,180,0) 64%)}

/* montaggio al caricamento: il cassetto scende nel guscio e fa clic, la culla si appoggia, il cavo arriva al jack, la lente si apre */
.contatore__disegno *{transform-box:view-box}
.apertura.is-viva .scatola__cassetto{animation:cassetto .7s .15s cubic-bezier(.32,.72,.24,1) both}
.apertura.is-viva .scatola{animation:clic .22s .8s ease-out both}
.apertura.is-viva .scatola__battuta{animation:battuta .3s .8s ease-out both}
.scatola__clic{font-family:var(--font);font-size:19px;font-weight:700;fill:#211d16;letter-spacing:.04em;opacity:0}
.scatola{filter:drop-shadow(0 2px 3px rgba(0,0,0,.16))}
.apertura.is-viva .scatola__clic{animation:clic-scritta .9s .82s ease-out both}
@keyframes battuta{0%{opacity:0}10%{opacity:1}100%{opacity:0}}
@keyframes clic-scritta{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:none}70%{opacity:1}100%{opacity:0}}
.apertura.is-viva .contatore__sonda{animation:appoggia .6s .8s cubic-bezier(.2,.8,.2,1) both}
.apertura.is-viva .contatore__cavo{stroke-dasharray:1;animation:cavo .8s 1s ease-in-out both}
.apertura.is-viva .contatore__lente{animation:lente .45s 1.3s ease-out both;transform-origin:446px 330px}
.scatola__led.acceso{fill:#7ee07a}

@keyframes cassetto{from{transform:translateY(-118px)}88%{transform:translateY(3px)}to{transform:none}}
@keyframes clic{0%,100%{transform:none}40%{transform:translateY(2px)}}
@keyframes appoggia{from{transform:translateY(-30px);opacity:0}55%{opacity:1}to{transform:none;opacity:1}}
@keyframes cavo{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes lente{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.apertura.is-viva .lente-luci{animation:lente-led .45s 1.3s both}
@keyframes lente-led{from{opacity:0}to{opacity:1}}

.lettura{grid-area:lettura}
.lettura__riga{display:flex;flex-direction:column;gap:1px;padding:8px 0;border-top:1px solid var(--filo)}
.lettura__etichetta{font-size:12.5px;color:var(--muto);font-weight:600}
.lettura__valore{font-family:var(--mono);font-size:19px;font-weight:500;letter-spacing:-.02em;white-space:nowrap}
.lettura__riga--forte .lettura__valore{font-size:clamp(30px,2.7vw,38px);font-weight:600;color:var(--attiva-forte);letter-spacing:-.035em;line-height:1.15}
.lettura__formula{font-family:var(--mono);font-size:12.5px;color:var(--muto)}
.lettura__riga--reattiva .lettura__valore{color:var(--reattiva-forte);font-size:16px}
.lettura__evento{margin:6px 0 0;min-height:4.4em;font-size:13px;line-height:1.45;color:var(--inchiostro-2);padding-left:0;position:relative}
.lettura__evento.nuovo{animation:evento .26s ease-out both;padding-left:12px}
.lettura__evento.nuovo::before{content:"";position:absolute;left:0;top:2px;width:2px;bottom:2px;background:var(--attiva);transform-origin:top;animation:barra .3s ease-out both}
@keyframes evento{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes barra{from{transform:scaleY(0)}to{transform:none}}
.lettura__evento b{color:var(--inchiostro)}
.lettura.riempita .lettura__riga:not(.lettura__riga--reattiva) .lettura__valore{animation:riempi .3s ease-out}
.lettura.in-attesa .lettura__valore,.lettura.in-attesa .lettura__riga--forte .lettura__valore,.lettura.in-attesa .lettura__riga--reattiva .lettura__valore,.orologio.in-attesa{color:#857c6c}
.lettura__valore{line-height:1.3}
.sintesi__visti{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--attiva-testo)}
.sintesi__visti .num,.sintesi__grande .sintesi__visti .num{display:inline;font-family:var(--mono);font-size:inherit;font-weight:600;letter-spacing:0;line-height:inherit;margin:0;color:var(--inchiostro)}
@media (prefers-reduced-motion:reduce){.sintesi__visti{display:none}}
@keyframes riempi{from{color:#d97706}}

.nastro{grid-area:nastro;position:relative;border-top:1px solid var(--filo);border-bottom:1px solid var(--filo);padding:8px 0 6px}
.nastro__titolo{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px;font-weight:600;color:var(--muto);margin-bottom:4px}
.nastro__valori{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12.5px;color:var(--inchiostro)}
.nastro__valori b{font-weight:600;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}
.v-a{min-width:8ch}.v-q{min-width:8ch}
.nastro__valori b::before{content:"";width:10px;height:3px;border-radius:2px}
.v-a::before{background:var(--attiva-forte)}.v-q::before{background:var(--reattiva-forte)}
.nastro canvas{width:100%;height:clamp(110px,14.8vh,160px);cursor:crosshair;touch-action:pan-y}
.nastro__tip{position:absolute;bottom:26px;transform:translateX(-50%);background:var(--inchiostro);color:var(--foglio);font-family:var(--mono);font-size:11.5px;line-height:1.45;padding:6px 9px;border-radius:5px;white-space:nowrap;pointer-events:none;z-index:3}
.nastro__legenda{display:flex;align-items:center;gap:18px;min-height:32px;font-family:var(--mono);font-size:11.5px;margin-top:4px}
.pausa{background:none;border:1px solid #8f8573;border-radius:4px;min-height:32px;padding:2px 12px;font-family:var(--mono);font-size:11.5px;font-weight:600;cursor:pointer;color:var(--inchiostro)}
.pausa:hover,.pausa:focus-visible{border-color:var(--inchiostro);background:var(--foglio)}


/* ---------- 02 istanti, non totali: palco fisso, la giornata si scioglie scorrendo ---------- */
.istanti{position:relative;height:320svh;border-top:1px solid var(--inchiostro)}
.istanti__palco{position:sticky;top:var(--testata-h);height:calc(100svh - var(--testata-h));max-width:var(--larghezza);margin:0 auto;padding:clamp(20px,4vh,48px) var(--margine);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,4vw,64px);align-items:center}
.istanti h2{font-size:clamp(30px,min(3.4vw,6vh),50px);line-height:1.02;letter-spacing:-.03em;font-weight:800;margin:0 0 clamp(18px,3vh,30px);text-wrap:balance}
.istanti h2 em{font-style:normal;color:var(--attiva-forte);display:block}
.istanti__passi{list-style:none;margin:0;padding:0;display:grid}
.istanti__passo{grid-area:1/1;font-size:clamp(16px,1.25vw,18px);line-height:1.5;color:var(--inchiostro);opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;max-width:38ch;text-wrap:pretty}
.istanti__passo.is-attivo{opacity:1;transform:none}
.istanti__passo b{font-weight:800}
.istanti__fonte{margin:clamp(18px,3vh,28px) 0 0;padding-top:12px;border-top:1px solid var(--filo);font-size:12.5px;color:var(--inchiostro-2);max-width:42ch}
.istanti__grafico{margin:0;position:relative;height:100%;max-height:640px;display:flex;flex-direction:column}
.istanti__grafico canvas{flex:1;width:100%;min-height:0;cursor:crosshair}
.istanti__scala{display:flex;align-items:center;gap:12px;margin-top:10px;font-family:var(--mono);font-size:11.5px;color:var(--muto)}
.istanti__barra{flex:1;height:2px;background:var(--filo);position:relative;overflow:hidden}
.istanti__barra i{position:absolute;inset:0;background:var(--attiva);transform-origin:left;transform:scaleX(0)}
@media (max-width:899px){
  .istanti{height:300svh}
  .istanti__palco{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;gap:16px}
  .istanti__grafico{max-height:none;min-height:0}
  .istanti__fonte{display:none}
}
@media (prefers-reduced-motion:reduce){.istanti{height:auto}.istanti__palco{position:static;height:auto}.istanti__grafico{height:60vh}.istanti__passo{opacity:1;transform:none;grid-area:auto;margin-bottom:10px}}

/* ---------- risposta ---------- */
@media (max-width:1180px){
  .rq-div{display:none}
  .apertura__azioni{gap:20px}
  .bottone{padding:14px 18px}
  .menu-apri{display:inline-flex;margin-left:auto;align-items:center;gap:8px;background:none;border:1px solid var(--filo-2);border-radius:6px;padding:8px 12px;font-size:14px;font-weight:700;cursor:pointer}
  .menu-apri::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
  .menu-apri[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
  .menu{display:none;position:absolute;left:0;right:0;top:var(--testata-h);flex-direction:column;gap:0;margin:0;padding:8px var(--margine) 16px;background:var(--carta);border-bottom:1px solid var(--filo);box-shadow:0 18px 30px -18px rgba(40,30,10,.25)}
  .menu.is-aperto{display:flex}
  .menu a{padding:13px 0;border-bottom:1px solid var(--filo);font-size:16px;background:none}
  .testata__in{gap:14px}
}
@media (min-width:1600px) and (min-height:1000px){
  :root{--larghezza:1480px}
  .apertura{grid-template-rows:auto auto;row-gap:56px}
  .apertura h1{font-size:76px}
  .strumento{grid-template-columns:minmax(0,62%) minmax(0,1fr)}
}
@media (min-width:900px) and (max-height:820px){
  .apertura{row-gap:16px;padding-top:14px;padding-bottom:16px}
  .occhiello{margin-bottom:12px}
  .apertura h1{font-size:clamp(38px,min(4.6vw,8.4vh),66px)}
  .apertura__lead{font-size:16.5px;margin-bottom:18px}
  .apertura__nota{margin-top:18px;padding-top:10px;font-size:12.5px}
  .lettura__riga{padding:5px 0}
  .strumento{row-gap:8px}
  .lettura{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
  .lettura__riga--forte,.lettura__riga--reattiva,.lettura__evento{grid-column:1/-1}
  .lettura__valore{font-size:17px}
  .lettura__riga--forte .lettura__valore{font-size:30px}
  .lettura__evento{min-height:2.9em;font-size:12.5px}
  .nastro{padding:5px 0 3px}
  .nastro canvas{height:110px}
  .strumento{grid-template-columns:minmax(0,min(56%,calc((100svh - var(--testata-h) - 340px) * .98))) minmax(0,1fr)}
}
@media (min-width:900px) and (max-width:1000px) and (max-height:820px){.lettura__evento{min-height:4.4em}}
@media (max-width:1099px){.orologio{display:none}}
@media (max-width:899px){
  .apertura{grid-template-columns:1fr;align-content:start;min-height:0}
  .apertura__lead,.apertura__nota,.apertura__pilota{max-width:62ch}
  .apertura h1{font-size:clamp(34px,6.4vw,60px)}
  .strumento{grid-template-columns:1fr;grid-template-areas:"nota" "contatore" "lettura" "nastro";max-width:640px;gap:14px}
  .lettura{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
  .lettura__riga--forte,.lettura__riga--reattiva,.lettura__evento{grid-column:1/-1}
  .lettura__evento{min-height:3.2em}
  .sintesi__fatti{grid-template-columns:1fr 1fr}
  .sintesi__fatti div:nth-child(3){padding-left:0;border-left:0}
  .sintesi__fatti div{border-bottom:1px solid var(--filo)}
  .sintesi__fatti div:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width:560px){
  :root{--testata-h:60px}
  body{font-size:16px}
  .marchio__logo{height:19px}
  .testata__cta{padding:0 14px;font-size:14px}
  .menu-apri{min-height:44px;padding:0 12px}
  .apertura{padding-top:22px;row-gap:18px}
  .apertura__testo{display:contents}
  .apertura__lead{order:2;margin:0}
  .lead-corto{display:inline}.lead-lungo{display:none}
  .apertura__azioni{order:3;gap:16px}
  .apertura__pilota{order:4;margin:0}
  .strumento{order:5;margin-top:-4px;gap:10px}
  .bottone{padding:14px 18px}
  .solo-largo{display:none}
  .solo-stretto{display:inline}
  .apertura__nota{order:6;margin:0}
  .occhiello{font-size:14px;margin-bottom:12px}
  .apertura h1{font-size:clamp(32px,9.2vw,40px)}
  .apertura__lead{font-size:16.5px;margin-bottom:18px}
  .apertura__pilota{font-size:15px}
  .lettura__valore{font-size:16px}
  .lettura__riga--reattiva .lettura__valore{font-size:14px}
  .pausa{min-height:44px}
  .sintesi__fatti{grid-template-columns:1fr}
  .sintesi__fatti div,.sintesi__fatti div+div{padding:12px 0;border-left:0;border-bottom:1px solid var(--filo)}
  .sintesi__fatti div:last-child{border-bottom:0}
}
@media (max-width:380px){.bottone,.collegamento{font-size:15px}}
@media (prefers-reduced-motion:reduce){
  .led::after{transition:none}
  .apertura.is-viva *{animation:none!important}
  .apertura.is-viva .led--grande{animation:none!important}
  .lettura__evento.nuovo,.lettura__evento.nuovo::before{animation:none!important}
  .scatola__clic{display:none}
}

/* strumento ripulito: un numero, un disegno, un grafico */
.lettura{align-self:center}
.lettura__riga--forte{border-top:0;padding:0}
.lettura__riga--forte .lettura__valore{font-size:clamp(44px,4.6vw,72px);line-height:1;letter-spacing:-.04em}
.lettura__formula{font-family:var(--font);font-size:15px;font-weight:600;color:var(--inchiostro-2);margin-top:8px}
.lettura__evento{min-height:2.6em;margin-top:18px;padding-top:12px;border-top:1px solid var(--filo);font-size:14px}
.lettura__evento.nuovo{padding-left:12px}
.nastro__titolo{justify-content:flex-start;gap:16px;font-family:var(--mono);font-size:11.5px;font-weight:500}
.nastro__fine{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--muto)}

/* ===== APERTURA v8 (giro 7, decide il Design): grafico protagonista, disegno a sinistra ===== */
@media (min-width:900px){.apertura{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}}
.apertura__testo{align-self:stretch;display:flex;flex-direction:column;gap:clamp(16px,2.6vh,26px);min-height:0}
.apertura__lead{margin:0;max-width:26ch}
.apertura__testo .contatore{grid-area:auto;width:min(100%,calc((100svh - var(--testata-h) - 470px) * 1.195));margin-top:auto;filter:none}
.contatore__lcd{left:38.37%;top:14.15%;width:49.8%;height:16.1%;gap:1.4cqw;padding-right:2.6cqw;font-size:6.3cqw}
.contatore__lcd small{font-size:2.6cqw;margin-bottom:2.6cqw}
.led{width:2.45cqw;height:2.45cqw;margin:-1.225cqw 0 0 -1.225cqw;top:51.46%}
.led--attiva{left:39.59%}
.led--reattiva{left:49.8%}
.led::after{inset:-320%}
.strumento{align-self:stretch;display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:0;max-width:none}
.grafico{position:relative;flex:1;min-height:240px;border-bottom:1px solid var(--filo)}
.grafico canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:pan-y}
.grafico__valore{position:absolute;right:14px;top:0;font-size:clamp(34px,3.4vw,48px);font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--inchiostro);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;will-change:transform;transition:color .3s}
.grafico__valore.in-attesa{color:#9a917f}
.grafico .nastro__tip{bottom:auto;top:8px}
.strumento__nota{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--mono);font-size:12px;color:var(--muto)}
.strumento__nota .pausa{margin-left:auto}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (min-width:900px) and (max-height:820px){
  .apertura__testo{gap:12px}
  .apertura__testo .contatore{width:min(100%,calc((100svh - var(--testata-h) - 400px) * 1.195))}
}
@media (max-width:899px){
  .apertura{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
  .apertura > *,.apertura__testo > *{grid-column:1/-1}
  .apertura__testo{display:contents}
  .apertura .apertura__testa{order:1}
  .apertura .apertura__lead{order:2}
  .apertura .apertura__azioni{order:3}
  .apertura .strumento{order:4;margin-top:0}
  .apertura .apertura__testo .contatore{order:5;width:min(78%,280px);margin:6px auto 0}
  .grafico{height:38svh;flex:none}
}

/* ===== 02 v2 (giro 7): grafico grande, una frase alla volta ===== */
.istanti{height:260svh}
.istanti__palco{width:100%;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:clamp(24px,3.4vw,56px)}
.istanti__grafico{height:min(72svh,100%);max-height:none;align-self:center}
.istanti__passo{transition:opacity .25s,transform .25s;transition-delay:0s}
.istanti__passo.is-attivo{transition-delay:.15s}
.istanti__fonte{margin:6px 0 0;padding:0;border:0;font-family:var(--mono);font-size:11.5px;color:var(--muto);max-width:none}
.istanti__grafico canvas{touch-action:pan-y}
.istanti__grafico .nastro__tip{bottom:auto;top:6px}
@media (max-width:899px){
  .istanti{height:240svh}
  .istanti__palco{grid-template-columns:minmax(0,1fr)}
  .istanti__grafico{height:56svh;flex:none}
  .istanti__fonte{display:block}
}

.istanti{border-top:0}
.istanti__grafico{height:min(78svh,100%)}

.grafico__valore{min-width:5.2ch;text-align:right}
@media (max-width:380px){.bottone{padding:14px 16px;font-size:15px}.apertura__azioni{gap:16px}}
@media (max-width:899px){.istanti__palco{align-content:start}.istanti__grafico{align-self:start}}
@media (prefers-reduced-motion:reduce){.istanti{height:auto}.istanti__palco{position:static;height:auto}.istanti__grafico{height:60vh}}

/* ===== 03 la scheda che si apre ===== */
.scheda{position:relative;height:300svh}
.scheda__palco{position:sticky;top:var(--testata-h);height:calc(100svh - var(--testata-h));max-width:var(--larghezza);margin:0 auto;padding:clamp(20px,4vh,48px) var(--margine);display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:clamp(24px,3.4vw,56px);align-items:center;overflow:hidden}
.scheda h2{font-size:clamp(30px,min(3.4vw,6vh),50px);line-height:1.02;letter-spacing:-.03em;font-weight:800;margin:0 0 clamp(18px,3vh,30px);text-wrap:balance}
.scheda h2 em{font-style:normal;color:var(--attiva-forte);display:block}
.scheda__passi{list-style:none;margin:0;padding:0;display:grid}
.scheda__passo{grid-area:1/1;font-size:clamp(16px,1.25vw,18px);line-height:1.5;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s;max-width:34ch}
.scheda__passo.is-attivo{opacity:1;transform:none;transition-delay:.15s}
.scheda__passo b{font-weight:800}
.scheda__scena{position:relative;height:100%;perspective:2200px;perspective-origin:50% 30%}
.scheda__testo{position:relative;z-index:2}
.scheda__mondo{position:absolute;left:50%;top:56%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-36deg)}
.s3{position:absolute;left:0;top:0;transform-style:preserve-3d}
.s3f{position:absolute;left:0;top:0;transform-origin:0 0}
.s3-serig{position:absolute;font:600 13px var(--mono);color:#bdb6aa;letter-spacing:.04em}
.s3-pcbfoto{border-radius:14px;background-size:101.5% 102.5% !important;background-position:50% 50% !important}
.s3-guscio .s3f.sotto,.s3-pcb .s3f.sotto{display:none}
.s3-ombra{position:absolute;left:0;top:0;transform-origin:0 0;background:radial-gradient(closest-side,rgba(33,29,22,.32),rgba(33,29,22,0));pointer-events:none}
.s3-punto{position:absolute;width:0;height:0;opacity:var(--punti,0)}
.s3-punto i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:#e9a23b;border:1.5px solid #211d16;font-size:0;font-style:normal;color:#211d16;text-align:center}
.s3-etichette{position:absolute;inset:0;pointer-events:none;opacity:var(--punti,0)}
.s3-fili{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.s3-fili path{fill:none;stroke:#211d16;stroke-width:1}
.s3-etichetta{position:absolute;white-space:nowrap;font:600 14px/1 var(--font);color:var(--inchiostro);background:var(--carta);padding:3px 4px;transform:translateY(-50%)}
.s3-etichetta--sx{transform:translate(-100%,-50%)}
.s3-led{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;opacity:0}
.scheda.is-finale .s3-led{animation:s3led 1.24s steps(1,end) infinite}
@keyframes s3led{0%{opacity:1;background:#ffe08a;box-shadow:0 0 12px 4px rgba(255,176,46,.8)}10%{opacity:0}}
.scheda__legenda{display:none}
.scheda.is-stretta .s3-etichette{display:none}
.scheda.is-stretta .s3-punto i{width:22px;height:22px;left:-11px;top:-11px;font-size:12px;line-height:19px;font-weight:700;font-family:var(--mono)}
@media (max-width:899px){
  .scheda{height:260svh}
  .scheda__palco{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;gap:8px}
  .scheda__scena{min-height:0;height:100%}
  .scheda__legenda{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin:0;padding:0 0 8px;list-style:none;counter-reset:n;font:600 13px/1.3 var(--font);opacity:var(--punti,0)}
  .scheda__legenda li{counter-increment:n;display:flex;gap:8px;align-items:baseline}
  .scheda__legenda li::before{content:counter(n);flex:none;width:18px;height:18px;border-radius:50%;background:#e9a23b;border:1.5px solid #211d16;font:700 10px/15px var(--mono);text-align:center}
}
@media (prefers-reduced-motion:reduce){.scheda{height:auto}.scheda__palco{position:static;height:90svh}.scheda__passo{opacity:1;transform:none;grid-area:auto;margin-bottom:8px}}


.s3-batt-et{position:absolute;left:18px;right:18px;top:42px;height:34px;background:#2c2f33;color:#e8e6e1;font:700 13px/34px var(--mono);text-align:center;border-radius:3px;letter-spacing:.04em}
.s3-batt-poli{position:absolute;left:10px;top:8px;display:flex;gap:132px}
.s3-batt-poli i{width:16px;height:16px;border-radius:50%;background:#9aa0a5;border:1px solid #6f757a;font:700 12px/14px var(--mono);font-style:normal;text-align:center;color:#2c2f33}
.s3-etichetta--sx{margin-left:-16px}
@media (max-width:899px){.scheda__palco{grid-template-rows:auto minmax(0,1fr) auto;align-content:start}.scheda__scena{height:auto;min-height:300px;aspect-ratio:1/1}}

/* 03 con i modelli veri (three.js) */
.scheda__tela{position:absolute;inset:0;width:100%;height:100%;display:block}
.scheda__riserva{position:absolute;inset:10% 15%;width:70%;height:80%;object-fit:contain;opacity:0;transition:opacity .3s}
.scheda.senza-3d .scheda__riserva{opacity:1}
.s3-etichette{opacity:0}
.s3-punto3d{position:absolute;left:-11px;top:-11px;width:22px;height:22px;font-size:12px !important;line-height:19px !important;border-radius:50%;background:#e9a23b;border:1.5px solid #211d16;font:700 10px/15px var(--mono);text-align:center;color:#211d16;box-shadow:0 0 0 3px rgba(244,239,230,.8)}
@media (min-width:561px){.s3-punto3d{font-size:0;width:12px;height:12px;left:-6px;top:-6px}}
.s3-etichetta{left:0;top:0}
.s3-etichetta--sx{transform:none;margin-left:0}

@media (max-width:899px){.scheda__palco{grid-template-rows:auto auto auto}.scheda__scena{aspect-ratio:auto;height:52svh;min-height:0}.scheda__legenda{margin-top:4px}}

.scheda.is-3d .scheda__riserva{display:none}
@media (max-height:700px) and (max-width:899px){.scheda__scena{height:44svh}.scheda__legenda{font-size:12px}}

/* ===== 04 · I dati dal campo ===== */
.dati{background:var(--notte);color:#f1eadc;min-height:calc(100vh - var(--testata-h));min-height:calc(100svh - var(--testata-h));display:flex;flex-direction:column;justify-content:center;gap:clamp(20px,4vh,44px);padding:clamp(36px,7vh,96px) var(--margine) clamp(28px,5vh,64px);box-sizing:border-box}
.dati__testa,.dati__campo{width:100%;max-width:calc(var(--larghezza) - 2 * var(--margine));margin:0 auto}
.occhiello--chiaro{color:#f0b257}
.dati h2{font-size:clamp(32px,min(4.4vw,7vh),68px);line-height:1;letter-spacing:-.035em;font-weight:800;margin:0 0 clamp(12px,2vh,20px)}
.dati h2 em{font-style:normal;color:#f0b257}
.dati__conta{margin:0;font-size:clamp(15px,1.2vw,18px);color:#b9ae9b;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.dati__conta .num{font-family:var(--mono);font-size:clamp(28px,2.8vw,40px);font-weight:600;color:#ffd27a;letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:9.5ch}
.dati__campo{position:relative;margin:0 auto}
#dati-tela{display:block;width:100%;height:clamp(220px,calc(100svh - var(--testata-h) - 365px),520px);cursor:crosshair}
.dati__asse{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:#8a806e;margin-top:10px}
.dati .nastro__tip{background:#f1eadc;color:var(--notte);bottom:auto}

/* ===== 05 · Il pilota ===== */
.pilota{min-height:calc(100vh - var(--testata-h));min-height:calc(100svh - var(--testata-h));display:flex;align-items:center;padding:clamp(32px,6vh,80px) var(--margine);box-sizing:border-box}
.pilota__palco{width:100%;max-width:calc(var(--larghezza) - 2 * var(--margine));margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center}
.pilota h2{font-size:clamp(32px,min(4vw,7vh),60px);line-height:1;letter-spacing:-.035em;font-weight:800;margin:0 0 clamp(20px,4vh,36px)}
.pilota h2 em{font-style:normal;color:var(--attiva-forte);display:block}
.pilota__fasi{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pilota__fasi li{display:grid;grid-template-columns:88px 1fr;gap:14px;font-size:clamp(15px,1.15vw,17px);line-height:1.4;padding-top:14px;border-top:1px solid var(--filo)}
.pilota__fasi b{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--attiva-testo);padding-top:3px}
.pilota__griglia{align-items:center;width:min(100%,calc((100svh - var(--testata-h) - 64px) * .72));justify-self:end;display:grid;grid-template-columns:repeat(10,1fr);gap:clamp(6px,.8vw,12px)}
.cella{aspect-ratio:.82;position:relative;border-radius:22%;border:1.5px solid var(--filo);background:var(--foglio);opacity:0;transform:scale(.6);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1)}
.pilota.is-visto .cella{opacity:1;transform:none}
.cella::before{content:"";position:absolute;left:18%;right:18%;top:18%;height:22%;border-radius:2px;background:var(--velina)}
.cella::after{content:"";position:absolute;left:50%;bottom:20%;width:20%;aspect-ratio:1;margin-left:-10%;border-radius:50%;background:var(--filo)}
.cella.is-acceso::before{background:#f6dcae}
.cella.is-acceso{border-color:var(--attiva);background:#fff4df}
.cella.is-acceso::after{background:var(--attiva);box-shadow:0 0 0 0 rgba(217,119,6,.5)}
.cella.lampo::after{background:#ffd27a;box-shadow:0 0 14px 6px rgba(255,176,46,.55)}

/* ===== Contatti e piede ===== */
.contatti{background:var(--inchiostro);color:#f1eadc;min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,12vh,140px) var(--margine) clamp(40px,6vh,56px);box-sizing:border-box}
.contatti h2,.contatti__righe{width:100%;max-width:calc(var(--larghezza) - 2 * var(--margine));margin-left:auto;margin-right:auto}
.contatti h2{font-size:clamp(40px,7vw,112px);line-height:.95;letter-spacing:-.045em;font-weight:800;margin-top:0;margin-bottom:clamp(32px,7vh,72px)}
.contatti h2 em{font-style:normal;color:#f0b257}
.contatti__righe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr) minmax(0,1.45fr);gap:24px}
.contatti__voce{margin:0;display:flex;flex-direction:column;gap:8px;color:#f1eadc;text-decoration:none;font-size:clamp(20px,1.9vw,28px);font-weight:600;padding-top:16px;border-top:1px solid #4a4336;overflow-wrap:anywhere}
.contatti__voce span{font-family:var(--mono);font-size:12px;font-weight:500;color:#a99e8a}
a.contatti__voce:hover{color:#ffd27a;border-color:#f0b257}
.piede{background:var(--inchiostro);color:#a99e8a;padding:28px max(var(--margine),calc((100% - var(--larghezza)) / 2 + var(--margine))) 36px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;font-size:13.5px;border-top:1px solid #3a342a}
.piede p{margin:0}.piede a{color:#f1eadc}
.piede__logo{height:20px;width:auto;color:#f1eadc;--gemma:#f0b257}
.piede__nota{margin-left:auto!important}
@media (max-width:860px){
  .pilota__palco{grid-template-columns:1fr}
  .pilota__griglia{max-width:420px;width:100%;margin:0 auto}
  .contatti__righe{grid-template-columns:1fr}
  .piede__nota{margin-left:0!important}
}
@media (prefers-reduced-motion:reduce){.cella{transition:none}}

.pilota__cta{margin-top:clamp(20px,4vh,32px)}
.dati h2,.contatti h2,.pilota h2{text-wrap:balance}
@media (max-width:860px){
  .pilota__palco{gap:28px}
  .pilota__griglia{order:-1;width:min(86%,300px);justify-self:center;gap:6px}
}
@media (min-width:861px) and (max-height:760px){.pilota{padding-block:16px}.pilota__fasi{gap:8px}.pilota__fasi li{padding-top:9px}.pilota h2{margin-bottom:16px}.pilota__cta{margin-top:16px}}

@media (min-width:1024px){.contatti__voce{white-space:nowrap;font-size:clamp(18px,1.6vw,24px)}}
@media (max-width:600px){
  .pilota{padding-top:20px}
  .pilota__palco{gap:18px}
  .pilota__griglia{width:min(76%,270px);gap:5px}
  .pilota h2{margin-bottom:14px}
  .pilota__fasi{gap:8px}.pilota__fasi li{padding-top:9px}
  .pilota__cta{margin-top:16px}
}
@media (max-width:380px){.pilota__griglia{width:min(64%,220px)}}

/* ===== L'obiettivo · NILM ===== */
.obiettivo{border-top:1px solid var(--filo)}
.obiettivo__grafico{position:relative}
.obiettivo__scorta{position:absolute;left:8%;right:8%;top:16%;display:grid;gap:0;justify-items:center;text-align:center;opacity:var(--dati,0);transform:translateY(calc((1 - var(--dati,0)) * 16px));pointer-events:none}
.obiettivo__conta{margin:0 0 16px;display:flex;flex-direction:column;align-items:center;gap:8px}
.obiettivo__conta b{font-size:clamp(64px,9vw,132px);font-weight:800;letter-spacing:-.05em;line-height:.9;color:var(--attiva-forte);font-variant-numeric:tabular-nums}
.obiettivo__conta span{font-size:clamp(15px,1.3vw,19px);font-weight:600;color:var(--inchiostro)}
.obiettivo__scorta i{display:block;width:100%;height:8px;border-radius:4px;background:var(--velina);position:relative;overflow:hidden}
.obiettivo__scorta s{position:absolute;left:0;top:0;bottom:0;width:6%;background:var(--attiva-forte);border-radius:4px}
.obiettivo__scorta u{position:absolute;left:0;top:0;bottom:0;width:6%;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(217,119,6,.35) 0 6px,rgba(217,119,6,.12) 6px 10px)}
.obiettivo__estremi{margin:8px 0 0;width:100%;display:flex;justify-content:space-between;font-family:var(--mono);font-size:13px;color:var(--muto)}
.obiettivo .nastro__tip{bottom:auto;top:6px}
.pilota__scambio{margin:clamp(14px,2.4vh,22px) 0 0;font-size:clamp(15px,1.15vw,17px);line-height:1.45}
.pilota__scambio b{color:var(--attiva-testo)}
.bottone--chiaro{background:#f0b257;color:var(--notte)}
.bottone--chiaro:hover{background:#ffd27a}
.contatti__cta{align-self:flex-start;margin-top:clamp(28px,5vh,48px);width:fit-content}
.contatti .contatti__cta{margin-left:max(0px,calc((100% - (var(--larghezza) - 2 * var(--margine))) / 2))}

.obiettivo__conta b{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.obiettivo__grafico.is-cento .obiettivo__conta b{transform:scale(1.04)}
.grafico__app{position:absolute;right:16px;top:clamp(40px,3.9vw,54px);font-size:15px;font-weight:600;color:var(--muto);white-space:nowrap;pointer-events:none}
.grafico__app.is-acceso{color:var(--inchiostro)}
.grafico__app.is-acceso::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--attiva);margin-right:7px;vertical-align:1px}
.grafico__app.nuovo{animation:app-entra .35s cubic-bezier(.2,.8,.2,1)}
@keyframes app-entra{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.grafico__app.nuovo{animation:none}}
.pilota h2{font-size:clamp(28px,min(3vw,5.4vh),46px);line-height:1.04;max-width:21ch}