:root{
  --bg:#0E1011;--bg2:#121517;--bg3:#0B0D0E;--card:#191C1E;--card2:#14171A;--line:#22272A;--line2:#2A3033;
  --text:#E9ECEC;--soft:#C9D0D3;--muted:#A9B3B7;--dim:#8F9BA1;--white:#FFFFFF;
  --accent:#F5520F;--accent2:#FF6A2A;--warm:#1B1715;
  --nomad:#C8B58B;--raider:#59A9EA;--warlord:#B56DEA;--overlord:#E8BA42;
  --head:'Roboto Condensed','Arial Narrow',system-ui,sans-serif;--body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --radius:14px;--wrap:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
section[id],#detail{scroll-margin-top:96px}
[aria-busy="true"]{opacity:.7;cursor:progress}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.5;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent2)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{font-family:var(--head);font-weight:700;color:var(--accent);letter-spacing:3px;font-size:14px;text-transform:uppercase}
h1,h2,h3,h4{font-family:var(--head);margin:0;color:var(--white)}
h2{font-weight:800;font-size:clamp(30px,5vw,44px);line-height:1.05;text-transform:uppercase}
.lead{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
.sec{padding:80px 0 32px}
.sec-head{display:flex;flex-direction:column;gap:10px;max-width:720px;margin-bottom:28px}
.sec-head.row{max-width:none;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.sec-head.row>div:first-child{display:flex;flex-direction:column;gap:10px;max-width:700px}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border:0;border-radius:8px;background:var(--accent);color:var(--white);font-family:var(--head);font-weight:700;font-size:17px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .15s,transform .15s}
.btn:hover{background:var(--accent2);color:var(--white)}
.btn:disabled{opacity:.55;cursor:wait}
.btn.ghost{background:rgba(14,16,17,.6);border:1px solid #4A5256;color:var(--text)}
.btn.ghost:hover{border-color:var(--accent);color:var(--white)}
.btn.block{display:flex;width:100%}
.btn.big{min-height:54px;padding:0 28px;font-size:18px}

/* En-tête */
.top{position:sticky;top:0;z-index:40;background:rgba(11,13,14,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:72px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:12px;color:var(--white)}
.brand img{width:44px;height:44px;border-radius:8px}
.brand span{font-family:var(--head);font-weight:800;font-size:22px;letter-spacing:1px}
.brand b{color:var(--accent)}
.nav{display:flex;flex-wrap:wrap;gap:6px 20px;flex:1 1 360px;justify-content:center;font-size:14px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}
.nav a{color:var(--soft)}.nav a:hover{color:var(--white)}
.tools{display:flex;align-items:center;gap:10px;margin-left:auto}
.lang{position:relative}
.lang summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid #343B3F;border-radius:8px;color:var(--text);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.lang summary::-webkit-details-marker{display:none}
.lang[open] summary,.lang summary:hover{border-color:var(--accent)}
.lang ul{position:absolute;right:0;top:calc(100% + 8px);z-index:60;margin:0;padding:8px;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:2px;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.55);max-height:70vh;overflow:auto}
.lang li a{display:block;padding:9px 12px;border-radius:7px;color:var(--soft);font-size:14px}
.lang li a:hover,.lang li a[aria-current]{background:#22272A;color:var(--white)}
.lang li a[aria-current]{box-shadow:inset 3px 0 0 var(--accent)}
.acct{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid #343B3F;border-radius:8px;background:transparent;color:var(--text);font:600 14px var(--body);cursor:pointer;max-width:230px}
.acct span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct:hover{border-color:var(--accent);color:var(--white)}
.cartbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:44px;border:0;border-radius:8px;background:var(--accent);color:var(--white);cursor:pointer}
.cartbtn:hover{background:var(--accent2)}
.cartbtn .count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--white);color:var(--bg);font:700 12px/20px var(--body);text-align:center}
.cartbtn .count[hidden]{display:none}

/* Héros */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(900px 520px at 78% 40%,rgba(245,82,15,.28),transparent 65%),linear-gradient(180deg,#101315,#0E1011)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:24px;padding-top:72px;padding-bottom:72px}
.hero-txt{display:flex;flex-direction:column;gap:22px}
.hero h1{font-weight:800;font-size:clamp(40px,6.2vw,66px);line-height:1.02;text-transform:uppercase}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p{margin:0;max-width:600px;font-size:18px;line-height:1.6;color:var(--soft)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.bul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 26px;font-size:14px;color:var(--soft)}
.bul li{display:flex;align-items:center;gap:8px}
.bul svg{flex:none}
.fan{position:relative;height:420px}
.fan img{position:absolute;width:52%;filter:drop-shadow(0 24px 40px rgba(0,0,0,.6));transition:transform .25s}
.fan img:nth-child(1){left:0;top:30%;width:42%}
.fan img:nth-child(2){left:18%;top:6%;width:50%}
.fan img:nth-child(3){left:44%;top:0;width:52%;z-index:2}
.fan img:nth-child(4){left:60%;top:34%;width:40%;z-index:3}
.fan img:hover{transform:translateY(-6px)}

/* Bandeau chiffres */
.facts{background:var(--bg2);border-bottom:1px solid var(--line)}
.facts .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;padding-top:22px;padding-bottom:22px}
.facts b{display:block;font-family:var(--head);font-weight:800;font-size:26px;color:var(--white)}
.facts span{font-size:13px;color:var(--dim)}

/* CLUB */
.toggle{display:inline-flex;padding:4px;border:1px solid var(--line2);border-radius:10px;background:var(--card2)}
.toggle button{min-height:44px;padding:0 22px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--head);font-weight:700;font-size:16px;letter-spacing:1px}
.toggle button[aria-pressed="true"]{background:var(--accent);color:var(--white)}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:20px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid #262B2E;border-radius:var(--radius);overflow:hidden;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-3px)}
.card.on{border-color:var(--tc,var(--accent));background:var(--warm)}
.card .bar{height:4px;background:var(--tc,var(--accent))}
.card .tag{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 0;font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:2px;color:var(--dim)}
.card .tag .hl{color:var(--tc,var(--accent))}
.card .emb{display:flex;justify-content:center;padding:6px 0 0}
.card .emb img{width:170px;height:170px;object-fit:contain}
.card .in{padding:4px 20px 20px;display:flex;flex-direction:column;gap:14px;flex:1 1 auto}
.card h3{text-align:center;font-weight:800;font-size:32px;letter-spacing:2px;color:var(--tc)}
.price{text-align:center}
.price b{display:block;font-family:var(--head);font-weight:800;font-size:40px;color:var(--white);line-height:1.15}
.price small{font-size:13px;color:var(--dim)}
.rows{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid #262B2E;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--soft)}
.rows li{display:flex;justify-content:space-between;gap:10px}
.rows strong{color:var(--white);text-align:right}
.card .act{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.linkbtn{min-height:44px;border:1px solid #343B3F;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-family:var(--head);font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase}
.linkbtn:hover{border-color:var(--accent)}
.note{margin:22px 0 0;font-size:13px;color:var(--dim);text-align:center}

/* Détail d'un CLUB */
.detail{margin-top:36px;background:var(--card2);border:1px solid #262B2E;border-radius:16px;overflow:hidden}
.tier-detail{display:none}
.tier-detail.on{display:block}
.tier-detail .bar{height:4px;background:var(--tc)}
.dbody{display:flex;flex-wrap:wrap;gap:36px;padding:36px}
.dside{flex:1 1 280px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.dside img{width:240px;height:240px;object-fit:contain}
.dside .lv{font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:2px;color:var(--dim)}
.dside h3{font-weight:800;font-size:44px;letter-spacing:3px;color:var(--tc)}
.dside p{margin:0;font-size:15px;line-height:1.6;color:var(--muted);max-width:320px}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:340px}
.duo button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:66px;border-radius:10px;cursor:pointer;font-family:var(--head);color:var(--white);border:0;background:var(--accent)}
.duo button:hover{background:var(--accent2)}
.duo button.alt{background:transparent;border:1px solid #4A5256;color:var(--text)}
.duo button.alt:hover{border-color:var(--accent)}
.duo small{font-weight:700;font-size:13px;letter-spacing:1px}
.duo b{font-weight:800;font-size:22px}
.dmain{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:26px}
.dmain h4{margin:0 0 12px;font-weight:700;font-size:18px;letter-spacing:2px;color:var(--accent)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.stat{background:var(--card);border:1px solid #262B2E;border-radius:10px;padding:14px}
.stat span{display:block;font-size:12px;letter-spacing:1px;color:var(--dim);text-transform:uppercase}
.stat b{display:block;margin-top:4px;font-family:var(--head);font-weight:800;font-size:24px;color:var(--white)}
.checks{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 20px;font-size:14px;color:var(--soft)}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks svg{flex:none;margin-top:3px}
.kits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.kit{background:var(--card);border:1px solid #262B2E;border-radius:10px;padding:16px}
.kit h5{margin:0 0 8px;font-family:var(--head);font-weight:700;font-size:14px;letter-spacing:1.5px;color:var(--white)}
.kit ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--soft)}
.kit li{display:flex;justify-content:space-between;gap:10px}
.kit li b{color:var(--white);font-weight:600;white-space:nowrap}
.kitnote{margin:-6px 0 12px;font-size:13px;color:var(--dim)}
.spawn{background:var(--card);border:1px solid #262B2E;border-radius:10px;padding:16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline}
.spawn h5{margin:0;font-family:var(--head);font-weight:700;font-size:14px;letter-spacing:1.5px;color:var(--white)}
.spawn span{font-size:13px;color:var(--soft)}
.fine{margin:0;font-size:12px;color:var(--dim)}

/* Tableau */
.tablebox{overflow-x:auto;border:1px solid #262B2E;border-radius:var(--radius);background:var(--card2)}
table{width:100%;min-width:780px;border-collapse:collapse;font-size:14px}
thead tr{background:var(--card)}
th,td{padding:13px 12px}
thead th{font-family:var(--head);font-size:18px;letter-spacing:1.5px}
thead th:first-child{text-align:left;padding-left:18px;font-family:var(--body);color:var(--dim);font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase}
tbody{text-align:center}
tbody tr{border-top:1px solid var(--line)}
tbody th{text-align:left;padding-left:18px;font-weight:500;color:var(--soft)}

/* MAK$ et boosts */
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);margin-top:48px}
.band .sec{padding-bottom:80px}
.offer{display:flex;flex-direction:column;gap:16px;padding:26px;background:var(--card);border:1px solid #262B2E;border-radius:var(--radius);transition:transform .15s}
.offer:hover{transform:translateY(-3px)}
.offer.pop{border-color:#2E4A61}
.offer.acc{border-color:var(--accent)}
.offer .tag{display:flex;justify-content:space-between;align-items:center;gap:10px}
.offer .tag b{font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:2px;color:var(--dim)}
.offer.pop .tag b{color:var(--raider)}
.offer.acc .tag b{color:var(--accent)}
.offer .tag span{font-size:13px;color:var(--dim)}
.amount{font-family:var(--head);font-weight:800;font-size:46px;line-height:1.05;color:var(--white)}
.amount em,.pct em{font-style:normal;color:var(--accent)}
.pct{font-family:var(--head);font-weight:800;font-size:56px;line-height:1;color:var(--white)}
.offer p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.offer .btn{margin-top:auto}
.gift{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px dashed var(--accent);border-radius:12px;background:var(--warm);max-width:440px;font-size:14px;line-height:1.5}
.gift svg{flex:none}
.gift strong{color:var(--white)}

/* Étapes et FAQ */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.steps li{background:var(--card2);border:1px solid #262B2E;border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:10px}
.steps .n{font-family:var(--head);font-weight:800;font-size:40px;color:var(--accent)}
.steps h3{font-weight:700;font-size:22px}
.steps p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;align-items:start}
.faq details{background:var(--card2);border:1px solid #262B2E;border-radius:12px;padding:0 20px}
.faq summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;font-size:15px;color:var(--white);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;font-style:normal;font-size:22px;color:var(--accent);transition:transform .15s}
.faq details[open] summary i{transform:rotate(45deg)}
.faq p{margin:0 0 18px;font-size:14px;line-height:1.65;color:var(--muted)}

/* Aide et pied de page */
.help{border-top:1px solid var(--line);background:var(--bg2);margin-top:48px}
.help .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-top:56px;padding-bottom:56px}
.help .who{display:flex;align-items:center;gap:18px}
.help img{width:72px;height:72px;border-radius:12px}
.help h2{font-size:28px}
.help p{margin:4px 0 0;color:var(--muted);font-size:15px}
.foot{border-top:1px solid var(--line);background:var(--bg3)}
.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:32px;padding-bottom:32px;font-size:13px;color:var(--dim);line-height:1.6}
.foot .about{max-width:660px}
.foot .about b{font-family:var(--head);font-weight:800;font-size:18px;color:var(--white)}
.foot .about b em{font-style:normal;color:var(--accent)}
.foot p{margin:6px 0 0}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:flex-start}
.foot nav a{color:var(--soft)}
.foot .last{flex-basis:100%;border-top:1px solid #1C2023;padding-top:16px}

/* Panier */
.shade{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.6)}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:90;width:min(420px,100%);display:flex;flex-direction:column;background:var(--card2);border-left:1px solid var(--line2);box-shadow:-20px 0 60px rgba(0,0,0,.5)}
.shade[hidden],.drawer[hidden]{display:none}
.drawer header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}
.drawer h2{font-size:24px}
.x{min-width:44px;min-height:44px;border:1px solid #343B3F;border-radius:8px;background:transparent;color:var(--text);font-size:20px;cursor:pointer}
.x:hover{border-color:var(--accent)}
.dbox{flex:1 1 auto;overflow:auto;padding:18px 22px;display:flex;flex-direction:column;gap:12px}
.who2{font-size:14px;color:var(--soft);display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between}
.who2 button{background:none;border:0;color:var(--accent);cursor:pointer;font:600 13px var(--body);padding:6px 0}
.line{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card);border:1px solid #262B2E;border-radius:10px}
.line div{flex:1 1 auto;min-width:0}
.line b{display:block;color:var(--white);font-size:15px}
.line span{font-size:13px;color:var(--dim)}
.line button{border:0;background:none;color:var(--dim);cursor:pointer;font:600 13px var(--body);padding:8px}
.line button:hover{color:var(--accent)}
.empty{color:var(--dim);font-size:14px}
.drawer footer{padding:18px 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.tot{display:flex;justify-content:space-between;font-family:var(--head);font-weight:800;font-size:22px;color:var(--white)}
.msg{font-size:13px;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translateX(-50%);max-width:min(560px,calc(100% - 32px));padding:14px 18px;border-radius:10px;background:var(--card);border:1px solid var(--accent);color:var(--white);font-size:14px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.toast[hidden]{display:none}

@media (max-width:900px){
  .hero .wrap{grid-template-columns:1fr;padding-top:48px;padding-bottom:40px}
  .fan{height:300px;max-width:460px;width:100%;margin:0 auto}
  .nav{order:3;flex-basis:100%;justify-content:flex-start;gap:6px 16px}
  .dbody{padding:24px}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .top .wrap{gap:10px}
  .brand span{font-size:19px}
  .brand img{width:38px;height:38px}
  .acct span{display:none}
  .lang summary .ln{display:none}
  .lang ul{position:fixed;left:16px;right:16px;top:76px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .sec{padding-top:56px}
  .card .emb img{width:140px;height:140px}
  .dside img{width:180px;height:180px}
  .dside h3{font-size:36px}
  .amount{font-size:40px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---------- Page d'accueil ---------- */
.storebtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:8px;background:var(--accent);color:var(--white);font-family:var(--head);font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase}
.storebtn:hover{background:var(--accent2);color:var(--white)}
.hero.home .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.hero-txt,.banner,.connect,.cbox{min-width:0}
.banner{display:flex;flex-direction:column;gap:16px}
.banner img{width:100%;border-radius:16px;border:1px solid var(--line2);box-shadow:0 30px 70px rgba(0,0,0,.55)}
.connect{display:flex;flex-direction:column;gap:8px;max-width:560px}
.connect>span{font-size:13px;color:var(--dim);letter-spacing:.5px}
.cbox{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;background:#0A0C0D;border:1px solid var(--line2);border-radius:10px}
.cbox code{flex:1 1 auto;min-width:0;overflow-x:auto;white-space:nowrap;font:600 15px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--white)}
.cbox button{flex:none;min-height:40px;padding:0 16px;border:1px solid #4A5256;border-radius:7px;background:transparent;color:var(--text);font-family:var(--head);font-weight:700;letter-spacing:1px;cursor:pointer}
.cbox button:hover{border-color:var(--accent);color:var(--white)}
.connect small{font-size:13px;color:var(--dim)}
.nextwipe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:16px 18px;background:var(--card2);border:1px solid var(--line2);border-left:4px solid var(--accent);border-radius:12px}
.nextwipe .k{font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:2px;color:var(--accent)}
.nextwipe .d{display:block;font-size:14px;color:var(--soft)}
.nextwipe .c{font-family:var(--head);font-weight:800;font-size:22px;color:var(--white);font-variant-numeric:tabular-nums}
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.feats.four{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.feat{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--card2);border:1px solid #262B2E;border-radius:var(--radius);transition:border-color .15s,transform .15s}
.feat:hover{border-color:#3A2A22;transform:translateY(-2px)}
.feat .ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:var(--warm);border:1px solid #3A2A22}
.feat .ic img{width:30px;height:30px}
.feat h3{font-weight:700;font-size:21px}
.feat p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.wipes{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;align-items:start}
.wcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.wcard{padding:22px;background:var(--card);border:1px solid #262B2E;border-radius:var(--radius);border-top:4px solid var(--raider)}
.wcard.g{border-top-color:var(--accent)}
.wcard h3{font-size:20px;margin-bottom:8px}
.wcard p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.wkept{grid-column:1/-1;margin:0;padding:14px 18px;border:1px dashed #3A4044;border-radius:12px;font-size:14px;color:var(--soft)}
.wlist{padding:22px;background:var(--card2);border:1px solid #262B2E;border-radius:var(--radius)}
.wlist h3{font-size:18px;letter-spacing:1.5px;margin-bottom:12px}
.wlist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.wlist li{display:flex;flex-direction:column;padding:10px 12px;border-radius:8px;background:var(--card);border-left:3px solid var(--raider)}
.wlist li.wk-global,.wlist li.wk-opening{border-left-color:var(--accent)}
.wlist li b{font-family:var(--head);font-size:13px;letter-spacing:1.5px;color:var(--white)}
.wlist li span{font-size:14px;color:var(--soft)}
.wlist p{margin:12px 0 0;font-size:13px;color:var(--dim)}
.cmdline{display:block;margin-top:6px;font:600 14px ui-monospace,Consolas,monospace;color:var(--white);background:#0A0C0D;border:1px solid var(--line2);border-radius:8px;padding:8px 10px;overflow-x:auto;white-space:nowrap}
.teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:36px;background:linear-gradient(120deg,#1B1715,#14171A);border:1px solid #3A2A22;border-radius:18px}
.teaser .row4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.teaser .row4 img{width:100%;filter:drop-shadow(0 14px 24px rgba(0,0,0,.5))}
.teaser div:first-child{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ruleslist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:10px}
.ruleslist li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--card2);border:1px solid #262B2E;border-radius:10px;font-size:14px;color:var(--soft)}
.ruleslist svg{flex:none;margin-top:2px}
.community{display:flex;flex-wrap:wrap;gap:12px}
.legal{max-width:860px;margin:0 auto;padding:56px 24px 80px}
.legal h1{font-size:40px;text-transform:uppercase;margin-bottom:8px}
.legal h2{font-size:26px;margin:34px 0 10px;text-transform:none}
.legal h3{font-size:18px;margin:20px 0 6px}
.legal p,.legal li{font-size:15px;line-height:1.7;color:var(--soft)}
.legal .todo{color:#FFB020;font-weight:700}
.legal hr{border:0;border-top:1px solid var(--line);margin:48px 0}
@media (max-width:900px){
  .hero.home .wrap{grid-template-columns:minmax(0,1fr)}
  .wipes,.teaser{grid-template-columns:1fr}
  .teaser{padding:24px}
}

/* ---------- Page Soutien (donate.makorust.com) ---------- */
.fan.three{height:380px}
.fan.three img:nth-child(1){left:2%;top:22%;width:44%;z-index:1}
.fan.three img:nth-child(2){left:auto;right:2%;top:20%;width:44%;z-index:1}
.fan.three img:nth-child(3){left:26%;top:0;width:50%;z-index:2}
h2 em.acc{font-style:normal;color:var(--accent)}
.goalbox{padding:32px;border-radius:16px;background:radial-gradient(700px 260px at 90% 0%,#2A1A10 0%,#191C1E 70%);border:1px solid var(--line2)}
.golive{display:inline-flex;align-items:center;gap:10px;margin:0;padding:12px 16px;border-radius:12px;background:#1D1612;border:1px solid #5A3A28;font-weight:600;font-size:15px;color:var(--white)}
.golive svg{flex:none}
.goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.goal{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;border-radius:14px;background:var(--card2);border:1px solid var(--line)}
.ghead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.gic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:#2A1A12;border:1px solid #5A3A28;flex:none}
.gat{font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:1px;color:var(--dim);text-align:right}
.goal h3{font-weight:800;font-size:23px;line-height:1.05;text-transform:uppercase}
.goal p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.chip{align-self:flex-start;display:inline-flex;align-items:center;min-height:26px;margin-top:auto;padding:0 10px;border-radius:13px;background:var(--bg);border:1px solid #343B3F;font-size:12px;font-weight:600;color:var(--soft)}
.goal p+.chip{margin-top:10px}
.gsteps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.gsteps li{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.gsteps b{font-family:var(--head);font-weight:800;font-size:28px;color:var(--accent)}
.gsteps span{font-size:14px;color:var(--soft)}
.gnote{margin-top:16px;font-size:13px;line-height:1.55}
.card.sup .price b{display:flex;justify-content:center;align-items:baseline;gap:4px;flex-wrap:wrap}
.card.sup .price .per{font-size:18px;color:var(--dim)}
.card.sup .price small{display:block;margin-top:4px}
.perks{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.perks li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--soft)}
.perks li svg{flex:none;margin-top:2px}
.perks li.plus{font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}
.btn[data-soon]{opacity:.55;cursor:not-allowed;background:#3A3F42}
table.t3{min-width:560px}
.dcard{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);border-top:3px solid var(--tc);padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.dtop{display:flex;gap:14px;align-items:center}
.dtop img{width:64px;height:64px;object-fit:contain;flex:none}
.dtop h3{font-weight:800;font-size:26px;letter-spacing:1px;color:var(--tc)}
.dtop p{margin:0;font-size:13px;color:var(--dim)}
.dgroup h4{font-size:13px;letter-spacing:2px;color:var(--dim);text-transform:uppercase}
.dgroup ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.dgroup li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--soft)}
.dgroup li svg{flex:none;margin-top:3px}
.dgroup strong{color:var(--white);font-weight:600}
.eyebrow.green{color:#6EC98F}
.don{display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.dontxt{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:12px}
.donbox{flex:1 1 380px;min-width:0;padding:24px;border-radius:14px;background:var(--card);border:1px solid var(--line2);display:flex;flex-direction:column;gap:16px}
.amts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.amts button{min-height:46px;padding:0 4px;border-radius:8px;border:1px solid #343B3F;background:var(--bg);color:var(--text);font-family:var(--head);font-weight:700;font-size:17px;cursor:pointer}
.amts button[aria-pressed="true"]{background:#6EC98F;border-color:#6EC98F;color:var(--bg)}
.btn.green{background:#6EC98F;color:var(--bg)}
.btn.green:hover{background:#86D9A3;color:var(--bg)}
.btn.green[data-soon]{background:#3A3F42;color:var(--text)}
.btn[hidden]{display:none}
.badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),1fr));gap:12px}
.bdg{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border-radius:12px;background:var(--card);border:1px solid var(--line);text-align:center}
.bdg img{width:72px;height:72px;object-fit:contain}
.bdg .tok{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--bg);border:3px solid var(--bc);font-family:var(--head);font-weight:800;font-size:30px;color:var(--bc)}
.bdg b{font-family:var(--head);font-weight:800;font-size:17px;letter-spacing:1px;text-transform:uppercase;overflow-wrap:anywhere}
.bdg span{font-size:12px;line-height:1.4;color:var(--dim)}
.cmds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px}
.cmd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px 16px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.cmd .cc{display:flex;flex-wrap:wrap;gap:6px}
.cmd code{font:600 14px ui-monospace,Consolas,monospace;color:var(--white);background:#0A0C0D;border:1px solid var(--line2);border-radius:6px;padding:3px 8px}
.cmd .who{font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);text-align:right}
.cmd p{grid-column:1/-1;margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.teaser .row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.teaser .row3 img{width:100%;filter:drop-shadow(0 14px 24px rgba(0,0,0,.5))}
@media (max-width:560px){
  .goalbox{padding:20px}
  .fan.three{height:260px}
  .amts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ---------- Soutien v2 : abonnements, paliers, couleurs ---------- */
.tiers{align-items:stretch}
.card.sup .in{gap:12px}
.card.sup .pitch{margin:-4px 0 0;text-align:center;font-size:14px;line-height:1.5;color:var(--muted);min-height:42px}
.card.sup .price b{font-size:46px}
.card.sup .act{margin-top:0}
.card.sup .perks{margin-top:4px}
.card.top{border-color:#6B5523;background:linear-gradient(180deg,#221C10 0%,var(--card) 42%);box-shadow:0 0 0 1px rgba(232,186,66,.18),0 24px 60px rgba(232,186,66,.08)}
.card.on{box-shadow:0 24px 60px rgba(89,169,234,.10)}
.card.sup .btn.big{background:var(--tc);color:#0E1011}
.card.sup .btn.big:hover{filter:brightness(1.1);color:#0E1011}
.card.sup .btn.big[data-soon]{background:#3A3F42;color:var(--text);filter:none}
.once{display:block;width:100%;min-height:40px;padding:6px 8px;border:0;background:none;color:var(--muted);font:500 13px/1.4 var(--body);cursor:pointer;text-decoration:underline;text-decoration-color:#4A5256;text-underline-offset:3px}
.once:hover{color:var(--white);text-decoration-color:var(--tc,var(--accent))}
.once[data-soon]{cursor:not-allowed;text-decoration:none;opacity:.7}
.more{margin-top:auto;padding-top:6px;font-size:13px;font-weight:600;color:var(--tc,var(--accent))}
.more:hover{color:var(--white)}
.use{margin-top:34px;padding:26px;border-radius:16px;background:linear-gradient(120deg,#1B1715,#14171A);border:1px solid #3A2A22}
.use h3{font-size:22px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
.uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.u{display:flex;gap:14px;align-items:flex-start}
.uic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:12px;background:#2A1A12;border:1px solid #5A3A28}
.u b{display:block;font-family:var(--head);font-size:18px;color:var(--white)}
.u p{margin:4px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
/* Barre des paliers (pourcentages seulement) */
.gtrack{position:relative;margin:6px 0 26px;padding:24px 56px 0}
.gline{height:12px;border-radius:6px;background:#0A0C0D;border:1px solid var(--line2);overflow:hidden}
.gline span{display:block;height:100%;opacity:.45}
.gmarks{position:relative;list-style:none;margin:-31px 0 0;padding:0;height:112px}
.gmarks li{position:absolute;left:var(--p);top:0;transform:translateX(-50%);width:120px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.gdot{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--bg);border:3px solid var(--gc);box-shadow:0 0 0 5px rgba(14,16,17,.9),0 0 22px color-mix(in srgb,var(--gc) 45%,transparent)}
.gmarks b{font-family:var(--head);font-weight:800;font-size:20px;color:var(--gc);line-height:1.1}
.gmarks small{font-size:12px;line-height:1.3;color:var(--soft)}
.goals{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.goal{border-top:3px solid var(--gc)}
.gic{background:var(--bg);border-color:var(--gc)}
.gat{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.gat b{font-family:var(--head);font-weight:800;font-size:26px;line-height:1;color:var(--gc)}
.goal h3{color:var(--white)}
/* Qui a quelle couleur ? */
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.colc{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);border-top:3px solid var(--tc)}
.colc h3{font-weight:800;font-size:24px;letter-spacing:1px;color:var(--tc)}
.chat{padding:12px 14px;border-radius:10px;background:#0A0C0D;border:1px solid var(--line2);font:700 16px/1.4 var(--body);overflow-wrap:anywhere}
.chat .ct{font-family:var(--head);letter-spacing:.5px}
.chat .cm{font-weight:400;color:var(--soft)}
.cn.grad{-webkit-background-clip:text;background-clip:text;color:transparent}
.sws{display:flex;flex-wrap:wrap;gap:8px}
.sw{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.14)}
.sw.wide{width:120px;border-radius:13px}
.colc p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
td.y svg{vertical-align:middle}
td.n{color:#4A5256}
@media (min-width:1100px){.goals{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:560px){
  .gtrack{padding:20px 26px 0}
  .gmarks{height:76px;margin-top:-25px}
  .gmarks li{width:56px}
  .gmarks small{display:none}
  .gdot{width:36px;height:36px;border-width:2px}
  .gdot svg{width:18px;height:18px}
  .gmarks b{font-size:15px}
  .card.sup .price b{font-size:40px}
  .use{padding:20px}
}