.plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
@media(max-width:1020px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.plans{grid-template-columns:1fr}}
.plan{padding:24px 22px;position:relative}
.plan .amt{font-size:38px}
.plan ul{margin:16px 0 0;flex:none;font-size:14px;line-height:1.5}
.plan ul li{padding:5px 0}
.plan .cta{margin-top:auto}
.plan .grow{flex:1;min-height:20px}
.plan .feat-head{margin:18px 0 2px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--mute)}
.plan ul.feat li{position:relative;padding-left:26px}
.plan ul.feat li::before,.cmp .y::before{content:"";position:absolute;left:0;top:8px;width:16px;height:16px;border-radius:50%;background:#16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat}
.plan ul.feat li.off{color:var(--mute)}
.plan ul.feat li.off::before{background:var(--line) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239A9AA3' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E") center/11px no-repeat}
.tag-new{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:rgba(209,58,18,.1);color:var(--acc);font-size:11px;font-weight:600;vertical-align:1px}
.plan.pro .pop{display:inline-block;margin-bottom:2px;padding:3px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:11.5px;font-weight:600}
.plan .sub{margin:2px 0 0;font-size:13px;color:var(--mute)}
.yt-note{display:none;align-items:center;gap:12px;margin:0 0 24px;padding:14px 18px;border:1px solid rgba(209,58,18,.28);background:rgba(209,58,18,.06);border-radius:14px;font-size:14.5px;line-height:1.5}
.yt-note.show{display:flex}
.yt-note svg{flex:none;color:var(--acc)}
.cmp-wrap{margin-top:56px}
.cmp-wrap h2{font-size:clamp(24px,3.5vw,32px);letter-spacing:-.02em;margin:0 0 6px;text-align:center}
.cmp-wrap .lead{text-align:center;margin:0 0 24px}
.cmp-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff}
.cmp{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;font-size:14px}
.cmp th,.cmp td{padding:13px 14px;text-align:center;border-bottom:1px solid var(--line);vertical-align:middle}
.cmp th:first-child,.cmp td:first-child{text-align:left;position:sticky;left:0;background:#fff;min-width:190px}
.cmp thead th{font-size:13px;font-weight:600;background:#fff}
.cmp thead th.hl,.cmp td.hl{background:#FFF7F4}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp .grp td{padding:10px 14px;background:var(--bg);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);text-align:left}
.cmp .grp td:first-child{background:var(--bg)}
.cmp .y{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle}
.cmp .y::before{top:0}
.cmp .n{display:inline-block;width:12px;height:2px;border-radius:2px;background:var(--line2);vertical-align:middle}
.cmp .v{font-weight:500}
.cmp-wrap .lead{max-width:none;margin-left:auto;margin-right:auto}
.plan.pro .pop{font-family:'Instrument Sans',system-ui,sans-serif}