/*
 * L'Atelier Numérique — accueil public, direction visuelle v1
 * Couche de design uniquement : aucune donnée Firebase ni fonction métier ici.
 * Le mécanisme heroPhoto piloté depuis Gestion reste l'unique source de la photo.
 */

body{
  background-color:#f5f7fc;
  background-image:
    radial-gradient(circle at 8% 2%,rgba(74,143,212,.12),transparent 30rem),
    radial-gradient(circle at 94% 24%,rgba(27,63,143,.07),transparent 28rem);
}

nav{
  background:rgba(255,255,255,.88);
  box-shadow:0 1px 0 rgba(27,63,143,.06);
}

.hero{
  padding-top:clamp(42px,7vw,82px);
  padding-bottom:clamp(38px,6vw,70px);
}

.hero-inner{
  grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);
  gap:clamp(34px,6vw,72px);
}

.hero-copy{max-width:620px}
.hero-tag{margin-bottom:22px}
.hero h1{max-width:660px;font-size:clamp(38px,5.2vw,62px);line-height:1.02}
.hero-sub{max-width:600px;font-size:clamp(16px,1.7vw,18px)}
.hero-pills{margin-bottom:30px}
.pill{background:rgba(255,255,255,.8);box-shadow:0 5px 18px rgba(27,63,143,.05)}

.hero-visual::before{
  content:"";
  position:absolute;
  inset:-18px 18px 18px -18px;
  z-index:-1;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(74,143,212,.17),rgba(27,63,143,.04));
}

#hero-photo{
  width:100%;
  min-height:360px;
  max-height:610px;
  border:7px solid rgba(255,255,255,.9);
  border-radius:30px;
  box-shadow:0 28px 70px rgba(14,29,58,.2);
}

.hero-card{padding:clamp(25px,4vw,38px);border:7px solid rgba(255,255,255,.16)}
.service-mini span:last-child{font-size:15px!important}

.strip{
  background:var(--dark);
  padding:24px 20px;
}

.strip-inner{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  text-align:left;
}

.trust-item{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  padding:10px 14px;
  border-right:1px solid rgba(255,255,255,.12);
}

.trust-item:last-child{border-right:0}
.trust-icon{font-size:24px;line-height:1;flex:0 0 auto}
.strip-num{font-size:16px;line-height:1.2;letter-spacing:0}
.strip-label{font-size:14px;line-height:1.35;margin-top:3px}

.journey{padding-top:clamp(52px,7vw,86px);padding-bottom:clamp(52px,7vw,86px)}
.journey-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:30px;align-items:end;margin-bottom:32px}
.journey-intro .section-title{max-width:650px;margin-bottom:0}
.journey-intro .section-desc{justify-self:end}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;counter-reset:none}
.journey-card{display:flex;gap:17px;min-height:175px;padding:25px;background:rgba(255,255,255,.82);border:1px solid var(--border);border-radius:24px;box-shadow:0 16px 42px rgba(27,63,143,.06)}
.journey-number{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:var(--p);color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:800;box-shadow:0 8px 20px rgba(27,63,143,.22)}
.journey-card h3{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;line-height:1.25;margin:2px 0 9px}
.journey-card p{color:var(--muted);font-size:15px;line-height:1.6}

.section-alt{background:rgba(255,255,255,.72)}
.svc-card,.about-card,.faq-item,.form-box{box-shadow:0 12px 36px rgba(27,63,143,.045)}
.svc-card{background:rgba(255,255,255,.72)}
.cta-band{padding-block:clamp(34px,5vw,48px)}

@media(max-width:850px){
  .hero-inner{grid-template-columns:1fr}
  .hero-copy{max-width:none}
  .hero-visual{max-width:680px;width:100%;margin:0 auto}
  .strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-item:nth-child(2){border-right:0}
  .journey-intro{grid-template-columns:1fr;gap:14px}
  .journey-intro .section-desc{justify-self:start}
  .journey-grid{grid-template-columns:1fr}
  .journey-card{min-height:0}
}

@media(max-width:640px){
  body{padding-bottom:82px}
  .hero{padding-top:34px}
  .hero h1{font-size:clamp(34px,11vw,48px)}
  .hero-btns{display:grid;grid-template-columns:1fr}
  .hero-btns a{justify-content:center;text-align:center}
  .hero-visual::before{inset:-10px 10px 10px -10px;border-radius:26px}
  #hero-photo{min-height:260px;max-height:50vh;border-width:5px;border-radius:24px}
  .strip{padding:18px 14px}
  .strip-inner{grid-template-columns:1fr 1fr;gap:0}
  .trust-item{align-items:flex-start;padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.12)}
  .trust-item:nth-child(2){border-right:0}
  .trust-item:nth-child(3),.trust-item:nth-child(4){border-bottom:0}
  .trust-icon{font-size:21px}
  .strip-num{font-size:15px}
  .strip-label{font-size:13px}
  .journey-card{padding:21px}
  .sticky-call{bottom:12px}
}

@media(max-width:340px){
  .strip-inner{grid-template-columns:1fr}
  .trust-item{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
  .trust-item:last-child{border-bottom:0!important}
}

@media(prefers-reduced-motion:reduce){
  .btn-main,.btn-sec,.svc-card,.testi-card,.blog-card,.sticky-call{transition:none}
}