/* ============================================================
   QUOTAQUID — IL SITO PUBBLICO, DISEGNO «APPLE» (15/10/2026)

   Il riferimento l'ha scelto il proprietario: il sito di Apple. Fasce
   piene che si alternano (bianco, grigio chiaro, nero per i momenti di
   prodotto), titoli grandi in Hanken Grotesk semibold col tracking
   stretto, un colore solo -- il rosso del marchio -- sui pulsanti a
   pillola e sui link «›».

   COSA STA IN QUESTO FOGLIO. Il guscio comune a tutte le pagine (barra,
   striscia dell'invito, chiusura, piede) con le classi `qq-`, e la home,
   tutta sotto `.home`. Le altre pagine caricano ANCHE stile-v3.css (la
   loro impaginazione) e stile-v4-pagine.css (il vestito nuovo sopra):
   per questo il guscio ha nomi suoi e la home e' chiusa in `.home` --
   cosi' le regole del disegno vecchio non ci arrivano, e queste non
   arrivano alle pagine vecchie.
   ============================================================ */

:root{
  --q-bianco:#fff; --q-grigio:#f5f5f7; --q-grigio-2:#e8e8ed; --q-nero:#000; --q-nero-2:#161617;
  --q-ink:#1d1d1f; --q-ink-2:#6e6e73; --q-ink-d:#f5f5f7; --q-ink-d2:#a1a1a6;
  --q-rosso:#e8493b;          /* il rosso del marchio: campi pieni e numeri grandi */
  --q-rosso-pieno:#d1351f;    /* sotto il testo bianco dei pulsanti (4,9:1) */
  --q-rosso-link:#c8341f;     /* i link su fondo chiaro (5,3:1) */
  --q-rosso-chiaro:#ff6b5b;   /* i link e i numeri su fondo nero */
  --q-rosa:#f6a49a;
  --q-m:max(22px, calc((100vw - 1180px) / 2));
  --q-raggio:28px;
  --q-ease:cubic-bezier(.16,1,.3,1);
  --q-font:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}

/* ---------- la base, comune a tutte le pagine ---------- */
html{-webkit-text-size-adjust:100%}
body{font-family:var(--q-font);-webkit-font-smoothing:antialiased}
::selection{background:var(--q-rosso);color:#fff}

/* ---------- la barra ---------- */
/* il vetro sta su uno strato a parte: un backdrop-filter sulla barra stessa
   la farebbe diventare il riquadro del pannello fisso del menu, che resterebbe
   chiuso nei suoi 48 pixel, sotto la prima sezione */
.qq-barra{position:sticky;top:0;z-index:60;height:48px;color:#e8e8ed;font-family:var(--q-font)}
.qq-barra::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(22,22,23,.84);
  -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
body:has(.qq-menu[open]){overflow:hidden}
.qq-barra .qq-dentro{height:100%;max-width:1060px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.qq-marchio{display:block;flex:none}
.qq-marchio img{height:19px;width:auto;display:block}
.qq-voci{display:flex;gap:clamp(18px,2.2vw,30px);list-style:none;margin:0;padding:0;font-size:13px;letter-spacing:-.005em}
.qq-voci a,.qq-dx a{color:#e8e8ed;text-decoration:none;opacity:.86;transition:opacity .2s;white-space:nowrap}
.qq-voci a:hover,.qq-dx a:hover,.qq-voci a.qui{opacity:1}
.qq-voci a.qui{color:#fff}
.qq-dx{display:flex;gap:18px;align-items:center;font-size:13px}
.qq-dx .qq-lingue{display:flex;gap:6px;color:#86868b}
.qq-dx .qq-lingue a.ora{opacity:1;color:#fff}
.qq-barra .qq-prova{opacity:1;background:var(--q-rosso-pieno);color:#fff;border-radius:999px;padding:5px 12px;font-weight:500}
.qq-barra .qq-prova:hover{background:#b82c18}
.qq-menu{display:none}
.qq-menu summary{list-style:none;cursor:pointer;width:36px;height:36px;display:grid;place-content:center;gap:5px}
.qq-menu summary::-webkit-details-marker{display:none}
.qq-menu summary span{display:block;width:17px;height:1.5px;background:#e8e8ed;border-radius:2px;transition:transform .35s var(--q-ease)}
.qq-menu[open] summary span:first-child{transform:translateY(3.25px) rotate(45deg)}
.qq-menu[open] summary span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.qq-pannello{position:fixed;inset:48px 0 0 0;background:#161617;padding:24px 34px 40px;overflow:auto;display:flex;flex-direction:column}
.qq-pannello a{color:#e8e8ed;text-decoration:none}
.qq-pannello .qq-grandi{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.qq-pannello .qq-grandi a{display:block;font-size:28px;font-weight:600;letter-spacing:-.025em;padding:6px 0}
.qq-pannello .qq-fondo-menu{margin-top:auto;padding-top:30px;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;font-size:17px}
.qq-pannello .qq-fondo-menu .qq-pillola{color:#fff}
.qq-pannello .qq-lingue{display:flex;gap:14px;color:#86868b}
.qq-pannello .qq-lingue a{opacity:.7}
.qq-pannello .qq-lingue a.ora{opacity:1;color:#fff}

.qq-striscia{background:var(--q-grigio);text-align:center;font-size:14px;line-height:1.4;padding:13px 22px;color:var(--q-ink);font-family:var(--q-font)}
.qq-striscia a{color:var(--q-rosso-link);text-decoration:none}
.qq-striscia a:hover{text-decoration:underline}

/* ---------- pulsanti e link ---------- */
.qq-pillola{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 24px;border-radius:999px;
  background:var(--q-rosso-pieno);color:#fff;font-size:17px;font-weight:500;text-decoration:none;letter-spacing:-.01em;border:0;cursor:pointer;
  font-family:var(--q-font);transition:background .25s,transform .25s var(--q-ease)}
.qq-pillola:hover{background:#b82c18}
.qq-pillola:active{transform:scale(.97)}
.qq-pillola.vuota{background:transparent;color:var(--q-rosso-link);box-shadow:inset 0 0 0 1.5px currentColor}
.qq-pillola.vuota:hover{background:var(--q-rosso-pieno);color:#fff;box-shadow:none}
.qq-freccia{color:var(--q-rosso-link);font-size:19px;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.qq-freccia:hover{text-decoration:underline;text-underline-offset:4px}
.qq-nero .qq-freccia,.qq-chiusura .qq-freccia{color:var(--q-rosso-chiaro)}
.qq-azioni{display:flex;gap:16px 30px;align-items:center;justify-content:center;flex-wrap:wrap}

/* ---------- la chiusura, in fondo a ogni pagina ---------- */
.qq-chiusura{background:var(--q-nero);color:var(--q-ink-d);text-align:center;padding:clamp(90px,12vw,160px) 22px clamp(70px,9vw,120px);font-family:var(--q-font)}
.qq-chiusura .qq-kyu{width:180px;height:180px;margin:0 auto 18px}
.qq-chiusura .qq-kyu img,.qq-chiusura .qq-kyu svg{width:100%;height:100%;display:block}
.qq-chiusura h2{font-size:clamp(40px,6vw,80px);line-height:1;font-weight:600;letter-spacing:-.04em;max-width:24ch;margin:0 auto;text-wrap:balance}
.qq-chiusura h2 .acc,.qq-chiusura h2 span{color:var(--q-ink-d2)}
.qq-chiusura .qq-azioni{margin-top:36px}
.qq-chiusura .qq-piccolo{font-size:14px;color:var(--q-ink-d2);margin-top:20px}
.qq-chiusura .invito-nota{font-size:14px;color:var(--q-ink-d2);margin-top:6px}
.qq-chiusura .invito-nota a{color:var(--q-rosso-chiaro)}

/* ---------- il piede ---------- */
.qq-piede{background:var(--q-grigio);color:var(--q-ink-2);font-size:13px;line-height:1.5;padding:30px var(--q-m) 26px;font-family:var(--q-font)}
.qq-piede .qq-dentro{max-width:980px;margin:0 auto}
.qq-piede .qq-note p{margin:0 0 10px}
.qq-piede .qq-colonne{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:34px 0}
.qq-piede h2{color:var(--q-ink);font-weight:600;font-size:13px;margin:0 0 10px;letter-spacing:0}
.qq-piede ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.qq-piede a{color:var(--q-ink-2);text-decoration:none}
.qq-piede a:hover{color:var(--q-ink);text-decoration:underline}
.qq-piede .qq-fondo{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.qq-piede .qq-fondo a{color:var(--q-ink)}

@media (max-width:1120px){
  .qq-voci,.qq-dx{display:none}
  .qq-menu{display:block}
}
@media (max-width:700px){
  .qq-piede .qq-colonne{grid-template-columns:1fr 1fr}
  .qq-chiusura h2{font-size:31px}
}

/* ============================================================
   LA HOME
   ============================================================ */
.home{font-size:17px;line-height:1.47;color:var(--q-ink);background:var(--q-bianco);letter-spacing:-.01em;margin:0}
.home *{box-sizing:border-box}
.home h1,.home h2,.home h3,.home p,.home ul,.home figure{margin:0;padding:0}
:where(.home) :where(a){color:inherit;text-decoration:none}
.home img,.home svg{display:block}
:where(.home) :where(button){font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.home :focus-visible{outline:2px solid var(--q-rosso);outline-offset:3px;border-radius:6px}
.home .num{font-variant-numeric:tabular-nums}
.home .qq-freccia svg{width:9px;height:14px}

.home .fascia{padding:clamp(80px,11vw,140px) var(--q-m)}
.home .fascia.grigia{background:var(--q-grigio)}
.home .qq-nero{background:var(--q-nero);color:var(--q-ink-d)}
.home .titolo{font-size:clamp(40px,5.2vw,64px);line-height:1.05;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
.home .sotto{font-size:clamp(19px,1.7vw,24px);line-height:1.35;color:var(--q-ink-2);font-weight:400;letter-spacing:-.015em;text-wrap:balance}
.home .qq-nero .sotto{color:var(--q-ink-d2)}
.home .centro{text-align:center;max-width:860px;margin:0 auto}
.home .centro .sotto{margin:18px auto 0;max-width:640px}

/* ---------- prima schermata ---------- */
.home .eroe{background:var(--q-nero);color:var(--q-ink-d);text-align:center;padding:clamp(40px,5vw,64px) 22px 0;overflow:hidden;position:relative}
.home .eroe .nome{font-size:clamp(21px,2vw,28px);font-weight:600;color:var(--q-rosso-chiaro);letter-spacing:-.02em}
.home .eroe h1{font-size:clamp(46px,6.2vw,88px);line-height:1;font-weight:600;letter-spacing:-.04em;max-width:17ch;margin:10px auto 0;text-wrap:balance}
.home .eroe .sotto{margin:18px auto 0;max-width:44ch;color:var(--q-ink-d2)}
.home .eroe .qq-azioni{margin-top:28px}
.home .eroe .qq-freccia{color:var(--q-rosso-chiaro)}
.home .palcoscenico{position:relative;height:clamp(420px,40vw,560px);max-width:1180px;margin:8px auto 0}
.home .kyu-grande{position:absolute;left:50%;top:0;width:clamp(280px,31vw,440px);aspect-ratio:1;transform:translateX(-50%)}
.home .kyu-grande svg,.home .kyu-grande img{width:100%;height:100%}
.home .avviso{position:absolute;width:min(340px,40vw);text-align:left;border-radius:22px;padding:14px 16px 15px;
  background:rgba(58,58,60,.62);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);
  color:#f5f5f7;font-size:14px;line-height:1.4;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.home .avviso .capo{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#c7c7cc;margin-bottom:5px}
.home .avviso .capo img{width:20px;height:20px;border-radius:5px}
.home .avviso .capo span:last-child{margin-left:auto}
.home .avviso b{display:block;font-weight:600;font-size:15px;color:#fff}
.home .avviso .cifra{color:var(--q-rosso-chiaro);font-weight:600}
.home .av1{left:4%;top:30%}
.home .av2{right:4%;top:12%}
.home .av3{right:9%;top:52%}

/* ---------- il netto reale ---------- */
.home .netto .centro{margin-bottom:56px}
.home .segmenti{display:inline-flex;background:var(--q-grigio-2);border-radius:999px;padding:4px;gap:2px;margin:0 auto}
.home .segmenti button{height:38px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:500;color:#515154;transition:background .3s var(--q-ease),color .3s}
.home .segmenti button[aria-pressed="true"]{background:#fff;color:var(--q-ink)}
.home .conto{max-width:980px;margin:0 auto;text-align:center}
.home .cursore{margin:44px auto 0;max-width:720px}
.home .cursore label{display:flex;justify-content:space-between;align-items:baseline;font-size:17px;color:var(--q-ink-2)}
.home .cursore label output{font-size:28px;font-weight:600;color:var(--q-ink);letter-spacing:-.02em}
.home input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin-top:10px;cursor:pointer}
.home input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(var(--q-ink),var(--q-ink)) 0/var(--p,50%) 100% no-repeat,var(--q-grigio-2)}
.home input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:var(--q-grigio-2)}
.home input[type=range]::-moz-range-progress{height:6px;border-radius:6px;background:var(--q-ink)}
.home input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;margin-top:-11px;
  box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.22);transition:transform .2s var(--q-ease)}
.home input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
.home input[type=range]::-moz-range-thumb{width:28px;height:28px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.22)}
.home .risultato{margin-top:56px}
.home .risultato .grande{font-size:clamp(64px,10vw,140px);font-weight:600;letter-spacing:-.045em;line-height:.95;color:var(--q-rosso)}
.home .risultato .dice{font-size:clamp(19px,1.7vw,24px);margin-top:14px;color:var(--q-ink)}
.home .risultato .dice span{color:var(--q-ink-2)}
.home .divisa{display:flex;gap:4px;height:64px;border-radius:16px;overflow:hidden;margin:48px 0 18px}
.home .divisa div{transition:flex-grow .7s var(--q-ease);min-width:4px}
.home .d-tuo{background:var(--q-ink)} .home .d-con{background:var(--q-rosso)} .home .d-imp{background:var(--q-rosa)}
.home .legenda{display:flex;justify-content:space-between;gap:20px;text-align:left;flex-wrap:wrap}
.home .legenda div{font-size:15px;color:var(--q-ink-2)}
.home .legenda b{display:block;font-size:24px;font-weight:600;color:var(--q-ink);letter-spacing:-.02em}
.home .legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px}
.home .nota-piccola{font-size:14px;color:var(--q-ink-2);max-width:640px;margin:36px auto 0;text-align:center}
.home .nota-piccola a{color:var(--q-rosso-link)}
.home .azioni-calc{margin-top:30px}
.home .postilla-calc{font-size:14px;color:var(--q-ink-2);margin-top:12px;text-align:center}

/* ---------- la galleria di Kyu ---------- */
.home .testa-sx{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.home .testa-sx .sotto{margin-top:14px;max-width:46ch}
.home .galleria{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--q-m);
  padding:48px var(--q-m) 30px;margin:0 calc(var(--q-m) * -1);scrollbar-width:none;list-style:none}
.home .galleria::-webkit-scrollbar{display:none}
.home .carta{flex:0 0 clamp(290px,31vw,372px);height:clamp(540px,46vw,620px);border-radius:var(--q-raggio);background:var(--q-bianco);
  scroll-snap-align:start;padding:34px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .5s var(--q-ease)}
.home .carta:hover{transform:scale(1.015)}
.home .carta.scura{background:var(--q-nero);color:var(--q-ink-d)}
.home .carta h3{font-size:28px;line-height:1.1;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.home .carta p{font-size:17px;color:var(--q-ink-2);margin-top:12px}
.home .carta.scura p{color:var(--q-ink-d2)}
.home .carta .pezzo{margin-top:auto}
.home .palette{display:flex;justify-content:flex-end;gap:14px;max-width:1180px;margin:0 auto}
.home .palette button{width:44px;height:44px;border-radius:50%;background:var(--q-grigio-2);display:grid;place-items:center;transition:background .2s,opacity .2s}
.home .palette button:hover{background:#dcdce1}
.home .palette button:disabled{opacity:.4;cursor:default}
.home .palette svg{width:12px;height:18px}

/* frammenti d'interfaccia: dentro valgono le convenzioni dell'app */
.home [data-ui]{font-size:14px;letter-spacing:0}
.home .ui{background:var(--q-grigio);border-radius:16px;padding:16px}
.home .carta.scura .ui{background:#1c1c1e;color:#f5f5f7}
.home .ui .riga{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.07)}
.home .carta.scura .ui .riga{border-color:rgba(255,255,255,.09)}
.home .ui .riga:last-child{border-bottom:0}
.home .ui .riga span{color:var(--q-ink-2)}
.home .carta.scura .ui .riga span{color:#a1a1a6}
.home .ui .riga b{font-weight:500;text-align:right}
.home .fumetto{background:var(--q-rosso-pieno);color:#fff;border-radius:20px 20px 6px 20px;padding:12px 16px;font-size:16px;margin:0 0 12px auto;max-width:86%;width:fit-content}
.home .fumetto.sx{background:#e9e9eb;color:var(--q-ink);border-radius:20px 20px 20px 6px;margin-left:0}
.home .carta.scura .fumetto.sx{background:#2c2c2e;color:#f5f5f7}
.home .spunta{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#30d158;color:#000;margin-right:8px;vertical-align:-4px}
.home .spunta svg{width:11px;height:11px}
.home .tasto-ui{display:flex;gap:8px;margin-top:12px}
.home .tasto-ui span{flex:1;text-align:center;padding:9px;border-radius:10px;background:var(--q-rosso-pieno);color:#fff;font-weight:500}
.home .tasto-ui span+span{background:#e3e3e8;color:var(--q-ink)}
.home .livelli{display:grid;gap:8px}
.home .livelli div{padding:12px 14px;border-radius:12px;background:#1c1c1e;color:#a1a1a6}
.home .livelli div b{display:block;color:#f5f5f7;font-weight:500}
.home .livelli div.on{background:var(--q-rosso-pieno);color:#fff}
.home .livelli div.on b{color:#fff}
.home .allarme{display:grid;gap:8px}
.home .allarme div{display:flex;gap:10px;align-items:flex-start;background:var(--q-grigio);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.35}
.home .carta.scura .allarme div{background:#1c1c1e;color:#f5f5f7}
.home .allarme i{flex:none;width:8px;height:8px;border-radius:50%;background:#ff9f0a;margin-top:6px}

/* ---------- l'anteprima: la finestra del prodotto ----------
   La finestra e' finestre_home() del generatore, con lo script suo: qui
   cambia solo il vestito. La scala la mette lo script (--scala). */
.home .vetrina{max-width:1180px;margin:56px auto 0}
.home .cella-desk{width:100%}
.home .desk{--scala:.86;width:calc(1280px * var(--scala));max-width:100%;margin:0 auto;border-radius:22px;overflow:hidden;background:#1c1c1e}
.home .desk .capo{display:flex;align-items:center;gap:14px;height:40px;padding:0 16px;background:#2c2c2e;color:#a1a1a6;font-size:13px}
.home .desk .pall{display:flex;gap:7px}
.home .desk .pall i{width:11px;height:11px;border-radius:50%;background:#48484a}
.home .desk .via{flex:1;text-align:center;letter-spacing:0}
.home .desk .suggerimento{color:#a1a1a6;white-space:nowrap}
.home .vetro{position:relative;overflow:hidden}
.home .desk .vetro{height:calc(880px * var(--scala))}
.home .desk iframe{position:absolute;left:0;top:0;width:1280px;height:880px;border:0;transform:scale(var(--scala));transform-origin:0 0}
.home .tel{--scala:.72;display:none;width:calc(414px * var(--scala));margin:0 auto;border-radius:36px;overflow:hidden;border:8px solid #2c2c2e;background:#1c1c1e;box-sizing:content-box}
.home .tel .vetro{height:calc(892px * var(--scala))}
.home .tel iframe{position:absolute;left:0;top:0;width:414px;height:892px;border:0;transform:scale(var(--scala));transform-origin:0 0}
.home .vetro:not(.esplora) iframe{pointer-events:none}
.home .vetro-velo{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding-bottom:28px;width:100%;
  background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0) 40%)}
.home .vetro-velo span{background:rgba(255,255,255,.94);color:#000;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:500;transition:transform .3s var(--q-ease)}
.home .vetro-velo:hover span{transform:scale(1.04)}
.home .vetro.esplora .vetro-velo{display:none}
.home .vetro-esci{position:absolute;right:14px;top:14px;z-index:3;background:rgba(255,255,255,.94);color:#000;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500}
.home .vetro-esci[hidden]{display:none}
.home .tel .vetro-esci .l{display:none}
.home .tel .vetro-esci{width:40px;height:40px;padding:0;display:grid;place-items:center;font-size:18px}
.home .vetro.carica::after{content:attr(data-attesa);position:absolute;inset:0;z-index:1;display:grid;place-items:center;font-size:15px;color:#a1a1a6;background:#1c1c1e}
.home .vetro.carica.esplora::after{pointer-events:none}
.home .desk-dida{text-align:center;color:var(--q-ink-d2);font-size:15px;margin-top:22px;min-height:1.5em}
.home .dida{text-align:center;color:var(--q-ink-d2);font-size:15px;margin-top:14px}
.home .dida a{color:var(--q-rosso-chiaro)}

/* ---------- l'app store ---------- */
.home .store{background:var(--q-bianco);overflow:hidden}
.home .store-testa{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:5fr 6fr;gap:40px;align-items:center}
.home .store-testa .sotto{margin-top:18px;max-width:30ch}
.home .prezzo-store{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:28px}
.home .prezzo-store span{background:var(--q-grigio);border-radius:999px;padding:10px 18px;font-weight:600;font-size:17px}
.home .ico{display:inline-grid;place-items:center;flex:none;width:64px;height:64px;border-radius:22.5%;background:var(--c);overflow:hidden}
.home .ico svg{width:58%;height:58%}
.home .parete{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.4vw,20px);transform:rotate(-10deg);padding:30px 0}
.home .parete .fila{display:flex;gap:clamp(12px,1.4vw,20px)}
.home .parete button{width:clamp(64px,7.4vw,108px);aspect-ratio:1;border-radius:22.5%;transition:transform .5s var(--q-ease)}
.home .parete button .ico{width:100%;height:100%}
.home .parete button:hover{transform:scale(1.1) rotate(6deg)}
.js .home .parete button{opacity:0;scale:.6;transition:opacity .7s var(--q-ease),scale .9s var(--q-ease),transform .5s var(--q-ease)}
.js .home .parete.visto button{opacity:1;scale:1}
.home .oggi{max-width:1180px;margin:72px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.home .storia{border-radius:var(--q-raggio);padding:40px 40px 28px;display:flex;flex-direction:column;min-height:640px;overflow:hidden;transition:transform .5s var(--q-ease)}
.home .storia:hover{transform:scale(1.01)}
.home .storia.blu{background:#2F55C4;color:#fff}
.home .storia h3{font-size:clamp(30px,2.8vw,40px);line-height:1.05;font-weight:600;letter-spacing:-.035em;max-width:20ch;text-wrap:balance}
.home .storia .storia-testo p{font-size:19px;line-height:1.4;margin-top:14px;max-width:36ch;color:#fff}
.home .storia-ui{margin:34px 0 26px;display:grid;gap:10px}
.home .salvadanaio{background:#fff;color:var(--q-ink);border-radius:20px;padding:20px 22px}
.home .salvadanaio span{color:var(--q-ink-2);font-size:14px}
.home .salvadanaio b{display:block;font-size:40px;font-weight:600;letter-spacing:-.04em;line-height:1.1}
.home .salvadanaio i{display:block;height:8px;border-radius:8px;background:#e8e8ed;margin:12px 0 8px;position:relative;overflow:hidden}
.home .salvadanaio i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:#2F55C4;border-radius:8px}
.home .salvadanaio small{font-size:13px;color:var(--q-ink-2)}
.home .scad{display:flex;align-items:center;gap:14px;background:rgba(0,0,0,.2);border-radius:16px;padding:12px 16px}
.home .scad .g{width:46px;text-align:center;font-size:22px;font-weight:600;line-height:1}
.home .scad .g small{display:block;font-size:11px;font-weight:600;margin-top:3px;opacity:.85}
.home .scad .t{flex:1;font-size:13px;color:#fff}
.home .scad .t b{display:block;font-size:15px;color:#fff;font-weight:600}
.home .scad > b{font-size:16px;font-weight:600}
.home .piede-storia{margin-top:auto;display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding-top:18px}
.home .piede-storia .ico{width:48px;height:48px}
.home .storia.blu .piede-storia .ico{background:#fff}
.home .storia.blu .piede-storia .ico path{stroke:#2F55C4}
.home .piede-storia .testo{flex:1;font-size:14px;color:#fff;line-height:1.4}
.home .piede-storia .testo b{display:block;color:#fff;font-size:16px;font-weight:600}
.home .inclusa{flex:none;display:inline-flex;align-items:center;height:30px;padding:0 16px;border-radius:999px;background:var(--q-grigio-2);color:#ad2a16;font-size:14px;font-weight:600;transition:background .2s,color .2s}
.home .inclusa.chiara{background:rgba(255,255,255,.2);color:#fff}
.home .storia.vocab{background:var(--q-nero-2);color:#fff}
.home .parole{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.home .parole button{height:40px;padding:0 16px;border-radius:999px;background:#2c2c2e;color:#f5f5f7;font-size:15px;font-weight:500;transition:background .25s,color .25s,transform .25s var(--q-ease)}
.home .parole button:hover{background:#3a3a3c}
.home .parole button:active{transform:scale(.96)}
.home .parole button[aria-pressed="true"]{background:#fff;color:#000}
.home .definizione{font-size:clamp(24px,2.2vw,30px);line-height:1.25;font-weight:500;letter-spacing:-.02em;margin:28px 0 24px;color:#fff;min-height:4.6em;transition:opacity .25s}
.home .definizione.cambia{opacity:0}
.home .voce-intera{margin:-8px 0 20px;font-size:16px}
.home .voce-intera a{color:var(--q-rosso-chiaro)}
.home .storia.vocab h3{max-width:none}
.home .tutte-testa{max-width:1180px;margin:96px auto 0;display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}
.home .tutte-testa h3{font-size:clamp(28px,2.6vw,36px);font-weight:600;letter-spacing:-.03em}
.home .tutte-testa p{color:var(--q-ink-2)}
.home .elenco-app{list-style:none;max-width:1180px;margin:22px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 28px}
.home .riga-app{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:14px 12px;margin:0 -12px;border-radius:20px;transition:background .25s}
.home .riga-app:hover{background:var(--q-grigio)}
.home .riga-app:hover .inclusa{background:var(--q-rosso-pieno);color:#fff}
.home .riga-app .testo{flex:1;min-width:0;font-size:16px;line-height:1.35;color:var(--q-ink-2)}
.home .riga-app .testo b{display:block;font-size:17px;font-weight:600;color:var(--q-ink);margin-bottom:2px}
.home .riga-app .testo span{display:block}
.home .argomenti{max-width:1180px;margin:56px auto 0}
.home .argomenti p{color:var(--q-ink-2);font-size:15px}
.home .argomenti ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.home .argomenti a{display:block;background:var(--q-grigio);border-radius:999px;padding:9px 16px;font-size:15px;transition:background .2s,color .2s}
.home .argomenti a:hover{background:var(--q-ink);color:#fff}
/* la scheda dell'app, come la pagina di un'app nello store */
.home .scheda-app{border:0;padding:0;margin:auto;width:min(760px,calc(100vw - 32px));max-height:min(86vh,820px);border-radius:28px;background:#fff;color:var(--q-ink);
  box-shadow:0 30px 120px rgba(0,0,0,.35)}
.home .scheda-app::backdrop{background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.home .scheda-app[open]{animation:qq-sale .5s var(--q-ease)}
@keyframes qq-sale{from{opacity:0;transform:translateY(40px) scale(.97)}}
.home .sa-dentro{padding:40px;position:relative}
.home .sa-chiudi{position:absolute;right:20px;top:20px;width:36px;height:36px;border-radius:50%;background:var(--q-grigio-2);display:grid;place-items:center}
.home .sa-chiudi svg{width:14px;height:14px}
.home .sa-testa{display:flex;gap:24px;align-items:center;padding-right:40px}
.home .sa-testa .ico{width:118px;height:118px}
.home .sa-testa h3{font-size:34px;font-weight:600;letter-spacing:-.035em;line-height:1.05}
.home .sa-testa p{color:var(--q-ink-2);margin:6px 0 12px;font-size:17px}
.home .sa-quante{margin-top:32px;font-size:15px;color:var(--q-ink-2)}
.home .sa-schede{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 0 6px;scrollbar-width:none}
.home .sa-schede::-webkit-scrollbar{display:none}
.home .sa-schede div{flex:0 0 230px;min-height:250px;scroll-snap-align:start;border-radius:22px;padding:22px;background:var(--c);color:#fff;display:flex;flex-direction:column}
.home .sa-schede div.scura{color:#1d1d1f}
.home .sa-schede b{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.home .sa-schede span{margin-top:auto;font-size:15px;line-height:1.4;opacity:.92}
.home .sa-azioni{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}

/* ---------- per chi ---------- */
.home .doppia{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:var(--q-bianco)}
.home .porta{min-height:640px;text-align:center;padding:64px 32px 0;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:var(--q-grigio)}
.home .porta.qq-nero{background:var(--q-nero)}
.home .porta h2{font-size:clamp(32px,3.4vw,48px);line-height:1.06;font-weight:600;letter-spacing:-.035em;max-width:14ch;text-wrap:balance}
.home .porta .sotto{margin-top:10px;max-width:26ch}
.home .porta .qq-azioni{margin-top:22px}
.home .porta .vista{margin-top:auto;width:100%;display:flex;justify-content:center}
.home .porta .kyu-medio{width:300px;height:300px;margin-bottom:-30px}
.home .porta .kyu-medio img,.home .porta .kyu-medio svg{width:100%;height:100%}
.home .scontrino{width:300px;background:#fff;color:#1d1d1f;border-radius:16px 16px 0 0;padding:22px 22px 30px;text-align:left;margin-top:40px}
.home .scontrino .t{display:flex;justify-content:space-between;font-size:13px;color:var(--q-ink-2);margin-bottom:12px}
.home .scontrino .tot{display:flex;justify-content:space-between;font-size:20px;font-weight:600;padding-top:12px;margin-top:6px;border-top:1px dashed #c7c7cc}
.home .scontrino .fai{margin-top:16px;text-align:center;padding:11px;border-radius:12px;background:var(--q-rosso-pieno);color:#fff;font-weight:500}
.home .terza{text-align:center;padding:26px 22px 0;background:var(--q-bianco);font-size:17px;color:var(--q-ink-2)}
.home .terza a{color:var(--q-rosso-link)}

/* ---------- prezzi ---------- */
.home .piani{max-width:1080px;margin:64px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none}
.home .piano{border-radius:var(--q-raggio);background:var(--q-grigio);padding:38px 32px 34px;display:flex;flex-direction:column}
.home .piano.qq-nero{background:var(--q-nero)}
.home .piano h3{font-size:32px;font-weight:600;letter-spacing:-.03em}
.home .piano .per{color:var(--q-ink-2);margin-top:8px;min-height:3em}
.home .piano.qq-nero .per{color:var(--q-ink-d2)}
.home .piano .prezzo{font-size:56px;font-weight:600;letter-spacing:-.045em;line-height:1;margin-top:28px}
.home .piano .prezzo small{display:block;margin-top:8px;font-size:17px;font-weight:400;letter-spacing:-.01em;color:var(--q-ink-2)}
.home .piano.qq-nero .prezzo small{color:var(--q-ink-d2)}
.home .piano .anno{font-size:15px;color:var(--q-ink-2);margin-top:8px}
.home .piano.qq-nero .anno{color:var(--q-ink-d2)}
.home .piano ul{list-style:none;margin:26px 0 30px;display:grid;gap:12px}
.home .piano li{display:flex;gap:10px;font-size:16px;line-height:1.4}
.home .piano li svg{flex:none;width:16px;height:16px;margin-top:3px;color:var(--q-rosso)}
.home .piano .qq-pillola{margin-top:auto;width:100%}
.home .sotto-piani{text-align:center;margin-top:30px;color:var(--q-ink-2)}
.home .sotto-piani a{color:var(--q-rosso-link)}

/* ---------- domande ---------- */
.home .domande{max-width:860px;margin:48px auto 0;display:grid;gap:10px}
.home .domande details{background:#fff;border-radius:20px;padding:0 28px}
.home .domande summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;
  font-size:clamp(20px,1.8vw,24px);font-weight:600;letter-spacing:-.02em}
.home .domande summary::-webkit-details-marker{display:none}
.home .domande summary .piu{flex:none;width:30px;height:30px;border-radius:50%;background:var(--q-grigio-2);position:relative;transition:background .3s}
.home .domande summary .piu::before,.home .domande summary .piu::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--q-ink);border-radius:2px;transform:translate(-50%,-50%)}
.home .domande summary .piu::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .4s var(--q-ease)}
.home .domande details[open] .piu{background:var(--q-ink)}
.home .domande details[open] .piu::before,.home .domande details[open] .piu::after{background:#fff}
.home .domande details[open] .piu::after{transform:translate(-50%,-50%) rotate(0)}
.home .domande details p{padding:0 50px 26px 0;color:var(--q-ink-2);font-size:19px;max-width:62ch}
.home .domande .tutte{margin-top:30px;text-align:center}

/* ---------- il caso particolare: il modulo di contatto ---------- */
.home .contatto{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:6fr 5fr;gap:56px;align-items:start}
.home .contatto .titolo{font-size:clamp(32px,3.2vw,44px)}
.home .contatto .sotto{margin-top:16px}
.home .contatto .nota{color:var(--q-ink-2);margin-top:14px;max-width:44ch}
.home .contatto .nota a{color:var(--q-rosso-link)}
.home .modulo{background:#fff;border-radius:var(--q-raggio);padding:32px;display:grid;gap:16px}
.home .modulo label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}
.home .modulo input,.home .modulo select,.home .modulo textarea{width:100%;font:inherit;font-size:17px;color:var(--q-ink);background:var(--q-grigio);border:0;border-radius:12px;padding:12px 14px}
.home .modulo select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%236e6e73' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.home .modulo input:focus,.home .modulo select:focus,.home .modulo textarea:focus{outline:2px solid var(--q-rosso);outline-offset:0}
.home .modulo .esca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.home .modulo button{justify-self:start}
.home .modulo .nota-minuta{font-size:13px;color:var(--q-ink-2)}
.home .modulo .formmsg{font-size:15px}

/* ---------- movimento ---------- */
.js .home [data-entra]{opacity:0;transform:translateY(28px);transition:opacity 1s var(--q-ease),transform 1s var(--q-ease);transition-delay:var(--r,0ms)}
.js .home [data-entra].visto{opacity:1;transform:none}
.js .home .eroe .kyu-grande{opacity:0;transform:translateX(-50%) translateY(60px) scale(.9);filter:blur(14px);
  transition:opacity 1.4s var(--q-ease) .25s,transform 1.6s var(--q-ease) .25s,filter 1.2s var(--q-ease) .25s}
.js .home .eroe.pronto .kyu-grande{opacity:1;transform:translateX(-50%);filter:none}
.js .home .eroe .avviso{opacity:0;transform:translateY(24px) scale(.96);transition:opacity .9s var(--q-ease),transform 1s var(--q-ease)}
.js .home .eroe.pronto .av1{opacity:1;transform:none;transition-delay:1.1s}
.js .home .eroe.pronto .av2{opacity:1;transform:none;transition-delay:1.35s}
.js .home .eroe.pronto .av3{opacity:1;transform:none;transition-delay:1.6s}
.home .eroe.pronto .avviso{animation:qq-galleggia 7s ease-in-out infinite alternate}
.home .eroe.pronto .av2{animation-delay:-2.5s}.home .eroe.pronto .av3{animation-delay:-4.5s}
@keyframes qq-galleggia{to{translate:0 -10px}}
@media (prefers-reduced-motion:reduce){
  .home *,.home *::before,.home *::after{transition-duration:.01ms!important;animation:none!important}
  .js .home [data-entra],.js .home .eroe .avviso,.js .home .parete button{opacity:1;transform:none;scale:1}
  .js .home .eroe .kyu-grande{opacity:1;filter:none;transform:translateX(-50%)}
}

/* ---------- telefono ---------- */
@media (max-width:900px){
  .home .eroe h1{font-size:34px}
  .home .titolo{font-size:34px}
  .home .carta h3{font-size:26px}
  .home .eroe .sotto{font-size:19px}
  .home .palcoscenico{height:auto;padding-top:20px;display:flex;flex-direction:column;align-items:center;gap:12px}
  .home .kyu-grande{position:relative;left:auto;top:auto;transform:none;width:260px;order:-1;margin-bottom:-10px}
  .js .home .eroe .kyu-grande{transform:translateY(60px) scale(.9)}
  .js .home .eroe.pronto .kyu-grande{transform:none}
  .home .avviso{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:360px}
  .home .av2{display:none}
  .home .eroe{padding-bottom:40px}
  .home .store-testa{grid-template-columns:1fr}
  .home .parete{transform:rotate(-6deg);gap:10px}
  .home .parete button{width:clamp(48px,14vw,72px)}
  .home .oggi{grid-template-columns:1fr}
  .home .storia{min-height:0;padding:30px 24px 22px}
  .home .elenco-app{grid-template-columns:1fr}
  .home .sa-dentro{padding:28px 22px}
  .home .sa-testa .ico{width:84px;height:84px}
  .home .sa-testa h3{font-size:28px}
  .home .doppia{grid-template-columns:1fr}
  .home .porta{min-height:560px}
  .home .piani{grid-template-columns:1fr}
  .home .legenda{justify-content:flex-start}
  .home .legenda div{flex:1 1 40%}
  .home .contatto{grid-template-columns:1fr;gap:32px}
  .home .modulo{padding:24px 20px}
}

/* lo script della finestra sceglie il telefono sotto gli 820 px: qui uguale */
@media (max-width:820px){
  .home .desk{display:none}
  .home .tel{display:block}
  .home .tel .vetro{touch-action:pan-y}
}

/* ============================================================
   I PEZZI DELLE PAGINE INTERNE (15/10/2026)
   Le pagine interne sono `.home` anche loro: stesso mondo, stessi pezzi.
   ============================================================ */
.home .grigio{color:#86868b}
.home .qq-nero .grigio{color:var(--q-ink-d2)}

/* la testa di una pagina: centrata, il titolo grande */
.home .pg-testa{text-align:center;padding:clamp(72px,9vw,128px) 22px clamp(40px,5vw,64px)}
.home .pg-testa.qq-nero{padding-bottom:clamp(72px,9vw,120px)}
.home .pg-testa .nome{font-size:clamp(19px,1.8vw,24px);font-weight:600;color:var(--q-rosso-link);letter-spacing:-.02em;margin-bottom:10px}
.home .pg-testa.qq-nero .nome{color:var(--q-rosso-chiaro)}
.home .pg-testa h1{font-size:clamp(44px,6.4vw,92px);line-height:1.02;font-weight:600;letter-spacing:-.04em;max-width:16ch;margin:0 auto;text-wrap:balance}
.home .pg-testa .sotto{margin:22px auto 0;max-width:40ch}
.home .pg-testa .qq-azioni{margin-top:32px}
.home .pg-testa .segmenti{margin-top:36px}
.home .segmenti .risp{color:var(--q-rosso-link);font-weight:600;margin-left:4px}
.home .segmenti button.on{background:#fff;color:var(--q-ink)}
.home .fascia.stretta-su{padding-top:0}

/* i piani della pagina Prezzi: Kyu sopra ogni piano, come il prodotto
   sopra ogni modello nella pagina di confronto */
.home .piani-pagina{margin-top:0}
.home .piani-pagina .piano{text-align:center;align-items:center;padding-top:30px}
.home .piani-pagina .piano ul{text-align:left;align-self:stretch}
.home .kyu-piano{width:150px;height:150px;margin:0 auto 6px}
.home .kyu-piano img,.home .kyu-piano svg{width:100%;height:100%}
.home .consigliato{font-size:14px;font-weight:600;color:var(--q-rosso-chiaro);min-height:20px}
.home .piano:not(.qq-nero) .consigliato{color:var(--q-rosso-link)}
.home .piani-pagina .piano .per{min-height:2.9em}
.home .piani-pagina .piano .prezzo{font-size:clamp(52px,5vw,72px)}
.home [hidden]{display:none!important}

/* il confronto: una tabella vera, dentro un riquadro bianco */
.home .tabella{max-width:1080px;margin:56px auto 0;background:#fff;border-radius:var(--q-raggio);padding:12px 28px 20px}
.home .tabellone .tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:8px}
.home .tabellone .testa{position:sticky;top:48px;background:#fff;z-index:2;padding:18px 0 14px;font-size:15px;font-weight:600}
.home .tabellone .testa .c{text-align:center}
.home .tabellone .testa .c.scelto{color:var(--q-rosso-link)}
.home .tabellone .riga-area{border-top:1px solid rgba(0,0,0,.08)}
.home .tabellone .riga-area>summary{list-style:none;cursor:pointer;padding:16px 0}
.home .tabellone .riga-area>summary::-webkit-details-marker{display:none}
.home .tabellone .riga-area .area{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:500}
.home .tabellone .nome-area small{display:block;font-size:13px;font-weight:400;color:var(--q-ink-2);margin-top:2px}
.home .tabellone .freccia{flex:none;width:9px;height:9px;border-right:2px solid var(--q-ink-2);border-bottom:2px solid var(--q-ink-2);transform:rotate(-45deg);transition:transform .3s var(--q-ease)}
.home .tabellone .riga-area[open]>summary .freccia{transform:rotate(45deg)}
.home .tabellone .quanti{margin-left:auto;font-style:normal;font-size:13px;color:var(--q-ink-2);padding-right:12px;white-space:nowrap}
.home .tabellone .c{text-align:center;font-size:15px}
.home .tabellone .si{color:var(--q-rosso);font-size:14px}
.home .tabellone .no{color:#c7c7cc}
.home .tabellone .arr,.home .tabellone .parte,.home .tabellone .lim{font-size:13px;color:var(--q-ink-2)}
.home .tabellone .dettaglio{background:var(--q-grigio);border-radius:16px;padding:6px 18px;margin:0 0 16px}
.home .tabellone .tr.voce{padding:10px 0;border-top:1px solid rgba(0,0,0,.06)}
.home .tabellone .tr.voce:first-child{border-top:0}
.home .tabellone .tr.voce .area b{display:block;font-size:15px;font-weight:500}
.home .tabellone .tr.voce .area small{display:block;font-size:13px;color:var(--q-ink-2);margin-top:2px}

/* due parti: il testo a sinistra, la cosa a destra */
.home .due-parti{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.home .due-parti .sotto{margin-top:18px}
.home .ricevuta{background:#1c1c1e;border-radius:var(--q-raggio);padding:14px 28px;font-size:15px}
.home .ricevuta .riga{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.home .ricevuta .riga:last-child{border-bottom:0}
.home .ricevuta .riga span{color:#d2d2d7}
.home .ricevuta .riga small{display:block;font-size:12.5px;color:#86868b;margin-top:2px}
.home .ricevuta .riga b{white-space:nowrap;font-weight:600;color:#fff}
.home .sei-in-uno{max-width:1180px;margin:clamp(56px,7vw,96px) auto 0;display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(20px,4vw,56px);align-items:center;text-align:center}
.home .sei-in-uno span{display:block;font-size:17px;color:var(--q-ink-d2);max-width:24ch;margin:0 auto}
.home .sei-in-uno b{display:block;font-size:clamp(40px,5.4vw,76px);font-weight:600;letter-spacing:-.045em;line-height:1;margin-top:14px}
.home .sei-in-uno .prima b{color:#86868b;text-decoration:line-through;text-decoration-thickness:4px}
.home .sei-in-uno .dopo img{width:64px;height:64px;border-radius:14px;margin:0 auto 14px}
.home .sei-in-uno .dopo b{color:var(--q-rosso-chiaro);font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;line-height:1.15}
.home .freccione{color:var(--q-rosso-chiaro);width:60px}
.home .freccione svg{width:60px;height:24px}

/* le tessere: un mosaico di riquadri di misure diverse */
.home .tessere{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.home .tessera{background:var(--q-grigio);border-radius:var(--q-raggio);padding:36px;display:flex;flex-direction:column;overflow:hidden;position:relative}
.home .fascia.grigia .tessera:not(.qq-nero):not(.rossa){background:#fff}
.home .tessera h3{font-size:clamp(24px,2.2vw,32px);line-height:1.1;font-weight:600;letter-spacing:-.03em;text-wrap:balance}
.home .tessera p{color:var(--q-ink-2);margin-top:12px;font-size:17px}
.home .tessera.qq-nero p{color:var(--q-ink-d2)}
.home .tessera.rossa{background:var(--q-rosso-pieno);color:#fff}
.home .tessera.rossa p{color:#fff}
.home .tessera .enorme{font-size:clamp(72px,8vw,120px);font-weight:600;letter-spacing:-.05em;line-height:.9;color:var(--q-rosso);margin-top:auto;padding-top:24px}
.home .tessera .pezzo{margin-top:auto;padding-top:24px}
.home .s2{grid-column:span 2}.home .s3{grid-column:span 3}.home .s4{grid-column:span 4}.home .s6{grid-column:span 6}

@media (max-width:900px){
  .home .due-parti{grid-template-columns:1fr}
  .home .sei-in-uno{grid-template-columns:1fr}
  .home .freccione{transform:rotate(90deg);margin:0 auto}
  .home .tessere{grid-template-columns:1fr}
  .home .s2,.home .s3,.home .s4,.home .s6{grid-column:auto}
  .home .tessera{padding:28px 24px}
  .home .tabella{padding:8px 14px 14px;margin-top:36px}
  .home .tabellone .tr{grid-template-columns:1.6fr .8fr .8fr .8fr;gap:4px}
  .home .tabellone .riga-area .area{font-size:15px;gap:8px}
  .home .tabellone .quanti{display:none}
  .home .pg-testa h1{font-size:40px}
}

/* ---------- ritocchi del primo giro sulle pagine interne ---------- */
.salta{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:#000;padding:10px 16px;border-radius:999px}
.salta:focus{left:16px;top:8px}
.home .qq-chiusura h2{margin:0 auto}
.home .due-parti .titolo{font-size:clamp(34px,3.8vw,52px)}
.home .sei-in-uno .prima b{font-size:clamp(34px,4vw,56px);white-space:nowrap}
.home .segmenti .risp{color:#ad2a16}
@media (max-width:900px){ .home .titolo{font-size:30px} }

/* ---------- Cosa fa: il muro delle app, i salti, le aree ---------- */
.home .con-muro{overflow:hidden;padding-bottom:0}
.home .muro{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.6vw,22px);margin:clamp(48px,6vw,80px) auto 0;
  transform:rotate(-8deg) translateY(12%);padding-bottom:40px}
.home .muro .fila{display:flex;gap:clamp(12px,1.6vw,22px)}
.home .muro .ico{width:clamp(56px,8vw,118px);height:clamp(56px,8vw,118px)}
.js .home .muro .ico{opacity:0;scale:.6;transition:opacity .8s var(--q-ease),scale 1s var(--q-ease)}
.js .home .muro.visto .ico{opacity:1;scale:1}
.home .salti{position:sticky;top:48px;z-index:20;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.home .salti ul{list-style:none;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:1180px;margin:0 auto;padding:12px 22px}
.home .salti ul::-webkit-scrollbar{display:none}
.home .salti a{display:block;white-space:nowrap;font-size:14px;padding:7px 14px;border-radius:999px;background:var(--q-grigio);transition:background .2s,color .2s}
.home .salti a:hover{background:var(--q-ink);color:#fff}
.home .aree-pagina{display:grid;gap:20px;padding-top:40px}
.home .area-riquadro{max-width:1180px;width:100%;margin:0 auto;scroll-margin-top:110px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);
  align-items:center;background:var(--q-grigio);border-radius:var(--q-raggio);padding:clamp(36px,5vw,72px)}
.home .area-riquadro:nth-child(4n+2) .area-testo{order:2}
.home .area-riquadro.qq-nero{background:var(--q-nero)}
.home .area-riquadro h2{font-size:clamp(34px,3.6vw,52px);line-height:1.04;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
.home .area-riquadro .sotto{margin-top:14px}
.home .nel-piano{margin-top:18px;font-size:15px;color:var(--q-ink-2)}
.home .qq-nero .nel-piano{color:var(--q-ink-d2)}
.home .nel-piano a{color:var(--q-rosso-link)}
.home .qq-nero .nel-piano a{color:var(--q-rosso-chiaro)}
.home .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.home .chip{display:inline-block;background:#fff;border-radius:999px;padding:7px 14px;font-size:14px;color:var(--q-ink);transition:background .2s,color .2s}
.home .qq-nero .chip{background:#1c1c1e;color:#f5f5f7}
.home a.chip:hover{background:var(--q-rosso-pieno);color:#fff}
.home .area-notifiche{display:grid;gap:10px}
.home .notifica{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:20px;padding:14px 16px;font-size:15px;line-height:1.4;
  box-shadow:0 10px 30px rgba(0,0,0,.06)}
.home .qq-nero .notifica{background:#1c1c1e;color:#f5f5f7;box-shadow:none}
.home .notifica .ico{width:36px;height:36px;border-radius:9px}
.home .notifica>div{flex:1}
.home .notifica .capo{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--q-ink-2);margin-bottom:2px}
.home .qq-nero .notifica .capo{color:#a1a1a6}
.home .notifica .capo b{color:var(--q-ink);font-weight:600}
.home .qq-nero .notifica .capo b{color:#fff}
.js .home .area-riquadro .notifica{opacity:0;transform:translateY(20px) scale(.97);transition:opacity .8s var(--q-ease),transform .9s var(--q-ease)}
.js .home .area-riquadro.visto .notifica{opacity:1;transform:none}
.js .home .area-riquadro.visto .notifica:nth-child(2){transition-delay:.15s}
.js .home .area-riquadro.visto .notifica:nth-child(3){transition-delay:.3s}
.home .kyu-tessera{width:140px;height:140px;margin:-10px 0 10px -10px}
.home .kyu-tessera img,.home .kyu-tessera svg{width:100%;height:100%}
.home .domande.grossi{max-width:1080px}
.home .dentro-grosso{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding:0 0 30px}
.home .dentro-grosso p{color:var(--q-ink-2);font-size:17px;margin-bottom:12px;padding:0}
.home .dentro-grosso ul{list-style:none;display:grid;gap:14px}
.home .dentro-grosso li{font-size:15px;color:var(--q-ink-2);line-height:1.45}
.home .dentro-grosso li b{display:block;color:var(--q-ink);font-size:16px;font-weight:600;margin-bottom:2px}
@media (max-width:900px){
  .home .area-riquadro{grid-template-columns:1fr;padding:30px 22px}
  .home .area-riquadro:nth-child(4n+2) .area-testo{order:0}
  .home .area-riquadro h2{font-size:32px}
  .home .dentro-grosso{grid-template-columns:1fr;gap:16px}
  .home .muro{transform:rotate(-6deg) translateY(8%)}
}
@media (prefers-reduced-motion:reduce){
  .js .home .muro .ico,.js .home .area-riquadro .notifica{opacity:1;scale:1;transform:none}
}

/* ---------- Assistenza: Kyu in vetrina, la sua finestra, la sua risposta ---------- */
.home .eroe-kyu{padding-bottom:0}
.home .eroe-kyu h1{max-width:14ch}
.home .kyu-vetrina{width:clamp(260px,30vw,420px);aspect-ratio:1;margin:30px auto -40px}
.home .kyu-vetrina img,.home .kyu-vetrina svg{width:100%;height:100%}
.js .home .kyu-vetrina{opacity:0;transform:translateY(60px) scale(.9);filter:blur(14px);transition:opacity 1.4s var(--q-ease) .25s,transform 1.6s var(--q-ease) .25s,filter 1.2s var(--q-ease) .25s}
.js .home .pronto .kyu-vetrina{opacity:1;transform:none;filter:none}
.home .finestra-fascia{padding-top:clamp(80px,9vw,120px)}
/* LA PRIMA SCHERMATA E LA FASCIA NERA DOPO SONO UN PALCO SOLO (15/10/2026).
   Due neri uno sotto l'altro, ognuno col suo alone, si vedevano come due
   pezzi incollati: una riga a meta' e Kyu tagliato ai piedi. Il nero
   continua, l'alone della prima schermata sfuma e quello dopo sta in fondo. */
.home .eroe+section.qq-nero:nth-of-type(n){margin-top:-1px;padding-top:clamp(56px,7vw,96px);
  background-image:radial-gradient(60% 45% at 50% 100%, rgba(232,73,59,.18), rgba(232,73,59,0) 70%),
    radial-gradient(40% 30% at 0% 30%, rgba(255,255,255,.05), rgba(255,255,255,0) 70%)}
.home .eroe:has(+section.qq-nero){background-image:radial-gradient(70% 55% at 50% -8%, rgba(232,73,59,.26), rgba(232,73,59,0) 70%)}
.home .eroe-kyu{overflow:visible;z-index:1}
.home .eroe-kyu .kyu-vetrina{margin-bottom:-24px;position:relative}
/* sul telefono si vede la schermata del telefono, non il computer in piccolo */
.home .kyu-tel{display:none}
.home .kyu-tel .telefono{position:relative;right:auto;bottom:auto;width:min(300px,76vw);margin:0 auto;border-width:8px;border-radius:44px}
@media (max-width:820px){
  .home .finestra-box .finestra{display:none}
  .home .kyu-tel{display:block}
}
.home .finestra-box{max-width:1180px;margin:56px auto 0}
.home .finestra{border-radius:22px;overflow:hidden;background:#1c1c1e}
.home .finestra .capo{display:flex;align-items:center;gap:14px;height:40px;padding:0 16px;background:#2c2c2e;color:#a1a1a6;font-size:13px}
.home .finestra .pall{display:flex;gap:7px}
.home .finestra .pall i{width:11px;height:11px;border-radius:50%;background:#48484a}
.home .finestra .via{flex:1;text-align:center;margin-right:60px}
.home .vetro-f{--scala:.9;position:relative;overflow:hidden;height:calc(var(--alta) * var(--scala))}
.home .vetro-f iframe{position:absolute;left:0;top:0;width:1280px;height:var(--alta);border:0;transform:scale(var(--scala));transform-origin:0 0;pointer-events:none}
.home .nota-kyu{margin-top:18px;color:var(--q-ink-2);font-size:16px;max-width:44ch}
.home .risposta-kyu .kyu{background:#000;color:#f5f5f7;border-radius:var(--q-raggio);padding:28px;font-size:15px}
.home .risposta-kyu .kcapo{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#a1a1a6}
.home .risposta-kyu .kdom{font-size:clamp(20px,1.8vw,24px);font-weight:500;line-height:1.3;margin:16px 0 22px;letter-spacing:-.015em}
.home .risposta-kyu .kcorpo{background:#1c1c1e;border-radius:20px;padding:20px 22px}
.home .risposta-kyu .ket{font-size:13px;color:#a1a1a6}
.home .risposta-kyu .knum{font-size:clamp(44px,4.6vw,64px);font-weight:600;letter-spacing:-.045em;color:var(--q-rosso-chiaro);line-height:1.05;margin:4px 0 12px}
.home .risposta-kyu .krighe .r{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.home .risposta-kyu .krighe .d{color:#d2d2d7}
.home .risposta-kyu .krighe .v{font-weight:600}
.home .risposta-kyu .kfonti{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:16px}
.home .risposta-kyu .kfonti .et{font-size:13px;color:#a1a1a6;margin-right:4px}
.home .risposta-kyu .chip{background:#2c2c2e;color:#f5f5f7;font-size:12.5px;padding:5px 11px}
.home .risposta-kyu .chip.richiamo{background:var(--q-rosso-pieno);color:#fff}
.home .tessera .quando{font-size:14px;font-weight:600;color:var(--q-rosso-link);margin:0 0 10px}
.home .vocab-strip{max-width:1180px;margin:40px auto 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.home .vocab-strip p{font-size:19px;font-weight:500}
.home .vocab-strip .chips{margin:0}
.home .due-parti.in-alto{align-items:start}
.home .avviso-arrivo{margin-top:22px;background:#1c1c1e;border-radius:18px;padding:18px 20px;color:#d2d2d7;font-size:15px;line-height:1.5}
.home .avviso-arrivo b{color:#fff}
.home .elenco-firma{list-style:none;display:grid;gap:12px}
.home .elenco-firma li{background:#1c1c1e;border-radius:20px;padding:20px 22px;color:#a1a1a6;font-size:15px;line-height:1.5}
.home .elenco-firma li b{display:block;color:#fff;font-size:18px;font-weight:600;margin-bottom:4px;letter-spacing:-.01em}
.home .dichiarazione .titolo{font-size:clamp(44px,6vw,84px)}
.home .dichiarazione .sotto{margin:22px auto 0;max-width:46ch}
.home .dichiarazione .sotto b{color:var(--q-ink);font-weight:600}
@media (max-width:900px){ .home .finestra .via{margin-right:0} }

/* ---------- Scarica: il computer e il telefono, le schede di prodotto ---------- */
.home .con-dispositivi{padding-bottom:0;overflow:hidden}
.home .dispositivi{position:relative;max-width:1080px;margin:56px auto 0;padding-bottom:40px}
.home .dispositivi .finestra{width:86%;box-shadow:0 30px 80px rgba(0,0,0,.18)}
.home .telefono{position:absolute;right:0;bottom:0;width:23%;border-radius:clamp(24px,3vw,40px);overflow:hidden;border:clamp(5px,.7vw,9px) solid #1d1d1f;background:#1d1d1f;
  box-shadow:0 30px 80px rgba(0,0,0,.28)}
.home .vetro-t{--scala:.6;position:relative;overflow:hidden;aspect-ratio:414/892}
.home .vetro-t iframe{position:absolute;left:0;top:0;width:414px;height:892px;border:0;transform:scale(var(--scala));transform-origin:0 0;pointer-events:none}
.js .home .dispositivi .finestra{opacity:0;transform:translateY(50px);transition:opacity 1.2s var(--q-ease) .2s,transform 1.4s var(--q-ease) .2s}
.js .home .dispositivi .telefono{opacity:0;transform:translateY(90px);transition:opacity 1.2s var(--q-ease) .55s,transform 1.4s var(--q-ease) .55s}
.js .home .pronto .dispositivi .finestra,.js .home .pronto .dispositivi .telefono{opacity:1;transform:none}
.home .prodotti{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.home .prodotto{background:var(--q-grigio);border-radius:var(--q-raggio);padding:clamp(32px,4vw,56px);display:flex;flex-direction:column}
.home .prodotto .quanto{font-size:15px;font-weight:600;color:var(--q-rosso-link)}
.home .prodotto.qq-nero .quanto{color:var(--q-rosso-chiaro)}
.home .prodotto h2{font-size:clamp(32px,3.4vw,48px);line-height:1.05;font-weight:600;letter-spacing:-.035em;margin-top:8px;text-wrap:balance}
.home .prodotto .sotto{margin-top:14px;font-size:18px}
.home .qq-azioni.sx{justify-content:flex-start;margin-top:26px;gap:12px}
.home .qq-azioni.sx .qq-pillola{height:42px;font-size:16px;padding:0 20px}
.home .prodotto.qq-nero .qq-pillola.vuota{color:var(--q-rosso-chiaro)}
.home .spec{margin:32px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
.home .spec dt{font-size:13px;color:var(--q-ink-2);font-weight:600}
.home .prodotto.qq-nero .spec dt{color:var(--q-ink-d2)}
.home .spec dd{margin:2px 0 0;font-size:16px}
.home .con-icona .ico-tratto{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--q-ink);color:#fff;margin-bottom:22px}
.home .con-icona:nth-child(3n+2) .ico-tratto{background:var(--q-rosso-pieno)}
.home .con-icona .ico-tratto svg{width:26px;height:26px}
@media (max-width:900px){
  .home .prodotti{grid-template-columns:1fr}
  .home .dispositivi .finestra{width:100%}
  .home .telefono{width:34%;right:-4%}
  .home .spec{grid-template-columns:1fr}
}
.home .due-parti.in-alto .titolo{font-size:clamp(30px,3.2vw,46px)}

/* ---------- Domande, Sicurezza, Entra, Per chi ---------- */
.home .griglia-qa{max-width:1180px;margin:48px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.home .qa{background:var(--q-grigio);border-radius:24px;padding:30px 32px;scroll-margin-top:110px}
.home .fascia.grigia .qa{background:#fff}
.home .qa h3{font-size:clamp(20px,1.7vw,24px);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.home .qa p{color:var(--q-ink-2);margin-top:10px;font-size:17px}
.home .qa p b{color:var(--q-ink);font-weight:600}
.home .gruppo{scroll-margin-top:100px}
.home .caso-nero{max-width:1180px;margin:0 auto;background:#000;color:#f5f5f7;border-radius:var(--q-raggio);padding:clamp(40px,5vw,72px);text-align:center}
.home .caso-nero h2{font-size:clamp(32px,4vw,56px);font-weight:600;letter-spacing:-.035em;line-height:1.05}
.home .caso-nero p{color:var(--q-ink-d2);max-width:52ch;margin:18px auto 28px;font-size:19px}
.home .contatore{margin:clamp(48px,6vw,80px) auto 0;max-width:640px}
.home .contatore b{display:block;font-size:clamp(96px,14vw,200px);font-weight:600;letter-spacing:-.06em;line-height:.9;color:var(--q-rosso-chiaro)}
.home .contatore b span{color:#48484a}
.home .contatore p{margin-top:34px;color:var(--q-ink-d2);font-size:17px}
.home .elenco-chiaro{list-style:none;display:grid;gap:12px}
.home .elenco-chiaro li{background:var(--q-grigio);border-radius:20px;padding:22px 24px;color:var(--q-ink-2);font-size:16px;line-height:1.5}
.home .elenco-chiaro li b{display:block;color:var(--q-ink);font-size:19px;font-weight:600;margin-bottom:6px;letter-spacing:-.015em}
.home .pg-testa.stretta-giu{padding-bottom:24px}
.home .porte-entra{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.home .porta-e{background:var(--q-grigio);border-radius:var(--q-raggio);padding:clamp(36px,4vw,56px);display:flex;flex-direction:column;transition:transform .5s var(--q-ease)}
.home .porta-link:hover{transform:scale(1.015)}
.home .porta-e .quasi{font-size:15px;font-weight:600;color:var(--q-rosso-link)}
.home .porta-e.qq-nero .quasi{color:var(--q-rosso-chiaro)}
.home .porta-e h2{font-size:clamp(32px,3.4vw,48px);line-height:1.05;font-weight:600;letter-spacing:-.035em;margin-top:8px}
.home .porta-e .sotto{margin-top:14px;font-size:18px}
.home .porta-e .qq-azioni{margin-top:auto;padding-top:28px}
.home .porta-e .qq-freccia{margin-top:auto;padding-top:24px}
.home .porta-e .invito-nota{font-size:14px;color:var(--q-ink-d2);margin-top:14px}
.home .porta-e .invito-nota a{color:var(--q-rosso-chiaro)}
.home .kyu-porta{width:150px;height:150px;margin:-20px 0 4px -14px}
.home .kyu-porta img,.home .kyu-porta svg{width:100%;height:100%}
.home .con-kyu .sotto{max-width:46ch}
.home .con-kyu .sotto+.sotto{margin-top:12px}
.home .kyu-vetrina.piccolo{width:clamp(200px,22vw,300px);margin:20px auto -60px}
.home .con-kyu{padding-bottom:40px;overflow:hidden}
.home .piano-tuo{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.home .piano-tuo .sotto{margin:16px 0 20px}
.home .cartellino{background:#000;color:#f5f5f7;border-radius:var(--q-raggio);padding:40px;text-align:center}
.home .cartellino .nome-piano{font-size:24px;font-weight:600;letter-spacing:-.02em}
.home .cartellino .cifra{font-size:clamp(64px,7vw,96px);font-weight:600;letter-spacing:-.05em;line-height:1;margin-top:10px}
.home .cartellino .cifra small{font-size:19px;font-weight:400;color:var(--q-ink-d2);letter-spacing:-.01em}
.home .cartellino .iva{font-size:14px;color:var(--q-ink-d2);margin:12px auto 26px;max-width:32ch}
@media (max-width:900px){
  .home .griglia-qa,.home .porte-entra,.home .piano-tuo{grid-template-columns:1fr}
}
.home .porta-e.qq-nero,.home .prodotto.qq-nero,.home .tessera.qq-nero{background:#000;color:#f5f5f7}
.home .porta-e.qq-nero .sotto,.home .prodotto.qq-nero .sotto{color:var(--q-ink-d2)}
.home .pg-testa h1.lungo{font-size:clamp(40px,5vw,72px);max-width:20ch}
.home .contatore b{margin-bottom:10px}

/* ---------- Risorse, Blog, articoli, testi legali ---------- */
.home .risorsa{transition:transform .5s var(--q-ease)}
.home .risorsa:hover{transform:scale(1.012)}
.home .domanda-grande{font-size:clamp(26px,2.8vw,40px)!important;font-weight:600;letter-spacing:-.03em;line-height:1.15;color:#fff!important;margin:28px 0 24px!important}
.home .risorsa .qq-freccia{margin-top:auto;color:var(--q-rosso-chiaro)}
.home .risorsa-blog{display:grid!important;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}
.home .risorsa-blog .qq-freccia{margin-top:18px}
.home .ultimi{list-style:none;display:grid;gap:10px}
.home .ultimi a{display:block;background:#fff;border-radius:16px;padding:16px 18px;font-weight:500;transition:background .2s,color .2s}
.home .ultimi a:hover{background:var(--q-ink);color:#fff}
.home .articoli-v4{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.home .articolo{background:var(--q-grigio);border-radius:var(--q-raggio);padding:32px;display:flex;flex-direction:column;min-height:340px;transition:transform .5s var(--q-ease)}
.home .articolo:hover{transform:scale(1.015)}
.home .articolo.grande{grid-column:1 / -1;min-height:380px;padding:clamp(40px,5vw,72px)}
.home .articolo .quando{font-size:14px;color:var(--q-ink-2)}
.home .articolo .quando span{color:var(--q-rosso-link);font-weight:600}
.home .articolo.qq-nero .quando{color:var(--q-ink-d2)}
.home .articolo.qq-nero .quando span{color:var(--q-rosso-chiaro)}
.home .articolo h2{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-top:12px}
.home .articolo.grande h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.035em;line-height:1.04;max-width:20ch}
.home .articolo p{color:var(--q-ink-2);margin-top:12px}
.home .articolo.qq-nero p{color:var(--q-ink-d2)}
.home .articolo.grande p:not(.quando){font-size:21px;max-width:50ch}
.home .articolo .qq-freccia{margin-top:auto;padding-top:22px;font-size:17px}
.home .articolo.qq-nero{background:#000}
.home .lettura{padding:clamp(64px,8vw,112px) var(--q-m) clamp(64px,8vw,112px)}
.home .lettura-testa{max-width:860px;margin:0 auto;text-align:center}
.home .lettura-testa .quando{font-size:15px;color:var(--q-ink-2)}
.home .lettura-testa .quando a{color:var(--q-rosso-link);font-weight:600}
.home .lettura-testa h1{font-size:clamp(38px,5vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1.05;margin-top:16px;text-wrap:balance}
.home .lettura-testa .sotto{margin:20px auto 0;max-width:46ch}
.home .lettura-corpo{max-width:1080px;margin:clamp(48px,6vw,80px) auto 0;display:grid;grid-template-columns:220px minmax(0,680px);gap:clamp(32px,5vw,80px);justify-content:center}
.home .lettura-lato{position:sticky;top:80px;align-self:start;font-size:14px}
.home .lettura-lato p{font-weight:600;margin-bottom:10px}
.home .lettura-lato ul{list-style:none;display:grid;gap:8px;margin-bottom:24px}
.home .lettura-lato a{color:var(--q-ink-2)}
.home .lettura-lato a:hover{color:var(--q-ink)}
.home .lettura-lato .qq-freccia{font-size:15px;color:var(--q-rosso-link)}
.home .testo{font-size:19px;line-height:1.6;color:var(--q-ink)}
.home .testo p{margin:0 0 1.1em}
/* la data dell'ultimo aggiornamento in cima a termini e privacy (21/10/2026) */
.home .testo .agg{font-size:15px;color:var(--q-ink-2)}
.home .testo h2{font-size:clamp(26px,2.4vw,32px);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin:1.8em 0 .6em;scroll-margin-top:80px}
.home .testo ul{margin:0 0 1.2em 1.2em}
.home .testo li{margin:.4em 0}
.home .testo a{color:var(--q-rosso-link);text-decoration:underline;text-underline-offset:3px}
.home .testo b{font-weight:600}
.home .art-cifre{background:var(--q-grigio);border-radius:20px;padding:10px 22px;margin:0 0 1.4em}
.home .art-cifre .r{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:12px 0;border-top:1px solid rgba(0,0,0,.07);font-size:16px}
.home .art-cifre .r:first-child{border-top:0}
.home .art-cifre .v{font-weight:600;text-align:right}
.home .art-cifre .k{grid-column:1/-1;font-size:14px;color:var(--q-ink-2)}
.home .art-nota{background:#000;color:#f5f5f7;border-radius:20px;padding:20px 24px;font-size:17px}
.home .fonti{background:var(--q-grigio);border-radius:20px;padding:22px 24px;margin-top:2em;font-size:15px}
.home .fonti p{font-weight:600;margin-bottom:8px}
.home .fonti ul{margin:0 0 0 1.1em}
.home .avviso-art{font-size:14px;color:var(--q-ink-2);margin-top:1.4em}
@media (max-width:900px){
  .home .articoli-v4{grid-template-columns:1fr}
  .home .risorsa-blog{grid-template-columns:1fr}
  .home .lettura-corpo{grid-template-columns:1fr}
  .home .lettura-lato{position:static}
  .home .testo{font-size:18px}
}

/* ---------- i confronti ---------- */
.home .contro-nomi{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,40px);margin-top:clamp(48px,6vw,80px);flex-wrap:wrap}
.home .contro-nomi span{font-size:clamp(32px,4.4vw,64px);font-weight:600;letter-spacing:-.04em}
.home .contro-nomi .loro{color:#86868b}
.home .contro-nomi .vs{font-size:clamp(18px,1.6vw,22px);color:var(--q-ink-2);font-weight:500;letter-spacing:0}
.home .contro-nomi .noi{display:inline-flex;align-items:center;gap:14px}
.home .contro-nomi .noi img{width:clamp(40px,4vw,56px);height:auto;border-radius:22.5%}
.home .confronto-v4{width:100%;border-collapse:collapse;font-size:16px}
.home .confronto-v4 th,.home .confronto-v4 td{text-align:left;vertical-align:top;padding:18px 14px;border-top:1px solid rgba(0,0,0,.08)}
.home .confronto-v4 thead th{border-top:0;font-size:15px;font-weight:600;position:sticky;top:48px;background:#fff}
.home .confronto-v4 tbody th{font-weight:600;width:24%}
.home .confronto-v4 td{color:var(--q-ink-2);width:38%}
.home .confronto-v4 td.noi{color:var(--q-ink);background:#fdf3f1}
.home .confronto-v4 th.noi{color:var(--q-rosso-link)}
@media (max-width:900px){
  .home .confronto-v4 thead{display:none}
  .home .confronto-v4 tr{display:grid;grid-template-columns:1fr;border-top:1px solid rgba(0,0,0,.1);padding:10px 0}
  .home .confronto-v4 th,.home .confronto-v4 td{border:0;width:auto;padding:6px 4px}
  .home .confronto-v4 td::before{content:attr(data-chi);display:block;font-size:13px;font-weight:600;color:var(--q-ink-2)}
}

/* ---------- per i commercialisti ---------- */
.home .numeri-studi{max-width:1080px;margin:clamp(56px,7vw,96px) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.home .numeri-studi b{display:block;font-size:clamp(32px,3.6vw,56px);font-weight:600;letter-spacing:-.045em;line-height:1;color:var(--q-rosso-chiaro)}
.home .numeri-studi div:not(:first-child) b{color:#f5f5f7}
.home .numeri-studi span{display:block;margin-top:10px;color:var(--q-ink-d2);font-size:15px}
.home .portale{background:#fff;border-radius:22px;overflow:hidden;font-size:15px;box-shadow:0 30px 80px rgba(0,0,0,.08)}
.home .portale .capo{display:flex;align-items:center;gap:14px;height:40px;padding:0 16px;background:#f5f5f7;color:var(--q-ink-2);font-size:13px}
.home .portale .pall{display:flex;gap:7px}
.home .portale .pall i{width:10px;height:10px;border-radius:50%;background:#d2d2d7}
.home .portale .riga{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:14px 20px;border-top:1px solid rgba(0,0,0,.06)}
.home .portale .riga.testa{font-size:13px;color:var(--q-ink-2);font-weight:600;border-top:0}
.home .portale .cliente{font-weight:500}
.home .portale .stato{justify-self:start;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}
.home .stato.verde{background:#e3f6e8;color:#1e7a34}
.home .stato.giallo{background:#fff4d6;color:#8a5a00}
.home .stato.rosso{background:#fde8e5;color:#b42818}
.home .lista-schermate ul{list-style:none;display:grid;gap:12px;margin-top:18px}
.home .lista-schermate li{font-size:15px;color:var(--q-ink-2);line-height:1.4}
.home .lista-schermate li b{display:block;color:var(--q-ink);font-weight:600;font-size:16px}
.home .passi-num{counter-reset:passo}
.home .passi-num li{counter-increment:passo}
@media (max-width:900px){ .home .numeri-studi{grid-template-columns:1fr 1fr} .home .portale .riga{grid-template-columns:1.6fr 1fr 1fr 1fr;padding:12px 14px;font-size:13px} }

/* ---------- il calcolatore ---------- */
.home .stretta-calc{padding-top:clamp(48px,6vw,80px)}
.home .calcolo{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:5fr 6fr;gap:20px;align-items:start}
.home .modulo-calc .sottotitolo{font-size:22px;font-weight:600;letter-spacing:-.02em}
.home .modulo-calc .aiuto{font-size:13px;color:var(--q-ink-2);margin-top:6px}
.home .scelta-riga{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin-top:8px}
.home .scelta-riga input{width:20px;height:20px;margin-top:1px;accent-color:var(--q-rosso-pieno);flex:none}
.home .scelta-riga label{font-weight:400;margin:0}
.home .esito-conto{position:sticky;top:72px;background:#000;color:#f5f5f7;border-radius:var(--q-raggio);padding:clamp(28px,3vw,44px)}
.home .et-conto{font-size:15px;color:var(--q-ink-d2)}
.home .esito-conto .cifra{font-size:clamp(56px,6.4vw,96px);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--q-rosso-chiaro);margin:8px 0 26px}
.home .esito-conto .cifra .val{font-size:20px;color:var(--q-ink-d2);letter-spacing:-.01em;font-weight:400}
.home .conti{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.home .conti>div{background:#1c1c1e;border-radius:16px;padding:14px}
.home .conti .et{font-size:12.5px;color:#a1a1a6}
.home .conti .n{font-size:20px;font-weight:600;margin-top:4px;letter-spacing:-.02em}
.home .conti .n.acceso{color:var(--q-rosso-chiaro)}
.home .tab.conto{margin-top:20px}
.home .tab.conto .r{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid rgba(255,255,255,.08);font-size:15px}
.home .tab.conto .r .d{color:#d2d2d7}
.home .tab.conto .r .v{font-weight:600}
.home .note-conto{list-style:none;margin-top:16px;display:grid;gap:8px;font-size:14px;color:#a1a1a6}
.home .azioni-calc{margin-top:26px}
.home .barra-esito{display:none}
.home .occasioni{max-width:1180px;margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.home .occ{background:var(--q-grigio);border-radius:24px;padding:28px}
.home .occ-n{font-size:clamp(32px,3vw,44px);font-weight:600;letter-spacing:-.04em;color:var(--q-rosso)}
.home .occ-n span{font-size:16px;color:var(--q-ink-2);letter-spacing:0;font-weight:400}
.home .occ-t{margin-top:10px;color:var(--q-ink-2);font-size:16px}
.home .occ-t b{display:block;color:var(--q-ink);font-weight:600;font-size:18px;margin-bottom:6px}
.home .occ-area{display:inline-block;margin-left:8px;font-size:12.5px;font-weight:600;color:var(--q-rosso-link);background:#fff;border-radius:999px;padding:3px 10px}
.home .occ-gruppo{margin-top:72px}
.home .titolo.piccolo-t{font-size:clamp(28px,3vw,40px)}
@media (max-width:900px){
  .home .calcolo{grid-template-columns:1fr}
  .home .esito-conto{position:static}
  .home .conti{grid-template-columns:1fr 1fr}
  .home .occasioni{grid-template-columns:1fr}
  .home .barra-esito.su{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;background:#000;color:#fff;border-radius:999px;padding:12px 20px;justify-content:space-between;align-items:center;font-size:14px}
  .home .barra-esito b{color:var(--q-rosso-chiaro);font-size:18px}
}

/* ---------- il vocabolario ---------- */
.home .solo-lettori{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.home .voc-numero{font-size:clamp(120px,18vw,260px);font-weight:600;letter-spacing:-.06em;line-height:.85;color:var(--q-rosso-chiaro);margin-bottom:10px}
.home .voc-cerca{position:relative;max-width:640px;margin:40px auto 0}
.home .voc-cerca svg{position:absolute;left:22px;top:50%;width:22px;height:22px;transform:translateY(-50%);color:#86868b}
.home .voc-cerca input{width:100%;height:64px;border:0;border-radius:999px;background:#1c1c1e;color:#fff;font:inherit;font-size:20px;padding:0 120px 0 58px}
.home .voc-cerca input::placeholder{color:#86868b}
.home .voc-cerca input:focus{outline:2px solid var(--q-rosso-chiaro);outline-offset:2px}
.home .voc-conto{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:14px;color:#a1a1a6}
.home .voc-barra{position:sticky;top:48px;z-index:20;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);padding:12px var(--q-m)}
.home .chips-f{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:1180px;margin:0 auto}
.home .chips-f::-webkit-scrollbar{display:none}
.home .chip-f{flex:none;height:36px;padding:0 16px;border-radius:999px;background:var(--q-grigio);font-size:14px;font-weight:500;transition:background .2s,color .2s}
.home .chip-f.on{background:var(--q-ink);color:#fff}
.home .voc-alfabeto{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;max-width:1180px;margin:8px auto 0}
.home .voc-alfabeto::-webkit-scrollbar{display:none}
.home .voc-alfabeto a{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:14px;font-weight:600;color:var(--q-ink-2)}
.home .voc-alfabeto a:hover{background:var(--q-ink);color:#fff}
.home .fascia.voc{padding-top:40px}
.home .lettera{max-width:1180px;margin:0 auto 48px;scroll-margin-top:150px}
.home .lettera-t{font-size:clamp(48px,5vw,72px);font-weight:600;letter-spacing:-.04em;color:var(--q-rosso);margin-bottom:16px}
.home .voci-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.home .voce{background:var(--q-grigio);border-radius:22px;padding:24px;scroll-margin-top:160px}
.home .voce-testa{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.home .voce-testa h3{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.home .voce-cat{flex:none;font-size:12px;font-weight:600;color:var(--q-rosso-link);background:#fff;border-radius:999px;padding:4px 10px}
.home .voce-breve{margin-top:10px;color:var(--q-ink-2);font-size:16px}
.home .voce details{margin-top:12px}
.home .voce summary{cursor:pointer;color:var(--q-rosso-link);font-size:15px;font-weight:500;list-style:none}
.home .voce summary::-webkit-details-marker{display:none}
.home .voce-dett{margin-top:10px;font-size:15px;color:var(--q-ink-2)}
.home .voce-dett p{margin-bottom:8px}
.home .voce-quando-t{font-weight:600;color:var(--q-ink)!important}
.home .voce-quando{margin-left:1.1em;display:grid;gap:4px}
@media (max-width:900px){ .home .voci-griglia{grid-template-columns:1fr} .home .voc-cerca input{font-size:17px;padding-right:96px} }

/* ---------- servizi e settori: il selettore del mestiere ---------- */
.home .selettore{max-width:1180px;margin:0 auto;background:#fff;border-radius:var(--q-raggio);padding:clamp(28px,3vw,44px)}
.home .selettore-t{font-size:22px;font-weight:600;letter-spacing:-.02em}
.home .fchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.home .fchips .job,.home .fchips button{height:40px;padding:0 16px;border-radius:999px;background:var(--q-grigio);font-size:15px;font-weight:500;transition:background .2s,color .2s,transform .2s var(--q-ease)}
.home .fchips .job:hover{background:var(--q-grigio-2)}
.home .fchips .job[aria-pressed="true"]{background:var(--q-ink);color:#fff}
.home .interruttore{display:inline-flex;align-items:center;gap:12px;margin-top:24px;cursor:pointer;font-size:16px}
.home .interruttore input{position:absolute;opacity:0;width:1px;height:1px}
.home .cursore-i{width:51px;height:31px;border-radius:999px;background:#e9e9eb;position:relative;transition:background .25s}
.home .cursore-i::after{content:"";position:absolute;left:2px;top:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .3s var(--q-ease)}
.home .interruttore input:checked+.cursore-i{background:#34c759}
.home .interruttore input:checked+.cursore-i::after{transform:translateX(20px)}
.home .interruttore input:focus-visible+.cursore-i{outline:2px solid var(--q-rosso);outline-offset:2px}
.home .esito{max-width:1180px;margin:20px auto 0}
.home .esito .sez{display:flex;gap:10px;align-items:baseline;margin:28px 0 14px;font-size:17px;color:var(--q-ink-2)}
.home .esito .sez b{font-size:22px;font-weight:600;color:var(--q-ink);letter-spacing:-.02em}
.home .esito .moduli-attivi{background:#fff;border-radius:22px;padding:20px 22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.home .esito .moduli-attivi .et{font-size:14px;font-weight:600;margin-right:6px}
.home .esito .chip{background:var(--q-grigio)}
.home .esito .chip.richiamo{background:var(--q-rosso-pieno);color:#fff}
.home .esito .righe.strumenti{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.home .esito .er{background:#fff;border-radius:22px;padding:24px}
.home .esito .er .n{display:none}
.home .esito .stato{font-size:13px;font-weight:600;color:#1e7a34}
.home .esito .tit{font-size:19px;font-weight:600;letter-spacing:-.02em;margin-top:6px}
.home .esito .tit .chip.solo{font-size:12px;margin-left:8px;padding:3px 9px}
.home .esito .txt{color:var(--q-ink-2);margin-top:8px;font-size:15px}
.home .esito .chips.spenti{display:flex;flex-wrap:wrap;gap:8px}
.home .esito .chips.spenti .chip{background:#fff;color:var(--q-ink-2)}
@media (max-width:900px){ .home .esito .righe.strumenti{grid-template-columns:1fr} }
.home .esito .sez em,.home .esito .sez i{font-style:normal;font-size:15px;color:var(--q-ink-2)}

/* dopo la revisione di Impeccable (15/10/2026) */
.home .esito .stato{display:none}
.home .esito .tit{margin-top:0}
.home .con-kyu .sotto b{color:#fff;font-weight:600}
.home .eroe{padding-top:clamp(32px,4vw,52px)}
.home .eroe h1{margin-top:6px}
.home .av3{top:44%}

/* ============================================================
   LUCE SUL NERO (15/10/2026)
   Il proprietario: i fondi neri sono troppi e troppo piatti, ci vuole
   «qualche riflesso di luce, un effetto vetro». Le fasce nere prendono un
   alone caldo dall'alto (il rosso del marchio, molto basso) e un riflesso
   freddo in un angolo; i riquadri scuri sopra il nero diventano vetro:
   fondo appena chiaro, il bordo di luce in alto, la sfocatura dietro.
   ============================================================ */
.home .eroe,.home section.qq-nero,.home .pg-testa.qq-nero,.qq-chiusura{
  background-color:#000;
  background-image:
    radial-gradient(70% 55% at 50% -8%, rgba(232,73,59,.26), rgba(232,73,59,0) 70%),
    radial-gradient(45% 40% at 92% 105%, rgba(255,255,255,.07), rgba(255,255,255,0) 70%),
    radial-gradient(35% 35% at 4% 60%, rgba(255,107,91,.08), rgba(255,107,91,0) 70%);
  background-repeat:no-repeat}
.home section.qq-nero:nth-of-type(even){
  background-image:
    radial-gradient(60% 50% at 15% 0%, rgba(255,255,255,.08), rgba(255,255,255,0) 70%),
    radial-gradient(55% 50% at 100% 100%, rgba(232,73,59,.20), rgba(232,73,59,0) 70%)}
/* i riquadri scuri: vetro con il bordo di luce */
.home .tessera.qq-nero,.home .piano.qq-nero,.home .porta-e.qq-nero,.home .prodotto.qq-nero,
.home .area-riquadro.qq-nero,.home .carta.scura,.home .cartellino,.home .esito-conto,.home .caso-nero,
.home .storia.vocab,.home .articolo.qq-nero,.home .porta.qq-nero{
  background-color:#0b0b0c;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 38%),
    radial-gradient(80% 60% at 100% 0%, rgba(232,73,59,.16), rgba(232,73,59,0) 60%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), inset 0 0 0 1px rgba(255,255,255,.07)}
/* sopra una fascia nera, i riquadri sono vetro vero */
.home .qq-nero .elenco-firma li,.home .qq-nero .ricevuta,.home .qq-nero .avviso-arrivo,
.home .pg-testa.qq-nero .numeri-studi>div,.home .qq-nero .contatore{
  background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,255,255,.08)}
.home .pg-testa.qq-nero .numeri-studi>div{border-radius:24px;padding:26px 18px}
.home .qq-nero .contatore{border-radius:32px;padding:40px 32px 34px}
/* un filo di movimento nell'alone della prima schermata */
@media (prefers-reduced-motion:no-preference){
  .home .eroe{background-size:140% 140%,100% 100%,100% 100%;animation:qq-alone 14s ease-in-out infinite alternate}
  @keyframes qq-alone{from{background-position:50% 0%,0 0,0 0}to{background-position:42% 12%,0 0,0 0}}
}

/* ---------- Prezzi: sei abbonamenti che diventano uno ---------- */
.home .sei-uno{max-width:1240px;margin:clamp(48px,6vw,80px) auto 0;display:grid;grid-template-columns:1.8fr auto .95fr;gap:clamp(20px,3vw,48px);align-items:center}
.home .pila{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.home .abbo{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:6px;align-items:start;padding:16px;border-radius:18px;background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.07)}
.home .abbo .ini{grid-row:1 / span 2;width:38px;height:38px;border-radius:11px;background:var(--c);display:grid;place-items:center;font-weight:600;font-size:17px;color:#fff;opacity:.9}
.home .abbo .cosa{flex:1;min-width:0;font-size:14px;line-height:1.3}
.home .abbo .cosa b{display:block;font-weight:500;color:#f5f5f7}
.home .abbo .cosa small{display:block;font-size:12.5px;color:#a1a1a6;margin-top:3px}
.home .abbo .costo{grid-column:2;font-weight:600;font-size:15px;color:#f5f5f7;text-decoration:line-through;text-decoration-color:rgba(255,107,91,.7);text-decoration-thickness:2px}
.home .sei-uno .freccione{width:60px}
.home .uno-solo{text-align:center;border-radius:32px;padding:44px 32px;background:rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.08),0 40px 120px rgba(232,73,59,.18)}
.home .uno-solo img{width:88px;height:88px;border-radius:22.5%;margin:0 auto}
.home .nome-uno{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:16px}
.home .cifra-uno{font-size:clamp(64px,6vw,96px);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--q-rosso-chiaro);margin-top:10px}
.home .cifra-uno small{font-size:19px;font-weight:400;color:#a1a1a6;letter-spacing:-.01em;margin-left:6px}
.home .riga-uno{color:#d2d2d7;margin-top:14px;font-size:17px}
.home .riga-uno.piccola{font-size:14px;color:#a1a1a6;margin-top:6px}
.home .barre{max-width:1080px;margin:clamp(56px,7vw,96px) auto 0;display:grid;gap:18px}
.home .barra-r{display:grid;grid-template-columns:220px 1fr 180px;gap:18px;align-items:center;font-size:15px}
.home .barra-r .et{color:#a1a1a6}
.home .barra-r b{font-size:17px;font-weight:600;text-align:right}
.home .pista{height:16px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.home .pista i{display:block;height:100%;width:var(--w);border-radius:999px;background:#6e6e73;transform-origin:left;transition:transform 1.4s var(--q-ease) .2s}
.home .barra-r.noi .pista i{background:var(--q-rosso)}
.home .barra-r.noi b{color:var(--q-rosso-chiaro)}
.js .home .barre .pista i{transform:scaleX(0)}
.js .home .barre.visto .pista i{transform:none}
@media (max-width:900px){
  .home .sei-uno{grid-template-columns:1fr}
  .home .sei-uno .freccione{transform:rotate(90deg);margin:0 auto}
  .home .pila{grid-template-columns:1fr}
  .home .barra-r{grid-template-columns:1fr;gap:6px}
  .home .barra-r b{text-align:left}
}
@media (prefers-reduced-motion:reduce){ .js .home .barre .pista i{transform:none} }

/* ---------- Cosa fa: quello che sta intorno ---------- */
.home .intorno-t{min-height:420px;transition:transform .5s var(--q-ease)}
.home a.intorno-t:hover{transform:scale(1.012)}
.home .intorno-t .qq-freccia{margin-top:auto;padding-top:20px;color:var(--q-rosso-link)}
.home .intorno-t.qq-nero .qq-freccia{color:var(--q-rosso-chiaro)}
.home .qq-freccia.chiara{color:#fff!important}
.home .fumetto-k{margin-top:20px;background:rgba(255,255,255,.08);border-radius:18px 18px 18px 6px;padding:14px 16px;font-size:15px;color:#d2d2d7;line-height:1.45}
.home .fumetto-k b{color:var(--q-rosso-chiaro)}
.home .voci-mini{display:grid;gap:8px;margin-top:20px}
.home .voci-mini p{background:rgba(255,255,255,.14);border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.4;margin:0;color:#fff}
.home .voci-mini b{display:block;font-size:15px}
.home .intorno-t .enorme{font-size:clamp(56px,6vw,88px)}
.home .ui-bianca{background:var(--q-grigio);border-radius:18px;padding:6px 16px;margin-top:20px}
.home .ui-bianca .riga{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:14px;color:var(--q-ink-2)}
.home .ui-bianca .riga:last-child{border-bottom:0}
.home .ui-bianca .riga span b{display:block;color:var(--q-ink);font-size:15px;font-weight:600}
.home .ui-bianca .riga>b{color:var(--q-ink);font-weight:600;white-space:nowrap}
.home .spunta-v{flex:none;width:24px;height:24px;border-radius:50%;background:#e3f6e8;color:#1e7a34;display:grid;place-items:center;font-size:13px;font-weight:700}
.home .esempio-nota{font-size:13px!important;color:var(--q-ink-2);margin-top:12px!important}
.home .fascia.grigia .tessera .ui-bianca{background:var(--q-grigio)}
.home .ui-bianca .riga span b{text-align:left}
.home .intorno-t{min-height:0}

/* ---------- Domande ---------- */
.home .eroe-domande{padding-bottom:0}
.home .cerca-domande{position:relative;max-width:560px;margin:30px auto 0}
.home .cerca-domande svg{position:absolute;left:20px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:#86868b}
.home .cerca-domande input{width:100%;height:56px;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:18px;padding:0 24px 0 54px;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.08)}
.home .cerca-domande input::placeholder{color:#a1a1a6}
.home .cerca-domande input:focus{outline:2px solid var(--q-rosso-chiaro);outline-offset:2px}
.home .palco-domande{height:clamp(360px,34vw,460px)}
.home .kyu-domande{width:clamp(240px,26vw,360px)}
.home .bolla{border-radius:22px 22px 22px 6px;padding:16px 18px}
.home .bolla b{font-size:16px;font-weight:500}
.home .salti-centro ul{justify-content:center;flex-wrap:wrap}
.home .gruppo-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.7fr;gap:clamp(32px,5vw,80px);align-items:start}
.home .gruppo-lato{position:sticky;top:130px}
.home .gruppo-lato .titolo{font-size:clamp(32px,3.6vw,52px);margin-top:20px}
.home .gruppo-lato .quante{color:var(--q-ink-2);margin-top:10px;font-size:17px}
.home .gruppo-lato .ico-tratto{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--q-rosso-pieno);color:#fff}
.home .gruppo-lato .ico-tratto svg{width:30px;height:30px}
.home .gruppo-qa{display:grid;gap:14px}
.home .gruppo-qa .qa{padding:28px 30px}
.home [data-gruppo][hidden]{display:none}
@media (max-width:900px){
  .home .gruppo-in{grid-template-columns:1fr}
  .home .gruppo-lato{position:static}
  .home .palco-domande{height:auto}
  .home .salti-centro ul{justify-content:flex-start;flex-wrap:nowrap}
}
.home .cerca-domande svg{z-index:1;pointer-events:none}

/* ---------- la home in movimento (21/10/2026) ---------- */
.home .avviso .taglio-num{display:block;font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:6px;color:var(--q-rosso-chiaro)}
.home .avviso .taglio-barra{display:flex;gap:3px;height:10px;border-radius:999px;overflow:hidden;margin-top:10px}
.home .avviso .taglio-barra i{display:block;flex-grow:0;min-width:3px;transition:flex-grow .9s var(--q-ease)}
.home .avviso .taglio-barra .t1{background:#f5f5f7}.home .avviso .taglio-barra .t2{background:var(--q-rosso)}.home .avviso .taglio-barra .t3{background:var(--q-rosa)}
.home .avviso .taglio-leg{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:12px;color:#c7c7cc}
.home .mattina{max-width:1180px;margin:44px auto 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:40px;align-items:center}
.home .mat-kyu{display:flex;align-items:center;gap:18px}
.home .mat-faccia{width:96px;height:96px;flex:none}
.home .mat-faccia svg,.home .mat-faccia img{width:100%;height:100%;display:block}
.home .mat-kyu p{font-size:clamp(21px,2vw,28px);line-height:1.25;letter-spacing:-.02em;color:var(--q-ink);max-width:24ch;margin:0}
.home .mat-kyu p b{font-weight:600}
.home .mat-schermo{background:var(--q-bianco);border-radius:40px;padding:26px 16px 16px;min-height:520px;display:flex;flex-direction:column}
.home .mat-ora{text-align:center;font-size:64px;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--q-ink)}
.home .mat-giorno{text-align:center;font-size:15px;color:var(--q-ink-2);margin-top:6px}
.home .mat-pila{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:10px}
.home .mat-carta{background:var(--q-grigio);border-radius:22px;padding:14px 16px;font-size:14.5px;line-height:1.38;color:var(--q-ink);text-align:left}
.home .mat-carta .capo{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--q-ink-2);margin-bottom:4px}
.home .mat-carta .capo img{width:18px;height:18px;border-radius:5px}
.home .mat-carta .capo span:last-child{margin-left:auto}
.home .mat-carta b{display:block;font-weight:600}
.home .mat-azioni{display:none;gap:8px;margin-top:10px}
.js .home .mat-azioni{display:flex}
.home .mat-azioni button{height:34px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:500;transition:background .2s,transform .15s var(--q-ease)}
.home .mat-azioni .ok{background:var(--q-rosso-pieno);color:#fff}
.home .mat-azioni .ok:hover{background:#b82c18}
.home .mat-azioni .no{background:var(--q-grigio-2);color:var(--q-ink)}
.home .mat-azioni button:active{transform:scale(.95)}
.home .mat-fatto{display:none;margin:8px 0 0;color:var(--q-rosso-link);font-weight:600}
.home .mat-carta.fatta .mat-azioni{display:none}
.home .mat-carta.fatta .mat-fatto{display:block}
.js .home .mat-carta.attesa{display:none}
.home .parole.scorre{display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;overflow:hidden;margin-left:-8px;margin-right:-8px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.home .parole.scorre .riga{display:flex;gap:8px;width:max-content}
.home .parole.scorre button{flex:none}
@media (max-width:900px){
  .home .mattina{grid-template-columns:1fr;gap:24px;margin:32px auto}
  .home .mat-schermo{min-height:500px}
  .home .mat-ora{font-size:52px}
}

/* ---------- la missione di Kyu (21/10/2026) ----------
   Una fascia della pagina Assistenza: un globo olografico di punti in WebGL (missione.js),
   con Kyu nel mezzo. Fascia nera piena come le altre scure della home; il
   globo occupa tutta la fascia sul computer, a destra del testo, e una
   striscia alta sotto il titolo sul telefono. Le classi hanno il prefisso
   ms- perche' la home ha gia' .riga, .nota e una sezione id="kyu". */
.home .missione{--ms-hud:rgba(255,107,91,.62);--ms-hud-t:rgba(255,107,91,.28);--ms-ink3:#8e8e93;
  --ms-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  position:relative;isolation:isolate;overflow:hidden;background:var(--q-nero);color:var(--q-ink-d);
  min-height:max(100svh,760px);display:grid;grid-template-columns:minmax(0,540px);align-content:center;
  padding:clamp(72px,9vh,120px) 24px clamp(72px,9vh,120px) var(--q-m)}
.home .ms-testo{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start}
.home .ms-titolo span{color:var(--ms-ink3);transition:color .8s var(--q-ease)}
.home .missione.acceso .ms-titolo span{color:var(--q-ink-d)}
.home .ms-sotto{margin-top:22px;font-size:clamp(17px,1.35vw,20px);line-height:1.45;color:var(--q-ink-d2);max-width:34em;text-wrap:pretty}
.home .ms-guscio{margin-top:40px;width:100%}
.home .ms-pannello{position:relative;border-radius:22px;padding:18px 26px 20px;overflow:hidden;background-color:#0b0b0c;
  background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 38%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.07)}
.home .ms-barra{position:absolute;left:0;top:0;height:2px;width:100%;background:var(--q-rosso-chiaro);transform-origin:left;transform:scaleX(0);opacity:.9}
.home .ms-riga{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:baseline;padding:9px 0}
.home .ms-riga dt{font-size:13px;font-weight:500;color:var(--ms-ink3)}
.home .ms-riga dd{margin:0;font-size:17px;line-height:1.4;color:var(--q-ink-d);min-height:1.4em}
.home .ms-riga dd b{font-weight:600;font-variant-numeric:tabular-nums}
.home .ms-riga dd .r{color:var(--q-rosso-chiaro)}
.home .ms-riga .v{display:block;opacity:0;transform:translateY(8px);transition:opacity .4s var(--q-ease),transform .4s var(--q-ease)}
.home .ms-riga.su .v{opacity:1;transform:none}
.home .ms-nota{margin-top:6px;font-size:13px;color:var(--ms-ink3);min-height:1.3em}

.home .ms-scena{position:absolute;inset:0;z-index:0}
.home .ms-scena canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.home .ms-kyu{position:absolute;left:0;top:0;width:120px;height:120px;padding:0;border:0;background:none;cursor:pointer;z-index:4;border-radius:50%;will-change:transform}
.home .ms-kyu svg{width:100%;height:100%;display:block;overflow:visible}
.home .ms-kyu:focus-visible{outline:2px solid var(--q-rosso-chiaro);outline-offset:4px}
.home .ms-mirino{position:absolute;left:0;top:0;width:210px;height:210px;z-index:3;pointer-events:none;opacity:0;transition:opacity .8s var(--q-ease)}
.home .ms-mirino svg{width:100%;height:100%;display:block;overflow:visible}
.home .ms-mirino .ghiera{fill:none;stroke:var(--ms-hud-t);stroke-width:5;stroke-dasharray:.9 6.3}
.home .ms-mirino .scan{fill:none;stroke:var(--ms-hud);stroke-width:1;stroke-linecap:round}
.home .ms-mirino .angoli{fill:none;stroke:var(--ms-hud);stroke-width:1}
.home .ms-mirino .croce{stroke:var(--ms-hud-t);stroke-width:1}
.home .missione.hud .ms-mirino,.home .missione.senza-3d .ms-mirino{opacity:1}
.home .ms-etichette{position:absolute;inset:0;z-index:4;pointer-events:none}
.home .ms-eti{position:absolute;left:0;top:0;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.2;color:var(--ms-ink3);opacity:0;
  transition:opacity .6s var(--q-ease),color .4s var(--q-ease);will-change:transform}
.home .missione.hud .ms-eti{opacity:1}
.home .ms-eti.sat button{pointer-events:auto;font:inherit;color:inherit;background:none;border:0;padding:12px 8px;cursor:pointer;min-height:44px;display:block;border-radius:10px}
.home .ms-eti.sat button:hover{color:var(--q-ink-d)}
.home .ms-eti.sat.su{color:var(--q-rosso-chiaro)}
.home .ms-eti.arr.su{color:var(--q-ink-d)}
.home .ms-lettura{position:absolute;left:0;top:0;z-index:4;pointer-events:none;font-family:var(--ms-mono);font-size:12px;line-height:1.7;letter-spacing:.02em;
  color:rgba(245,245,247,.56);font-variant-numeric:tabular-nums;opacity:0;transform:translateY(6px);transition:opacity .6s var(--q-ease),transform .6s var(--q-ease)}
.home .ms-lettura span{display:block;white-space:nowrap}
.home .ms-lettura .in{display:inline}
.home .ms-lettura .tacca{width:28px;height:1px;background:var(--ms-hud);margin-bottom:10px}
.home .ms-lettura .cap{color:var(--ms-hud)}
.home .ms-lettura .val{font-size:22px;line-height:1.3;font-weight:500;color:var(--q-ink-d);letter-spacing:-.01em}
.home .ms-lettura .sub{color:var(--q-rosso-chiaro);min-height:1.75em}
.home .ms-lettura.dx{text-align:right}
.home .ms-lettura.dx .tacca{margin-left:auto}
.home .missione.hud .ms-lettura{opacity:1;transform:none}
.home .missione.hud .ms-lettura.dx{transition-delay:.14s}
@media (max-width:900px){
  .home .missione{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:72px 22px 64px}
  .home .ms-testo{display:contents}
  .home .ms-titolo{order:1;position:relative;z-index:3}
  .home .ms-sotto{order:2;margin-top:16px;font-size:17px;position:relative;z-index:3}
  .home .ms-scena{order:3;position:relative;inset:auto;height:clamp(540px,148vw,600px);margin:12px -22px 0}
  .home .ms-guscio{order:4;margin-top:4px;position:relative;z-index:3}
  .home .ms-eti{font-size:13px}
  .home .ms-eti.sat button{padding:12px 6px}
  .home .ms-riga{grid-template-columns:60px 1fr}
  .home .ms-riga dd{font-size:16px}
  .home .ms-lettura{font-size:13px;line-height:1.6}
  .home .ms-lettura .val{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
  .home .ms-riga .v,.home .ms-eti,.home .ms-lettura,.home .ms-mirino,.home .ms-titolo span{transition:none}
  .home .ms-barra{display:none}
}