.tier-card{position:relative;display:flex;height:100%;flex-direction:column;overflow:hidden;border-radius:var(--briefs-radius-lg);border:1px solid var(--briefs-color-line);background:var(--briefs-surface-elevated);padding:var(--briefs-space-lg);transition:border-color var(--briefs-motion-duration-base) var(--briefs-motion-ease-out),box-shadow var(--briefs-motion-duration-base) var(--briefs-motion-ease-out),transform var(--briefs-motion-duration-base) var(--briefs-motion-ease-out)}.tier-card:hover{transform:translateY(-2px);box-shadow:var(--briefs-shadow-soft)}.tier-card--highlighted{border-color:var(--briefs-color-blue);box-shadow:0 0 0 2px var(--briefs-color-blue)}.tier-card--coming-soon{opacity:.75}.tier-card--coming-soon:hover{transform:none;box-shadow:none}.tier-card-ribbon{position:absolute;right:0;top:0;height:6rem;width:6rem;overflow:hidden;pointer-events:none}.tier-card-ribbon-text{position:absolute;right:-34px;top:22px;width:170px;transform:rotate(45deg);background:var(--briefs-color-ink);color:var(--briefs-surface-page);padding:4px 0;text-align:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;box-shadow:var(--briefs-shadow-soft)}.tier-card-badge{display:inline-block;width:fit-content;margin-bottom:var(--briefs-space-xs);border-radius:var(--briefs-radius-pill);background:var(--briefs-color-accent-subtle);color:var(--briefs-color-blue);padding:2px 10px;font-size:12px;font-weight:600}.tier-card-name{font-size:1.125rem;font-weight:600;color:var(--briefs-color-ink)}.tier-card-price{margin-top:4px;font-size:1.875rem;font-weight:700;color:var(--briefs-color-ink)}.tier-card-price-suffix{font-size:.875rem;font-weight:400;color:var(--briefs-color-muted)}.tier-card-price-original{margin-right:6px;font-size:1.125rem;font-weight:500;color:var(--briefs-color-muted);text-decoration:line-through}.tier-card-annual-note{font-size:.75rem;color:var(--briefs-color-muted)}.tier-card-description{margin-top:var(--briefs-space-xs)}.tier-card-description,.tier-card-features{font-size:.875rem;color:var(--briefs-color-copy)}.tier-card-features{margin-top:var(--briefs-space-md);flex:1;display:grid;gap:var(--briefs-space-xs)}.tier-card-feature{display:flex;align-items:flex-start;gap:var(--briefs-space-xs)}.tier-card-feature-check{margin-top:2px;color:var(--briefs-color-trend-up-strong)}.tier-card-cta{margin-top:var(--briefs-space-lg);width:100%;border-radius:var(--briefs-radius-md);padding:10px 16px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--briefs-motion-duration-base) var(--briefs-motion-ease-out),opacity var(--briefs-motion-duration-base) var(--briefs-motion-ease-out)}.tier-card-cta:disabled{cursor:not-allowed;opacity:.6}.tier-card-cta--primary{background:var(--briefs-color-blue);color:var(--briefs-color-on-blue)}.tier-card-cta--primary:hover:not(:disabled){background:var(--briefs-color-blue-deep)}.tier-card-cta--secondary{background:transparent;border:1px solid var(--briefs-color-line);color:var(--briefs-color-ink)}.tier-card-cta--secondary:hover:not(:disabled){background:var(--briefs-color-accent-subtle)}.tier-interval-toggle{display:inline-flex;border-radius:var(--briefs-radius-md);border:1px solid var(--briefs-color-line);padding:4px}.tier-interval-option{display:flex;align-items:center;gap:6px;border-radius:var(--briefs-radius-sm);padding:6px 16px;font-size:.875rem;font-weight:500;text-transform:capitalize;color:var(--briefs-color-copy);transition:background var(--briefs-motion-duration-base) var(--briefs-motion-ease-out),color var(--briefs-motion-duration-base) var(--briefs-motion-ease-out)}.tier-interval-option--active{background:var(--briefs-color-blue);color:var(--briefs-color-on-blue)}.tier-interval-save-chip{border-radius:var(--briefs-radius-pill);padding:2px 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;background:color-mix(in srgb,var(--briefs-color-trend-up-strong) 16%,transparent);color:var(--briefs-color-trend-up-strong)}.tier-interval-option--active .tier-interval-save-chip{background:var(--briefs-color-on-blue);color:var(--briefs-color-blue-deep)}@media (prefers-reduced-motion:reduce){.tier-card,.tier-card-cta,.tier-interval-option{transition:none}.tier-card:hover{transform:none}}