.cmp{text-align:left;gap:1.5rem;margin-top:2rem;display:grid}.cmp-badge{font-size:var(--font-size-xs,.78rem);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin:0;padding:.2rem .75rem;font-weight:700;display:inline-block}.cmp-badge--both{background:var(--success-surface,#e7f7ec);color:#000}.cmp-badge--free{background:var(--accent-surface,#eef0ff);color:#000}.cmp-badge--pro{background:var(--brand-strong,#4c0a8a);color:var(--on-brand-strong,#fff)}.cmp-common{border:1px dashed var(--success-base,#198754);background:var(--surface,#fff);border-radius:1rem;padding:1.25rem 1.5rem}.cmp-common-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.6rem 2rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.cmp-common-list li{align-items:flex-start;gap:.6rem;display:flex}.cmp-check{color:var(--success-base,#198754);font-weight:700}.cmp-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:stretch;gap:1.5rem;display:grid}.cmp-plan{background:var(--surface,#fff);border:1px solid var(--brand-muted,#e3cfff);border-radius:1.25rem;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.cmp-plan h3,.cmp-plan p{margin:0}.cmp-plan--free{border-style:dashed}.cmp-plan--pro{border:2px solid var(--brand-base,#7e22ce);box-shadow:var(--shadow-glow,0 4px 18px #00000014);background:linear-gradient(var(--surface,#fff), var(--brand-surface,#f6efff))}.cmp-price{color:var(--brand-strong,#4c0a8a);font-size:2rem;font-weight:800}.cmp-list{flex:1;align-content:start;gap:.45rem;margin:0 0 1rem;padding-left:1.1rem;display:grid}.cmp-list--pro{padding-left:0;list-style:none}.cmp-plan .home-btn{align-self:flex-start}.cmp-table-wrap{border:1px solid var(--brand-muted,#e3cfff);border-radius:1rem;margin-top:2rem;overflow-x:auto}.cmp-table{border-collapse:collapse;width:100%;min-width:34rem}.cmp-table th,.cmp-table td{text-align:left;border-bottom:1px solid var(--brand-surface,#f6efff);padding:.7rem 1rem}.cmp-table thead th{background:var(--brand-strong,#4c0a8a);color:var(--on-brand-strong,#fff)}.cmp-table thead th:nth-child(3){background:var(--brand-base,#7e22ce)}.cmp-table tbody td:nth-child(3){background:color-mix(in srgb, var(--brand-base,#7e22ce) 8%, transparent)}.cmp-table td:not(:first-child),.cmp-table thead th:not(:first-child){text-align:center;width:9rem}.cmp-table .cmp-group th{background:var(--brand-surface,#f6efff);color:var(--brand-strong,#4c0a8a);text-align:left;font-size:var(--font-size-sm,.85rem);text-transform:uppercase}.cmp-yes{color:var(--success-base,#198754);font-weight:700}.cmp-no{color:var(--text-muted,#6b7280)}@media (width<=768px){.cmp-common,.cmp-plan{padding:1rem}}