.sub-pill-group{display:flex;width:100%;border:3px solid #000;box-shadow:4px 4px #000;background:#fff}.sub-pill{position:relative;flex:1;min-height:48px;padding:10px 8px;border:none;background:#fff;color:#000;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background-color .1s ease,color .1s ease;touch-action:manipulation}.sub-pill+.sub-pill{border-left:3px solid #000}.sub-pill-active{background:#000;color:#fff}.sub-pill:disabled{opacity:.35;cursor:not-allowed}.sub-pill-save{display:block;font-size:8px;font-weight:700;letter-spacing:.04em;opacity:.55;margin-top:1px}.sub-pill-active .sub-pill-save{opacity:.75}@media(min-width:640px){.sub-pill-group{width:auto}.sub-pill{min-width:110px}}.sub-plans-grid{display:grid;grid-template-columns:1fr;gap:1.1rem}@media(min-width:640px){.sub-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.sub-plans-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}.sub-plan-skeleton{min-height:320px;border:3px dashed #000;background:repeating-linear-gradient(135deg,#f4f4f5,#f4f4f5 10px,#ececef 10px 20px);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.sub-plan-card{position:relative;display:flex;flex-direction:column;gap:.85rem;padding:1.35rem;background:#fff;border:4px solid #000;box-shadow:6px 6px 0 var(--tier-accent, #000);transition:transform .15s ease,box-shadow .15s ease}.sub-plan-card.sub-plan-current{border-color:var(--tier-accent, #000);background:color-mix(in srgb,var(--tier-accent, #000) 6%,white)}.sub-plan-card.sub-plan-popular{border-color:var(--tier-accent, #000)}@media(min-width:1024px){.sub-plan-card.sub-plan-popular{transform:translateY(-6px);box-shadow:9px 9px 0 var(--tier-accent, #000)}}.sub-plan-ribbon{position:absolute;top:-13px;left:1.1rem;background:var(--tier-accent, #000);color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;padding:5px 10px;border:2px solid #000;box-shadow:3px 3px #000}.sub-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.sub-plan-name{font-size:21px;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:1;color:color-mix(in srgb,var(--tier-accent, #000) 75%,black)}.sub-plan-badge{flex-shrink:0;background:#000;color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;padding:4px 8px}.sub-plan-price-row{display:flex;align-items:baseline;gap:6px}.sub-plan-price{font-size:28px;font-weight:900;line-height:1}.sub-plan-period{font-size:11px;font-weight:800;opacity:.6;text-transform:uppercase}.sub-plan-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;flex:1}.sub-plan-features li{font-size:12px;font-weight:600;display:flex;align-items:flex-start;gap:8px;line-height:1.4}.sub-plan-features li:before{content:"✓";font-weight:900;color:var(--tier-accent, #7c3aed);flex-shrink:0}.sub-plan-btn{margin-top:4px;min-height:52px;width:100%;padding:14px;background:var(--tier-accent, #000);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;border:3px solid #000;box-shadow:4px 4px #000;cursor:pointer;touch-action:manipulation;transition:transform .05s ease,box-shadow .05s ease}.sub-plan-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #000}.sub-plan-btn:disabled{background:#e4e4e7;color:#a1a1aa;border-color:#a1a1aa;box-shadow:none;cursor:not-allowed}.sub-plan-btn[data-plan-id^=DIAMOND]{color:#062a2f}.sub-current-box{transition:box-shadow .2s ease,border-color .2s ease}.sub-compare-table{width:100%;border-collapse:collapse;font-size:12px}.sub-compare-table th,.sub-compare-table td{padding:12px 14px;text-align:left;border-bottom:2px solid #000;white-space:nowrap}.sub-compare-table thead th{font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;border-bottom:3px solid #000;background:#fafafa}.sub-compare-table thead th:not(:first-child){color:color-mix(in srgb,var(--tier-accent, #000) 80%,black);text-align:center}.sub-compare-table tbody td:first-child{font-weight:700;white-space:normal;min-width:220px}.sub-compare-table td:not(:first-child){text-align:center}.sub-compare-yes{color:var(--tier-accent, #16a34a);font-weight:900}.sub-compare-no{color:#d4d4d8}.sub-compare-table tbody tr:last-child td{border-bottom:none}