
/* Parrainage : l'identité du site ; un seul élément marquant, le ticket de parrainage (simulation) */
.pa-hero{padding:56px 0 64px;background:linear-gradient(180deg,var(--paper) 0,var(--paper-3) 100%)}
.pa-hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.pa-hero h1{font-size:clamp(2rem,3.9vw,3.05rem);line-height:1.07;letter-spacing:-.025em;margin:0 0 18px;max-width:20ch}
.pa-hero .lead{font-size:1.18rem;max-width:44ch;margin:0 0 26px}
.pa-hero .lead b{color:var(--ink)}
.pa-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pa-garanties{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 20px;font-family:"Bricolage Grotesque",sans-serif;font-size:.95rem;color:var(--ink-2)}
.pa-garanties li{display:flex;gap:7px;align-items:center}.pa-garanties li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}

/* le ticket : un ticket de caisse, clin d'œil aux commerçants à qui l'on recommande Prévidoc */
.ticket{position:relative;background:#fff;padding:26px 26px 34px;border-radius:6px 6px 0 0;box-shadow:0 1px 2px rgba(21,37,30,.06),0 26px 50px -24px rgba(14,107,82,.35);transform:rotate(1.2deg);
  font-family:"Bricolage Grotesque",sans-serif;font-variant-numeric:tabular-nums;max-width:420px;justify-self:center;width:100%}
.ticket::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:12px;background:radial-gradient(circle at 8px 0,#fff 7.5px,transparent 8px) 0 0/16px 12px repeat-x}
.ticket-tete{text-align:center;border-bottom:1.5px dashed #C9D6CE;padding-bottom:14px;margin-bottom:16px}
.ticket-tete b{display:block;font-size:1.15rem;letter-spacing:-.01em}.ticket-tete span{font-size:.86rem;color:var(--ink-2)}
.ticket label{display:block;font-weight:600;font-size:.95rem;margin:0 0 6px}
.ticket .t-ligne{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ticket output{font-size:1.5rem;font-weight:800;color:var(--green)}
.ticket input[type=range]{width:100%;accent-color:var(--green);margin:4px 0 16px}
.ticket select{width:100%;font:inherit;font-size:.95rem;padding:9px 10px;border-radius:9px;border:1.5px solid var(--line);background:var(--paper);margin-bottom:18px}
.t-lignes{margin:0;border-top:1.5px dashed #C9D6CE;padding-top:12px}
.t-lignes div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:.97rem}
.t-lignes dt{color:var(--ink-2)}.t-lignes dd{margin:0;font-weight:700;white-space:nowrap}
.t-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--ink);margin-top:10px;padding-top:12px}
.t-total span{font-weight:700;font-size:1.05rem}.t-total b{font-size:2.3rem;font-weight:800;color:var(--green-deep);letter-spacing:-.02em;line-height:1}
.t-pied{font-size:.84rem;color:var(--ink-2);margin:12px 0 0;text-align:center;line-height:1.45}

/* le reste de la page : sobre */
.pa-bloc{padding:64px 0}.pa-bloc h2{font-size:clamp(1.6rem,2.8vw,2.15rem);letter-spacing:-.02em;margin:0 0 10px;max-width:24ch}
.pa-bloc .intro{color:var(--ink-2);max-width:60ch;margin:0 0 30px}
.pa-raisons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.pa-raisons div{border-top:3px solid var(--green);padding-top:16px}.pa-raisons h3{font-size:1.15rem;margin:0 0 6px}.pa-raisons p{margin:0;color:var(--ink-2);font-size:1rem}
.pa-profils{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 48px;margin:0;padding:0;list-style:none}
.pa-profils li{padding:14px 0;border-bottom:1px solid var(--line)}.pa-profils b{font-family:"Bricolage Grotesque",sans-serif;display:block;font-size:1.05rem}.pa-profils span{color:var(--ink-2);font-size:.98rem}
.pa-pro{margin:26px 0 0;padding:16px 20px;border-radius:12px;background:var(--paper-3);max-width:70ch}
.pa-etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;counter-reset:etape;margin:0;padding:0;list-style:none}
.pa-etapes li{counter-increment:etape}.pa-etapes li::before{content:counter(etape);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--sun);font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.2rem;margin-bottom:12px}
.pa-etapes h3{font-size:1.15rem;margin:0 0 6px}.pa-etapes p{margin:0;color:var(--ink-2);font-size:1rem}

/* l'inscription, sur un bandeau vert */
.pa-inscription{background:var(--green-deep);color:#fff;padding:64px 0}
.pa-inscription .wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.pa-inscription h2{color:#fff;font-size:clamp(1.6rem,2.8vw,2.15rem);letter-spacing:-.02em;margin:0 0 12px}
.pa-inscription .intro{color:#CFE3D9;margin:0 0 18px}
.pa-recap{margin:0;padding:0;list-style:none;display:grid;gap:10px}.pa-recap li{padding-left:22px;position:relative;color:#E7F1EC}.pa-recap li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;border-radius:50%;background:var(--sun)}
.pa-form{background:#fff;color:var(--ink);border-radius:16px;padding:26px;box-shadow:0 24px 48px -24px rgba(0,0,0,.4)}
.pa-champs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pa-champs label{display:grid;gap:5px;font-size:.92rem;font-weight:600;font-family:"Bricolage Grotesque",sans-serif}.pa-champs label:nth-child(3){grid-column:1/-1}
.pa-accepte{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;margin:16px 0;line-height:1.5;color:var(--ink-2)}.pa-accepte input{margin-top:4px;accent-color:var(--green)}
.pa-form .btn{width:100%;justify-content:center}
.pa-ok{background:#fff;color:var(--ink);border-radius:16px;padding:26px}.pa-ok h3{margin:0 0 6px;font-size:1.3rem}.pa-ok p{margin:0;color:var(--ink-2)}
.pa-ferme{background:#fff;color:var(--ink);border-radius:16px;padding:22px}

/* questions fréquentes : style commun « .faq » (accueil, plan d'hygiène), même largeur */

@media(max-width:900px){
  .pa-hero .wrap,.pa-inscription .wrap{grid-template-columns:1fr;gap:36px}
  .pa-raisons,.pa-etapes{grid-template-columns:1fr;gap:26px}.pa-profils{grid-template-columns:1fr}
  .ticket{transform:none}
}
@media(max-width:600px){.pa-champs{grid-template-columns:1fr}.pa-hero{padding:36px 0 48px}.pa-bloc,.pa-inscription{padding:48px 0}}
@media (prefers-reduced-motion:reduce){.t-total b{transition:none}}
