@font-face{
  font-family:'GreekFreak';
  src:url('Greek-Freak.ttf') format('truetype');
  font-display: swap;
}

:root{
  --ink:#0f0f10; --muted:#6b6b6b; --border:#ececec; --bg:#ffffff;
  --card:#fff; --shadow:0 12px 40px rgba(0,0,0,.06); --radius:20px;
  --brand:#000; --accent:#25D366;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial;background:var(--bg);color:var(--ink);line-height:1.6}

/* HERO (nero, titolo Greek-Freak) */
.hero{
  background:#000; color:#fff; text-align:center; padding:100px 20px 70px;
}
.hero h1{
  font-family:'GreekFreak', system-ui, sans-serif;
  font-size: clamp(42px, 6vw, 72px);
  letter-spacing: 2px; margin:0 0 8px;
}
.hero .sub{font-size: clamp(18px, 2.4vw, 22px); color:#cfcfcf; margin:0}

/* Sections */
.section{max-width:1100px;margin:0 auto;padding:54px 20px}
h2{font-size: clamp(24px, 3vw, 30px); margin:0 0 14px; letter-spacing:-.2px}
.lead{color:var(--muted); margin:0 0 8px}

/* Cards grid (stile precedente) */
.grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
.card{background:#fff; border:1px solid var(--border); border-radius:16px; padding:18px; box-shadow:var(--shadow)}
.card strong{display:block; margin-bottom:6px}
.muted{color:var(--muted)}

/* Lists */
.list{list-style:none; padding:0; margin:0}
.list li{padding:12px 0; border-bottom:1px solid var(--border)}
.list--invert li{border-bottom:1px solid #2a2a2a}

/* Highlight block (scuro) */
.highlight{
  background:#111; color:#fff; padding:28px; border-radius:16px; margin-top:24px;
  box-shadow: var(--shadow);
}
.highlight h2{color:#fff; margin-bottom:12px}

/* Button WhatsApp */
.btn{
  display:inline-block; padding:12px 16px; border-radius:999px; font-weight:800;
  text-decoration:none; border:1px solid transparent; transition:transform .12s ease, opacity .12s ease;
}
.btn:hover{transform:translateY(-1px); opacity:.92}
.btn-whatsapp{background:var(--accent); color:#0b0b0b; border-color:transparent; margin-top:14px}

/* Footer */
.footer{padding:40px 20px; text-align:center; border-top:1px solid var(--border); color:#333}

@media (max-width:720px){
  .grid{grid-template-columns:1fr}
}