.home-logo-box { width: 66px; height: 66px; background: #C8E6C4; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
  .home-title { font-family: 'Fraunces', serif; font-size: 36px; font-weight: 700; line-height: 1.05; text-align: center; margin-bottom: 6px; color: #C2392B; }
  .home-title .mozza { color: #2A1A15; font-style: italic; }
  .home-sep { color: rgba(194,57,43,0.45); }
  .home-tagline { font-size: 12px; font-style: italic; font-weight: 600; color: rgba(42,26,21,0.8); text-align: center; }

  /* Clin d'œil : statut réel de /caprese/fraicheur, discret tant qu'il n'a pas répondu. */
  .health-badge { display: none; align-items: center; gap: 5px; font-size: 10px; font-weight: 600; padding: 4px 12px; border-radius: 20px; margin-top: 10px; color: #fff; }
  .health-badge.show { display: inline-flex; }
  .health-badge.ok   { background: #94B280; }
  .health-badge.down { background: #C2392B; }

  .home-cards { display: flex; gap: 10px; align-items: flex-end; margin: 22px 0 0; }
  .mini-card { border: 3px solid #fff; border-radius: 16px; padding: 12px 14px; text-align: center; background: #94B280; }
  .mini-card.left  { width: 86px; transform: rotate(-6deg); margin-bottom: 12px; }
  .mini-card.right { width: 86px; transform: rotate(5deg);  margin-bottom: 12px; }
  .mini-card.center { width: 100px; }
  .mc-icon { width: 36px; height: 36px; border-radius: 50%; margin: 0 auto 6px; }
  .mc-icon.tomate { background: #C2392B; box-shadow: inset -3px -3px 0 rgba(0,0,0,0.1); }
  .mc-icon.mozza  { background: #F5EFE6; border: 1.5px solid rgba(194,57,43,0.2); }
  .mc-label { font-size: 12px; font-weight: 600; color: #2A1A15; }
  .mc-sub   { font-size: 10px; font-style: italic; color: rgba(42,26,21,0.8); margin-top: 2px; }
  .mc-dot   { width: 8px; height: 8px; background: #C2392B; border-radius: 50%; margin: 0 auto 4px; animation: pulse 2s ease infinite; }
  .mc-match { font-size: 13px; font-weight: 700; color: #5C1F16; }
  @keyframes pulse { 0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.4;transform:scale(1.5);} }

  .home-explain { width: 100%; box-sizing: border-box; background: #fff; border: 3px solid #fff; border-radius: 20px; padding: 18px 20px; margin-top: 26px; }
  .home-explain-title { font-family: 'Fraunces', serif; font-size: 15px; font-weight: 700; font-style: italic; color: #C2392B; text-align: center; margin-bottom: 10px; }
  .home-steps { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
  .home-steps li { font-size: 13px; color: #2A1A15; line-height: 1.4; display: flex; gap: 8px; }
  .home-steps b { font-family: 'Fraunces', serif; color: #C2392B; flex-shrink: 0; }

  .home-spacer { flex: 1; }
  .home-spacer-lg { flex: 2; }
  .home-screen { justify-content: flex-start; padding-top: 12px; }
  .home-header { display: flex; flex-direction: column; align-items: center; width: 100%; }
  .home-btn { width: 100%; padding: 17px; background: #C2392B; color: #fff; border: none; border-radius: 22px; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; cursor: pointer; text-decoration: none; text-align: center; box-sizing: border-box; display: block; transition: transform 0.15s, background 0.2s; }
  .home-btn:hover { background: #A02B20; transform: scale(1.02); }
  .home-note { font-size: 11px; font-style: italic; color: rgba(42,26,21,0.8); text-align: center; margin: 10px 0 0; }