/* StudioWeb - socle commun (reset, typographie, navigation)
   Genere par refactoring : ces regles etaient dupliquees a l'identique
   dans chaque page. Source unique desormais. Ne pas dupliquer en inline. */

*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--dark);color:#fff;font-family:'Inter',sans-serif;line-height:1.7;}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;}
a{color:inherit;text-decoration:none;}
.nav-logo{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:20px;letter-spacing:-1px;}
.nav-logo span{color:var(--blue);}
.nav-back{font-size:13px;color:rgba(255,255,255,.5);transition:color .2s;}
.nav-back:hover{color:var(--blue);}
.nav-cta{background:linear-gradient(135deg,var(--blue),var(--violet));border:none;color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;padding:10px 22px;border-radius:50px;cursor:pointer;}

/* Barre de navigation en mobile : trois elements dans 320-390px, sans espacement
   ni nowrap, faisaient passer le bouton sur 2 a 3 lignes (barre jusqu'a 125px de
   haut). On raccourcit les libelles a "Retour" et "Demarrer" et on empeche le
   retour a la ligne. Le texte complet reste dans le DOM, donc annonce tel quel
   par les lecteurs d'ecran. Scope a <nav> : les CTA du corps de page gardent
   leur libelle entier. */
@media(max-width:640px){
  nav{gap:12px;}
  nav .nav-sm-hide{display:none;}
  .nav-back,.nav-cta{white-space:nowrap;}
  .nav-cta{padding:10px 18px;}
}