/* ============================================================
   V28 — ACCUEIL PC aligné EXACTEMENT sur la page Services
   Référence directe : services-pro.css + theme-futuriste-global.css
   Mobile <= 820px : aucun changement
   ============================================================ */

@media (min-width:821px){
  /* La page accueil reprend la largeur et l'échelle des autres pages */
  html,body{overflow-x:hidden!important}
  body.home-page{background:#010914!important}
  body.home-page .shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  /* ===== HEADER : valeurs de la page Services ===== */
  body.home-page .header{
    width:100%!important;
    max-width:none!important;
    min-height:84px!important;
    margin:0!important;
    padding:0 max(17px,calc((100vw - 1480px)/2))!important;
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    background:linear-gradient(180deg,rgba(1,8,23,.97),rgba(2,15,37,.92))!important;
    border-bottom:1px solid rgba(53,235,255,.22)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.22),0 0 30px rgba(0,126,255,.08)!important;
    backdrop-filter:blur(16px)!important;
    border-radius:0!important;
  }
  body.home-page .brand{
    display:flex!important;
    align-items:center!important;
    min-width:260px!important;
    flex:0 0 260px!important;
  }
  body.home-page .brand img{
    display:block!important;
    width:310px!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.22)) drop-shadow(0 0 15px rgba(33,180,255,.10))!important;
  }
  body.home-page .desktop-nav{
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
  }
  body.home-page .desktop-nav a{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:0 14px!important;
    border-radius:13px!important;
    border:1px solid rgba(59,190,255,.32)!important;
    background:linear-gradient(180deg,rgba(8,38,78,.90),rgba(3,21,50,.94))!important;
    color:#f5fbff!important;
    font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 9px 20px rgba(0,0,0,.17)!important;
  }
  body.home-page .desktop-nav a i{font-size:16px!important;color:#cdecff!important}
  body.home-page .desktop-nav a:hover,
  body.home-page .desktop-nav a.active{
    transform:translateY(-1px)!important;
    border-color:#4feaff!important;
    background:linear-gradient(115deg,#125fff,#11cfff 68%,#7548ff)!important;
    box-shadow:0 0 26px rgba(0,161,255,.32),inset 0 0 18px rgba(255,255,255,.08)!important;
  }

  /* ===== HERO : même largeur utile + mêmes tailles que Services ===== */
  body.home-page .hero{
    width:100%!important;
    min-height:0!important;
    padding:74px 0 80px!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  body.home-page .hero-grid{
    width:min(1180px,calc(100% - 44px))!important;
    max-width:1180px!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;
    gap:42px!important;
    align-items:center!important;
  }
  body.home-page .hero-copy{
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    background:none!important;
  }
  body.home-page .eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    font-size:.72rem!important;
    line-height:1.2!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.065em!important;
  }
  body.home-page .hero h1{
    width:auto!important;
    max-width:790px!important;
    margin:18px 0!important;
    padding:0!important;
    font-size:clamp(2.5rem,5.4vw,4.9rem)!important;
    line-height:.99!important;
    letter-spacing:-.05em!important;
    font-weight:850!important;
    text-wrap:balance!important;
  }
  body.home-page .hero-copy>p{
    max-width:790px!important;
    margin:0!important;
    font-size:clamp(1rem,1.8vw,1.15rem)!important;
    line-height:1.72!important;
    color:#e0ecfb!important;
  }
  body.home-page .hero-location{
    margin:10px 0 0!important;
    font-size:1rem!important;
    line-height:1.5!important;
    font-weight:850!important;
  }
  body.home-page .hero-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-top:25px!important;
  }
  body.home-page .hero-actions .btn{
    width:auto!important;
    min-width:0!important;
    min-height:48px!important;
    padding:11px 16px!important;
    border-radius:14px!important;
    font-size:14px!important;
    font-weight:950!important;
  }
  body.home-page .hero-badges{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-top:24px!important;
  }
  body.home-page .hero-badges span{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:8px 10px!important;
    border-radius:999px!important;
    font-size:.72rem!important;
    line-height:1.2!important;
    font-weight:850!important;
  }

  /* ===== Titres de l'accueil : même échelle que les titres Services ===== */
  body.home-page .title,
  body.home-page .section-heading{
    max-width:820px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  body.home-page .title h2,
  body.home-page .section-heading h2,
  body.home-page .trust h2,
  body.home-page .home-showcase-copy h2,
  body.home-page .rdv-launch-panel h2{
    margin:7px auto 10px!important;
    max-width:900px!important;
    font-size:clamp(1.9rem,4vw,2.9rem)!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    text-wrap:balance!important;
  }
  body.home-page .title p,
  body.home-page .section-heading p{
    max-width:820px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    line-height:1.65!important;
    text-align:center!important;
  }

  /* Dashboard/sections : même largeur générale que les autres pages */
  body.home-page .dashboard,
  body.home-page .content-main,
  body.home-page .home-showcase-grid,
  body.home-page .pro-footer-grid{
    width:min(1180px,calc(100% - 44px))!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.home-page .dashboard{
    grid-template-columns:minmax(0,1fr) 340px!important;
    gap:18px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}