/* ============================================================
   umanoextraumano — tema condiviso (chrome del sito)
   Palette chiara · accento arancio · logo "occhio".
   Font: Spectral (serif, lettura) + Libre Franklin (sans, UI/titoli).
   L'accento vive in UNA variabile (--accent): cambiala qui e cambia ovunque.
   ============================================================ */

:root{
  --paper:#f4f0e8;        /* sfondo carta */
  --ink:#111;             /* testo / bordi */
  --accent:#ff4d2e;       /* arancio acceso */
  --accent-soft:#ff8a6e;
  --blood:#9a2218;        /* rosso coagulato — enfasi forte (.sangue) */
  --muted:#555;           /* testo secondario */
  --line:#111;            /* linee strutturali */
  --hair:#ddd6c8;         /* filetti sottili su carta */
  --card:#faf7f0;         /* hover schede */
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--paper);color:var(--ink);
  font-family:'Libre Franklin',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}
::selection{background:var(--accent);color:#fff;}

/* contenitore con bordi laterali spessi */
.wrap{
  max-width:1180px;margin:0 auto;background:var(--paper);
  border-left:3px solid var(--line);border-right:3px solid var(--line);
}

/* ---------- TESTATA + LOGO (versione chiara approvata) ---------- */
.topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 30px;border-bottom:3px solid var(--line);
  position:sticky;top:0;background:var(--paper);z-index:50;
}
.brand{display:flex;align-items:center;gap:13px;}
.eye{
  width:38px;height:38px;border:2.5px solid var(--ink);border-radius:50%;
  position:relative;flex:none;
}
.eye::before{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--accent);}
.eye::after{content:'';position:absolute;left:50%;top:-2.5px;bottom:-2.5px;width:2.5px;background:var(--paper);transform:translateX(-50%);}
.brand .txt{line-height:1;}
.wordmark{font-weight:800;font-size:22px;letter-spacing:-1px;text-transform:lowercase;display:block;}
.wordmark .x{color:var(--accent);}
.brand .lab{display:block;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#888;margin-top:4px;}

.nav{display:flex;gap:6px;align-items:center;}
.nav a{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;border-radius:4px;transition:.15s;}
.nav a:hover{background:var(--ink);color:var(--paper);}
.nav a.active{color:var(--accent);}
.nav a.active:hover{color:var(--paper);}
.nav .lang{border:2px solid var(--ink);}
.burger{display:none;font-size:26px;cursor:pointer;background:none;border:none;color:var(--ink);line-height:1;}

/* ---------- ELEMENTI RICORRENTI ---------- */
.tag{display:inline-block;background:var(--accent);color:#fff;font-weight:800;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:5px 11px;}
.tag.dark{background:transparent;border:2px solid var(--accent-soft);color:var(--accent-soft);}
.ct{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--accent);}

/* ---------- FINESTRA / MAILING ---------- */
.window{padding:40px 36px;border-bottom:3px solid var(--line);text-align:center;}
.window h2{font-family:'Spectral',Georgia,serif;font-size:28px;font-weight:600;margin-bottom:8px;}
.window p{font-size:16px;color:var(--muted);max-width:560px;margin:0 auto 20px;}
.signup{display:flex;max-width:480px;margin:0 auto;border:3px solid var(--ink);border-radius:4px;overflow:hidden;background:#fff;}
.signup input{flex:1;border:none;padding:13px 16px;font-size:15px;font-family:inherit;background:#fff;color:var(--ink);}
.signup input:focus{outline:none;}
.signup button{border:none;background:var(--ink);color:var(--paper);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.5px;padding:0 22px;cursor:pointer;transition:.15s;}
.signup button:hover{background:var(--accent);}
.window .alt{margin-top:14px;font-size:13px;}
.window .alt a{font-weight:700;border-bottom:2px solid var(--accent);padding-bottom:1px;}

/* ---------- FOOTER ---------- */
.foot{padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.foot .fb{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.5px;text-transform:lowercase;font-size:18px;}
.foot .tagline{font-family:'Spectral',Georgia,serif;font-style:italic;color:var(--muted);}
.foot .links{display:flex;gap:16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
.foot .links a:hover{color:var(--accent);}

/* ---------- RESPONSIVE (testata mobile) ---------- */
@media(max-width:820px){
  .topbar{padding:16px 20px;}
  .nav{display:none;position:absolute;top:100%;right:0;left:0;flex-direction:column;background:var(--paper);border-bottom:3px solid var(--line);padding:10px;}
  .nav.open{display:flex;}
  .nav a{padding:12px;}
  .burger{display:block;}
  .foot{padding:24px 20px;}
}

/* ---------- finestra: honeypot + consenso inline ---------- */
.hp{position:absolute;left:-5000px;}
.window form{max-width:480px;margin:0 auto;}
.window .consent-inline{display:flex;gap:9px;align-items:flex-start;justify-content:center;text-align:left;font-size:13px;color:var(--muted);margin-top:14px;line-height:1.4;}
.window .consent-inline input{accent-color:var(--accent);margin-top:3px;flex:none;width:16px;height:16px;}