.tiers { padding: 88px 0; }
.tiers-intro { display: flex; flex-direction: column; gap: 18px; max-width: 640px; margin-bottom: 56px; }
.tiers-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }

.tiers-billing-status { font-family: var(--sans); font-size: 12.5px; color: var(--error); margin-top: 16px; display: none; }
.tiers-billing-status.visible { display: block; }

.tier-card { display: flex; flex-direction: column; gap: 22px; background: var(--panel); border: 1px solid var(--line); padding: 30px 26px; box-shadow: 0 24px 50px -32px oklch(0.3 0 0 / 0.14); position: relative; }
.tier-head { display: flex; align-items: center; gap: 13px; }
.tier-badge { width: 44px; height: 44px; border-radius: 50%; background: var(--circle); display: flex; align-items: center; justify-content: center; flex: none; font-family: var(--serif); font-size: 14px; color: var(--ink-soft); }
.tier-name { font-family: var(--sans); font-size: 11.5px; letter-spacing: 0.1em; color: var(--ink); }
.tier-price { display: flex; align-items: baseline; gap: 6px; }
.tier-price-num { font-family: var(--serif); font-size: 26px; color: var(--ink); }
.tier-price-period { font-family: var(--sans); font-size: 11px; color: var(--ink-faint); }
.tier-rows { display: flex; flex-direction: column; gap: 8px; padding-top: 18px; border-top: 1px solid var(--line); }
.tier-row { display: flex; align-items: baseline; justify-content: space-between; font-family: var(--sans); font-size: 11px; color: var(--ink); }
.tier-row span:first-child { font-size: 10px; color: var(--ink-faint); letter-spacing: 0.05em; }
.tier-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.chip { font-family: var(--sans); font-size: 10px; letter-spacing: 0.08em; color: var(--ink-soft); border: 1px solid var(--line); padding: 7px 11px; }
.chip-on { color: var(--bg); background: var(--ink); border-color: var(--ink); }
.chip-wide { flex: 1; text-align: center; }
.tier-bullets { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.tier-bullets li { font-family: var(--sans); font-size: 12.5px; color: var(--ink-soft); padding-left: 16px; position: relative; }
.tier-bullets li::before { content: "\2014"; position: absolute; left: 0; }
.tier-cta { margin-top: auto; font-family: var(--sans); font-size: 11px; letter-spacing: 0.05em; color: var(--ink); border-bottom: 1px solid var(--ink); padding-bottom: 3px; align-self: flex-start; }

.tier-card-pilot { background: radial-gradient(circle at 12% 0%, oklch(0.86 0.004 255 / 0.08), transparent 45%), repeating-linear-gradient(0deg, oklch(1 0 0 / 0.025) 0px, oklch(1 0 0 / 0.025) 1px, transparent 1px, transparent 22px), linear-gradient(155deg, oklch(0.27 0.01 255) 0%, oklch(0.21 0.008 255) 55%, oklch(0.24 0.009 250) 100%); border-color: var(--console-line); box-shadow: 0 30px 60px -30px oklch(0.2 0 0 / 0.4); }
.tier-badge-pilot { background: oklch(0.32 0.008 255); font-family: var(--mono); color: var(--silver); }
.tier-name-pilot, .tier-price-num-pilot { color: var(--silver); }
.tier-price-period-pilot { color: var(--silver-faint); }
.tier-rows-pilot { border-top-color: var(--console-line); }
.tier-row-pilot { color: var(--silver); }
.tier-row-pilot span:first-child { color: var(--silver-faint); }
.tier-pilot-desc { margin: 0; font-family: var(--sans); font-size: 12px; line-height: 1.6; color: var(--silver-dim); }
.tier-pilot-status { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid var(--console-line); background: oklch(0.2 0.006 255 / 0.5); }
.tier-pilot-status-text { font-family: var(--mono); font-size: 10px; letter-spacing: 0.04em; color: var(--silver-dim); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tier-cta-pilot { color: var(--console); background: var(--silver); padding: 11px 16px; text-align: center; }

.comparison-table-wrap { border-top: 1px solid var(--line); }
.comparison-table { width: 100%; border-collapse: collapse; }
.comparison-table th, .comparison-table td { text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.comparison-table th:not(:first-child), .comparison-table td:not(:first-child) { text-align: center; }
.comparison-table thead th { font-family: var(--sans); font-size: 10px; letter-spacing: 0.1em; color: var(--ink-faint); font-weight: 500; padding-top: 0; }
.comparison-table tbody th { font-family: var(--sans); font-size: 12.5px; color: var(--ink-soft); font-weight: 400; }
.comparison-table td { font-family: var(--mono); font-size: 12px; color: var(--ink); }
.comparison-yes { color: var(--ink); }
.comparison-no { color: var(--ink-faint); }