:root{
    --nero:#0D0D0D; --superficie:#1A1A1A; --bordo:#2C2C2C;
    --rosso:#E8442A; --testo:#FFFFFF; --grigio:#9A9A9A;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--nero);color:var(--testo);
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
    line-height:1.55;-webkit-font-smoothing:antialiased}
  a{color:var(--testo)}
  .pagina{max-width:760px;margin:0 auto;padding:0 20px}
  header{padding:28px 0;display:flex;align-items:center;justify-content:space-between}
  .marchio{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.4px;text-decoration:none}
  nav a{color:var(--grigio);text-decoration:none;font-size:15px;margin-left:18px}
  nav a:hover{color:var(--testo)}

  .hero{padding:56px 0 64px}
  .hero .barra{width:44px;height:5px;border-radius:3px;background:var(--rosso);margin-bottom:22px}
  .hero h1{font-size:clamp(38px,8vw,64px);line-height:1.02;letter-spacing:-2px;font-weight:800}
  .hero p{font-size:19px;color:var(--grigio);max-width:540px;margin-top:20px}

  /* l'etichetta come la stampa l'app */
  .etichetta{margin:44px 0 0;background:#fff;color:#111;border-radius:10px;max-width:360px;overflow:hidden;
    box-shadow:0 18px 50px rgba(0,0,0,.6);transform:rotate(-1.5deg)}
  .etichetta .fascia{background:#111;color:#fff;text-align:center;padding:12px 12px 14px}
  .etichetta .fascia small{display:block;font-size:12px;opacity:.7}
  .etichetta .fascia b{font-size:38px;letter-spacing:-1px;line-height:1}
  .etichetta .corpo{padding:12px 16px 10px}
  .etichetta .nome{font-weight:800;font-size:20px;text-align:center;padding-bottom:8px;border-bottom:2px solid #111;margin-bottom:8px}
  .etichetta .riga{display:flex;justify-content:space-between;font-size:14px}
  .etichetta .riga b{font-weight:800}
  .etichetta .piede{font-size:10px;font-weight:700;color:#999;padding:4px 16px 8px}

  section{padding:56px 0;border-top:1px solid var(--bordo)}
  h2{font-size:28px;letter-spacing:-.6px;margin-bottom:18px}
  h3{font-size:17px;margin:26px 0 6px}
  section p, section li{color:#D6D6D6;font-size:16px}
  section ul{padding-left:20px;margin-top:6px}
  section li{margin:4px 0}

  .modi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
  .modo{background:var(--superficie);border:1px solid var(--bordo);border-radius:14px;padding:18px}
  .modo b{display:block;font-size:17px;margin-bottom:4px}
  .modo span{color:var(--grigio);font-size:14px}
  @media (max-width:620px){.modi{grid-template-columns:1fr}}

  .contatto{display:inline-block;margin-top:14px;background:var(--rosso);color:#fff;text-decoration:none;
    font-weight:700;padding:14px 20px;border-radius:12px}
  .nota{color:var(--grigio);font-size:14px;margin-top:22px}
  footer{padding:36px 0 56px;color:var(--grigio);font-size:14px;border-top:1px solid var(--bordo)}
  a:focus-visible{outline:2px solid var(--rosso);outline-offset:3px;border-radius:4px}