.ypl:where(.pg-comparatifs) .cp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ypl:where(.pg-comparatifs) .cp{display:flex;flex-direction:column;background:#fff;border:1px solid var(--navy-100);border-radius:22px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.ypl:where(.pg-comparatifs) .cp:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.ypl:where(.pg-comparatifs) .cp__vis{background:var(--navy-50);border-bottom:1px solid var(--navy-100);padding:28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;min-height:190px}.ypl:where(.pg-comparatifs) .cp__side{background:#fff;border:1px solid var(--navy-100);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700}.ypl:where(.pg-comparatifs) .cp__side b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-600);font-weight:900}.ypl:where(.pg-comparatifs) .cp__side span{display:flex;gap:8px;align-items:center}.ypl:where(.pg-comparatifs) .cp__side span .i{width:16px;height:16px;flex:none}.ypl:where(.pg-comparatifs) .cp__side--yuno{border-color:var(--navy);box-shadow:var(--shadow-1)}.ypl:where(.pg-comparatifs) .cp__side--yuno .i{color:var(--mint-700)}.ypl:where(.pg-comparatifs) .cp__vs{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900}.ypl:where(.pg-comparatifs) .cp__vs--plus{background:var(--mint);color:var(--navy);font-size:20px}.ypl:where(.pg-comparatifs) .cp__body{padding:26px 28px 28px;display:flex;flex-direction:column;gap:10px;flex:1}.ypl:where(.pg-comparatifs) .cp__body h2{margin:0;font-size:23px;line-height:1.2;font-weight:900;letter-spacing:-.01em}.ypl:where(.pg-comparatifs) .cp__body p{margin:0;font-size:16px;color:var(--text-2)}.ypl:where(.pg-comparatifs) .cp__body .card__meta{margin-top:auto;padding-top:14px}.ypl:where(.pg-comparatifs) .method{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;background:var(--navy-50);border:1px solid var(--navy-100);border-radius:18px;padding:24px 26px;margin-top:28px}.ypl:where(.pg-comparatifs) .method h3{margin:0 0 6px;font-size:17px;font-weight:900}.ypl:where(.pg-comparatifs) .method p{margin:0;font-size:15.5px;color:var(--text-2)}.ypl:where(.pg-comparatifs) .cp-h{margin:0 0 20px}.ypl:where(.pg-comparatifs) .cp-h h2{margin:10px 0 0;font-size:clamp(24px,2.4vw,30px);line-height:1.15;font-weight:900;letter-spacing:-.015em}.ypl:where(.pg-comparatifs) .cp-grid--one{grid-template-columns:1fr}.ypl:where(.pg-comparatifs) .cp--wide{flex-direction:row}.ypl:where(.pg-comparatifs) .cp--wide .cp__vis{flex:0 0 52%;border-bottom:0;border-right:1px solid var(--navy-100)}.ypl:where(.pg-comparatifs) .cp--wide .cp__body{justify-content:center}@media (max-width:960px){.ypl:where(.pg-comparatifs) .cp-grid{grid-template-columns:1fr}.ypl:where(.pg-comparatifs) .cp--wide{flex-direction:column}.ypl:where(.pg-comparatifs) .cp--wide .cp__vis{flex:none;border-right:0;border-bottom:1px solid var(--navy-100)}}@media (max-width:640px){.ypl:where(.pg-comparatifs) .cp__vis{grid-template-columns:1fr;padding:20px}.ypl:where(.pg-comparatifs) .cp__vs{margin:0 auto}.ypl:where(.pg-comparatifs) .cp__body{padding:22px}.ypl:where(.pg-comparatifs) .method{grid-template-columns:1fr}}
