.ai-page { padding: var(--sp-12) 0; }
.ai-page__inner { max-width: 720px; display: flex; flex-direction: column; gap: var(--sp-8); }

.ai-page__stamp {
  display: inline-block;
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border: 2px solid var(--c-foia);
  color: var(--c-foia);
  padding: var(--sp-1) var(--sp-3);
  width: fit-content;
}
.ai-page__stamp--locked { border-color: var(--c-accent); color: var(--c-accent); }

.ai-page__tier-label { font-family: var(--f-mono); font-size: var(--t-xs); letter-spacing: 0.15em; text-transform: uppercase; color: var(--c-text-2); }
.ai-page__headline { font-family: var(--f-serif); font-size: var(--t-3xl); font-weight: 700; line-height: var(--lh-tight); color: var(--c-text); }
.ai-page__tagline { font-size: var(--t-lg); color: var(--c-text-2); line-height: var(--lh-loose); }
.ai-page__status { font-size: var(--t-body); color: var(--c-text-2); line-height: var(--lh-loose); }
.ai-page__member-note { font-family: var(--f-mono); font-size: var(--t-sm); color: var(--c-text-2); background: var(--c-surface); padding: var(--sp-4); border-left: 3px solid var(--c-foia); }

.ai-page__preview { border: var(--bw) solid var(--c-border); padding: var(--sp-6); background: var(--c-surface); }
.ai-page__preview-label { font-family: var(--f-mono); font-size: var(--t-xs); letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-text-3); margin-bottom: var(--sp-4); }
.ai-page__queries { list-style: none; padding: 0; display: flex; flex-direction: column; gap: var(--sp-3); }
.ai-page__query { font-family: var(--f-mono); font-size: var(--t-sm); padding: var(--sp-3) var(--sp-4); border-left: 3px solid var(--c-border); line-height: var(--lh-snug); }
.ai-page__query--visible { color: var(--c-text); border-left-color: var(--c-foia); }
.ai-page__query--redacted { color: var(--c-text-3); filter: blur(1.5px); user-select: none; border-left-color: var(--c-accent); letter-spacing: 0.1em; }

.ai-page__gate-block { border: var(--bw) solid var(--c-accent); padding: var(--sp-8); display: flex; flex-direction: column; gap: var(--sp-5); }
.ai-page__gate-header { font-family: var(--f-mono); font-size: var(--t-xs); letter-spacing: 0.15em; text-transform: uppercase; color: var(--c-accent); }
.ai-page__price { font-family: var(--f-mono); font-size: var(--t-2xl); font-weight: 500; color: var(--c-text); }
.ai-page__period { font-size: var(--t-base); color: var(--c-text-2); }
.ai-page__price-note { font-size: var(--t-sm); color: var(--c-text-2); line-height: var(--lh-snug); }
.ai-page__features { padding-left: var(--sp-4); display: flex; flex-direction: column; gap: var(--sp-2); }
.ai-page__features li { font-size: var(--t-sm); color: var(--c-text-2); }
.ai-page__cta { display: block; text-align: center; padding: var(--sp-4); }
.ai-page__legal { font-size: var(--t-xs); color: var(--c-text-3); line-height: var(--lh-normal); }

/* Progress block */
.ai-page__progress-block { display: flex; flex-direction: column; gap: var(--sp-3); }
.ai-page__progress-label { font-family: var(--f-mono); font-size: var(--t-xs); letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-text-3); }
.ai-page__progress-track { height: 4px; background: var(--c-border); }
.ai-page__progress-fill { height: 100%; background: var(--c-foia); }
.ai-page__progress-stages { display: flex; gap: var(--sp-4); flex-wrap: wrap; }
.ai-page__stage { font-family: var(--f-mono); font-size: var(--t-xs); color: var(--c-text-3); }
.ai-page__stage--done   { color: var(--c-foia); }
.ai-page__stage--active { color: var(--c-text); font-weight: 500; }