/* ===========================================================================
   Crimzie · Parrainage — DA hero (verre, espace, rouge). Base : legal.css
   =========================================================================== */
:root{ --crimzie-blue:59,134,255; --sp:201,245,40; }

.site-header nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,26px)}
.hnav{display:flex;align-items:center;gap:clamp(12px,1.6vw,26px)}
.hnav a{font-family:var(--font-ui);font-size:.8rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:rgba(241,241,241,.7);text-decoration:none;white-space:nowrap;transition:color .2s}
.hnav a:hover,.hnav a.is-active{color:#fff}
@media(max-width:820px){.hnav{display:none}}

main.pr{width:min(1080px,calc(100% - 48px));margin:0 auto;padding:clamp(26px,4.5vh,54px) 0 30px}

/* ---------- HERO ---------- */
.pr-hero{text-align:center;padding:clamp(20px,4vh,48px) 0 clamp(20px,3.5vh,40px)}
.pr-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--muted);font-size:.76rem;
  font-weight:800;letter-spacing:.3em;text-transform:uppercase;margin:0 0 18px}
.pr-eyebrow::before,.pr-eyebrow::after{content:"";width:26px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(241,241,241,.5),transparent)}
.pr-hero h1{margin:0 auto 16px;max-width:16ch;font-family:var(--font-display);
  font-size:clamp(2.6rem,5.6vw,4.6rem);font-weight:800;line-height:.95;
  text-transform:uppercase;letter-spacing:-.025em;color:#fff;text-wrap:balance;
  text-shadow:0 18px 60px rgba(0,0,0,.6)}
.pr-hero h1 .dot{color:var(--red)}
.pr-hero .lead{margin:0 auto;max-width:56ch;color:rgba(241,241,241,.82);
  font-size:clamp(1.06rem,1.5vw,1.28rem);font-weight:500;line-height:1.6}

/* ---------- BANDEAU RÉCOMPENSE 20€ ---------- */
.cash-banner{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.4vw,30px);
  flex-wrap:wrap;margin:clamp(24px,4vh,38px) auto 0;padding:clamp(20px,2.6vw,30px) clamp(22px,3vw,38px);
  border-radius:var(--r-lg);overflow:hidden;text-align:left;
  border:1px solid rgba(var(--sp),.5);background:var(--glass);backdrop-filter:var(--blur);
  -webkit-backdrop-filter:var(--blur);
  box-shadow:0 30px 72px rgba(0,0,0,.5),0 0 60px rgba(var(--sp),.16),inset 0 1px 0 var(--glass-hi)}
.cash-banner::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(70% 130% at 12% 24%,rgba(var(--sp),.18),transparent 62%)}
.cash-banner>*{position:relative;z-index:1}
.cash-amount{display:grid;place-items:center;flex:0 0 auto;padding:clamp(10px,1.4vw,16px) clamp(18px,2.2vw,26px);
  border-radius:18px;border:1px solid rgba(var(--sp),.55);
  background:linear-gradient(160deg,rgba(var(--sp),.2),rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 30px rgba(var(--sp),.24)}
.cash-amount b{font-family:var(--font-display);font-size:clamp(2.4rem,5.4vw,3.6rem);font-weight:800;
  line-height:.92;letter-spacing:-.03em;color:rgb(var(--sp));
  text-shadow:0 0 34px rgba(var(--sp),.5)}
.cash-amount span{font-family:var(--font-display);font-size:.64rem;font-weight:800;letter-spacing:.22em;
  text-transform:uppercase;color:rgba(241,241,241,.7);margin-top:4px}
.cash-txt{flex:1 1 300px;display:grid;gap:8px;max-width:52ch}
.cash-txt strong{font-family:var(--font-display);font-size:clamp(1.24rem,2.3vw,1.8rem);font-weight:800;
  text-transform:uppercase;letter-spacing:-.01em;line-height:1.06;color:#fff}
.cash-txt p{margin:0;color:rgba(241,241,241,.76);font-size:.96rem;font-weight:500;line-height:1.5}
.cash-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.cash-pills span{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--r-pill);
  font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--sp));
  border:1px solid rgba(var(--sp),.4);background:rgba(var(--sp),.1)}
.cash-pills span::before{content:"";width:6px;height:6px;border-radius:50%;background:rgb(var(--sp));
  box-shadow:0 0 8px rgba(var(--sp),.9)}
@media(max-width:640px){
  .cash-banner{flex-direction:column;align-items:flex-start}
  .cash-amount{width:100%}
}

/* ---------- SECTIONS ---------- */
.pr-section{margin-top:clamp(44px,7vh,88px)}
.pr-section.first{margin-top:clamp(28px,4.5vh,48px)}
.sec-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--muted);font-size:.7rem;
  font-weight:800;letter-spacing:.32em;text-transform:uppercase;margin:0 0 14px}
.sec-eyebrow::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--red),transparent)}
.pr-section h2{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.1rem);
  font-weight:800;line-height:.96;text-transform:uppercase;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.pr-section h2 i{font-style:normal;color:var(--red)}
.pr-section .sec-text{max-width:58ch;color:rgba(241,241,241,.74);font-size:1.04rem;font-weight:500;line-height:1.55}
.pr-section .sec-text a{color:rgb(var(--sp));text-decoration:none;border-bottom:1px solid rgba(var(--sp),.4);transition:border-color .2s}
.pr-section .sec-text a:hover{border-color:rgb(var(--sp))}
main.pr a{color:rgb(var(--sp))}
main.pr a:hover{color:#e2ff6a}

/* ---------- ÉTAPES ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,22px);margin-top:clamp(26px,4vw,40px)}
.step{position:relative;padding:clamp(24px,2.6vw,32px);border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--glass-brd);background:var(--glass);backdrop-filter:var(--blur);
  -webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-glass);
  transition:transform .35s cubic-bezier(.16,.84,.24,1),border-color .3s,box-shadow .3s}
.step::before{content:"";position:absolute;inset:1px 1px auto 1px;height:46%;border-radius:inherit;
  pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent)}
.step:hover{transform:translateY(-6px);border-color:rgba(var(--red-soft),.45);
  box-shadow:0 34px 74px rgba(0,0,0,.5),0 0 44px rgba(var(--red-soft),.14),inset 0 1px 0 var(--glass-hi)}
.step>*{position:relative}
.step .sn{font-family:var(--font-display);font-size:2.4rem;font-weight:800;line-height:1;
  color:rgba(255,255,255,.14);margin:0 0 16px}
.step h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.24rem;font-weight:700;color:#fff;
  text-transform:uppercase;letter-spacing:.01em}
.step p{margin:0;color:rgba(241,241,241,.72);font-size:.96rem;font-weight:500;line-height:1.5}

/* ---------- CARTE STAKEPRIX ---------- */
.sp-card{position:relative;display:flex;align-items:center;gap:clamp(18px,2.4vw,32px);flex-wrap:wrap;
  margin-top:clamp(26px,4vw,38px);padding:clamp(24px,3vw,38px);border-radius:var(--r-lg);overflow:hidden;
  border:1px solid rgba(var(--sp),.42);background:var(--glass);backdrop-filter:var(--blur);
  -webkit-backdrop-filter:var(--blur);
  box-shadow:0 30px 72px rgba(0,0,0,.5),0 0 54px rgba(var(--sp),.12),inset 0 1px 0 var(--glass-hi)}
.sp-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(80% 130% at 8% 26%,rgba(var(--sp),.16),transparent 62%)}
.sp-card>*{position:relative;z-index:1}
.sp-logo{flex:0 0 auto;display:grid;place-items:center;width:clamp(96px,11vw,132px);height:clamp(64px,7vw,80px);
  padding:12px 16px;border-radius:16px;border:1px solid rgba(var(--sp),.4);
  background:linear-gradient(150deg,rgba(var(--sp),.14),rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 26px rgba(var(--sp),.18)}
.sp-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.sp-txt{flex:1 1 260px;display:grid;gap:6px}
.sp-txt .sp-k{font-size:.66rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--sp),.95)}
.sp-txt strong{font-family:var(--font-display);font-size:clamp(1.2rem,2.1vw,1.66rem);font-weight:800;
  text-transform:uppercase;letter-spacing:-.01em;line-height:1.04;color:#fff}
.sp-txt p{margin:0;color:rgba(241,241,241,.68);font-size:.9rem;font-weight:500;line-height:1.5;max-width:46ch}
.sp-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:56px;padding:0 28px;border-radius:var(--r-pill);text-decoration:none;position:relative;
  overflow:hidden;isolation:isolate;color:#0a0d02;border:1px solid rgba(var(--sp),.8);
  font-family:var(--font-display);font-size:.84rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(180deg,rgb(var(--sp)),#a9cf22);
  box-shadow:0 14px 34px rgba(var(--sp),.24),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .22s,box-shadow .22s,filter .22s}
.sp-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 0 44px rgba(var(--sp),.42)}
.sp-btn::after{content:"";position:absolute;top:0;bottom:0;left:-34%;width:34%;z-index:2;pointer-events:none;
  transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
  opacity:0;transition:opacity .2s}
.sp-btn:hover::after{opacity:1;animation:spSheen .85s cubic-bezier(.2,.7,.3,1)}
@keyframes spSheen{from{left:-34%}to{left:120%}}
@media(prefers-reduced-motion:reduce){.sp-btn::after{display:none}}

/* ---------- TUTO PREUVE DE DÉPÔT ---------- */
.tuto{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,22px);margin-top:clamp(26px,4vw,38px)}
.tt{position:relative;padding:clamp(22px,2.4vw,28px);border-radius:var(--r-lg);
  border:1px solid var(--glass-brd);background:var(--glass-soft);backdrop-filter:var(--blur);
  -webkit-backdrop-filter:var(--blur);box-shadow:0 18px 44px rgba(0,0,0,.4),inset 0 1px 0 var(--glass-hi)}
.tt .tt-n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;
  margin:0 0 14px;font-family:var(--font-display);font-size:.82rem;font-weight:800;color:#fff;
  border:1px solid rgba(var(--red-soft),.6);background:rgba(var(--red-soft),.18);
  box-shadow:0 0 18px rgba(var(--red-soft),.28)}
.tt h4{margin:0 0 8px;font-family:var(--font-display);font-size:1.02rem;font-weight:700;color:#fff;
  letter-spacing:.01em;line-height:1.25}
.tt p{margin:0;color:rgba(241,241,241,.7);font-size:.9rem;font-weight:500;line-height:1.5}
.tt code{padding:2px 7px;border-radius:6px;font-family:var(--font-ui);font-size:.82rem;font-weight:700;
  color:rgb(var(--sp));background:rgba(var(--sp),.12);border:1px solid rgba(var(--sp),.28)}
/* mini illustration de l'UI StakePrix */
.tt-shot{margin:14px 0 0;padding:11px 12px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.1);
  background:rgba(6,7,10,.62);display:grid;gap:7px}
.tt-shot .row{display:flex;align-items:center;gap:8px}
.tt-shot .bal{font-family:var(--font-display);font-size:.8rem;font-weight:800;color:#fff;
  padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.07)}
.tt-shot .sq{width:26px;height:26px;border-radius:8px;flex:0 0 auto;display:grid;place-items:center;
  border:1.5px solid rgba(var(--sp),.85);background:rgba(var(--sp),.12);box-shadow:0 0 14px rgba(var(--sp),.35)}
.tt-shot .sq svg{width:15px;height:15px;stroke:rgb(var(--sp));fill:none;stroke-width:2}
.tt-shot .item{padding:6px 10px;border-radius:7px;font-size:.78rem;font-weight:600;color:rgba(241,241,241,.6);
  background:rgba(255,255,255,.05)}
.tt-shot .item.on{color:rgb(var(--sp));background:rgba(var(--sp),.13);border:1px solid rgba(var(--sp),.32);font-weight:700}
.tt-shot .sel{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border-radius:7px;
  font-size:.78rem;font-weight:600;color:rgba(241,241,241,.55);background:rgba(255,255,255,.05)}
.tt-shot .sel .cv{color:rgba(241,241,241,.4)}
.tt-shot .opt{padding:6px 11px;border-radius:7px;font-size:.78rem;font-weight:700;
  color:rgb(var(--sp));background:rgba(var(--sp),.13);border:1px solid rgba(var(--sp),.32)}

.tt-note{margin-top:clamp(18px,2.6vh,24px);padding:15px 20px;border-radius:var(--r-md);
  border:1px solid rgba(var(--crimzie-blue),.3);background:rgba(var(--crimzie-blue),.07);
  color:rgba(241,241,241,.76);font-size:.9rem;font-weight:500;line-height:1.55}
.tt-note b{color:#fff}

/* ---------- FORMULAIRE ---------- */
.pr-form-wrap{display:grid;grid-template-columns:1.3fr .85fr;gap:clamp(20px,2.4vw,30px);
  align-items:start;margin-top:clamp(26px,4vw,40px)}
.pr-card{position:relative;padding:clamp(26px,3vw,40px);border:1px solid var(--glass-brd);
  border-radius:var(--r-lg);background:var(--glass);backdrop-filter:var(--blur);
  -webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-glass);overflow:hidden}
.pr-card::before{content:"";position:absolute;inset:1px 1px auto 1px;height:110px;border-radius:inherit;
  pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent)}
.pr-card>*{position:relative}

.field{display:grid;gap:9px;margin:0 0 18px}
.field label{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(241,241,241,.86)}
.field input[type=email],.field input[type=text]{width:100%;min-height:56px;padding:0 18px;
  border-radius:var(--r-md);border:1px solid var(--glass-brd);background:rgba(8,9,13,.55);color:#fff;
  font:inherit;font-size:1.02rem;transition:border-color .2s,box-shadow .2s,background .2s}
.field input::placeholder{color:rgba(241,241,241,.34)}
.field input:focus{outline:none;border-color:rgba(var(--red-soft),.6);background:rgba(8,9,13,.75);
  box-shadow:0 0 0 3px rgba(var(--red-soft),.18)}
.field .hint{color:rgba(241,241,241,.45);font-size:.8rem;font-weight:500}

/* zone d'upload */
.drop{position:relative;display:grid;place-items:center;gap:10px;padding:clamp(24px,3vw,34px);
  border-radius:var(--r-md);border:1.5px dashed rgba(255,255,255,.22);background:rgba(8,9,13,.42);
  text-align:center;cursor:pointer;transition:border-color .25s,background .25s,transform .25s}
.drop:hover{border-color:rgba(var(--red-soft),.6);background:rgba(8,9,13,.6)}
.drop.over{border-color:rgb(var(--red-soft));background:rgba(var(--red-soft),.1);transform:scale(1.01)}
.drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop .di{width:40px;height:40px;stroke:rgba(241,241,241,.5);fill:none;stroke-width:1.8}
.drop .dt{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:#fff}
.drop .ds{color:rgba(241,241,241,.5);font-size:.82rem;font-weight:500}
.drop.filled{border-style:solid;border-color:rgba(var(--sp),.55);background:rgba(var(--sp),.08)}
.drop.filled .dt{color:rgb(var(--sp))}
.preview{display:none;margin:14px 0 0;border-radius:var(--r-md);overflow:hidden;
  border:1px solid var(--glass-brd);background:rgba(6,7,10,.6)}
.preview.show{display:block}
.preview img{width:100%;max-height:260px;object-fit:contain;display:block}
.preview .pv-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;
  border-top:1px solid rgba(255,255,255,.08)}
.preview .pv-name{color:rgba(241,241,241,.7);font-size:.82rem;font-weight:600;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.preview .pv-del{background:none;border:0;cursor:pointer;color:#ff8e79;font-size:.74rem;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase}

.pr-check{display:flex;align-items:flex-start;gap:12px;margin:20px 0 22px;cursor:pointer}
.pr-check input{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:22px;height:22px;margin:1px 0 0;
  border:1px solid var(--glass-brd);border-radius:6px;background:rgba(8,9,13,.6);cursor:pointer;
  display:grid;place-items:center;transition:border-color .2s,background .2s}
.pr-check input::after{content:"";width:10px;height:10px;border-radius:3px;transform:scale(0);
  background:rgb(var(--red-soft));box-shadow:0 0 10px rgba(var(--red-soft),.7);transition:transform .18s}
.pr-check input:checked{border-color:rgba(var(--red-soft),.7)}
.pr-check input:checked::after{transform:scale(1)}
.pr-check span{color:rgba(241,241,241,.74);font-size:.92rem;font-weight:500;line-height:1.45}

.btn-red{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;
  padding:0 28px;border-radius:var(--r-pill);cursor:pointer;position:relative;overflow:hidden;isolation:isolate;
  color:#fff;border:1px solid rgba(var(--red-soft),.7);font-family:var(--font-display);font-size:.84rem;
  font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(180deg,rgb(var(--red-soft)),#b51c10);
  box-shadow:0 14px 34px rgba(var(--red-soft),.32),inset 0 1px 0 rgba(255,255,255,.32);
  transition:transform .22s,box-shadow .22s,filter .22s,opacity .22s}
.btn-red:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.07);
  box-shadow:0 0 44px rgba(var(--red-soft),.5)}
.btn-red:disabled{opacity:.45;cursor:not-allowed}
.btn-red::after{content:"";position:absolute;top:0;bottom:0;left:-34%;width:34%;z-index:2;pointer-events:none;
  transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  opacity:0;transition:opacity .2s}
.btn-red:hover:not(:disabled)::after{opacity:1;animation:spSheen .85s cubic-bezier(.2,.7,.3,1)}
@media(prefers-reduced-motion:reduce){.btn-red::after{display:none}}
.pr-note{margin:16px 0 0;color:rgba(241,241,241,.5);font-size:.84rem;font-weight:500;line-height:1.5}
.form-msg{margin:14px 0 0;min-height:20px;font-size:.88rem;font-weight:600;color:rgba(241,241,241,.55)}
.form-msg.err{color:#ff8e79}
.form-msg.ok{color:rgb(var(--sp))}

/* aside récompense */
.pr-aside{display:grid;gap:18px}
.reward-card{position:relative;padding:clamp(22px,2.4vw,30px);border-radius:var(--r-lg);overflow:hidden;
  border:1px solid rgba(var(--red-soft),.4);
  background:linear-gradient(155deg,rgba(var(--red-soft),.14),rgba(20,12,12,.5));
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 40px rgba(var(--red-soft),.14),inset 0 1px 0 var(--glass-hi)}
.reward-card .rk{display:inline-flex;align-items:center;gap:9px;font-size:.66rem;font-weight:800;
  letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--red-soft),.95);margin:0 0 14px}
.reward-card .rk .dotpulse{width:8px;height:8px;border-radius:50%;background:var(--red);
  box-shadow:0 0 12px rgba(var(--red-soft),.9);animation:pulse 1.6s ease-in-out infinite}
.reward-card strong{display:block;font-family:var(--font-display);font-size:clamp(1.3rem,2.2vw,1.7rem);
  font-weight:800;line-height:1.08;color:#fff;margin:0 0 10px}
.reward-card p{margin:0;color:rgba(241,241,241,.72);font-size:.92rem;font-weight:500;line-height:1.5}
.check-list{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.check-list li{position:relative;padding-left:24px;color:rgba(241,241,241,.78);font-size:.9rem;
  font-weight:500;line-height:1.45}
.check-list li::before{content:"";position:absolute;left:4px;top:.42em;width:9px;height:9px;border-radius:2px;
  background:rgb(var(--red-soft));box-shadow:0 0 10px rgba(var(--red-soft),.6);transform:rotate(45deg)}

.info-card{padding:clamp(20px,2.2vw,26px);border-radius:var(--r-lg);border:1px solid var(--glass-brd);
  background:var(--glass-soft);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  box-shadow:0 18px 44px rgba(0,0,0,.4),inset 0 1px 0 var(--glass-hi)}
.info-card .ik{font-size:.66rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
  color:var(--muted);margin:0 0 10px}
.info-card strong{display:block;font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#fff;
  line-height:1.22;margin:0 0 8px}
.info-card p{margin:0;color:rgba(241,241,241,.7);font-size:.9rem;font-weight:500;line-height:1.5}

.legal-strip{margin-top:clamp(26px,4vh,40px);padding:16px 22px;border-radius:var(--r-md);
  border:1px solid rgba(var(--red-soft),.3);background:rgba(var(--red-soft),.06);text-align:center;
  color:rgba(241,241,241,.72);font-size:.86rem;font-weight:500;line-height:1.55}
.legal-strip b{color:#fff}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .pr-form-wrap{grid-template-columns:1fr}
  .steps,.tuto{grid-template-columns:1fr}
  .sp-card{flex-direction:column;align-items:flex-start;text-align:left}
  .sp-btn{width:100%}
}
@media(max-width:520px){main.pr{width:calc(100% - 30px)}}

/* ---------- révélations ---------- */
@media (prefers-reduced-motion:no-preference){
  html.reveal-on .rv{opacity:0;transform:translateY(38px) scale(.97);filter:blur(6px);
    transition:opacity .68s cubic-bezier(.16,.84,.24,1),transform .82s cubic-bezier(.16,.84,.24,1),filter .6s ease;
    transition-delay:calc(var(--rvi,0) * 72ms)}
  html.reveal-on .rv.is-in{opacity:1;transform:none;filter:none}
}