/* paliers.css — utilisé par : pricing.html, tarifs.html */
.paliers{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;
}
.palier{
  background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:30px 28px;
}
.palier-tag{
  display:inline-block;font-family:'Space Mono',monospace;font-size:10.5px;
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-bright);
  background:rgba(109,92,224,.10);padding:5px 10px;border-radius:6px;
}
.palier-prix{
  font-family:'Space Grotesk',sans-serif;font-size:29px;font-weight:700;
  letter-spacing:-.02em;margin:16px 0 4px;color:var(--ink);
}
.palier h3{
  font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;
  color:var(--muted);margin:0 0 18px;
}
.palier ul{
  list-style:none;padding:0;margin:0 0 24px;
}
.palier li{
  position:relative;padding-left:20px;margin-bottom:9px;font-size:14.5px;
  color:var(--muted);line-height:1.55;
}
.palier li:before{
  content:"";position:absolute;left:0;top:8px;width:7px;height:7px;
  border-radius:50%;background:var(--signal);
}
.grille-inc,.grille-var{
  display:grid;gap:16px;max-width:1020px;
}
.grille-inc{
  grid-template-columns:repeat(3,1fr);
}
.grille-var{
  grid-template-columns:repeat(2,1fr);
}
.bloc-inc,.bloc-var{
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:16px;padding:24px;
}
.bloc-inc h3,.bloc-var h3{
  font-family:'Space Grotesk',sans-serif;font-size:16.5px;
  font-weight:600;margin:0 0 8px;letter-spacing:-.01em;
}
.bloc-inc p,.bloc-var p{
  margin:0;font-size:14px;color:var(--muted);line-height:1.6;
}
.tab-wrap{
  overflow-x:auto;max-width:1020px;
}
table.comparo{
  width:100%;border-collapse:collapse;background:var(--surface-2);
  border:1px solid var(--line);border-radius:16px;overflow:hidden;
}
table.comparo th[scope=col]{
  text-align:left;font-family:'Space Mono',monospace;
  font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted-2);padding:16px 20px;border-bottom:1px solid var(--line);
}
table.comparo th[scope=row]{
  text-align:left;font-family:'Space Grotesk',sans-serif;
  font-size:15.5px;font-weight:600;color:var(--ink);padding:18px 20px;vertical-align:top;
  white-space:nowrap;
}
table.comparo td{
  padding:18px 20px;font-size:14px;color:var(--muted);
  vertical-align:top;line-height:1.6;border-top:1px solid var(--line);
}
table.comparo th[scope=row]{
  border-top:1px solid var(--line);
}
table.comparo .fourchette{
  font-family:'Space Grotesk',sans-serif;font-weight:600;
  color:var(--ink);white-space:nowrap;
}
@media(max-width:860px){
  .paliers,.grille-inc,.grille-var{
  grid-template-columns:1fr;
  }
}
