/* Landing — Geely Summer Games · rework #CAMBIAILVENTO */

/* ---------- brand fonts (da geelyitalia.com) ---------- */
@font-face{
  font-family:'GeelyBold';
  src:url('/public/brand/fonts/GEELY-Bold.otf') format('opentype'),
      url('/public/brand/fonts/GEELY-Bold.woff') format('woff');
  font-display:swap;
}
@font-face{
  font-family:'GeelyNormal';
  src:url('/public/brand/fonts/GEELY-Normal.woff') format('woff');
  font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('/public/brand/fonts/Inter-latin.woff2') format('woff2');
  font-weight:100 900;
  font-display:swap;
}

:root{
  /* Geely brand palette */
  --active-blue:#3A7FF8;   /* Active Blue */
  --blue-75:#5B9BF8;       /* 75% of Active Blue */
  --blue-50:#85B4F8;       /* 50% of Active Blue */
  --blue-25:#C3D8FA;       /* 25% of Active Blue */
  --font-display:'GeelyBold','Inter',system-ui,sans-serif;
  --font-body:'Inter','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{
  font-family:var(--font-body);
  font-weight:700;
  /* sfondo gradient ufficiale (creatività #CAMBIAILVENTO) + scrim leggero in alto per la leggibilità dei testi bianchi */
  background:
    linear-gradient(180deg,rgba(11,42,102,.38) 0%,rgba(11,42,102,.08) 34%,rgba(11,42,102,0) 55%),
    url('/public/brand/bg-intro.png') center / cover no-repeat,
    linear-gradient(180deg,#2B6BE8 0%,var(--active-blue) 38%,var(--blue-75) 72%,var(--blue-50) 100%);
  background-attachment:fixed;
  color:#fff;min-height:100vh;overflow-x:hidden;
}

.hero{position:relative;z-index:1;text-align:center;padding:46px 24px 12px}
.brand-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-bottom:26px}
.geely-logo{height:36px;width:auto;display:block}
.hashtag{
  font-family:var(--font-display);font-size:14px;letter-spacing:.14em;text-indent:.14em;
  color:#fff;
}
.hero h1{
  font-family:var(--font-display);font-size:clamp(52px,12vw,96px);
  line-height:.96;color:#fff;
  filter:drop-shadow(0 6px 24px rgba(11,42,102,.35));
}
.hero-sub{
  font-family:var(--font-display);font-size:clamp(15px,3.4vw,20px);
  margin-top:14px;letter-spacing:.04em;color:#fff;
}
.hero-text{color:#fff;font-size:14px;font-weight:400;line-height:1.6;margin-top:12px}

.games{
  position:relative;z-index:1;display:grid;gap:18px;padding:30px 22px 20px;
  max-width:760px;margin:0 auto;
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
}
.game-card{
  display:flex;flex-direction:column;gap:10px;text-decoration:none;color:#fff;
  /* tinta unita con l'accent del gioco: 75% / 50% / 25% of Active Blue */
  background:var(--accent);
  border-radius:20px;padding:24px 22px 20px;
  box-shadow:0 14px 44px rgba(11,42,102,.30);
  transition:transform .16s ease, box-shadow .16s ease;
}
.game-card:hover{transform:translateY(-4px);box-shadow:0 20px 56px rgba(11,42,102,.4)}
.gc-icon{
  font-size:44px;line-height:1;color:#fff;
  text-shadow:0 2px 12px rgba(11,42,102,.45);
}
.gc-body h2{font-family:var(--font-display);font-size:24px;color:#fff;text-shadow:0 1px 8px rgba(11,42,102,.35);margin-bottom:6px}
.gc-tag{font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 6px rgba(11,42,102,.3);margin-bottom:8px}
.gc-desc{font-size:13px;font-weight:600;line-height:1.55;color:#fff;text-shadow:0 1px 6px rgba(11,42,102,.3)}
.gc-cta{
  margin-top:auto;align-self:stretch;
  display:flex;align-items:center;justify-content:center;gap:12px;
  font-family:var(--font-display);font-size:15px;letter-spacing:.06em;
  /* come i cta del sito: pieno, smussato, freccia a destra, nessun outline */
  background:linear-gradient(180deg,var(--blue-75) 0%,var(--active-blue) 100%);
  color:#fff;border:none;border-radius:16px;padding:16px 20px;
  box-shadow:0 6px 18px rgba(11,42,102,.35);
}
.gc-cta .btn-arrow{width:15px;height:15px;display:block}
.empty{color:#fff;text-align:center;grid-column:1/-1;padding:30px}

.foot{
  position:relative;z-index:1;text-align:center;color:#fff;
  padding:26px 20px 40px;font-size:13px;font-weight:700;
}
.foot .small{font-size:11px;margin-top:6px;opacity:.85}

/* ---------- Premium Test Drive (fine partita) ---------- */
.testdrive{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding-top:2px}
.td-msg{font-size:13px;line-height:1.55;color:#fff}
.td-cta{text-decoration:none}
.btn-arrow{width:15px;height:15px;display:inline-block}