/* =========================================================================
   TEST — thème « X » (d'après le design system xAI / SpaceX fourni)
   Couche posée PAR-DESSUS le style du site, sans rien modifier d'autre :
   supprimer ce bloc = revenir exactement au site actuel.

   Principes repris du document :
   - monochrome, thème sombre : blanc sur #0A0A0A, aucun dégradé de fond ;
   - séparations par filets de 1 px (#1F2228), cartes plates arrondies 12 px ;
   - Inter (substitut d'Universal Sans) en 400/500 uniquement, lettrage
     resserré aux grandes tailles ; Geist Mono pour les petites étiquettes ;
   - boutons et badges en pilule : primaire blanc / texte noir, secondaire
     contour fin.
   Contenu, logos, 3D, animations et couleurs des paliers : inchangés.
   ========================================================================= */
:root{
  --bg:#0A0A0A;
  --bg-soft:#0A0A0A;
  --card:#0A0A0A;
  --card-2:#0A0A0A;
  --line:#1F2228;
  --ink:#FFFFFF;
  --muted:#9A9EA5;
  --muted-2:#6E7278;
  --magenta:#FFFFFF;
  --magenta-2:#FFFFFF;
  --rose-chrome:#E1E1E1;
  --x-sans:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --x-mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --x-hair:#1F2228;
  --x-ring:inset 0 0 0 1px rgba(255,255,255,0.03);
}
body{font-family:var(--x-sans);font-weight:400;background:#0A0A0A;}
#grain{display:none;}

/* ---- typographie : deux graisses, pas de capitales forcées ---- */
.display{
  font-family:var(--x-sans);font-weight:500;text-transform:none;
  letter-spacing:-0.025em;line-height:1.02;
}
.accent{color:#7D8187;}
.eyebrow{
  font-family:var(--x-mono);font-weight:400;font-size:12px;letter-spacing:0.06em;
  color:var(--muted);
}
.eyebrow::before{background:#3A3D44;width:18px;height:1px;}
h3,.value-card h3,.event-card h3{font-weight:500;}
b,strong{font-weight:500;}

/* ---- navigation : fine, sans flou ---- */
header{padding:0;height:64px;display:flex;align-items:center;border-bottom:1px solid transparent;}
header.solid{background:#0A0A0A;backdrop-filter:none;border-color:var(--x-hair);padding:0;}
header .wrap{width:100%;}
nav.links a{
  font-family:var(--x-sans);font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;
  color:rgba(255,255,255,0.72);
}
nav.links a:hover{color:#FFFFFF;}

/* ---- boutons en pilule ---- */
.btn,.arpold-tiers .btn{
  height:40px;padding:0 18px;
  background:#FFFFFF;color:#0A0A0A;
  font-family:var(--x-sans);font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;
  border-radius:9999px;box-shadow:none;border:none;
}
.btn:hover,.arpold-tiers .btn:hover{transform:none;box-shadow:none;background:#E1E1E1;}
.btn.ghost,.arpold-tiers .btn.ghost{
  background:transparent;color:#FFFFFF;border:1px solid var(--x-hair);
  box-shadow:0 0 0 1px rgba(255,255,255,0.04);
}
.btn.ghost:hover,.arpold-tiers .btn.ghost:hover{background:#111214;color:#FFFFFF;border-color:#3A3D44;}

/* ---- hero : fond uni ---- */
#heroSticky{background:#0A0A0A;}
.hero-eyebrow-row{font-family:var(--x-mono);font-weight:400;font-size:12px;letter-spacing:0.06em;}
.hero-badge{border-color:var(--x-hair);color:var(--muted);border-radius:9999px;padding:4px 12px;}
.hero-headline{font-size:clamp(34px,5vw,60px);letter-spacing:-0.03em;line-height:1;}
.hero-sub{font-family:var(--x-mono);font-weight:400;font-size:12px;letter-spacing:0.08em;}
.scroll-cue{font-family:var(--x-mono);font-size:11px;letter-spacing:0.1em;}
#zoomLabel{background:#0A0A0A;border:1px solid var(--x-hair);backdrop-filter:none;border-radius:12px;}
#zoomLabel .eb{font-family:var(--x-mono);font-weight:400;letter-spacing:0.06em;color:var(--muted);}
#zoomLabel .ti{font-family:var(--x-sans);font-weight:500;text-transform:none;letter-spacing:-0.01em;}
#zoomDot{background:#FFFFFF;box-shadow:0 0 0 4px rgba(255,255,255,0.18);}
#zoomDot::after{border-color:#FFFFFF;}
#zoomLine{background:linear-gradient(90deg, #FFFFFF, transparent);}

/* ---- sections : fond uni, séparées par un filet ---- */
section{padding:112px 0;}
#apropos,#valeurs,#evenements,#justmusic,#pourquoi,#partenariats,#contact{
  background:#0A0A0A;border-top:1px solid var(--x-hair);
}
.section-head{margin-bottom:56px;}
.section-head h2{font-size:clamp(30px,4vw,48px);}
.section-head .lede,.about-grid p,.lede,.jm-text p,.contact-head p{color:var(--muted);font-size:16px;line-height:1.6;}

/* ---- cartes plates, filet 1 px ---- */
.quote-card,.contact-card,.tier-card{
  background:#0A0A0A;border:1px solid var(--x-hair);border-radius:12px;box-shadow:var(--x-ring);
}
.quote-card .mark{color:#FFFFFF;}
.quote-card p{font-style:normal;font-size:18px;line-height:1.6;}
.quote-card .who img{border-color:var(--x-hair);}
.quote-card .who span{color:var(--muted);font-weight:400;}
.value-grid{background:var(--x-hair);border-color:var(--x-hair);border-radius:12px;}
.value-card{background:#0A0A0A;}
.value-card:hover{background:#0F1012;}
.value-icon{background:rgba(255,255,255,0.06);color:#FFFFFF;border-radius:8px;}
.value-card h3{font-size:18px;letter-spacing:-0.01em;}

/* ---- Just Music ---- */
.jm-tag{font-family:var(--x-mono);font-weight:400;font-size:12px;letter-spacing:0.06em;}
.jm-tag .date{color:#FFFFFF;}
.jm-info{background:var(--x-hair);border-color:var(--x-hair);border-radius:12px;}
.jm-info > div{background:#0A0A0A;}
.jm-info .label{font-family:var(--x-mono);font-weight:400;letter-spacing:0.06em;}
.jm-info .value{font-weight:500;}
.jm-cta span{font-size:14px;}

/* ---- paliers (disques) : habillage seulement, couleurs des paliers inchangées ---- */
.arpold-tiers{--magenta:#FFFFFF;--magenta-2:#FFFFFF;--line:#1F2228;--card:#0A0A0A;font-family:var(--x-sans);}
.tier-sticky .tier-stage{background:none;}
.tier-label{font-family:var(--x-sans);font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;background:#0A0A0A;}
.tier-label small{font-family:var(--x-mono);font-weight:400;letter-spacing:0.04em;}
.tier-hint{font-family:var(--x-mono);font-size:12px;letter-spacing:0.08em;}
.tier-hint span{color:#FFFFFF;}
.tier-back{font-family:var(--x-sans);font-weight:500;font-size:13px;letter-spacing:0;text-transform:none;background:#0A0A0A;border-color:var(--x-hair);}
.ts-eyebrow{font-family:var(--x-mono);font-weight:400;letter-spacing:0.06em;}
.ts-name{font-family:var(--x-sans);font-weight:500;text-transform:none;letter-spacing:-0.035em;}
.tier-price{font-family:var(--x-sans);font-weight:500;letter-spacing:-0.02em;}
.tier-price small{font-family:var(--x-mono);font-weight:400;}
.ts-stat{font-family:var(--x-mono);font-weight:400;letter-spacing:0.04em;}
.ts-stat em{font-family:var(--x-mono);font-weight:500;}
.ts-tip{font-family:var(--x-mono);font-weight:400;letter-spacing:0.04em;}
.tier-medal{font-family:var(--x-mono);font-weight:400;}

/* ---- contact ---- */
.contact-head h2{font-size:clamp(36px,6vw,60px);letter-spacing:-0.03em;}
.contact-card .label{font-family:var(--x-mono);font-weight:400;letter-spacing:0.06em;color:var(--muted);}
.contact-card .value{font-weight:500;}
.contact-footer{border-color:var(--x-hair);}
.contact-footer .fine{font-size:12px;}

/* ---- pourquoi s'associer, mécénat, tableau (blocs ajoutés au dossier) ---- */
.why-stats,.pt-box,.pt-table-wrap{border-radius:12px;border-color:var(--x-hair);}
.why-stats{background:var(--x-hair);}
.why-stats > div,.pt-box{background:#0A0A0A;box-shadow:var(--x-ring);}
.why-stats .n{font-weight:500;letter-spacing:-0.03em;}
.why-stats .l,.pt-box-eb,.tier-list .g{font-family:var(--x-mono);font-weight:400;letter-spacing:0.04em;}
.why-grid h3,.pt-box h3{font-weight:500;letter-spacing:-0.01em;}
.pt-table{font-size:14px;}
.pt-table thead th{background:#0A0A0A;font-weight:500;}
.pt-table tbody th{font-weight:400;}
.pt-table tbody tr:first-child td{font-weight:500;}
.pt-table .y{font-weight:500;}
.pt-calc span{font-family:var(--x-mono);font-size:12px;}
.pt-calc b{font-weight:500;}
.copy-mail{font-family:var(--x-mono);}
.nav-ig{color:rgba(255,255,255,0.72);}
.tier-price-ask{font-family:var(--x-sans);font-weight:500;font-size:14px;border-color:var(--x-hair);}
.tier-price-ask:hover{border-color:#3A3D44;background:#111214;}
.pt-ask{border-color:var(--x-hair);}