/* Version D v0.13: package comparison (matrix on /pricing, cards on the homepage) */
.cmp{max-width:1140px;margin:0 auto;text-align:left;color:#000}
.cmp .cmp-ico{display:inline-block;width:20px;height:20px;border-radius:50%;position:relative;vertical-align:middle}
.cmp .yes{background:#1fa34a}.cmp .no{background:#e02b2b}
.cmp .yes::before{content:"";position:absolute;width:5px;height:10px;left:7px;top:3px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.cmp .no::before,.cmp .no::after{content:"";position:absolute;width:3px;height:11px;left:8.5px;top:4.5px;background:#fff;border-radius:2px;transform:rotate(45deg)}
.cmp .no::after{transform:rotate(-45deg)}
.cmp-btn{display:block;text-align:center;color:#fff;text-decoration:none;border:1px solid #733088;border-radius:5px;padding:8px 6px;font-size:.95rem;font-weight:700;line-height:1.2}
.cmp-btn:hover{filter:brightness(.92);color:#fff}
.cmp-note{text-align:center;font-weight:300;font-size:1rem;margin:18px auto 0;max-width:700px}
/* matrix */
.cmp-scroll{border-radius:8px;box-shadow:0 1rem 3rem rgba(0,0,0,.175)}
.cmp-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff}
.cmp-table th,.cmp-table td{padding:9px 10px;text-align:center;font-size:.95rem;border-bottom:1px solid #eee;line-height:1.3}
.cmp-table th.f,.cmp-table td.f{text-align:left;width:31%}
.cmp-table thead th{color:#fff;font-weight:700;font-size:1.05rem;padding:14px 6px}
.cmp-table tr.grp td{background:#f3eef6;color:#702f8a;font-weight:700;text-align:left;font-size:.85rem;letter-spacing:.03em;text-transform:uppercase;padding-top:11px}
.cmp-table tr.price td{font-weight:700;font-size:1.1rem}
.cmp-table tr.price th.f{font-size:.95rem}.cmp-table tr.price th.f small{display:block;font-weight:300;font-size:.8rem}
.cmp-table tr.price.first td{border-top:2px solid #702f8a}
.cmp-table tr.buy td{padding:12px 6px 16px;border-bottom:0;vertical-align:top}
.cmp-table .cmp-btn{display:flex;align-items:center;justify-content:center;min-height:50px;padding:4px 6px}
.cmp-mobile{display:none}
.cmp-hl{color:#fff;text-decoration:none;display:block}.cmp-hl::after{content:" \203A";font-weight:400;opacity:.8}
.cmp-hl:hover,.cmp-hl:focus{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){.cmp-desktop{display:none}.cmp-mobile{display:block}}
/* cards */
.cmp-grid{display:grid;grid-template-columns:1fr;gap:12px}
.cmp-card{border-radius:8px;box-shadow:0 1rem 3rem rgba(0,0,0,.175);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}
.cmp-card:hover{transform:translateY(-4px)}
.cmp-head{color:#fff;font-weight:700;font-size:1.15rem;text-align:center;padding:12px 8px;line-height:1.2;margin:0}
.cmp-price{text-align:center;padding:12px 8px 4px;line-height:1.3}
.cmp-price b{font-size:1.5rem;display:block}.cmp-price small{display:block;font-weight:300;font-size:.8rem}
.cmp-features{list-style:none;margin:0;padding:8px 14px;flex:1}
.cmp-features li{font-size:.88rem;padding:5px 0;border-top:1px solid rgba(0,0,0,.08);display:flex;gap:7px;align-items:flex-start;line-height:1.3}
.cmp-features li:first-child{border-top:0}
.cmp-features .cmp-ico{flex:none;width:16px;height:16px;margin-top:1px}
.cmp-features .yes::before{width:4px;height:8px;left:5px;top:2px}
.cmp-features .no::before,.cmp-features .no::after{width:2.5px;height:9px;left:6.75px;top:3.5px}
.cmp-features li.cmp-not{color:rgba(0,0,0,.55)}
.cmp-features li.cmp-grp{display:block;border-top:0;padding:12px 0 2px;font-weight:700;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;color:#702f8a}
.cmp-foot{padding:10px 14px 16px}
@media (min-width:600px){.cmp-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.cmp-grid{grid-template-columns:repeat(5,1fr)}}