/* ── EyeOnField · foglio di stile del sito ───────────────────────────────────
   Condiviso da landing e privacy policy, così le due pagine non divergono.
   Colori e tipografia da assets/brand/BRAND.md e assets/brand/tokens.css.
   --------------------------------------------------------------------------- */

:root {
  --cyan:#17C9E6; --lime:#C6F000; --ink:#0B0E11; --charcoal:#15191F;
  --white:#F2F5F7; --muted:#8A93A0; --border:#262C36; --surface:#1C212A;
  --text:#D7DCE2;
  --font-display:'Archivo','Arial Black',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wrap:880px;
}

*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body {
  margin:0; background:var(--ink); color:var(--text);
  font-family:var(--font-body); font-size:17px; line-height:1.65;
  padding:0 20px;
}
.wrap { max-width:var(--wrap); margin:0 auto; }

/* Wordmark: Archivo espanso. Il font-weight va dichiarato accanto a
   font-variation-settings, altrimenti alcuni browser non applicano l'istanza. */
.wordmark {
  font-family:var(--font-display); font-weight:800;
  font-variation-settings:'wdth' 125,'wght' 800; font-stretch:125%;
  letter-spacing:.01em; margin:0; line-height:1.05;
}
.payoff {
  font-family:var(--font-display); font-weight:700;
  font-variation-settings:'wdth' 112,'wght' 700; font-stretch:112%;
  color:var(--lime); letter-spacing:.22em;
  margin:12px 0 0; font-size:12px;
}
.mark { display:block; height:auto; }

a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
a:hover { color:var(--white); }
strong { color:var(--white); }

.site-footer {
  border-top:1px solid var(--border); margin-top:72px; padding:28px 0 56px;
  color:var(--muted); font-size:14px;
  display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center;
}
.site-footer .sep { color:var(--border); }

@media (max-width:520px) { body { font-size:16px; } }