/* Landing parrainage — complète styles.css (CSP self). */

.pr-hero { position: relative; min-height: 80svh; display: flex; align-items: center; overflow: hidden; color: #fff; background: #0d0d10; }
.pr-hero-bg { position: absolute; inset: -10%; z-index: 0; background-image: url("assets/img/gen-wood.jpg"); background-size: cover; background-position: center; }
.pr-hero-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(10,10,13,.5) 0%, rgba(10,10,13,.42) 40%, rgba(10,10,13,.78) 100%); }
.pr-hero-inner { position: relative; z-index: 2; padding: clamp(86px,12vh,140px) 22px clamp(56px,9vh,100px); }
.pr-hero-inner h1 { font-size: clamp(2rem,5vw,3.5rem); font-weight: 800; letter-spacing: -0.025em; margin: 0 0 .4em; text-shadow: 0 4px 36px rgba(0,0,0,.4); max-width: 820px; }
.pr-hero-inner .accent { color: #ff8a92; }
.pr-badge { display: inline-block; font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #fff; background: var(--red); padding: 6px 14px; border-radius: 999px; margin: 0 0 1.1em; }
.pr-lead { max-width: 600px; font-size: clamp(1.05rem,1.7vw,1.25rem); color: rgba(255,255,255,.93); margin: 0 0 1.5em; }
.pr-cta-row { display: flex; flex-wrap: wrap; gap: 14px; }

/* Le deal : 2 cartes */
.pr-deal { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.pr-card { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 30px 26px; box-shadow: var(--shadow-sm); text-align: center; }
.pr-card--you { background: linear-gradient(180deg, #fff, #fff7f7); border-color: #f0d3d5; }
.pr-card--friend { background: linear-gradient(180deg, #fff, #faf8f5); }
.pr-ic { font-size: 2.4rem; margin-bottom: 8px; }
.pr-card h3 { font-size: 1.25rem; }
.pr-card p { color: var(--ink-2); margin: 0; }
@media (max-width: 700px) { .pr-deal { grid-template-columns: 1fr; } }

/* Formulaire */
.pr-formcard { max-width: 640px; margin: 0 auto; }
.pr-fieldset-title { font-size: .82rem; text-transform: uppercase; letter-spacing: .08em; color: var(--red); margin: 6px 0 12px; padding-top: 8px; border-top: 1px solid var(--line); }
.pr-fieldset-title:first-of-type { border-top: 0; padding-top: 0; }

/* FAQ (réutilise le style des autres pages) */
.gb-faq { max-width: 760px; margin: 0 auto; display: grid; gap: 12px; }
.gb-faq details { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 4px 18px; box-shadow: var(--shadow-sm); }
.gb-faq summary { cursor: pointer; font-weight: 700; padding: 14px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.gb-faq summary::-webkit-details-marker { display: none; }
.gb-faq summary::after { content: "+"; color: var(--red); font-size: 1.4rem; font-weight: 400; transition: transform .2s; }
.gb-faq details[open] summary::after { transform: rotate(45deg); }
.gb-faq details p { color: var(--ink-2); margin: 0 0 14px; }

/* Offre (3 colonnes, carte centrale mise en avant) */
.pr-offer { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; align-items: stretch; }
.pr-offer-item { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 28px 24px; box-shadow: var(--shadow-sm); text-align: center; }
.pr-offer-item--hi { background: linear-gradient(180deg,#fff,#fff7f7); border-color: #f0d3d5; box-shadow: 0 20px 44px -22px rgba(227,6,19,.55); }
.pr-offer-item h3 { font-size: 1.18rem; }
.pr-offer-item p { color: var(--ink-2); margin: 0; }
@media (max-width: 760px) { .pr-offer { grid-template-columns: 1fr; } }