/* plan-hero.css — utilisé par : plan-du-site.html, sitemap.html */
.plan-hero{
  padding:120px 0 40px;
}
.plan-hero h1{
  font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,5vw,52px);
  font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:14px 0 16px;
}
.plan-hero p{
  color:var(--muted);font-size:17px;line-height:1.6;max-width:640px;
}
.plan-compte{
  font-family:'Space Mono',monospace;font-size:12px;color:var(--muted-2);
  letter-spacing:.1em;text-transform:uppercase;margin-top:18px;
}
.plan-bloc{
  padding:34px 0;border-top:1px solid var(--line);
}
.plan-bloc h2{
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--violet-bright);margin-bottom:20px;
}
.plan-liste{
  columns:3;column-gap:44px;list-style:none;padding:0;margin:0;
}
.plan-liste.deux{
  columns:2;
}
.plan-liste li{
  break-inside:avoid;margin-bottom:14px;
}
.plan-liste a{
  display:block;font-size:16.5px;font-weight:500;color:var(--ink);
  text-decoration:none;line-height:1.35;transition:color .18s ease;
}
.plan-liste a:hover{
  color:var(--violet-bright);
}
.plan-liste small{
  display:block;font-size:13px;color:var(--muted-2);
  font-weight:400;margin-top:3px;line-height:1.45;
}
.plan-lang{
  font-family:'Space Mono',monospace;font-size:10.5px;color:var(--muted-2);
  border:1px solid var(--line);border-radius:4px;padding:1px 5px;margin-left:7px;
  vertical-align:2px;letter-spacing:.06em;
}
@media(max-width:900px){
  .plan-liste{
  columns:2;
  }
}
@media(max-width:600px){
  .plan-liste,.plan-liste.deux{
  columns:1;
  }
}
@media(max-width:600px){
  .plan-hero{
  padding:100px 0 30px;
  }
}