/* Mantiene la tua palette: --smg-bg, --smg-surface, --smg-card, --smg-text, --smg-accent, --smg-accent-2 */

/* 1) Mesh statica leggera */
body::before{
  content:""; position:fixed; inset:0; z-index:-2;
  background:
    radial-gradient(1200px 600px at 15% 10%, color-mix(in oklab, var(--smg-accent) 18%, transparent), transparent 40%),
    radial-gradient(900px 500px at 85% 20%, color-mix(in oklab, var(--smg-accent-2) 20%, transparent), transparent 40%);
  background-attachment: fixed;
  background-size: cover;
}

/* 2) Grain statico */
body::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background: url('/images/grain.png');
  background-size: 200px 200px;
  opacity:.25; mix-blend-mode:soft-light;
}

/* 3) Header glass */
header, .site-header, nav[role="navigation"]{
  background: color-mix(in oklab, var(--smg-surface) 80%, transparent);
  backdrop-filter: blur(14px) saturate(160%);
  border-bottom: 1px solid color-mix(in oklab, var(--smg-accent) 20%, transparent);
}

/* 4) Card glass */
.card, .box, .panel, .feature, [class*="card-"], [class*="tile"], section article{
  background: color-mix(in oklab, var(--smg-card) 82%, transparent);
  backdrop-filter: blur(10px) saturate(130%);
  border:1px solid color-mix(in oklab, var(--smg-accent) 18%, transparent);
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  transition: transform .3s ease, box-shadow .3s ease;
  will-change: transform;
}
.card:hover, .box:hover, .panel:hover, .feature:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

/* 5) Pulsanti */
.btn, a.button, button{
  border-radius: 999px;
  background: linear-gradient(135deg, var(--smg-accent), var(--smg-accent-2));
  box-shadow: 0 10px 20px color-mix(in oklab, var(--smg-accent) 35%, transparent);
}

/* 6) Marquee ottimizzato 
.partner-grid{
  display:flex; gap: clamp(24px, 4vw, 48px); align-items:center;
  overflow:hidden; position:relative;
  will-change: transform;
}
.partner-card{
  background: color-mix(in oklab, var(--smg-surface) 60%, transparent);
  border-radius: 16px; padding: clamp(14px, 0.8vw, 22px);
  border:1px solid rgba(255,255,255,.06);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}
.partner-card a
{
	width:292px!important;
}*/
/* 7) Reveal */
.reveal{ opacity:0; transform: translateY(24px); }
.reveal.is-inview{ opacity:1; transform:none; transition: opacity .5s ease, transform .5s ease; }