.fascia-mockup{background:var(--bg2);border-bottom:1px solid var(--linea);
  padding:40px 0 46px;overflow:hidden}
.contenitore-mockup{max-width:var(--max);margin:0 auto;padding:0 20px}
.didascalia-mockup{max-width:64ch;margin:0 0 20px;color:var(--ink2);font-size:15px}
.fascia-mockup .mk-app{font-size:clamp(8px,.79vw,12px);
  box-shadow:0 26px 60px rgba(0,0,0,.30),0 2px 6px rgba(0,0,0,.14)}
@media (max-width:1020px){.fascia-mockup{padding:30px 0 34px}
  .fascia-mockup .mk-app{font-size:9px}}
@media (max-width:700px){.fascia-mockup .mk-app{font-size:7.5px}}
.mk-app{--f:#F3F3F3;--carta-app:#FFFFFF;--riga:#E3E3E3;--riga2:#EDEDED;
  --testo:#1B1B1F;--testo2:#5C5C66;--testo3:#8A8A93;
  --menu:#1B2233;--menu2:#232C42;--menu-t:#D6DBE6;--menu-t2:#8792AA;
  --acc:#0F6CBD;--ok:#0F7B3E;--ok2:#DCF3E5;
  font:400 13px/1.45 "Segoe UI",system-ui,sans-serif;color:var(--testo);
  background:var(--carta-app);border-radius:10px;overflow:hidden;
  border:1px solid var(--riga);box-shadow:0 40px 100px -50px rgba(16,16,20,.55);
  -webkit-font-smoothing:antialiased}
.mk-app *{box-sizing:border-box}
.mk-app .mk-ic{width:1.23em;height:1.23em;flex:none;fill:none;stroke:currentColor;stroke-width:1.35;
  stroke-linecap:round;stroke-linejoin:round}
.mk-app .mk-fr{width:1.05em;height:1.05em;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round;opacity:.55}

.mk-app .mk-app-barra{display:flex;align-items:center;gap:.7em;height:3em;padding:0 .5em 0 .9em;
  background:var(--menu);color:#fff}
.mk-app .mk-app-barra .mk-indietro{opacity:.7;display:flex}
.mk-app .mk-app-barra .mk-gi{transform:rotate(180deg)}
.mk-app .mk-marchio{font-weight:700;letter-spacing:.02em;font-size:1.05em}
.mk-app .mk-marchio b{color:#4CA0FF;font-weight:700}
.mk-app .mk-ver{font-size:.78em;padding:.15em .5em;border-radius:.3em;background:rgba(255,255,255,.12);
  color:#C9D3E6}
.mk-app .mk-cerca{display:flex;align-items:center;gap:.45em;margin:0 auto;width:24em;max-width:40%;
  height:1.9em;padding:0 .7em;border-radius:.35em;background:rgba(255,255,255,.1);
  color:#AEBACE;font-size:.85em}
.mk-app .mk-fin{display:flex;gap:1.1em;margin-left:auto;padding-right:.6em;opacity:.75}
.mk-app .mk-fin i{width:.72em;height:.72em;border:1px solid #C9D3E6;display:block}
.mk-app .mk-fin .mk-min{height:0;border-width:0 0 1px}
.mk-app .mk-fin .mk-chiudi{border:0;background:
  linear-gradient(45deg,transparent 45%,#C9D3E6 45%,#C9D3E6 55%,transparent 55%),
  linear-gradient(-45deg,transparent 45%,#C9D3E6 45%,#C9D3E6 55%,transparent 55%)}

.mk-app .mk-app-corpo{display:flex;align-items:stretch;min-height:0}
.mk-app .mk-app-menu{flex:none;width:14.6em;background:var(--menu);color:var(--menu-t);
  padding:.6em 0 .5em;display:flex;flex-direction:column}
.mk-app .mk-app-menu .mk-premium{margin:0 0 .5em 1.1em;font-size:.82em;color:#E7B34A;font-weight:600}
.mk-app .mk-app-menu .mk-voci{display:flex;flex-direction:column}
.mk-app .mk-app-menu .mk-grp{margin:.55em 0 .15em 1.1em;font-size:.66em;letter-spacing:.1em;
  color:var(--menu-t2);font-weight:600}
.mk-app .mk-app-menu .mk-voce{display:flex;align-items:center;gap:.7em;padding:.1em 1.1em;
  font-size:.86em;line-height:1.5;color:var(--menu-t);border-left:2px solid transparent}
.mk-app .mk-app-menu .mk-voce .mk-ic{opacity:.8}
.mk-app .mk-app-menu .mk-voce.mk-on{background:var(--menu2);border-left-color:#4CA0FF;color:#fff;font-weight:600}
.mk-app .mk-app-menu .mk-piede{margin-top:auto;padding:.8em 1.1em 0;display:flex;flex-direction:column;gap:.7em}
.mk-app .mk-app-menu .mk-stato{display:flex;align-items:center;gap:.5em;font-size:.8em;color:var(--menu-t2)}
.mk-app .mk-app-menu .mk-stato i{width:.5em;height:.5em;border-radius:50%;background:#3FBF7F;flex:none}
.mk-app .mk-app-menu .mk-esci{display:flex;align-items:center;gap:.6em;font-size:.85em;color:var(--menu-t2)}

.mk-app .mk-app-pagina{flex:1;min-width:0;padding:1.5em 1.7em 1.7em;background:var(--f);
  display:flex;flex-direction:column;gap:1em}
.mk-app h3{margin:0;font-size:1.7em;font-weight:600;letter-spacing:-.01em;line-height:1.15;
  font-family:"Segoe UI",system-ui,sans-serif}
.mk-app .mk-testa{display:flex;align-items:flex-start;gap:1em}
.mk-app .mk-testa>div:first-of-type{flex:1;min-width:0}
.mk-app .mk-testa p{margin:.25em 0 0;color:var(--testo2);font-size:.95em}
.mk-app .mk-bottoni{display:flex;gap:.6em;flex:none}
.mk-app .mk-bt{display:inline-flex;align-items:center;gap:.45em;padding:.5em 1em;border-radius:.35em;
  border:1px solid var(--riga);background:var(--carta-app);font-size:.92em;font-weight:600;
  color:var(--testo)}
.mk-app .mk-bt.mk-pri{background:var(--acc);border-color:var(--acc);color:#fff}
.mk-app .mk-bt.mk-largo{justify-content:center;width:100%;margin-top:.9em}

.mk-app .mk-riquadro{background:var(--carta-app);border:1px solid var(--riga);border-radius:.55em;
  padding:1.1em 1.2em}
.mk-app .mk-punteggio{display:flex;align-items:center;gap:1.4em}
.mk-app .mk-voto{position:relative;flex:none;width:7em;height:7em;display:grid;place-items:center}
.mk-app .mk-anello{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.mk-app .mk-anello .mk-pista{fill:none;stroke:#E8F3EC;stroke-width:3.6}
.mk-app .mk-anello .mk-arco{fill:none;stroke:#2E9E63;stroke-width:3.6;stroke-linecap:round;
  stroke-dasharray:104 113}
.mk-app .mk-voto .mk-n{font-size:2.5em;font-weight:600;line-height:1}
.mk-app .mk-voto .mk-su{position:absolute;bottom:1.35em;font-size:.72em;color:var(--testo3)}
.mk-app .mk-dice{flex:1;min-width:0}
.mk-app .mk-dice .mk-forte{margin:0;font-size:1.15em;font-weight:600}
.mk-app .mk-dice .mk-fioc{margin:.3em 0 0;color:var(--testo2);font-size:.95em}
.mk-app .mk-dice .mk-link{margin:.5em 0 0;color:var(--acc);font-size:.92em;display:flex;
  align-items:center;gap:.35em}
.mk-app .mk-tendenza{flex:none;width:15em;border-left:1px solid var(--riga2);padding-left:1.2em}
.mk-app .mk-tendenza .mk-et{margin:0;font-size:.7em;letter-spacing:.09em;color:var(--testo3);
  display:flex;align-items:center;justify-content:space-between;gap:.5em;font-weight:600}
.mk-app .mk-tendenza .mk-pic{display:flex;align-items:center;gap:.3em;letter-spacing:0;font-weight:400;
  font-size:1.05em}
.mk-app .mk-tendenza .mk-su-punti{margin:.5em 0 0;font-size:.95em;color:var(--testo2);display:flex;
  align-items:baseline;gap:.35em}
.mk-app .mk-tendenza .mk-su-punti b{font-size:1.3em;color:var(--ok)}
.mk-app .mk-tendenza .mk-frecciasu{color:var(--ok);font-weight:700}
.mk-app .mk-tendenza .mk-linea{display:block;width:100%;height:2.6em;margin-top:.4em}
.mk-app .mk-tendenza .mk-linea path{fill:none;stroke:#2E9E63;stroke-width:1.6;stroke-linejoin:round}

.mk-app .mk-vitali{display:grid;grid-template-columns:repeat(5,1fr);background:var(--carta-app);
  border:1px solid var(--riga);border-radius:.55em;overflow:hidden}
.mk-app .mk-vit{padding:1em 1.1em;border-right:1px solid var(--riga2);border-top:3px solid transparent}
.mk-app .mk-vit:last-child{border-right:0}
.mk-app .mk-vit.mk-verde{border-top-color:#2E9E63}
.mk-app .mk-vit.mk-arancio{border-top-color:#D98324}
.mk-app .mk-vit.mk-rosso{border-top-color:#C4314B}
.mk-app .mk-vit .mk-et{display:flex;align-items:center;justify-content:space-between;gap:.4em;
  font-size:.7em;letter-spacing:.07em;color:var(--testo3);font-weight:600}
.mk-app .mk-vit .mk-num{display:block;margin:.35em 0 .15em;font-size:1.85em;font-weight:600;line-height:1}
.mk-app .mk-vit .mk-sotto{display:block;font-size:.82em;color:var(--testo3)}

.mk-app .mk-pesa{display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap}
.mk-app .mk-pesa .mk-testo{margin:0;font-size:.92em;display:flex;align-items:center;gap:.4em;flex-wrap:wrap}
.mk-app .mk-pesa .mk-gr{color:var(--testo3)}
.mk-app .mk-legenda{margin:0;display:flex;gap:1em;font-size:.82em;color:var(--testo2)}
.mk-app .mk-lg{display:flex;align-items:center;gap:.4em}
.mk-app .mk-lg::before{content:"";width:.55em;height:.55em;border-radius:50%;background:currentColor}
.mk-app .mk-lg.mk-verde{color:#2E9E63}
.mk-app .mk-lg.mk-arancio{color:#D98324}
.mk-app .mk-lg.mk-rosso{color:#C4314B}
.mk-app .mk-lg.mk-blu{color:var(--acc)}

.mk-app .mk-titoletto{margin:.4em 0 -.3em;font-size:.72em;letter-spacing:.09em;color:var(--testo3);
  font-weight:600;display:flex;align-items:center;justify-content:space-between}
.mk-app .mk-titoletto .mk-pers{font-size:1.1em;letter-spacing:0;color:var(--acc);font-weight:400}
.mk-app .mk-notato{max-width:32em}
.mk-app .mk-notato.mk-buono{border-color:#BFE3CE;background:#F6FCF8}
.mk-app .mk-notato .mk-t{margin:0;font-weight:600;display:flex;align-items:center;gap:.5em}
.mk-app .mk-notato .mk-ok{color:var(--ok)}
.mk-app .mk-notato .mk-c{margin:.45em 0 0;font-size:.92em;color:var(--testo2);line-height:1.5}
.mk-app .mk-notato .mk-pill{margin:.7em 0 0;display:inline-block;font-size:.78em;color:var(--testo2);
  background:var(--ok2);border-radius:.3em;padding:.3em .6em}
.mk-app .mk-vaia .mk-griglia{margin-top:.7em;display:grid;grid-template-columns:1fr 1fr;gap:.5em}
.mk-app .mk-sc{display:flex;align-items:center;gap:.6em;padding:.7em .9em;background:var(--carta-app);
  border:1px solid var(--riga);border-radius:.45em;font-size:.92em}
.mk-app .mk-sc .mk-q{color:var(--testo3);font-size:.9em}
.mk-app .mk-sc .mk-fr{margin-left:auto}

.mk-app .mk-testa.mk-ass{align-items:center}
.mk-app .mk-robot{flex:none;display:grid;place-items:center;width:2.6em;height:2.6em;border-radius:.5em;
  background:#E7F0FB;color:var(--acc)}
.mk-app .mk-robot .mk-rb{width:1.7em;height:1.7em}
.mk-app .mk-pill-osservo{flex:none;font-size:.82em;color:var(--testo2);border:1px solid var(--riga);
  background:var(--carta-app);border-radius:1em;padding:.35em .9em}
.mk-app .mk-intro{margin:0;max-width:44em;color:var(--testo2);font-size:.98em;line-height:1.55}
.mk-app .mk-due-colonne{display:flex;gap:1em;align-items:flex-start}
.mk-app .mk-esempi{flex:1;min-width:0}
.mk-app .mk-esempi .mk-t{margin:0 0 .8em;font-weight:600;font-size:1.05em}
.mk-app .mk-esempi .mk-griglia{display:grid;grid-template-columns:1fr 1fr;gap:.15em 1.4em}
.mk-app .mk-esempi .mk-d{display:flex;align-items:center;gap:.6em;padding:.55em 0;font-size:.95em;
  border-bottom:1px solid var(--riga2)}
.mk-app .mk-esempi .mk-d .mk-ic{color:var(--acc)}
.mk-app .mk-esempi .mk-d .mk-fr{margin-left:auto}
.mk-app .mk-esempi .mk-altre{margin:.9em 0 0;display:flex;align-items:center;gap:.55em;font-size:.92em;
  color:var(--testo2)}
.mk-app .mk-pannello{flex:none;width:16em;text-align:center}
.mk-app .mk-pannello .mk-voto{margin:0 auto}
.mk-app .mk-pannello .mk-sta{margin:.5em 0 0;font-weight:600;color:var(--ok)}
.mk-app .mk-pannello .mk-quando{margin:.15em 0 0;font-size:.85em;color:var(--testo3)}
.mk-app .mk-misure{margin-top:.9em;text-align:left;display:flex;flex-direction:column;gap:.55em}
.mk-app .mk-m{display:flex;align-items:center;gap:.6em;font-size:.85em;color:var(--testo3)}
.mk-app .mk-m .mk-ic{opacity:.7}
.mk-app .mk-m b{color:var(--testo);font-size:1.1em;font-weight:600}
.mk-app .mk-chiedi{display:flex;align-items:center;gap:.6em;margin-top:auto;padding:.5em .5em .5em 1em;
  background:var(--carta-app);border:1px solid var(--acc);border-radius:.45em}
.mk-app .mk-chiedi .mk-campo{flex:1;color:var(--testo3);font-size:.95em}
.mk-app .mk-onesta-app{margin:.5em 0 0;font-size:.8em;color:var(--testo3)}

@media (max-width:1020px){
  .mk-app .mk-app-menu{display:none}
  .mk-app .mk-app-pagina{padding:1.2em 1.2em 1.4em}
  .mk-app .mk-punteggio{flex-wrap:wrap;gap:1em}
  .mk-app .mk-tendenza{width:100%;border-left:0;border-top:1px solid var(--riga2);padding:.9em 0 0}
  .mk-app .mk-vitali{grid-template-columns:repeat(3,1fr)}
  .mk-app .mk-vit:nth-child(3){border-right:0}
  .mk-app .mk-due-colonne{flex-direction:column}
  .mk-app .mk-pannello{width:100%}
  .mk-app .mk-cerca{display:none}
}
@media (max-width:700px){
  .mk-app .mk-vitali{grid-template-columns:1fr 1fr}
  .mk-app .mk-vit:nth-child(2n){border-right:0}
  .mk-app .mk-esempi .mk-griglia,.mk-app .mk-vaia .mk-griglia{grid-template-columns:1fr}
  .mk-app .mk-legenda{display:none}
}

.mk-app .mk-interruttore{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:.35em}
.mk-app .mk-interruttore .mk-et{font-size:.72em;letter-spacing:.09em;color:var(--testo3);font-weight:600}
.mk-app .mk-lev{width:2.6em;height:1.35em;border-radius:1em;background:#C9CDD4;position:relative;display:block}
.mk-app .mk-lev:after{content:"";position:absolute;top:.19em;left:.19em;width:.97em;height:.97em;
  border-radius:50%;background:#fff}
.mk-app .mk-lev.mk-acceso{background:var(--acc)}
.mk-app .mk-lev.mk-acceso:after{left:auto;right:.19em}

.mk-app .mk-hero-bk{display:flex;align-items:center;justify-content:space-between;gap:1.4em;flex-wrap:wrap}
.mk-app .mk-esito{display:flex;align-items:flex-start;gap:.8em;min-width:0}
.mk-app .mk-pallino{flex:none;width:.75em;height:.75em;border-radius:50%;margin-top:.45em;background:#C9CDD4}
.mk-app .mk-pallino.mk-verde{background:#2E9E63}
.mk-app .mk-esito .mk-forte{margin:0;font-size:1.15em;font-weight:600}
.mk-app .mk-esito .mk-dett{margin:.3em 0 0;font-size:.92em;color:var(--testo2)}

.mk-app .mk-riga-titolo{display:flex;align-items:center;gap:.75em}
.mk-app .mk-riga-titolo .mk-t{margin:0;font-size:1.05em;font-weight:600}
.mk-app .mk-riga-titolo .mk-bt{margin-left:auto}
.mk-app .mk-chip{flex:none;display:grid;place-items:center;width:2em;height:2em;border-radius:.4em;
  background:#E7F0FB;color:var(--acc)}
.mk-app .mk-bt.mk-mini{padding:.4em .8em;font-size:.85em;font-weight:500;color:var(--testo2)}

.mk-app .mk-cartelle{margin-top:.9em;display:flex;flex-direction:column;gap:.4em}
.mk-app .mk-cart{display:flex;align-items:center;gap:.6em;padding:.55em .8em;font-size:.92em;
  border:1px solid var(--riga2);border-radius:.4em;background:var(--f)}
.mk-app .mk-cart .mk-ic{color:var(--testo3)}
.mk-app .mk-cart .mk-q{margin-left:auto;color:var(--testo3);font-size:.9em}
.mk-app .mk-nota{margin:.8em 0 0;font-size:.85em;color:var(--testo3);line-height:1.5}

.mk-app .mk-due{display:grid;grid-template-columns:1fr 1fr;gap:1em;align-items:start}
.mk-app .mk-campo-f{display:block;margin-top:.9em;padding:.55em .8em;font-size:.92em;
  color:var(--testo2);border:1px solid var(--riga);border-radius:.4em;background:var(--carta-app);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-app .mk-coppia{display:grid;grid-template-columns:1fr 1fr;gap:.6em}
.mk-app .mk-coppia .mk-campo-f{margin-top:.6em}
.mk-app .mk-ora{margin:.9em 0 .2em;font-size:.95em;color:var(--testo2)}
.mk-app .mk-ora b{color:var(--testo);font-size:1.15em}
.mk-app .mk-spunta{display:flex;align-items:center;gap:.6em;padding:.4em 0;font-size:.92em}
.mk-app .mk-spunta .mk-ic{color:var(--ok)}
.mk-app .mk-spunta .mk-q{margin-left:auto;color:var(--testo3);font-size:.9em}
.mk-app .mk-ripr .mk-nota{max-width:56em}

@media (max-width:700px){
  .mk-app .mk-due,.mk-app .mk-coppia{grid-template-columns:1fr}
  .mk-app .mk-hero-bk{align-items:flex-start}
}