/* Page SafeTransfer : captures d'écran, usages, console. */
.nf-st-shots { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: clamp(40px, 5vw, 64px) !important; }
.nf-main .nf-st-shots > * { margin: 0 !important; }
.nf-st-shot { display: flex; flex-direction: column; padding: 18px 18px 28px; border-radius: 26px; background: #fff; }
.nf-st-shot > * { margin: 0 !important; }
.nf-st-shot .nf-st-shot__img { display: grid; place-items: center; height: 360px; margin: 0 0 24px !important; padding: 22px; border-radius: 18px; background: linear-gradient(160deg, #F3F6FE 0%, #E6ECFB 100%); overflow: hidden; }
.nf-st-shot .nf-st-shot__img img { display: block; width: auto !important; max-width: 100%; max-height: 316px; height: auto; border-radius: 14px; box-shadow: 0 26px 50px -26px rgba(0, 32, 48, .45), 0 0 0 1px rgba(0, 48, 69, .06); }
.nf-st-shot__step { margin-bottom: 12px !important; padding-inline: 10px; }
.nf-st-shot__num { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid var(--nf-st); color: var(--nf-st); font-weight: 700; font-size: 15px; }
.nf-st-shot h3 { margin-bottom: 8px !important; padding-inline: 10px; font-size: 20px; line-height: 1.25; }
.nf-st-shot p:not(.nf-st-shot__step) { padding-inline: 10px; color: var(--nf-slate); font-size: 15.5px; }
.nf-st-note { max-width: 820px; margin: 32px auto 0 !important; padding: 20px 26px; border-radius: 18px; background: #F3F6FE; color: var(--nf-slate); text-align: center; }
.nf-st-note strong { color: var(--nf-ink); }
.nf-st-console { display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(36px, 5vw, 80px); align-items: center; }
.nf-main .nf-st-console > * { margin: 0 !important; }
.nf-st-console__media > * { margin: 0 !important; }
.nf-st-console__media img { display: block; width: 100%; height: auto; border-radius: 16px; box-shadow: 0 40px 80px -40px rgba(0, 32, 48, .5), 0 0 0 1px rgba(0, 48, 69, .08); }
.nf-main .nf-st-console__media .wp-block-image + .wp-block-image, .nf-main .nf-st-console__media .nf-st-placeholder--user { position: relative; width: 82%; margin: -9% -4% 0 auto !important; }
.nf-st-console__text h2 { margin: 0 0 18px; }
.nf-st-console__text > p { color: var(--nf-slate); }
.nf-st-console__text > p strong { color: var(--nf-ink); }
.nf-st-checks li { font-size: 15.5px; }
.nf-main .nf-st-caption { margin-top: 18px !important; font-size: 13.5px; color: var(--nf-muted); }
.nf-st-placeholder { display: grid; place-items: center; min-height: 120px; padding: 16px; border: 2px dashed #B9C7EC; border-radius: 16px; background: #fff; color: var(--nf-muted); }
.nf-features--safetransfer.nf-features--2 .nf-feature h3 { font-size: 22px; }
.nf-st-console + .nf-roadmap { margin-top: clamp(56px, 7vw, 96px) !important; }
@media (max-width: 960px) {
	.nf-st-shots { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto !important; }
	.nf-st-console { grid-template-columns: 1fr; }
	.nf-main .nf-st-console__media .wp-block-image + .wp-block-image, .nf-main .nf-st-console__media .nf-st-placeholder--user { margin-right: 0 !important; }
}
@media (max-width: 600px) {
	.nf-st-shot .nf-st-shot__img { height: 300px; padding: 16px; }
	.nf-st-shot .nf-st-shot__img img { max-height: 268px; }
	.nf-main .nf-st-console__media .wp-block-image + .wp-block-image { width: 100%; margin: 14px 0 0 !important; }
}