/* p34 (5.2) /features — real chart screenshots */
.fx-shots__head { text-align: center; max-width: 46rem; margin: 0 auto 1.5rem; }
.fx-shots__t { font-size: clamp(1.25rem, 2.4vw, 1.6rem); font-weight: 900; margin: 0 0 .5rem; }
.fx-shots__d { font-size: .92rem; line-height: 2; color: hsl(var(--muted-foreground)); margin: 0; }
.fx-shots__grid { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 1rem; align-items: end; }
.fx-shot { margin: 0; }
.fx-shot img { display: block; width: 100%; height: auto; border-radius: var(--ds-r-lg); border: 1px solid hsl(var(--border)); box-shadow: 0 18px 50px -20px hsl(222 60% 10% / .45); background: #0b0f17; }
.fx-shot--mob img { border-radius: var(--ds-r-xl); border-width: 4px; border-color: hsl(222 20% 22%); }
.fx-shot figcaption { margin-top: .5rem; text-align: center; font-size: .78rem; color: hsl(var(--muted-foreground)); }
.fx-shots__cta { display: flex; justify-content: center; margin-top: 1.25rem; }
@media (max-width: 720px) { .fx-shots__grid { grid-template-columns: 1fr; } .fx-shot--mob { max-width: 240px; margin: 0 auto; } }