/* V32 — Home refinements: promo patches + hero spacing This stylesheet is loaded only on the homepage. */ .promo-patches{ position: sticky; top: 64px; /* below sticky header */ z-index: 50; background: rgba(255,255,255,.75); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(15,23,42,.08);
}
.promo-patches{ display:flex; gap:10px; padding:10px 16px; align-items:center; justify-content:center; flex-wrap:wrap;
}
.promo-patch{ display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border-radius:999px; font-weight:700; font-size:13px; line-height:1; text-decoration:none; border:1px solid rgba(2,6,23,.12); background: rgba(11,61,153,.94); color: #fff; box-shadow: 0 6px 18px rgba(2,6,23,.12); transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.promo-patch:hover{ transform: translateY(-1px); filter: brightness(1.02); box-shadow: 0 10px 24px rgba(2,6,23,.16);
}
.promo-patch:focus{ outline: 3px solid rgba(245,158,11,.35); outline-offset: 2px;
} /* Hero: reduce clutter & improve readability */
.hero .kpi-strip{ display:flex; flex-wrap:wrap; gap:10px; margin: 14px 0 14px;
}
.hero .kpi-pill{ padding: 8px 12px; border-radius: 999px; min-width: 0; width: auto; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.20); backdrop-filter: blur(8px); font-size: 13px; line-height: 1.2;
}
.hero .kpis{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 16px;
}
.hero .kpi-card{ background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(10px);
} /* Make CTA area breathe */
.hero .btn-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 14px;
} /* Hide auto-generated chips subnav if anything slips through */
.no-subnav .chips,
.no-subnav .subnav{ display:none !important;
} /* Footer footnotes */
.footer-disclaimer{ margin-top: 10px; opacity: .9;
}
.footer-disclaimer small{ display:block; color: rgba(255,255,255,.78);
}
@media (max-width: 900px){ .promo-patches{ top: 56px; } .promo-patch{ font-size:12px; padding:7px 10px; } .hero .kpis{ grid-template-columns: 1fr; }
} /* V33 — Sticker patches + hero-card compact */ .promo-patch{ position: relative; border: 1px solid rgba(2,6,23,.16); box-shadow: 0 10px 26px rgba(2,6,23,.18); background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.10)), repeating-linear-gradient(45deg, rgba(255,255,255,.16) 0 2px, rgba(0,0,0,.06) 2px 4px), linear-gradient(135deg, #ffb703, #fb5607);
}
.promo-patch::before{ content:""; position:absolute; inset:2px; border-radius:999px; border:1px dashed rgba(255,255,255,.55); opacity:.75; pointer-events:none;
}
.promo-patch:nth-child(2){ background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.10)), repeating-linear-gradient(45deg, rgba(255,255,255,.16) 0 2px, rgba(0,0,0,.06) 2px 4px), linear-gradient(135deg, #22c55e, #16a34a);
}
.promo-patch:nth-child(3){ background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.10)), repeating-linear-gradient(45deg, rgba(255,255,255,.16) 0 2px, rgba(0,0,0,.06) 2px 4px), linear-gradient(135deg, #6366f1, #7c3aed);
}
.promo-patch{ transform: rotate(-1deg); }
.promo-patch:nth-child(2){ transform: rotate(1deg); }
.promo-patch:nth-child(3){ transform: rotate(-2deg); } /* Home: reduce empty space in the hero side card */
.hero-card{ padding:14px !important; }
.hero-card h2{ margin:0 0 8px 0 !important; }
.hero-card li{ margin:4px 0 !important; }
.hero-card small{ margin-top:8px !important; }


/* V34 — Hero card glass (remove white background for 'Nos compétences') */
.hero .hero-card.card{
  background: rgba(11,18,32,.28) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 44px rgba(0,0,0,.22);
}
.hero .hero-card h2,
.hero .hero-card ul,
.hero .hero-card li,
.hero .hero-card small{
  color: rgba(255,255,255,.92) !important;
}
.hero .hero-card ul{ color: rgba(255,255,255,.90) !important; }
.hero .hero-card li{ color: rgba(255,255,255,.92) !important; }