.tier-ladder{flex-direction:column;gap:28px;display:flex}.tier-ladder-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tier-ladder-options .segmented button{padding:10px 20px;font-size:12px}.tier-ladder-options .hint{margin:0}.tier-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.tier-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:18px;padding:24px;display:flex}.tier-card.selected{border:2px solid var(--primary);padding:23px}.tier-card p{margin:0}.tier-card hr{border:none;border-top:1px solid var(--border);width:100%;margin:0}.tier-card button{height:44px}.tier-card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.tier-name{margin:0;font-size:21px;font-weight:400}.tier-description{color:var(--muted);font-size:13px}.tier-price{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.tier-amount{font-size:36px;line-height:normal}.tier-per{color:var(--muted);font-size:12px}.tier-alt{min-height:38px;color:var(--accent);font-size:11px;line-height:1.6}.tier-clips{font-size:14px;font-weight:600}.tier-duration{font-size:13px}.tier-highlights{color:var(--muted);flex-direction:column;flex:1;gap:12px;margin:0;padding:0;font-size:12px;line-height:1.5;list-style:none;display:flex}.tier-highlights li{gap:8px;display:flex}.tier-highlights li:before{content:"✓";color:var(--accent)}.tier-notice{flex-direction:column;gap:6px;padding:18px;display:flex}.tier-notice strong{color:var(--accent);font-size:13px;font-weight:400}.tier-notice.warning strong{color:var(--text);font-weight:600}.tier-notice.notice p,.tier-notice.notice p:last-child{margin:0;font-size:12px;line-height:1.6}.tier-footnotes{color:var(--muted);flex-direction:column;gap:8px;font-size:12px;line-height:1.6;display:flex}.tier-footnotes p{margin:0}.tier-comparison{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.tier-comparison table{border-collapse:collapse;width:100%;min-width:520px;margin:0;font-size:13px}.tier-comparison caption{caption-side:top;color:var(--muted);text-align:left;padding:14px 18px 0;font-size:12px}.tier-comparison th,.tier-comparison td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;text-transform:none;letter-spacing:normal;padding:12px 18px}.tier-comparison tbody tr:last-child>*{border-bottom:none}.tier-comparison thead th{font-size:15px;font-weight:600}.tier-comparison thead th .badge{vertical-align:middle;margin-left:8px}.tier-comparison tbody th{color:var(--muted);font-size:13px;font-weight:500}
