.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:var(--text)}.cmp-badge--free{background:var(--accent-surface,#eef0ff);color:var(--text)}.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}.home-sec.cmp-sec{max-width:60rem}.cmp-table-wrap{border:1px solid var(--brand-muted);background:var(--surface);border-radius:1rem;margin-top:1.5rem;overflow-x:auto}.cmp-table{border-collapse:collapse;width:100%}.cmp-table th,.cmp-table td{text-align:left;border-bottom:1px solid var(--brand-surface);padding:.65rem 1rem}.cmp-table tbody th[scope=row]{color:var(--text);font-weight:600}.cmp-table tbody th[scope=row] a{color:var(--text);text-decoration:underline dotted var(--brand-muted);text-underline-offset:4px}.cmp-table tbody th[scope=row] a:hover{color:var(--brand-base);text-decoration:underline}.cmp-table thead th{background:var(--brand-strong);color:var(--on-brand-strong,var(--canvas))}.cmp-table thead th:nth-child(3){background:var(--brand-base)}.cmp-table tbody td:nth-child(3){background:color-mix(in srgb, var(--brand-base) 8%, transparent)}.cmp-table td:not(:first-child),.cmp-table thead th:not(:first-child){text-align:center;width:7.5rem}.cmp-table .cmp-group th{background:var(--brand-surface);color:var(--brand-strong);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}}@media (width<=640px){.cmp-table-wrap{background:0 0;border:0;overflow:visible}.cmp-table,.cmp-table tbody,.cmp-table tr,.cmp-table th,.cmp-table td{width:auto;display:block}.cmp-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cmp-table tbody{margin-top:1rem}.cmp-table .cmp-group th{border-bottom:0;border-radius:.75rem .75rem 0 0}.cmp-table tbody tr:not(.cmp-group){background:var(--surface);border:1px solid var(--brand-muted);border-top:0}.cmp-table tbody tr:last-child{border-radius:0 0 .75rem .75rem}.cmp-table tbody th[scope=row]{border-bottom:0;padding:.75rem 1rem .25rem}.cmp-table td:not(:first-child){text-align:right;border-bottom:0;justify-content:space-between;align-items:center;gap:1rem;width:auto;padding:.35rem 1rem;display:flex}.cmp-table td:before{content:attr(data-label);color:var(--text-muted);font-size:var(--font-size-sm,.85rem);font-weight:400}.cmp-table tbody td:nth-child(3){background:0 0;padding-bottom:.75rem}}.home-page>header.bg-accent-strong h1{color:inherit}