/* Page d'accueil ms-engine.com -- mise en page en grille façon hub (héros compact, cartes).
   Thème, couleurs, animations : /ds/ms-engine.css (copie exacte du portfolio). */

.ms-header .ms-brand{cursor:pointer}

/* Grand bouton Portfolio / CV */
.lp-cta-band{text-align:center;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lp-cta-band h2{font-size:24px;margin-bottom:8px}
.lp-cta-band p{color:var(--text2);margin-bottom:28px}
.lp-cta-big{display:inline-flex;align-items:center;gap:10px;min-height:60px;padding:18px 44px;font-size:18px;font-weight:700;color:#fff;background:var(--grad-text);background-size:200% 200%;border-radius:12px;box-shadow:var(--shadow-btn);transition:transform .3s,box-shadow .3s;animation:gradient 4s ease infinite}
.lp-cta-big:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(59,130,246,.5);text-decoration:none}

/* Grille façon hub */
.lp-hub-hero{padding:32px 0 8px}
.lp-hub-hero .ms-card{text-align:center;padding:40px 24px}
.lp-hub-hero .ms-logo-hero{margin:0 auto 16px}
.lp-hub-hero h1{font-size:32px;font-weight:800;margin-bottom:8px;animation:fadeInUp .8s ease-out .2s both}
@media (min-width:769px){.lp-hub-hero h1{font-size:48px}}
.lp-hub-grid{display:grid;grid-template-columns:1fr;gap:20px}
.lp-hub-grid>.lp-span-all{grid-column:1/-1}
.lp-hub-grid .ms-stats{margin:0}
.lp-hub-grid .ms-section-title{margin:8px 0 0;font-size:22px}
.lp-hub-grid .ms-contact{border:1px solid var(--border);border-radius:16px}
.lp-hub-grid .lp-cta-band{border:1px solid var(--border);border-radius:16px;padding:40px 24px}
@media (min-width:640px){.lp-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.lp-hub-grid{grid-template-columns:repeat(3,1fr);gap:24px}}