@font-face { font-family: 'Rubik'; src: url(data:font/woff2;base64,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) format('woff2'); font-weight: 400 900; font-style: normal; font-display: swap; }
:root {
--bg-primary: #FFFFFF;
--bg-secondary: #FFFFFF;
--bg-tertiary: #FAF4F1;
--accent: #C8102E;
--accent-dark: #9B0D24;
--gold: #9B0D24;
--gold-soft: #FBEFEE;
--accent-glow: transparent;
--gold-glow: transparent;
--text-primary: #1F1A1B;
--text-secondary: #5B5153;
--text-body: #3A3133;
--border: #E8DCD9;
--creme: #FAF4F1;
--rose: #FBEFEE;
--sombre: #1C0C10;
--or: #F2B84B;
--vert: #27a05a;
--vert-texte: #1E7F47;
--font-title: 'Rubik', 'Arial Rounded MT Bold', Arial, sans-serif;
--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--radius: 6px;
--radius-lg: 8px;
--transition: 0.15s ease;
--max-width: 1000px;
color-scheme: light;
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
font-family: var(--font-body);
background-color: var(--bg-primary);
color: var(--text-primary);
line-height: 1.6;
font-size: 16px;
overflow-x: hidden;
padding-bottom: 130px;
}
@media (max-width: 600px) {
body {
padding-bottom: 115px;
}
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: var(--accent);
text-decoration: none;
transition: color var(--transition);
}
a:hover {
color: var(--accent-dark);
}
ul,
ol {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-title);
font-weight: 700;
line-height: 1.2;
color: var(--text-primary);
}
h1 {
font-size: clamp(2rem, 5vw, 3.75rem);
letter-spacing: -0.5px;
}
h2 {
font-size: clamp(1.75rem, 4vw, 2.75rem);
margin-bottom: 1rem;
}
h3 {
font-size: clamp(1.25rem, 2.5vw, 1.5rem);
margin-bottom: 0.75rem;
}
p {
color: var(--text-secondary);
margin-bottom: 1rem;
}
.container {
width: 100%;
max-width: var(--max-width);
margin: 0 auto;
padding: 0 1.25rem;
}
section {
padding: 4rem 0;
position: relative;
}
section.alt {
background-color: var(--bg-tertiary);
}
.section-title {
text-align: center;
margin-bottom: 0.75rem;
}
.section-subtitle {
text-align: center;
color: var(--text-secondary);
margin-bottom: 3rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.btn {
display: inline-block;
padding: 0.95rem 2rem;
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
border: 2px solid transparent;
border-radius: var(--radius);
cursor: pointer;
text-align: center;
transition: all var(--transition);
letter-spacing: 0.3px;
}
.btn-primary {
background: linear-gradient(135deg, #27a05a 0%, #3ed48c 100%);
color: #fff;
box-shadow: 0 0 25px rgba(39, 160, 90, 0.45), 0 4px 15px rgba(39, 160, 90, 0.25);
animation: pulse-glow 2.5s ease-in-out infinite;
}
.btn-primary:hover {
transform: translateY(-2px) scale(1.02);
box-shadow: 0 0 40px rgba(39, 160, 90, 0.45), 0 6px 20px rgba(39, 160, 90, 0.35);
color: #fff;
}
.btn-gold {
background: linear-gradient(135deg, var(--gold) 0%, var(--gold-soft) 100%);
color: #fff;
box-shadow: 0 0 22px var(--gold-glow), 0 4px 14px rgba(107, 16, 34, 0.25);
}
.btn-gold:hover {
transform: translateY(-2px) scale(1.02);
box-shadow: 0 0 38px var(--gold-glow), 0 6px 20px rgba(107, 16, 34, 0.35);
color: #fff;
}
.btn-outline {
background: transparent;
color: var(--accent);
border-color: var(--accent);
}
.btn-outline:hover {
background: var(--accent);
color: #fff;
box-shadow: 0 0 20px var(--accent-glow);
}
.btn-large {
padding: 1.15rem 2.5rem;
font-size: 1.125rem;
line-height: 1.3;
max-width: 100%;
word-wrap: break-word;
}
@media (max-width: 600px) {
.btn {
line-height: 1.25;
word-wrap: break-word;
}
.btn-large {
padding: 0.95rem 1.4rem;
font-size: 1rem;
}
}
.btn-signup {
display: inline-flex !important;
align-items: center;
gap: 0.35rem;
}
.btn-signup-icon {
font-size: 1rem;
animation: hero-icon-pulse 1.4s ease-in-out infinite;
filter: drop-shadow(0 0 6px rgba(200, 16, 46, 0.7));
}
@media (max-width: 600px) {
.btn-signup {
gap: 0.3rem;
}
.btn-signup-icon {
font-size: 1.05rem;
}
}
@keyframes pulse-glow {
0%, 100% { box-shadow: 0 0 25px rgba(39, 160, 90, 0.45), 0 4px 15px rgba(39, 160, 90, 0.25); }
50% { box-shadow: 0 0 45px rgba(39, 160, 90, 0.5), 0 6px 20px rgba(39, 160, 90, 0.35); }
}
.btn-hero {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.7rem;
padding: 1.25rem 2.6rem;
font-size: 1.15rem;
font-weight: 800;
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 60px;
background:
linear-gradient(135deg, #27a05a 0%, #2fbf74 50%, #3ed48c 100%);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.4);
box-shadow:
0 0 30px rgba(39, 160, 90, 0.45),
0 8px 25px rgba(39, 160, 90, 0.35),
inset 0 1px 0 rgba(255, 255, 255, 0.5);
overflow: hidden;
isolation: isolate;
animation: pulse-glow 2.5s ease-in-out infinite;
}
.btn-hero::before {
content: "";
position: absolute;
top: 0;
left: -130%;
width: 60%;
height: 100%;
background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.55) 50%, transparent 100%);
transform: skewX(-20deg);
animation: hero-shine 3.5s ease-in-out infinite;
pointer-events: none;
z-index: 1;
}
.btn-hero-icon,
.btn-hero-text,
.btn-hero-arrow {
position: relative;
z-index: 2;
}
.btn-hero-icon {
font-size: 1.3rem;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
animation: hero-icon-pulse 1.6s ease-in-out infinite;
}
.btn-hero-arrow {
font-size: 1.3rem;
font-weight: 900;
transition: transform 0.25s ease;
}
.btn-hero:hover {
transform: translateY(-3px) scale(1.03);
color: #fff;
box-shadow:
0 0 50px rgba(39, 160, 90, 0.5),
0 14px 35px rgba(39, 160, 90, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.btn-hero:hover .btn-hero-arrow {
transform: translateX(6px);
}
@keyframes hero-shine {
0% { left: -130%; }
55% { left: 150%; }
100% { left: 150%; }
}
@keyframes hero-icon-pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.15); }
}
.btn-hero-text {
white-space: nowrap;
}
@media (max-width: 600px) {
.btn-hero {
padding: 0.9rem 1.3rem;
font-size: 0.85rem;
gap: 0.45rem;
letter-spacing: 0;
text-transform: none;
max-width: calc(100% - 1rem);
}
.btn-hero-icon,
.btn-hero-arrow {
font-size: 1rem;
}
}
@media (max-width: 380px) {
.btn-hero {
padding: 0.85rem 1rem;
font-size: 0.8rem;
gap: 0.35rem;
}
.btn-hero-arrow {
display: none;
}
}
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 1rem 0;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-bottom: 1px solid transparent;
transition: all var(--transition);
}
.site-header.scrolled {
background: #FFFFFF;
border-bottom-color: var(--border);
box-shadow: 0 4px 20px rgba(200, 16, 46, 0.12);
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.logo {
display: flex;
align-items: center;
gap: 0.6rem;
text-decoration: none;
font-family: var(--font-title);
font-size: 1.4rem;
font-weight: 700;
color: var(--text-primary);
letter-spacing: 0.5px;
}
.logo:hover {
color: var(--text-primary);
}
.logo-img {
width: 88px;
height: 88px;
border-radius: 50%;
display: block;
flex-shrink: 0;
object-fit: contain;
background: transparent;
padding: 4px;
box-shadow: 0 0 24px var(--accent-glow);
transition: transform var(--transition), box-shadow var(--transition);
}
.logo:hover .logo-img {
transform: scale(1.05);
box-shadow: 0 0 22px var(--gold-glow);
}
.footer-brand .logo-img {
width: 38px;
height: 38px;
}
.header-actions {
display: flex;
align-items: center;
gap: 0.75rem;
}
.header-actions .btn {
padding: 0.6rem 1.2rem;
font-size: 0.9rem;
}
.btn-login {
display: none;
}
@media (min-width: 768px) {
.btn-login {
display: inline-block;
}
}
.hero {
min-height: 100vh;
display: flex;
align-items: center;
padding: 7rem 1.25rem 4rem;
position: relative;
overflow: hidden;
background:
radial-gradient(ellipse at top, rgba(200, 16, 46, 0.45) 0%, transparent 60%),
radial-gradient(ellipse at bottom, rgba(200, 16, 46, 0.35) 0%, transparent 60%),
var(--bg-primary);
}
@media (max-width: 767px) {
.hero {
padding-top: 11rem;
}
}
.hero::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.4));
background-size: cover;
background-position: center;
opacity: 0.6;
z-index: 0;
}
.hero-grid {
width: 100%;
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
align-items: center;
position: relative;
z-index: 1;
}
@media (min-width: 1024px) {
.hero-grid {
grid-template-columns: 1.15fr 1fr;
gap: 3.5rem;
}
}
.hero-content {
text-align: center;
}
@media (min-width: 1024px) {
.hero-content {
text-align: left;
}
}
.hero h1 {
margin-bottom: 1.25rem;
background: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent) 50%, var(--gold) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero-subtitle {
font-size: clamp(1rem, 2vw, 1.25rem);
color: var(--text-primary);
margin-bottom: 2.5rem;
}
@media (max-width: 1023px) {
.hero-subtitle {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
}
.hero-mention {
margin-top: 1.25rem;
color: var(--text-secondary);
font-size: 0.9rem;
letter-spacing: 0.5px;
}
.hero-image {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.hero-image::before {
content: "";
position: absolute;
width: 380px;
height: 380px;
max-width: 100%;
border-radius: 50%;
background: radial-gradient(circle, rgba(200, 16, 46, 0.4) 0%, transparent 65%);
filter: blur(20px);
z-index: 0;
}
.hero-image img {
position: relative;
z-index: 1;
max-width: 290px;
width: 100%;
height: auto;
border-radius: 28px;
box-shadow:
0 0 60px rgba(200, 16, 46, 0.35),
0 25px 60px rgba(155, 13, 36, 0.3);
transform: rotate(-3deg);
transition: transform 0.6s ease, box-shadow 0.6s ease;
}
.hero-image img:hover {
transform: rotate(0deg) scale(1.04);
box-shadow:
0 0 80px rgba(200, 16, 46, 0.45),
0 30px 70px rgba(155, 13, 36, 0.4);
}
@media (min-width: 1024px) {
.hero-image img {
max-width: 320px;
}
}
.profiles-showcase {
padding: 2.5rem 1.25rem;
background: var(--bg-primary);
}
.showcase-image {
display: block;
width: 100%;
max-width: 420px;
margin: 0 auto;
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid var(--border);
box-shadow:
0 0 50px rgba(200, 16, 46, 0.18),
0 20px 50px rgba(155, 13, 36, 0.18);
position: relative;
transition: transform var(--transition), box-shadow var(--transition);
}
.showcase-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 60%, rgba(255, 255, 255, 0.35) 100%);
pointer-events: none;
}
.showcase-image:hover {
transform: translateY(-4px);
box-shadow:
0 0 70px rgba(200, 16, 46, 0.35),
0 25px 60px rgba(155, 13, 36, 0.25);
}
.showcase-image img {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 600px) {
.showcase-image {
max-width: 100%;
}
}
.stats {
background: var(--bg-secondary);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
padding: 2.5rem 0;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
text-align: center;
}
@media (min-width: 768px) {
.stats-grid {
grid-template-columns: repeat(4, 1fr);
}
}
.stat-item {
padding: 0.5rem;
}
.stat-number {
font-family: var(--font-title);
font-size: clamp(1.75rem, 4vw, 2.75rem);
font-weight: 700;
color: var(--accent);
line-height: 1;
margin-bottom: 0.5rem;
text-shadow: 0 0 20px var(--accent-glow);
}
.stat-label {
font-size: 0.9rem;
color: var(--text-secondary);
text-transform: uppercase;
letter-spacing: 1px;
}
.grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media (min-width: 768px) {
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(2, 1fr); }
.grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
}
.card {
background: var(--bg-secondary);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 1.75rem;
transition: all var(--transition);
position: relative;
overflow: hidden;
}
.card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, var(--accent), var(--gold), transparent);
opacity: 0;
transition: opacity var(--transition);
}
.card:hover {
border-color: var(--accent);
transform: translateY(-4px);
box-shadow: 0 10px 30px rgba(200, 16, 46, 0.15), 0 0 20px var(--accent-glow);
}
.card:hover::before {
opacity: 1;
}
.card-icon {
font-size: 2rem;
margin-bottom: 1rem;
display: inline-block;
}
.card h3 {
margin-bottom: 0.5rem;
color: var(--text-primary);
}
.card-percent {
display: inline-block;
margin-left: 0.5rem;
font-size: 0.85rem;
color: var(--accent);
font-weight: 700;
font-family: var(--font-body);
}
.card p {
font-size: 0.95rem;
margin-bottom: 0;
}
.profiles-cta,
.section-cta {
text-align: center;
margin-top: 2.5rem;
}
.pricing-table-wrap {
overflow-x: auto;
border-radius: var(--radius-lg);
border: 1px solid var(--border);
margin-bottom: 1.5rem;
}
.pricing-table {
width: 100%;
border-collapse: collapse;
background: var(--bg-secondary);
}
.pricing-table th,
.pricing-table td {
padding: 1.1rem 1.25rem;
text-align: left;
border-bottom: 1px solid var(--border);
}
.pricing-table th {
background: var(--bg-tertiary);
color: var(--accent);
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 1px;
font-weight: 700;
}
.pricing-table tbody tr:last-child td {
border-bottom: none;
}
.pricing-table tbody tr:hover {
background: rgba(200, 16, 46, 0.06);
}
.pricing-table .price {
color: var(--accent);
font-weight: 700;
font-size: 1.05rem;
white-space: nowrap;
}
.pricing-mention {
text-align: center;
font-size: 0.9rem;
color: var(--text-secondary);
margin-bottom: 2rem;
}
.testimonial {
background: var(--bg-secondary);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 1.75rem;
position: relative;
transition: all var(--transition);
}
.testimonial:hover {
border-color: var(--gold);
transform: translateY(-4px);
box-shadow: 0 10px 30px rgba(200, 16, 46, 0.12);
}
.testimonial::before {
content: "“";
position: absolute;
top: -10px;
left: 15px;
font-family: var(--font-title);
font-size: 5rem;
color: var(--accent);
opacity: 0.3;
line-height: 1;
}
.testimonial-stars {
color: #FFD700;
font-size: 1.05rem;
margin-bottom: 0.75rem;
letter-spacing: 2px;
}
.testimonial-text {
font-style: italic;
color: var(--text-primary);
margin-bottom: 1rem;
position: relative;
z-index: 1;
}
.testimonial-author {
font-weight: 600;
color: var(--accent);
font-size: 0.95rem;
border-top: 1px solid var(--border);
padding-top: 0.75rem;
}
.testimonial-author span {
display: block;
color: var(--text-secondary);
font-weight: 400;
font-size: 0.85rem;
margin-top: 0.2rem;
}
@media (max-width: 767px) {
.testimonials-grid {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: visible;
scroll-snap-type: x mandatory;
gap: 1rem;
margin: 0 -1.25rem;
padding: 0.5rem 1.25rem 1.25rem;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
scroll-padding-left: 1.25rem;
}
.testimonials-grid::-webkit-scrollbar {
display: none;
}
.testimonials-grid .testimonial {
flex: 0 0 86%;
max-width: 86%;
scroll-snap-align: start;
scroll-snap-stop: always;
}
.testimonials-grid .testimonial:hover {
transform: none;
}
.testimonials-hint {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
margin-top: 0.5rem;
font-size: 0.78rem;
color: #5B5153;
letter-spacing: 0.5px;
animation: hint-slide 2.4s ease-in-out infinite;
}
.testimonials-hint::before {
content: "←";
color: var(--accent);
}
.testimonials-hint::after {
content: "→";
color: var(--accent);
}
@keyframes hint-slide {
0%, 100% { opacity: 0.85; }
50% { opacity: 1; }
}
}
@media (min-width: 768px) {
.testimonials-hint {
display: none;
}
}
.steps {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
counter-reset: step;
}
@media (min-width: 768px) {
.steps {
grid-template-columns: repeat(5, 1fr);
}
}
.step {
background: var(--bg-secondary);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 1.75rem 1.25rem;
text-align: center;
position: relative;
transition: all var(--transition);
}
.step:hover {
border-color: var(--accent);
transform: translateY(-4px);
}
.step-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
background: linear-gradient(135deg, var(--accent), var(--gold));
color: #fff;
font-family: var(--font-title);
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1rem;
box-shadow: 0 0 15px var(--accent-glow);
}
.step h3 {
font-size: 1.05rem;
margin-bottom: 0.5rem;
}
.step p {
font-size: 0.875rem;
margin-bottom: 0;
}
.faq {
max-width: 800px;
margin: 0 auto;
}
.faq-item {
background: var(--bg-secondary);
border: 1px solid var(--border);
border-radius: var(--radius);
margin-bottom: 0.75rem;
overflow: hidden;
transition: all var(--transition);
}
.faq-item.active {
border-color: var(--accent);
box-shadow: 0 0 20px rgba(200, 16, 46, 0.15);
}
.faq-question {
width: 100%;
background: none;
border: none;
color: var(--text-primary);
font-family: var(--font-body);
font-size: 1rem;
font-weight: 600;
padding: 1.1rem 1.25rem;
text-align: left;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
transition: color var(--transition);
}
.faq-question:hover {
color: var(--accent);
}
.faq-icon {
font-size: 1.5rem;
color: var(--accent);
transition: transform var(--transition);
flex-shrink: 0;
}
.faq-item.active .faq-icon {
transform: rotate(45deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
.faq-answer-inner {
padding: 0 1.25rem 1.25rem;
color: var(--text-secondary);
border-top: 1px solid var(--border);
padding-top: 1rem;
}
.faq-item.active .faq-answer {
max-height: 500px;
}
.cta-final {
text-align: center;
padding: 5rem 1.25rem;
background:
radial-gradient(ellipse at center, rgba(200, 16, 46, 0.18) 0%, transparent 70%),
var(--bg-tertiary);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.cta-final h2 {
margin-bottom: 1rem;
}
.cta-final p {
max-width: 600px;
margin: 0 auto 2rem;
color: var(--text-primary);
}
.site-footer {
background: #1C0C10;
border-top: 1px solid var(--border);
padding: 3.5rem 0 1.5rem;
color: #EFE5E3;
}
.site-footer p,
.site-footer .footer-tagline,
.site-footer .footer-bottom,
.site-footer .footer-col p {
color: #CDBDBA;
}
.footer-grid {
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
.footer-grid {
grid-template-columns: 1.4fr 1fr 1fr;
}
}
.footer-col-empty {
display: none;
}
@media (min-width: 768px) {
.footer-col-empty {
display: block;
}
}
.footer-contact {
display: inline-flex;
align-items: center;
gap: 0.55rem;
padding: 0.65rem 0.9rem;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(242, 208, 213, 0.2);
border-radius: var(--radius);
color: #EFE5E3;
font-size: 0.92rem;
text-decoration: none;
transition: all var(--transition);
}
.footer-contact:hover {
border-color: var(--gold);
color: var(--gold);
box-shadow: 0 0 18px rgba(200, 16, 46, 0.25);
transform: translateY(-1px);
}
.footer-contact-icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--gold);
flex-shrink: 0;
}
.footer-contact-icon svg {
display: block;
}
.footer-col h4,
.footer-col .footer-titre {
font-weight: 700;
line-height: 1.2;
font-family: var(--font-title);
font-size: 1.1rem;
color: var(--gold);
margin-bottom: 1rem;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.footer-col p,
.footer-col li {
font-size: 0.9rem;
margin-bottom: 0.6rem;
line-height: 1.5;
}
.footer-col a {
color: #CDBDBA;
transition: color var(--transition);
}
.footer-col a:hover {
color: var(--gold);
}
.footer-brand {
display: inline-flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1rem;
text-decoration: none;
color: inherit;
transition: opacity var(--transition);
}
.footer-brand:hover {
opacity: 0.85;
}
.footer-brand:hover .footer-brand-name {
color: var(--gold);
}
.footer-brand-name {
transition: color var(--transition);
}
.footer-brand-name {
font-family: var(--font-title);
font-size: 1.25rem;
color: #FFFFFF;
font-weight: 700;
}
.footer-tagline {
font-size: 0.9rem;
max-width: 320px;
}
.footer-age {
display: inline-block;
margin-top: 1rem;
padding: 0.25rem 0.75rem;
background: var(--accent);
color: #fff;
border-radius: 50px;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 1px;
}
.footer-bottom {
text-align: center;
padding-top: 1.5rem;
border-top: 1px solid rgba(242, 208, 213, 0.15);
font-size: 0.85rem;
}
.ptprelinker-content {
max-width: 640px;
margin: 2.5rem auto 0;
background: linear-gradient(145deg, #FFFFFF, var(--bg-tertiary));
border: 1px solid var(--border);
border-radius: var(--radius-lg);
box-shadow: 0 0 40px rgba(200, 16, 46, 0.18), 0 8px 24px rgba(155, 13, 36, 0.15);
padding: 2.5rem;
font-family: var(--font-body);
color: var(--text-primary);
position: relative;
overflow: hidden;
text-align: left;
transition: box-shadow var(--transition);
}
.ptprelinker-content:hover {
box-shadow: 0 0 55px rgba(200, 16, 46, 0.25), 0 10px 30px rgba(155, 13, 36, 0.2);
}
.ptprelinker-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--accent), var(--gold), var(--gold-soft));
}
.ptprelinker-content h1,
.ptprelinker-content h2,
.ptprelinker-content h3,
.ptprelinker-content h4,
.ptprelinker-content h5 {
font-family: var(--font-title);
color: var(--accent);
text-shadow: 0 0 12px rgba(200, 16, 46, 0.18);
margin-bottom: 1rem;
text-align: center;
font-weight: 700;
}
.ptprelinker-content h2 { font-size: 1.6rem; }
.ptprelinker-content h3 { font-size: 1.3rem; }
.ptprelinker-content p {
color: var(--text-secondary);
line-height: 1.6;
margin-bottom: 1rem;
font-size: 0.95rem;
}
.ptprelinker-content label {
display: block;
color: var(--text-primary);
font-weight: 500;
font-size: 0.95rem;
margin-bottom: 0.5rem;
}
.ptprelinker-content input[type="text"],
.ptprelinker-content input[type="email"],
.ptprelinker-content input[type="password"],
.ptprelinker-content input[type="tel"],
.ptprelinker-content input[type="number"],
.ptprelinker-content input[type="date"],
.ptprelinker-content input[type="search"],
.ptprelinker-content input[type="url"],
.ptprelinker-content input:not([type]),
.ptprelinker-content select,
.ptprelinker-content textarea {
width: 100%;
padding: 0.85rem 1rem;
background: #FFFFFF;
border: 1px solid var(--border);
border-radius: var(--radius);
color: var(--text-primary);
font-family: var(--font-body);
font-size: 1rem;
margin-bottom: 1rem;
transition: all var(--transition);
-webkit-appearance: none;
appearance: none;
}
.ptprelinker-content input:focus,
.ptprelinker-content select:focus,
.ptprelinker-content textarea:focus {
outline: none;
border-color: var(--accent);
box-shadow: 0 0 0 3px var(--accent-glow);
background: #FFFFFF;
}
.ptprelinker-content input::placeholder,
.ptprelinker-content textarea::placeholder {
color: var(--text-secondary);
opacity: 0.7;
}
.ptprelinker-content textarea {
resize: vertical;
min-height: 100px;
}
.ptprelinker-content select {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23C41E3A' d='M6 8L0 0h12z'/></svg>");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 12px 8px;
padding-right: 2.5rem;
}
.ptprelinker-content input[type="radio"],
.ptprelinker-content input[type="checkbox"] {
width: auto;
margin: 0 0.5rem 0 0;
accent-color: var(--accent);
transform: scale(1.1);
vertical-align: middle;
}
.ptprelinker-content button,
.ptprelinker-content input[type="submit"],
.ptprelinker-content input[type="button"],
.ptprelinker-content .btn {
display: block;
width: 100%;
padding: 1rem 2rem;
margin-top: 1rem;
background: linear-gradient(135deg, #27a05a 0%, #3ed48c 100%);
color: #fff;
border: 2px solid transparent;
border-radius: var(--radius);
font-family: var(--font-body);
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.5px;
cursor: pointer;
text-transform: uppercase;
text-align: center;
text-decoration: none;
box-shadow: 0 0 25px rgba(39, 160, 90, 0.45), 0 4px 15px rgba(39, 160, 90, 0.3);
animation: pulse-glow 2.5s ease-in-out infinite;
transition: transform var(--transition), box-shadow var(--transition);
}
.ptprelinker-content button:hover,
.ptprelinker-content input[type="submit"]:hover,
.ptprelinker-content input[type="button"]:hover,
.ptprelinker-content .btn:hover {
transform: translateY(-2px) scale(1.02);
box-shadow: 0 0 45px rgba(39, 160, 90, 0.5), 0 6px 22px rgba(39, 160, 90, 0.4);
}
.ptprelinker-content small {
color: var(--text-secondary);
font-size: 0.85rem;
}
@media (max-width: 768px) {
.ptprelinker-content {
padding: 1.75rem 1.25rem;
margin-top: 2rem;
}
}
.bottom-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9999;
padding: 0.75rem 1rem;
background: linear-gradient(135deg, #9B0D24 0%, #C8102E 50%, #C8102E 100%);
border-top: 2px solid var(--gold);
box-shadow: 0 -6px 28px rgba(155, 13, 36, 0.45);
}
.bottom-bar::before {
content: "";
position: absolute;
top: -2px;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, var(--gold), transparent);
pointer-events: none;
}
.bottom-bar-inner {
width: 100%;
max-width: 760px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.5rem;
text-align: center;
}
.bottom-bar-info {
display: inline-flex;
align-items: center;
gap: 0.5rem;
line-height: 1.1;
}
.bottom-bar-dot {
width: 9px;
height: 9px;
border-radius: 50%;
background: #2ecc71;
box-shadow: 0 0 10px #2ecc71, 0 0 4px #2ecc71;
animation: dot-pulse-live 1.4s ease-in-out infinite;
flex-shrink: 0;
}
@keyframes dot-pulse-live {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.4; transform: scale(1.4); }
}
.bottom-bar-counter {
font-family: var(--font-title);
font-size: 1rem;
font-weight: 700;
color: #FFFFFF;
letter-spacing: 0.3px;
}
.bottom-bar-counter span {
color: #FFD700;
text-shadow: 0 0 12px rgba(255, 215, 0, 0.6);
font-size: 1.15em;
}
.bottom-bar-cta {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6rem;
padding: 0.95rem 2.2rem;
background: linear-gradient(135deg, #27a05a 0%, #2fbf74 50%, #3ed48c 100%);
color: #1C0C10;
font-family: var(--font-body);
font-weight: 800;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.8px;
border-radius: 50px;
text-decoration: none;
white-space: nowrap;
box-shadow:
0 0 22px var(--gold-glow),
0 6px 18px rgba(155, 13, 36, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.7);
animation: pulse-glow-gold 2.2s ease-in-out infinite;
transition: transform 0.25s ease, box-shadow 0.25s ease;
overflow: hidden;
isolation: isolate;
}
.bottom-bar-cta::before {
content: "";
position: absolute;
top: 0;
left: -120%;
width: 60%;
height: 100%;
background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);
transform: skewX(-20deg);
animation: shine-sweep 3.2s ease-in-out infinite;
pointer-events: none;
z-index: 1;
}
.bottom-bar-cta-icon,
.bottom-bar-cta-text,
.bottom-bar-cta-arrow {
position: relative;
z-index: 2;
}
.bottom-bar-cta-icon {
font-size: 1.1rem;
filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.4));
}
.bottom-bar-cta-arrow {
font-size: 1.15rem;
font-weight: 900;
transition: transform 0.25s ease;
}
.bottom-bar-cta:hover {
transform: translateY(-2px) scale(1.03);
color: #1C0C10;
box-shadow:
0 0 38px var(--gold-glow),
0 10px 25px rgba(155, 13, 36, 0.55),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.bottom-bar-cta:hover .bottom-bar-cta-arrow {
transform: translateX(4px);
}
@keyframes pulse-glow-gold {
0%, 100% {
box-shadow:
0 0 22px var(--gold-glow),
0 6px 18px rgba(155, 13, 36, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
50% {
box-shadow:
0 0 38px var(--gold-glow),
0 8px 22px rgba(155, 13, 36, 0.55),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
}
@keyframes shine-sweep {
0% { left: -120%; }
60% { left: 140%; }
100% { left: 140%; }
}
@media (max-width: 600px) {
.bottom-bar {
padding: 0.6rem 0.75rem;
}
.bottom-bar-counter {
font-size: 0.85rem;
}
.bottom-bar-cta {
padding: 0.85rem 1.5rem;
font-size: 0.9rem;
letter-spacing: 0.5px;
}
.bottom-bar-cta-icon {
font-size: 1rem;
}
}
@media (max-width: 380px) {
.bottom-bar-counter {
font-size: 0.78rem;
}
.bottom-bar-cta {
padding: 0.75rem 1.1rem;
font-size: 0.8rem;
gap: 0.4rem;
}
}
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
.text-center { text-align: center; }
.mt-2 { margin-top: 2rem; }
.mb-2 { margin-bottom: 2rem; }
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: var(--bg-tertiary);
}
::-webkit-scrollbar-thumb {
background: var(--accent);
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--accent-dark);
}
::selection {
background: var(--accent);
color: #fff;
}
.jmr-visuel {
margin: 0 auto 2.5rem;
text-align: center;
}
.jmr-visuel img {
display: inline-block;
width: 100%;
height: auto;
border-radius: 18px;
box-shadow: 0 18px 40px rgba(200, 16, 46, 0.14);
}
.jmr-carre { max-width: 320px; }
.jmr-mobile { max-width: 220px; }
.jmr-large { max-width: 760px; }
.jmr-quiz {
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
background: rgba(36, 16, 22, 0.62);
opacity: 0;
transition: opacity 0.2s ease;
}
.jmr-quiz.is-open { opacity: 1; }
.jmr-quiz-box {
position: relative;
width: 100%;
max-width: 440px;
max-height: calc(100vh - 2rem);
overflow-y: auto;
padding: 1.75rem 1.5rem 1.5rem;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);
transform: translateY(12px);
transition: transform 0.2s ease;
}
.jmr-quiz.is-open .jmr-quiz-box { transform: none; }
.jmr-quiz-close {
position: absolute;
top: 0.6rem;
right: 0.7rem;
width: 40px;
height: 40px;
border: 0;
border-radius: 50%;
background: var(--bg-tertiary);
color: var(--text-primary);
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
}
.jmr-quiz-head {
margin: 0 2.5rem 1rem 0;
color: var(--accent);
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.jmr-quiz-bar {
height: 6px;
margin-bottom: 1.25rem;
border-radius: 6px;
background: var(--bg-tertiary);
overflow: hidden;
}
.jmr-quiz-bar span {
display: block;
height: 100%;
width: 25%;
border-radius: 6px;
background: linear-gradient(90deg, #27a05a, #3ed48c);
transition: width 0.25s ease;
}
.jmr-quiz-q {
margin: 0 0 1rem;
color: var(--text-primary);
font-size: 1.35rem;
font-weight: 700;
line-height: 1.3;
}
.jmr-quiz-opts {
display: grid;
gap: 0.6rem;
}
.jmr-quiz-opt {
width: 100%;
min-height: 52px;
padding: 0.8rem 1rem;
border: 2px solid var(--border);
border-radius: 14px;
background: var(--bg-primary);
color: var(--text-primary);
font: inherit;
font-weight: 600;
text-align: left;
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease;
}
.jmr-quiz-opt:hover,
.jmr-quiz-opt:focus-visible {
border-color: var(--accent);
background: var(--bg-tertiary);
outline: none;
}
.jmr-quiz-go {
display: block;
width: 100%;
min-height: 54px;
margin-top: 0.5rem;
border: 0;
border-radius: 999px;
background: linear-gradient(135deg, #27a05a 0%, #3ed48c 100%);
color: #ffffff;
font: inherit;
font-size: 1.05rem;
font-weight: 800;
cursor: pointer;
box-shadow: 0 10px 28px rgba(39, 160, 90, 0.35);
}
.jmr-quiz-txt {
margin: 0 0 1rem;
color: var(--text-secondary);
}
.jmr-quiz-fine {
margin: 0.9rem 0 0;
color: var(--text-secondary);
font-size: 0.8rem;
text-align: center;
}
body.jmr-quiz-lock { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
.jmr-quiz, .jmr-quiz-box, .jmr-quiz-bar span { transition: none; }
}
h1, h2, h3 { font-family: var(--font-title); font-weight: 400; letter-spacing: .01em; text-wrap: balance; }
.section-title { line-height: 1.08; }
.section-title .num { color: var(--accent); margin-right: .25em; }
a { color: var(--accent); }
.zp-progress { position: fixed; top: 0; left: 0; height: 3px; width: 100%; transform-origin: 0 50%; transform: scaleX(0);
background: var(--accent); z-index: 1001; pointer-events: none; }
.zp-logo { display: inline-flex; align-items: center; gap: .55rem; text-decoration: none; color: var(--text-primary); }
.zp-logo img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid var(--accent); }
.zp-logo span { font: 400 1.55rem/1 var(--font-title); letter-spacing: .02em; }
.zp-logo b { color: var(--accent); font-weight: 400; }
.hero .hero-image img { border-radius: var(--radius-lg); aspect-ratio: 832 / 1024; object-fit: cover; height: auto; max-width: 100%; }
.zp-hero-badge { display: inline-flex; gap: .4rem; align-items: center; font-size: .82rem; color: #EDE3E1;
border: 1px solid rgba(255, 255, 255, .22); border-radius: 4px; padding: .3rem .75rem; margin-bottom: 1rem; }
.zp-essentiel { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.25rem; }
.zp-essentiel p { margin: 0 0 .6rem; font-weight: 700; color: var(--gold); letter-spacing: .06em; text-transform: uppercase; font-size: .78rem; }
.zp-essentiel ul { margin: 0; padding-left: 1.1rem; display: grid; gap: .45rem; }
.zp-essentiel li strong { color: var(--text-primary); }
.zp-toc { position: sticky; top: 0; z-index: 90; background: var(--bg-primary); border-bottom: 1px solid var(--border); }
.zp-toc .container { display: flex; gap: .75rem; align-items: center; padding-block: .55rem; }
.zp-toc h2 { font-size: .95rem; margin: 0; white-space: nowrap; color: var(--text-secondary); font-family: var(--font-body); font-weight: 600; }
.zp-toc-liens { display: flex; gap: .4rem; margin: 0; padding: 0; overflow-x: auto; scrollbar-width: none; }
.zp-toc-liens::-webkit-scrollbar { display: none; }
.zp-toc a { display: inline-flex; gap: .3rem; align-items: center; white-space: nowrap; text-decoration: none; color: var(--text-primary);
font-size: .85rem; border: 1px solid var(--border); border-radius: var(--radius); padding: .35rem .7rem; }
.zp-toc a small { color: var(--accent); font-weight: 700; }
.zp-toc a.is-on { background: var(--accent); border-color: var(--accent); color: #fff; }
.zp-toc a.is-on small { color: #fff; }
@media (max-width: 760px) { .zp-toc h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } }
.zp-table-wrap { overflow-x: auto; border-radius: var(--radius); border: 1px solid var(--border); background: #fff; }
.zp-table { width: 100%; border-collapse: collapse; font-size: .93rem; font-variant-numeric: tabular-nums; }
.zp-table th { background: var(--sombre); color: #fff; text-align: left; padding: .7rem .8rem; font-weight: 600; white-space: nowrap; }
.zp-table td { padding: .65rem .8rem; border-top: 1px solid var(--border); vertical-align: top; }
.zp-table tbody tr:nth-child(even) td { background: var(--creme); }
.zp-table td:first-child { font-weight: 700; white-space: nowrap; }
.zp-vide { color: var(--text-secondary); font-style: italic; }
.zp-fiches { display: grid; gap: 1rem; }
.zp-fiche { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.2rem 1.3rem; }
.zp-fiche h3 { font-size: 1.6rem; margin: 0 0 .5rem; display: flex; gap: .6rem; align-items: baseline; flex-wrap: wrap; }
.zp-fiche h3 .zp-part { font: 600 .72rem/1 var(--font-body); letter-spacing: .06em; text-transform: uppercase; color: #fff;
background: var(--vert-texte); border-radius: 4px; padding: .3rem .55rem; }
.zp-piege { margin-top: .9rem; border-left: 3px solid var(--accent); background: var(--note, var(--rose)); border-radius: 0 var(--radius) var(--radius) 0; padding: .75rem .9rem; }
.zp-piege p { margin: 0; }
.zp-piege .zp-piege-t { font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: .06em; font-size: .75rem; margin-bottom: .3rem; }
.zp-piege blockquote { margin: .5rem 0 0; font-style: italic; color: var(--text-secondary); font-size: .9rem; }
.zp-piege blockquote a { font-style: normal; }
.zp-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; }
.zp-liste li { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); padding: .65rem .85rem; }
.zp-liste li strong { color: var(--accent-dark); }
.zp-duo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 300px); gap: 2rem; align-items: start; }
.zp-duo figure { margin: 0; }
.zp-duo img { width: 100%; height: auto; border-radius: var(--radius-lg); aspect-ratio: 832 / 1024; object-fit: cover; }
.zp-duo figcaption { font-size: .78rem; color: var(--text-secondary); margin-top: .35rem; }
.zp-prose { display: grid; gap: 1rem; }
@media (max-width: 860px) { .zp-duo { grid-template-columns: 1fr; } .zp-duo figure { max-width: 300px; } }
.cmp { display: grid; gap: .9rem; }
.cmp-bar { display: grid; gap: .6rem; background: var(--sur, var(--creme)); border: 1px solid var(--border); border-radius: var(--radius); padding: .8rem; }
.cmp-top { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.cmp-q { flex: 1 1 200px; min-width: 0; }
.cmp-q input, .cmp-f select { width: 100%; font: inherit; font-size: .9rem; color: var(--text-primary); background: var(--bg-primary);
border: 1px solid var(--border); border-radius: 8px; padding: .5rem .65rem; }
.cmp-quick { display: flex; flex-wrap: wrap; gap: .4rem; }
.cmp-quick button, .cmp-tags button, .cmp-togf { font: 500 .82rem/1 var(--font-body); color: var(--text-primary); background: transparent;
border: 1px solid var(--border); border-radius: var(--radius); padding: .45rem .7rem; cursor: pointer; }
.cmp-quick button small { color: var(--text-secondary); margin-left: .2rem; }
.cmp-quick button.is-on { background: var(--accent); border-color: var(--accent); color: #fff; }
.cmp-quick button.is-on small { color: #ffe1e3; }
.cmp-tri select { width: auto; }
.cmp-facets { display: none; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .5rem; }
.cmp-bar.is-open .cmp-facets { display: grid; }
.cmp-f { display: grid; gap: .25rem; font-size: .75rem; color: var(--text-secondary); }
.cmp-foot { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; justify-content: space-between; }
.cmp-tags { display: flex; flex-wrap: wrap; gap: .4rem; }
.cmp-tags b { color: var(--accent); }
.cmp-n { font-size: .82rem; color: var(--text-secondary); }
.cmp-list { display: grid; gap: .6rem; }
.cmp-card { position: relative; display: grid; grid-template-columns: 34px 52px minmax(0, 1fr) minmax(0, 230px); gap: .35rem .9rem; align-items: center;
background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); padding: .9rem 1rem .9rem 1.15rem; overflow: hidden; }
.cmp-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--border); }
.cmp-card.is-part::before { background: var(--accent); }
.cmp-rank { font: 400 1.6rem/1 var(--font-title); color: var(--accent); font-style: normal; text-align: center; }
.cmp-logo { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: var(--bg-tertiary); color: var(--gold);
font: 400 1.5rem/1 var(--font-title); font-style: normal; }
.cmp-name h3 { font: 700 1.05rem/1.2 var(--font-body); margin: 0; }
.cmp-name span { display: block; font-size: .8rem; color: var(--text-secondary); }
.cmp-stats { display: flex; flex-wrap: wrap; gap: .2rem .7rem; font-size: .8rem; color: var(--text-secondary); margin-top: .25rem; }
.cmp-offer { display: grid; gap: .4rem; justify-items: start; }
.cmp-tarif { font-weight: 700; font-variant-numeric: tabular-nums; }
.cmp-tarif small { font-weight: 500; color: var(--text-secondary); }
.cmp-btn { display: inline-block; font: 700 .85rem/1 var(--font-body); color: #fff; text-decoration: none; background: linear-gradient(90deg, #27a05a, #3ed48c);
border-radius: var(--radius); padding: .6rem .85rem; }
.cmp-btn.is-off { background: transparent; color: var(--text-secondary); border: 1px solid var(--border); font-weight: 500; }
.cmp-more { grid-column: 1 / -1; }
.cmp-tabs { display: flex; flex-wrap: wrap; gap: .35rem; }
.cmp-tabs button { font: 600 .75rem/1 var(--font-body); color: var(--text-secondary); background: transparent; border: 1px solid var(--border);
border-radius: 6px; padding: .45rem .6rem; cursor: pointer; }
.cmp-tabs button.is-on { color: var(--text-primary); border-color: var(--accent); }
.cmp-panel { display: none; margin-top: .6rem; font-size: .88rem; color: var(--text-secondary); }
.cmp-panel.is-open { display: block; }
.cmp-panel ul { margin: 0; padding-left: 1.1rem; display: grid; gap: .25rem; }
.cmp-panel b { color: var(--text-primary); }
.cmp-chips { display: flex; flex-wrap: wrap; gap: .3rem; }
.cmp-chips i { font-style: normal; font-size: .75rem; border: 1px solid var(--border); border-radius: 4px; padding: .2rem .5rem; }
.cmp-pager { display: flex; gap: .35rem; justify-content: center; }
.cmp-pager button { min-width: 36px; font: 600 .85rem/1 var(--font-body); color: var(--text-primary); background: transparent; border: 1px solid var(--border);
border-radius: var(--radius); padding: .5rem; cursor: pointer; }
.cmp-pager button.is-cur { background: var(--accent); border-color: var(--accent); color: #fff; }
.cmp-pager button:disabled { opacity: .35; cursor: default; }
.cmp-note { font-size: .9rem; color: var(--text-secondary); }
@media (max-width: 760px) {
.cmp-card { grid-template-columns: 28px 44px minmax(0, 1fr); }
.cmp-logo { width: 44px; height: 44px; }
.cmp-offer { grid-column: 1 / -1; grid-auto-flow: column; justify-content: space-between; align-items: center; }
}
.zp-quiz { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.2rem; display: grid; gap: .9rem; max-width: 720px; }
.zp-quiz-bar { height: 4px; background: var(--bg-tertiary); border-radius: 999px; overflow: hidden; }
.zp-quiz-bar i { display: block; height: 100%; background: var(--accent); transition: width .25s ease; }
.zp-quiz-q { font: 400 1.4rem/1.2 var(--font-title); margin: 0; }
.zp-quiz-opts { display: grid; gap: .5rem; }
.zp-quiz-opts button { text-align: left; font: 500 .95rem/1.3 var(--font-body); color: var(--text-primary); background: var(--bg-primary);
border: 1px solid var(--border); border-radius: var(--radius); padding: .75rem .9rem; cursor: pointer; }
.zp-quiz-opts button:hover { border-color: var(--accent); }
.zp-quiz-res { display: grid; gap: .6rem; }
.zp-quiz-res article { border: 1px solid var(--border); border-radius: var(--radius); padding: .8rem .9rem; background: var(--bg-primary); }
.zp-quiz-res h3 { margin: 0 0 .3rem; font-size: 1.3rem; }
.zp-quiz-res ul { margin: .3rem 0 .6rem; padding-left: 1.1rem; font-size: .9rem; color: var(--text-secondary); }
.zp-quiz-again { justify-self: start; font: 600 .85rem/1 var(--font-body); color: var(--text-primary); background: transparent; border: 1px solid var(--border);
border-radius: 8px; padding: .55rem .8rem; cursor: pointer; }
button:focus-visible, select:focus-visible, input:focus-visible, a:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .zp-progress, .zp-quiz-bar i { transition: none; } }
.header-actions { display: flex; align-items: center; gap: .6rem; }
.zp-menu { position: relative; }
.zp-menu-btn { list-style: none; cursor: pointer; font: 600 .9rem/1 var(--font-body); color: var(--text-primary); border: 1px solid var(--border);
border-radius: var(--radius); padding: .55rem .85rem; }
.zp-menu-panel[hidden] { display: none; }
.zp-menu-btn[aria-expanded="true"] { border-color: var(--accent); }
.zp-menu-panel { position: absolute; right: 0; top: calc(100% + .5rem); width: min(760px, calc(100vw - 32px)); display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; background: var(--bg-secondary); border: 1px solid var(--border);
border-radius: var(--radius-lg); padding: 1rem 1.1rem; box-shadow: 0 8px 24px rgba(31, 26, 27, .10); z-index: 1100; }
.zp-menu-panel p { margin: 0 0 .4rem; font-weight: 700; color: var(--gold); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }
.zp-menu-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; }
.zp-menu-panel a { color: var(--text-primary); text-decoration: none; font-size: .9rem; }
.zp-menu-panel a:hover { color: var(--accent); }
@media (max-width: 700px) { .zp-menu-panel { grid-template-columns: 1fr; max-height: 70vh; overflow-y: auto; right: -60px; } }
.zp-ariane { font-size: .82rem; color: var(--text-secondary); margin-bottom: .8rem; }
.zp-ariane a { color: var(--text-secondary); }
.zp-auteur { display: flex; align-items: center; gap: .6rem; margin-top: 1rem; font-size: .85rem; color: var(--text-secondary); }
.zp-auteur img { width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--accent); object-fit: cover; }
.zp-auteur p { margin: 0; }
.zp-id { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.2rem; width: 100%; max-width: 420px; }
.zp-id-t { margin: 0 0 .6rem; font-weight: 700; color: var(--gold); text-transform: uppercase; letter-spacing: .06em; font-size: .78rem; }
.zp-id dl { display: grid; grid-template-columns: auto 1fr; gap: .45rem .9rem; margin: 0 0 1rem; font-size: .92rem; }
.zp-id dt { color: var(--text-secondary); }
.zp-id dd { margin: 0; font-weight: 600; }
.zp-fig { float: right; width: min(300px, 42%); margin: 0 0 1rem 1.5rem; }
.zp-fig img { width: 100%; height: auto; border-radius: var(--radius-lg); }
.zp-fig figcaption { font-size: .78rem; color: var(--text-secondary); margin-top: .3rem; }
@media (max-width: 700px) { .zp-fig { float: none; width: 100%; max-width: 320px; margin: 0 auto 1rem; } }
.zp-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .9rem; }
section h3 { font-size: 1.45rem; margin: 1.4rem 0 .5rem; }
section .container > p.fade-in + p.fade-in { margin-top: .9rem; }
section .container > * + .zp-table-wrap, section .container > * + .zp-liste, section .container > * + .zp-piege { margin-top: 1rem; }
.zp-lire { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .8rem; }
.zp-lire a { display: grid; gap: .3rem; height: 100%; text-decoration: none; background: var(--bg-secondary); border: 1px solid var(--border);
border-radius: var(--radius); padding: .9rem 1rem; color: var(--text-primary); }
.zp-lire a:hover { border-color: var(--accent); }
.zp-lire span { font-size: .85rem; color: var(--text-secondary); }
.zp-footer-grid { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)) !important; }
.zp-footer-liens { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; font-size: .88rem; }
.zp-footer-liens a { color: #D9CCCA; text-decoration: none; }
.zp-footer-liens a:hover { color: #fff; }
@media (max-width: 860px) { .zp-footer-grid { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 520px) { .zp-footer-grid { grid-template-columns: 1fr !important; } }
.bottom-bar { padding: .35rem .9rem calc(.35rem + env(safe-area-inset-bottom, 0px)); border-top-width: 1px; box-shadow: 0 -1px 3px rgba(31, 26, 27, .06); }
.bottom-bar-inner { flex-direction: row; justify-content: center; gap: .9rem; max-width: 760px; }
.bottom-bar-counter { font-family: var(--font-body); font-size: .85rem; font-weight: 600; letter-spacing: 0; }
.bottom-bar-dot { width: 7px; height: 7px; }
.bottom-bar-cta { padding: .45rem .95rem; font-size: .8rem; gap: .35rem; letter-spacing: 0; box-shadow: none; }
.bottom-bar-cta-icon, .bottom-bar-cta-arrow { font-size: .9rem; }
@media (max-width: 480px) {
.bottom-bar-counter { font-size: .75rem; }
.bottom-bar-cta { padding: .4rem .75rem; font-size: .75rem; }
}
body { padding-bottom: 64px; }
@media (max-width: 768px) { body { padding-bottom: 60px; } }
.zp-logo span, .zp-menu-btn, .header-actions .btn-signup { white-space: nowrap; }
@media (max-width: 480px) {
.zp-logo { gap: .4rem; }
.zp-logo span { font-size: 1.2rem; }
.zp-logo img { width: 34px; height: 34px; }
.header-actions { gap: .4rem; }
.zp-menu-btn { padding: .45rem .65rem; font-size: .82rem; }
.header-actions .btn-signup-icon { display: none; }
.header-actions .btn-signup { padding: .5rem .8rem; font-size: .82rem; }
}
.footer-contact-icon.zp-yt { background: transparent; width: auto; height: auto; display: inline-flex; align-items: center; }
.footer-contact-icon.zp-yt svg { display: block; }
details.faq-item > summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
details.faq-item > summary::-webkit-details-marker { display: none; }
details.faq-item[open] { border-color: #D8C3BF; box-shadow: none; }
details.faq-item[open] .faq-icon { transform: rotate(45deg); }
details.faq-item[open] .faq-answer { max-height: 500px; }
.zp-menu-btn { background: transparent; }
.footer-age { background: var(--accent-dark); color: #fff; }
img.cmp-logo { object-fit: cover; border: 1px solid var(--border); background: var(--bg-tertiary); }
.header-inner { gap: 1rem; }
.zp-nav { display: none; align-items: center; gap: .15rem; margin-left: auto; }
.zp-nav-lien { font: 600 .92rem/1 var(--font-body); color: var(--text-primary); text-decoration: none; background: none; border: 0;
padding: .7rem .85rem; border-radius: var(--radius); cursor: pointer; white-space: nowrap; }
.zp-nav-lien:hover, .zp-drop.is-open > .zp-drop-btn, .zp-drop:hover > .zp-drop-btn { color: var(--accent); background: var(--bg-tertiary); }
.zp-drop { position: relative; }
.zp-drop::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: .6rem; }
.zp-drop-panel { position: absolute; top: calc(100% + .5rem); left: 50%; transform: translate(-50%, 6px); min-width: 280px;
background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1rem 1.1rem;
box-shadow: 0 8px 24px rgba(31, 26, 27, .10); opacity: 0; visibility: hidden; transition: opacity .15s ease, transform .15s ease, visibility .15s; z-index: 1100; }
.zp-drop:hover .zp-drop-panel, .zp-drop:focus-within .zp-drop-panel, .zp-drop.is-open .zp-drop-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.zp-drop-t { margin: 0 0 .7rem; font-weight: 700; color: var(--gold); font-size: .76rem; text-transform: uppercase; letter-spacing: .06em; }
.zp-mega { width: min(720px, 92vw); }
.zp-mega-grille { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem; }
.zp-mega-grille a, .zp-tiroir-avis a { display: flex; align-items: center; gap: .6rem; padding: .45rem .55rem; border-radius: 8px;
text-decoration: none; color: var(--text-primary); font-size: .9rem; }
.zp-mega-grille a:hover, .zp-tiroir-avis a:hover { background: var(--bg-tertiary); color: var(--accent); }
.zp-mega-grille img, .zp-tiroir-avis img, .zp-mega-grille .zp-logo-ini, .zp-tiroir-avis .zp-logo-ini { width: 28px; height: 28px; border-radius: 7px; object-fit: cover; flex: 0 0 28px; }
.zp-logo-ini { display: inline-grid; place-items: center; background: var(--bg-tertiary); color: var(--gold); font: 400 1rem/1 var(--font-title); font-style: normal; }
.zp-drop-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .15rem; }
.zp-drop-liste a { display: block; padding: .45rem .55rem; border-radius: 8px; color: var(--text-primary); text-decoration: none; font-size: .9rem; white-space: nowrap; }
.zp-drop-liste a:hover { background: var(--bg-tertiary); color: var(--accent); }
.zp-tiroir-avis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 980px) { .zp-nav { display: flex; } .zp-menu { display: none; } }
.zp-id-tete { display: flex; align-items: center; gap: .8rem; margin-bottom: .8rem; }
.zp-logo-app { width: 64px; height: 64px; border-radius: var(--radius-lg); object-fit: cover; border: 1px solid var(--border); }
.zp-id-tete .zp-id-t { margin: 0; font: 400 1.5rem/1.1 var(--font-title); color: var(--text-primary); text-transform: none; letter-spacing: .01em; }
.zp-id-tete .zp-id-t span { font: 700 .72rem/1 var(--font-body); color: var(--gold); text-transform: uppercase; letter-spacing: .06em; }
.zp-pros-cons { padding-block: 1.5rem 0; }
.zp-pros-cons .section-title { font-size: 1.6rem; text-align: left; }
.zp-pc-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.zp-pc { border-radius: var(--radius-lg); padding: 1rem 1.2rem; border: 1px solid; }
.zp-pc.is-plus { background: #fff; border-color: var(--border); border-top: 3px solid var(--vert); }
.zp-pc.is-moins { background: #fff; border-color: var(--border); border-top: 3px solid var(--accent); }
.zp-pc-t { margin: 0 0 .5rem; font-weight: 700; color: var(--text-primary); }
.zp-pc ul { margin: 0; padding-left: 1.1rem; display: grid; gap: .35rem; color: var(--text-body); }
@media (max-width: 700px) { .zp-pc-grille { grid-template-columns: 1fr; } }
.zp-visuel { margin: 1.2rem 0; }
.zp-visuel img { width: 100%; max-width: 680px; height: auto; border-radius: var(--radius-lg); border: 1px solid var(--border); display: block; }
.zp-pays { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.zp-pay { display: inline-flex; align-items: center; gap: .45rem; background: #fff; color: var(--text-primary); border: 1px solid var(--border); border-radius: var(--radius); padding: .45rem .8rem; font-size: .85rem; }
.zp-pay b { font-weight: 600; }
.zp-stores { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1rem; }
.zp-store { display: inline-flex; align-items: center; gap: .7rem; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius);
padding: .7rem 1rem; text-decoration: none; color: var(--text-primary); }
.zp-store svg { background: #fff; border-radius: 8px; padding: 4px; }
.zp-store b { font-size: 1.15rem; }
.zp-store small { color: var(--text-secondary); }
.zp-etapes { list-style: none; counter-reset: e; margin: 1rem 0 0; padding: 0; display: grid; gap: .6rem; }
.zp-etapes li { counter-increment: e; display: grid; grid-template-columns: 42px minmax(0, 1fr); column-gap: .8rem; background: var(--bg-secondary);
border: 1px solid var(--border); border-radius: var(--radius); padding: .75rem .9rem; }
.zp-etapes li::before { content: counter(e); grid-row: span 2; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center;
background: var(--accent); color: #fff; font: 400 1.2rem/1 var(--font-title); }
.zp-etapes b { display: block; }
.zp-etapes span { color: var(--text-secondary); font-size: .92rem; }
.zp-cell-app { display: inline-flex; align-items: center; gap: .5rem; white-space: nowrap; }
.zp-logo-mini { width: 32px; height: 32px; border-radius: 8px; object-fit: cover; }
.hero .hero-image .zp-id img.zp-logo-app { width: 64px; height: 64px; max-width: 64px; aspect-ratio: 1 / 1; border-radius: var(--radius-lg); object-fit: cover; }
.hero .hero-image .zp-id { margin-inline: auto; }
.zp-cite { margin: 1rem 0 0; padding: .7rem .9rem; border-left: 3px solid var(--accent); background: var(--note, var(--rose)); border-radius: 0 var(--radius) var(--radius) 0; font-style: italic; color: var(--text-secondary); font-size: .92rem; }
.zp-cite a { font-style: normal; }
.zp-logo-h3 { width: 40px; height: 40px; border-radius: var(--radius); object-fit: cover; vertical-align: middle; margin-right: .2rem; }
.zp-captures { display: grid; gap: 1rem; margin: 1.2rem 0; max-width: 600px; }
.zp-captures.is-duo { grid-template-columns: 1fr 1fr; max-width: 980px; }
.zp-capture { margin: 0; }
.zp-capture img { width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: cover; object-position: top; display: block;
border-radius: var(--radius); border: 1px solid var(--border); box-shadow: none; }
.zp-capture figcaption { font-size: .8rem; color: var(--text-secondary); margin-top: .45rem; line-height: 1.4; }
@media (max-width: 640px) { .zp-captures.is-duo { grid-template-columns: 1fr; } }
.zp-hero-page { min-height: 0; }
@media (max-width: 767px) {
.hero { min-height: 0; padding-top: 5.75rem; padding-bottom: 2.5rem; }
}
.zp-mega-grille img, .zp-tiroir-avis img, img.zp-logo-mini, img.zp-logo-h3, img.cmp-logo, img.zp-logo-app,
.hero .hero-image .zp-id img.zp-logo-app {
background: #fff; padding: 2px; object-fit: contain; box-shadow: 0 0 0 1px var(--border); }
.zp-logo-ini, i.cmp-logo { background: var(--rose); color: var(--accent-dark); }
@media (max-width: 700px) {
.zp-menu-panel { position: fixed; top: 76px; left: 16px; right: 16px; width: auto; max-height: calc(100vh - 160px); }
}
.zp-cell-app { margin-right: .75rem; }
main > section ~ section { content-visibility: auto; contain-intrinsic-size: auto 900px; }
html.cv-off main > section { content-visibility: visible; }
.zp-ia { border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.2rem;
margin: 0 0 1.4rem; background: var(--sur, var(--creme)); }
.zp-ia-h { display: flex; gap: .8rem; align-items: center; margin-bottom: .8rem; }
.zp-ia-h img { width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--accent); flex: 0 0 44px; }
.zp-ia-t { margin: 0; font-weight: 700; color: var(--text-primary); font-size: 1.02rem; }
.zp-ia-s { margin: .15rem 0 0; color: var(--text-secondary); font-size: .88rem; }
.zp-ia-f { display: flex; gap: .5rem; }
.zp-ia-f input { flex: 1; min-width: 0; padding: .75rem .9rem; border-radius: var(--radius); border: 1px solid var(--border);
background: var(--bg-primary); color: var(--text-primary); font: inherit; }
.zp-ia-f input:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
.zp-ia-f .cmp-btn { flex: 0 0 auto; border: 0; cursor: pointer; }
.zp-ia-r { margin-top: .9rem; }
.zp-ia-src { margin: 0 0 .5rem; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: var(--accent); font-weight: 700; }
.zp-ia-att { margin: 0; color: var(--text-secondary); }
.zp-ia-a { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: .75rem .9rem; margin-bottom: .5rem; }
.zp-ia-a p { margin: 0 0 .35rem; }
.zp-ia-lien { font-weight: 700; font-size: .9rem; }
.zp-ia-l { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.zp-ia-l li { display: grid; grid-template-columns: auto 40px 1fr auto; gap: .7rem; align-items: center; background: var(--bg-primary);
border: 1px solid var(--border); border-radius: var(--radius-lg); padding: .6rem .8rem; }
.zp-ia-l li.is-part { border-color: color-mix(in srgb, #3ed48c 60%, var(--border)); }
.zp-ia-n { font: 400 1.3rem/1 var(--font-title); color: var(--accent); }
.zp-ia-l img, .zp-ia-l .zp-logo-ini { width: 40px; height: 40px; border-radius: var(--radius); background: #fff; padding: 2px; object-fit: contain; }
.zp-ia-l b { display: block; color: var(--text-primary); }
.zp-ia-l span { font-size: .86rem; color: var(--text-secondary); }
.zp-ia-l p { margin: 0; display: flex; gap: .4rem; align-items: center; }
.zp-ia-avis, .zp-ia-voir { font-size: .85rem; font-weight: 700; color: var(--accent); background: none; border: 1px solid var(--border);
border-radius: var(--radius); padding: .4rem .8rem; cursor: pointer; text-decoration: none; white-space: nowrap; }
.zp-ia-l .cmp-btn { padding: .45rem .9rem; font-size: .85rem; }
@media (max-width: 640px) {
.zp-ia-l li { grid-template-columns: auto 40px 1fr; }
.zp-ia-l p { grid-column: 1 / -1; justify-content: flex-end; }
}
.zp-galerie { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; margin: 1.3rem 0; padding: .9rem;
background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.zp-galerie.n1 { grid-template-columns: minmax(0, 620px); }
.zp-galerie.n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zp-gal-item { margin: 0; }
.zp-gal-item img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; display: block;
border-radius: var(--radius); border: 1px solid var(--border); cursor: zoom-in; background: var(--creme); }
.zp-galerie.n1 .zp-gal-item img { aspect-ratio: auto; max-height: 560px; }
.zp-gal-item figcaption { font-size: .8rem; color: var(--text-secondary); margin-top: .4rem; line-height: 1.35; }
@media (max-width: 700px) {
.zp-galerie, .zp-galerie.n2 { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 82%; overflow-x: auto;
scroll-snap-type: x mandatory; overscroll-behavior-x: contain; }
.zp-gal-item { scroll-snap-align: start; }
.zp-galerie.n1 { grid-auto-columns: 100%; }
}
.zp-zoom { border: 0; padding: 0; background: transparent; max-width: min(1100px, 96vw); max-height: 92vh; }
.zp-zoom::backdrop { background: rgba(8, 4, 10, .86); }
.zp-zoom img { display: block; max-width: 100%; max-height: 84vh; border-radius: 10px; margin: 0 auto; }
.zp-zoom p { color: #f6ece4; text-align: center; margin: .5rem 0 0; font-size: .9rem; }
.zp-zoom button { position: absolute; top: .3rem; right: .3rem; border: 0; border-radius: 50%; width: 38px; height: 38px;
background: #fff7f7; color: #1c110d; font-size: 1.2rem; cursor: pointer; }
.zp-gal-item.is-portrait img { aspect-ratio: 3 / 4; }
.zp-galerie.n1 .zp-gal-item.is-portrait { max-width: 380px; }
.zp-h3-app { display: grid; grid-template-columns: minmax(0, 300px) 1fr; gap: 1rem; align-items: start; margin: .6rem 0 1.4rem;
padding: .9rem; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.zp-h3-app .zp-galerie { margin: 0; padding: 0; border: 0; background: none; grid-template-columns: minmax(0, 1fr); grid-auto-flow: row; }
.zp-h3-faits ul { list-style: none; margin: 0 0 .7rem; padding: 0; display: grid; gap: .3rem; }
.zp-h3-faits li { font-size: .92rem; color: var(--text-secondary); }
.zp-h3-faits b { color: var(--text-primary); }
.zp-h3-app .zp-actions { margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.zp-fiche .zp-galerie.n1 { max-width: 560px; }
@media (max-width: 700px) { .zp-h3-app { grid-template-columns: 1fr; } .zp-h3-app .zp-galerie { grid-auto-columns: 100%; } }
.zp-bandeau { overflow: hidden; background: var(--accent); color: #fff; font-size: .92rem; white-space: nowrap; padding: .7rem 0; }
.zp-bandeau-piste { display: flex; width: max-content; animation: zp-defile 40s linear infinite; }
.zp-bandeau:hover .zp-bandeau-piste { animation-play-state: paused; }
.zp-bandeau-lot { display: flex; gap: 2.4rem; padding-right: 2.4rem; }
.zp-bandeau b { font-weight: 700; }
@keyframes zp-defile { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .zp-bandeau-piste { animation: none; } .zp-bandeau { overflow-x: auto; } }
@media (max-width: 700px) { .zp-bandeau { font-size: .85rem; } .zp-bandeau-piste { animation-duration: 30s; } }
.zp-toc { top: var(--hdr, 68px); }
.zp-pc ul { list-style: none; padding-left: 0; gap: .45rem; }
.zp-pc li { display: flex; gap: .45rem; align-items: baseline; }
.zp-pc.is-plus li::before { content: "✓"; color: var(--vert-texte); font-weight: 800; }
.zp-pc.is-moins li::before { content: "✕"; color: var(--accent); font-weight: 800; }
.zp-pc li b { color: var(--text-primary); }
.stats .zp-galerie { margin-top: 1.1rem; }
.bottom-bar-inner { justify-content: space-between; }
.zp-chat-ouvrir { position: relative; display: flex; align-items: center; gap: .55rem; background: none; border: 0; padding: 0; cursor: pointer;
color: var(--text-primary); text-align: left; font: inherit; }
.zp-chat-ouvrir img { width: 34px; height: 34px; border-radius: 50%; border: 2px solid #3ed48c; }
.zp-chat-ouvrir b { display: block; font-size: .9rem; line-height: 1.1; }
.zp-chat-ouvrir small { display: block; font-size: .74rem; color: var(--text-secondary); }
.zp-chat-teaser { position: absolute; bottom: calc(100% + 12px); left: 0; background: var(--sombre); color: #fff; font-size: .82rem;
font-weight: 700; padding: .5rem .75rem; border-radius: 8px 8px 8px 2px; white-space: nowrap; box-shadow: 0 2px 6px rgba(31, 26, 27, .15); }
.zp-chat { position: fixed; z-index: 1200; left: 12px; bottom: 74px; width: min(390px, calc(100vw - 24px)); max-height: min(72vh, 620px);
display: flex; flex-direction: column; background: var(--bg-secondary); border: 1px solid var(--border);
border-radius: var(--radius-lg); box-shadow: 0 10px 30px rgba(31, 26, 27, .14); overflow: hidden; }
.zp-chat[hidden] { display: none; }
.zp-chat-h { display: flex; align-items: center; gap: .6rem; padding: .7rem .9rem; background: var(--sombre); color: #fff; }
.zp-chat-h img { border-radius: 50%; border: 2px solid #fff; }
.zp-chat-h div { flex: 1; } .zp-chat-h b { display: block; } .zp-chat-h small { font-size: .75rem; opacity: .9; }
.zp-chat-x { background: rgba(255,255,255,.18); border: 0; color: #fff; width: 32px; height: 32px; border-radius: 50%; font-size: 1.2rem; cursor: pointer; }
.zp-chat-fil { flex: 1; overflow-y: auto; padding: .8rem; display: flex; flex-direction: column; gap: .55rem; overscroll-behavior: contain; }
.zp-msg { max-width: 92%; padding: .6rem .8rem; border-radius: var(--radius-lg); font-size: .9rem; line-height: 1.45; }
.zp-msg p { margin: .35rem 0 0; }
.zp-msg.is-zoe { background: var(--creme); border: 1px solid var(--border); border-bottom-left-radius: 4px; color: var(--text-primary); }
.zp-msg.is-moi { align-self: flex-end; background: var(--accent); color: #fff; border-bottom-right-radius: 4px; }
.zp-msg-l { list-style: none; margin: .5rem 0; padding: 0; display: grid; gap: .45rem; }
.zp-msg-l li { display: flex; gap: .55rem; align-items: flex-start; }
.zp-msg-l img, .zp-msg-l .zp-logo-ini { width: 36px; height: 36px; border-radius: var(--radius); background: #fff; padding: 2px; object-fit: contain; flex: 0 0 36px; }
.zp-msg-l b { display: block; } .zp-msg-l span { display: block; font-size: .8rem; color: var(--text-secondary); }
.zp-msg-l p, .zp-test-r { display: flex; gap: .4rem; flex-wrap: wrap; margin: .35rem 0 0; }
.zp-msg-l .cmp-btn { padding: .35rem .75rem; font-size: .8rem; }
.zp-chat-puces { display: flex; gap: .35rem; flex-wrap: wrap; padding: 0 .8rem .6rem; }
.zp-chat-puces button { border: 1px solid var(--border); background: var(--bg-primary); color: var(--text-primary); border-radius: var(--radius);
padding: .35rem .7rem; font-size: .8rem; cursor: pointer; }
.zp-chat-puces button:hover { border-color: var(--accent); color: var(--accent); }
.zp-chat-f { display: flex; gap: .4rem; padding: .6rem .8rem .8rem; border-top: 1px solid var(--border); }
.zp-chat-f input { flex: 1; min-width: 0; padding: .6rem .75rem; border-radius: var(--radius); border: 1px solid var(--border); background: var(--bg-primary);
color: var(--text-primary); font: inherit; }
.zp-chat-f .cmp-btn { border: 0; cursor: pointer; }
.zp-nav-chat { background: none; border: 1px solid var(--border); border-radius: var(--radius); cursor: pointer; font: inherit; }
.zp-tiroir-chat { grid-column: 1 / -1; text-align: left; border: 1px solid var(--border); background: var(--rose);
color: var(--text-primary); border-radius: var(--radius); padding: .7rem .9rem; font: inherit; cursor: pointer; }
.zp-duel { margin: 1.2rem 0; padding: 1rem; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.zp-duel-sel { display: flex; gap: .8rem; align-items: end; margin-bottom: .8rem; }
.zp-duel-sel label { flex: 1; display: grid; gap: .25rem; font-size: .8rem; color: var(--text-secondary); }
.zp-duel-sel select { padding: .55rem .6rem; border-radius: var(--radius); border: 1px solid var(--border); background: var(--bg-primary); color: var(--text-primary); font: inherit; }
.zp-duel-sel b { font: 400 1.4rem/1 var(--font-title); color: var(--accent); padding-bottom: .35rem; }
.zp-duel table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.zp-duel th, .zp-duel td { padding: .5rem .45rem; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
.zp-duel thead th { background: var(--sombre); color: #fff; } .zp-duel thead img, .zp-duel thead .zp-logo-ini { width: 28px; height: 28px; border-radius: 7px;
background: #fff; padding: 2px; vertical-align: middle; margin-right: .35rem; }
.zp-duel tbody th { color: var(--text-secondary); font-weight: 600; white-space: nowrap; width: 1%; }
.zp-duel td.is-mieux { color: var(--vert-texte); font-weight: 700; }
.zp-duel td.is-mieux::after { content: " ✓"; }
@media (max-width: 560px) { .zp-duel tbody th { white-space: normal; } .zp-duel { padding: .75rem; } }
.zp-test { margin: 1.3rem 0; padding: 1.1rem 1.2rem; border-radius: var(--radius-lg); border: 1px solid var(--border);
border-left: 3px solid var(--vert); background: var(--bg-secondary); }
.zp-test-t { margin: 0 0 .6rem; font-weight: 700; color: var(--text-primary); }
.zp-test-q { margin: .4rem 0; color: var(--text-primary); }
.zp-test-r button { border: 1px solid var(--border); background: var(--bg-primary); color: var(--text-primary); border-radius: var(--radius);
padding: .5rem 1.1rem; font: inherit; cursor: pointer; }
.zp-test-r button[data-v="1"], .zp-test-r .zp-test-go { background: linear-gradient(135deg, #27a05a, #3ed48c); color: #fff; border: 0; font-weight: 700; }
.zp-test-prog { display: flex; gap: 4px; margin-bottom: .5rem; }
.zp-test-prog i { flex: 1; height: 4px; border-radius: 4px; background: var(--bg-tertiary); }
.zp-test-prog i.is-ok { background: #3ed48c; } .zp-test-prog i.is-on { background: var(--accent); }
.zp-test-score { font-size: 1.05rem; margin: 0 0 .4rem; }
.zp-test-l { list-style: none; padding: 0; margin: 0 0 .6rem; display: grid; gap: .25rem; }
.zp-test-l li.is-ok::before { content: "✓ "; color: var(--vert-texte); font-weight: 800; }
.zp-test-l li.is-ko::before { content: "✕ "; color: var(--accent); font-weight: 800; }
.zp-replie { display: none !important; }
.zp-deplier { display: block; margin: .5rem 0 1rem; width: 100%; padding: .6rem; border-radius: var(--radius); border: 1px solid var(--border);
background: var(--bg-secondary); color: var(--accent-dark); font: inherit; font-weight: 700; cursor: pointer; }
@media (min-width: 1000px) {
.stats .container:has(.zp-galerie) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 1.2rem; align-items: start; }
.stats .zp-galerie { margin-top: 0; padding: .7rem; gap: .6rem; }
.stats .zp-gal-item img { aspect-ratio: 4 / 5; }
.stats .zp-gal-item figcaption { font-size: .72rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}
.zp-pc li { display: block; position: relative; padding-left: 1.4em; }
.zp-pc li::before { position: absolute; left: 0; top: 0; }
.zp-marques { display: grid; gap: 1.2rem; margin: 1rem 0 1.4rem; }
.zp-marque { padding: 1rem 1.1rem; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.zp-marque h3 { margin-top: 0; }
.zp-marque-grille { display: grid; grid-template-columns: minmax(0, 220px) 1fr; gap: 1.1rem; align-items: start; margin-top: .6rem; }
.zp-marque-visuel { margin: 0; }
.zp-marque-visuel img { width: 100%; height: auto; max-height: 340px; object-fit: contain; border-radius: var(--radius); background: var(--creme); }
.zp-marque-id { display: flex; gap: .6rem; align-items: center; margin: 0 0 .6rem; }
.zp-marque-id img { width: 44px; height: 44px; border-radius: var(--radius); object-fit: contain; background: #fff; padding: 3px; box-shadow: 0 0 0 1px var(--border); }
.zp-marque-id span { color: var(--text-secondary); font-size: .9rem; } .zp-marque-id b { display: block; color: var(--text-primary); font-size: 1.05rem; }
.zp-marque ul { list-style: none; padding: 0; margin: 0 0 .8rem; display: grid; gap: .3rem; font-size: .93rem; }
.zp-marque ul b { color: var(--text-primary); }
.zp-marque .zp-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; }
@media (max-width: 640px) { .zp-marque-grille { grid-template-columns: 1fr; } .zp-marque-visuel img { max-height: 260px; } }
.zp-inscription { margin: 1.2rem 0; padding: 1.1rem 1.2rem; border-radius: var(--radius-lg); background: var(--bg-secondary);
border: 1px solid var(--border); border-top: 3px solid var(--vert); }
.zp-inscription-t { font-weight: 700; margin: 0 0 .7rem; color: var(--text-primary); }
.zp-prelinker { min-height: 40px; margin-bottom: .8rem; }
.zp-inscription-n { font-size: .8rem; color: var(--text-secondary); margin: .5rem 0 0; }
.zp-tiroir-sous { margin: .9rem 0 .4rem; font-weight: 700; color: var(--gold); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }
.zp-footer-sous { margin-top: 1rem; }
@media (min-width: 761px) { .zp-toc { position: static; } }
.cmpr { margin: 1rem 0 1.4rem; }
.cmpr-bar { display: grid; gap: .7rem; padding: .9rem; background: var(--sur, var(--creme)); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.cmpr-bar .cmp-q input { width: 100%; padding: .65rem .8rem; border-radius: var(--radius); border: 1px solid var(--border); background: var(--bg-primary);
color: var(--text-primary); font: inherit; }
.cmpr-cats { display: flex; flex-wrap: wrap; gap: .4rem; }
.cmpr-cats button { border: 1px solid var(--border); background: var(--bg-primary); color: var(--text-primary); border-radius: var(--radius);
padding: .4rem .8rem; font: inherit; font-size: .85rem; cursor: pointer; }
.cmpr-cats button small { color: var(--accent); font-weight: 700; margin-left: .2rem; }
.cmpr-cats button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: #fff; }
.cmpr-cats button[aria-pressed="true"] small { color: #fff; }
.cmpr-cats button:disabled { opacity: .4; cursor: default; }
.cmpr-n { margin: .7rem 0 .5rem; font-size: .85rem; color: var(--text-secondary); }
.cmpr-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.cmpr-site { display: grid; grid-template-columns: auto 48px 1fr auto; gap: .8rem; align-items: center; padding: .75rem .9rem;
background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.cmpr-site.is-prel { border-color: color-mix(in srgb, #3ed48c 45%, var(--border)); }
.cmpr-rang { font: 400 1.25rem/1 var(--font-title); color: var(--accent); min-width: 1.4rem; text-align: center; }
.cmpr-site img, .cmpr-site .zp-logo-ini { width: 48px; height: 48px; border-radius: var(--radius); background: #fff; padding: 3px; object-fit: contain; }
.cmpr-info b { display: block; color: var(--text-primary); }
.cmpr-info span { font-size: .87rem; color: var(--text-secondary); }
.cmpr-tags { display: flex; flex-wrap: wrap; gap: .3rem; margin: .35rem 0 0; }
.cmpr-tags i { font-style: normal; font-size: .72rem; padding: .15rem .5rem; border-radius: 4px; background: var(--creme); color: var(--text-secondary); }
.cmpr-faits { margin: .35rem 0 0; font-size: .82rem; color: var(--text-primary); }
.cmpr-act { margin: 0; }
@media (max-width: 640px) { .cmpr-site { grid-template-columns: auto 44px 1fr; } .cmpr-act { grid-column: 1 / -1; display: flex; justify-content: flex-end; } }
@media (min-width: 761px) {
:root { --max-width: 1000px; }
.hero-content, .section-title, .section-subtitle, .cta-final, .cta-final .text-center, .section-cta, .pricing-mention { text-align: left; }
.section-subtitle { margin-left: 0; margin-right: 0; max-width: none; margin-bottom: 1.6rem; }
.cta-final p { margin-left: 0; margin-right: 0; max-width: 680px; }
.faq { margin-left: 0; max-width: none; }
.hero-subtitle { margin-left: 0; }
}
#cmpr img.cmp-logo { object-fit: contain; background: #fff; padding: 3px; }
.cmpr-etc { align-self: center; color: var(--text-secondary); padding: 0 .15rem; }
.cmp-quick button.is-on, .cmp-pager button.is-cur { background: var(--accent); border-color: var(--accent); }
.cmpr-opts { align-self: end; }
@media (max-width: 760px) {
#cmpr .cmp-quick:not(.cmpr-opts) { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: .15rem; margin: 0 -.2rem; }
#cmpr .cmp-quick:not(.cmpr-opts)::-webkit-scrollbar { display: none; }
#cmpr .cmp-quick button { flex: none; }
}
.zp-capture { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 1px 2px rgba(31, 26, 27, .05); }
.zp-capture .zp-nav { display: flex; align-items: center; gap: 6px; padding: 8px 12px; background: #F4EEEC; border-bottom: 1px solid var(--border); }
.zp-capture .zp-nav i { width: 10px; height: 10px; border-radius: 50%; background: #ff5f57; }
.zp-capture .zp-nav i:nth-child(2) { background: #febc2e; }
.zp-capture .zp-nav i:nth-child(3) { background: #28c840; }
.zp-capture .zp-nav span { margin-left: 8px; flex: 1; min-width: 0; font-size: .72rem; color: var(--text-secondary); background: #fff;
border-radius: 6px; padding: 3px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zp-capture img { border: 0; border-radius: 0; box-shadow: none; cursor: zoom-in; }
.zp-capture figcaption { padding: .5rem .8rem .65rem; margin: 0; }
.zp-marque-ecran { max-width: 520px; margin: 1.2rem 0; }
.zp-marque-ecran img { width: 100%; height: auto; display: block; }
section .container:has(> .zp-zoe-fig) { display: flow-root; }
.zp-zoe-fig { float: right; width: 270px; margin: .2rem 0 1rem 1.6rem; }
.zp-zoe-fig img { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); border: 0; box-shadow: none; }
.zp-zoe-fig figcaption { font-size: .8rem; color: var(--text-secondary); margin-top: .45rem; text-align: center; }
.zp-zoe-fig figcaption b { color: var(--accent); }
.zp-zoe-fig ~ .zp-piege, .zp-zoe-fig ~ ul, .zp-zoe-fig ~ ol, .zp-zoe-fig ~ .zp-liste, .zp-zoe-fig ~ .zp-table-wrap { display: flow-root; }
@media (max-width: 760px) {
.zp-zoe-fig { float: none; width: 62%; max-width: 260px; margin: .4rem auto 1.1rem; }
}
.zp-recit { margin: 1.1rem 0; padding: 1rem 1.15rem; background: var(--note, var(--rose));
border: 0; border-left: 3px solid var(--accent); border-radius: 0 var(--radius) var(--radius) 0; }
.zp-recit-t { font-weight: 700; color: var(--accent-dark); margin: 0 0 .35rem; font-size: .9rem; }
.zp-recit p:last-child { margin: 0; }
.zp-fiche-site th { white-space: nowrap; width: 1%; padding-right: 1.2rem; }
.zp-fiche-src { font-size: .8rem; color: var(--text-secondary); margin-top: .5rem; }
.zp-fiche-src a { color: var(--text-secondary); }
@media (max-width: 420px) {
.zp-logo span { display: flex; flex-direction: column; font-size: 1.05rem; line-height: .95; }
.zp-logo b { font-size: .68em; letter-spacing: .04em; }
}
body { background: var(--bg-primary); color: var(--text-primary); }
p, .section-subtitle { color: var(--text-body); }
h1, h2, h3, h4 { color: var(--text-primary); letter-spacing: -.005em; }
h2, .section-title { font-size: clamp(1.55rem, 3vw, 2.15rem); line-height: 1.15; }
a:hover { color: var(--accent-dark); }
:where(main p, main li, main td, main dd) a:where(:not([class])) {
text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
section { padding: 3.5rem 0; }
main > section { --sur: var(--creme); --note: var(--rose); }
main > section.alt, .stats, .zp-pros-cons,
main > section:not(.alt) + #faq,
main > section:not(.alt) + #faq + #lire-aussi + .cta-final,
main > section.alt + #lire-aussi + .cta-final { background: var(--creme); --sur: #fff; --note: #fff; }
#faq, .cta-final,
main > section:not(.alt) + #faq + #lire-aussi,
main > section.alt + #lire-aussi { background: var(--bg-primary); --sur: var(--creme); --note: var(--rose); }
.stats { border: 0; padding: 2.25rem 0; }
.zp-pros-cons { padding: 0 0 2.25rem; }
.cta-final { border: 0; padding: 3.5rem 0; }
@media (max-width: 767px) { section { padding: 2.75rem 0; } .cta-final { padding: 2.75rem 0; } }
.site-header, .site-header.scrolled { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none;
border-bottom: 1px solid var(--border); box-shadow: none; }
.zp-nav-lien:hover, .zp-drop.is-open > .zp-drop-btn, .zp-drop:hover > .zp-drop-btn { background: var(--creme); }
.hero { background: var(--sombre); min-height: 0; padding: 6.75rem 0 3.25rem; }
.hero::before, .hero-image::before { content: none; display: none; }
.hero h1 { background: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: currentColor;
color: #fff; font-size: clamp(2rem, 4.4vw, 3rem); line-height: 1.08; margin-bottom: 1rem; }
.hero-content { text-align: left; }
.hero-subtitle { color: #EDE3E1; font-size: 1.08rem; margin: 0 0 1.4rem; max-width: 640px; }
.hero-subtitle strong, .hero-subtitle b { color: #fff; }
.hero-content a:not(.btn) { color: #fff; text-decoration: underline; text-decoration-color: var(--or); text-underline-offset: 3px; }
.hero-mention, .hero .zp-auteur, .hero .zp-auteur p, .hero .zp-ariane, .hero .zp-ariane a { color: #CDBDBA; }
.hero .zp-auteur strong, .hero .zp-ariane span { color: #fff; }
.hero .zp-auteur img { border-color: #fff; }
.hero-image { justify-content: flex-start; }
.hero-image > img { max-width: 360px; width: 100%; border-radius: var(--radius-lg); border: 1px solid rgba(255, 255, 255, .14);
box-shadow: none; transform: none; transition: none; }
.hero-image > img:hover { transform: none; box-shadow: none; }
.hero .hero-image .zp-id { margin-inline: 0; border: 0; box-shadow: none; }
@media (min-width: 900px) {
.hero-grid { grid-template-columns: minmax(0, 1fr) 360px; gap: 3rem; }
.hero-image { justify-content: flex-end; }
}
@media (max-width: 767px) {
.hero { padding: 5.75rem 0 2.5rem; }
.hero-image > img { max-width: 280px; }
}
.btn { border-radius: var(--radius); transition: filter var(--transition); }
.btn-primary, .btn-hero, .bottom-bar-cta, .ptprelinker-content button, .ptprelinker-content input[type="submit"],
.ptprelinker-content input[type="button"], .ptprelinker-content .btn {
background: linear-gradient(135deg, #27a05a 0%, #3ed48c 100%); color: #fff; border: 0; box-shadow: none; animation: none; }
.btn-primary:hover, .btn-hero:hover, .bottom-bar-cta:hover, .cmp-btn:hover, .ptprelinker-content button:hover,
.ptprelinker-content input[type="submit"]:hover, .ptprelinker-content .btn:hover {
color: #fff; transform: none; box-shadow: none; filter: brightness(.94); }
.btn-hero { border-radius: var(--radius); text-transform: none; letter-spacing: 0; font-weight: 700; font-size: 1.02rem;
padding: .95rem 1.5rem; gap: .5rem; }
.btn-hero::before, .bottom-bar-cta::before, .bottom-bar::before, .card::before, .ptprelinker-content::before { content: none; display: none; }
.btn-signup-icon, .btn-hero-icon, .bottom-bar-dot, .testimonials-hint { animation: none; filter: none; box-shadow: none; }
.btn-hero:hover .btn-hero-arrow, .bottom-bar-cta:hover .bottom-bar-cta-arrow { transform: none; }
.btn-outline:hover { box-shadow: none; }
@media (max-width: 600px) { .btn-hero { font-size: .95rem; padding: .85rem 1.2rem; } }
.zp-essentiel, .zp-fiche, .zp-liste li, .zp-lire a, .zp-marque, .zp-etapes li, .zp-store, .zp-id, .cmp-card, .cmpr-site,
.zp-quiz, .zp-duel, .zp-galerie, .zp-h3-app, .zp-inscription, .zp-test, .zp-pc { box-shadow: 0 1px 2px rgba(31, 26, 27, .04); }
.zp-lire a:hover, .cmp-card:hover { border-color: #D8C3BF; }
.pricing-table th { background: var(--sombre); color: #fff; }
.zp-fiche-site table { width: 100%; border-collapse: collapse; font-size: .93rem; }
.zp-fiche-site th, .zp-fiche-site td { padding: .6rem .8rem; border-top: 1px solid var(--border); text-align: left; vertical-align: top; }
.zp-fiche-site tr:first-child th, .zp-fiche-site tr:first-child td { border-top: 0; }
.zp-fiche-site th { background: var(--creme); color: var(--text-primary); font-weight: 600; }
.faq-item { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: none; }
.faq-item.active { border-color: #D8C3BF; box-shadow: none; }
.faq-question { font-weight: 700; color: var(--text-primary); }
.faq-icon { color: var(--accent); }
.faq-answer-inner, .faq-answer-inner p { color: var(--text-body); }
.site-footer { background: var(--sombre); border-top: 0; }
.footer-col .footer-titre, .footer-col h4 { color: #fff; }
.footer-col a:hover, .footer-brand:hover .footer-brand-name, .footer-contact:hover { color: #fff; }
.footer-contact:hover { border-color: rgba(255, 255, 255, .5); box-shadow: none; transform: none; }
.footer-contact-icon { color: #fff; }
.footer-age { border-radius: 4px; }
.bottom-bar { background: #fff; border-top: 1px solid var(--border); }
.bottom-bar-counter { color: var(--text-primary); }
.bottom-bar-counter span { color: var(--accent); text-shadow: none; }
.bottom-bar-cta { border-radius: var(--radius); text-transform: none; font-weight: 700; }
.ptprelinker-content, .ptprelinker-content:hover { background: #fff; box-shadow: none; border-radius: var(--radius-lg); }
.ptprelinker-content h1, .ptprelinker-content h2, .ptprelinker-content h3, .ptprelinker-content h4, .ptprelinker-content h5 {
color: var(--text-primary); text-shadow: none; }
.ptprelinker-content button, .ptprelinker-content input[type="submit"], .ptprelinker-content input[type="button"],
.ptprelinker-content .btn { border-radius: var(--radius); }
.ptprelinker-content input:focus, .ptprelinker-content select:focus, .ptprelinker-content textarea:focus {
box-shadow: 0 0 0 3px rgba(200, 16, 46, .15); }
.zp-inscription .ptprelinker-content { border: 0; padding: .25rem 0 0; margin: 0 auto; max-width: 440px; }
.fade-in, .fade-in.visible { opacity: 1; transform: none; transition: none; }
.card:hover, .testimonial:hover, .step:hover, .showcase-image:hover { transform: none; box-shadow: none; }
.stat-number { text-shadow: none; }
.step-number { background: var(--accent); box-shadow: none; }
.logo-img, .logo:hover .logo-img { box-shadow: none; transform: none; }
.jmr-visuel img, .showcase-image { box-shadow: none; }
.jmr-quiz-go { box-shadow: none; border-radius: var(--radius); }
::-webkit-scrollbar-track { background: #F5EFED; }
::-webkit-scrollbar-thumb { background: #CDBDBA; }
::-webkit-scrollbar-thumb:hover { background: #A8999A; }
.section-title, .section-subtitle, .cta-final, .cta-final .text-center, .section-cta, .pricing-mention { text-align: left; }
.section-subtitle { margin: 0 0 1.4rem; max-width: none; }
.faq { margin-left: 0; max-width: none; }
.cta-final p { margin-left: 0; margin-right: 0; }
p.section-title { font-family: var(--font-title); font-weight: 400; color: var(--text-primary); }
.hero .hero-image > img { max-width: 360px; }
@media (max-width: 767px) { .hero .hero-image > img { max-width: 280px; } }
.zp-lire a, .zp-lire a:hover { text-decoration: none; }
.zp-lire a:hover b { color: var(--accent); }
.zp-table .cmp-btn { white-space: nowrap; }
.cmp-pager { margin-top: .9rem; }
section .container > :is(.zp-table-wrap, .zp-liste, .zp-etapes, .zp-marques, .zp-piege) + p { margin-top: 1rem; }
.zp-essentiel ul { list-style: disc; }
.zp-essentiel li::marker { color: var(--accent); }
@media (max-width: 560px) {
.zp-fiche-site table, .zp-fiche-site tbody, .zp-fiche-site tr, .zp-fiche-site th, .zp-fiche-site td { display: block; width: auto; }
.zp-fiche-site th { padding: .5rem .8rem .35rem; white-space: normal; }
.zp-fiche-site td { border-top: 0; padding: .45rem .8rem .65rem; }
}
.bottom-bar-inner { max-width: calc(var(--max-width) - 2.5rem); }
.zp-chat-h small { display: block; line-height: 1.35; }