.sylo-shot { margin-top: clamp(36px, 5vw, 64px); }
.chan-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (max-width: 900px) { .chan-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .chan-grid { grid-template-columns: 1fr; } }
.trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: clamp(32px, 4vw, 52px); }
.trust { border: 1px solid var(--line-inv); border-radius: var(--r-xl); padding: 28px; background: var(--navy-2); }
.trust .k { font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ember-on-dark); margin-bottom: 14px; }
.trust h3 { font-size: 1.08rem; margin-bottom: 8px; }
.trust p { color: var(--inv-body); font-size: 0.92rem; }
@media (max-width: 860px) { .trust-grid { grid-template-columns: 1fr; } }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; counter-reset: st; }
.step { border: 1px solid var(--line-soft); border-radius: var(--r-xl); padding: 28px; background: var(--bg); box-shadow: var(--shadow-card); counter-increment: st; }
.step::before { content: "0" counter(st); font-family: var(--font-mono); font-size: 0.74rem; letter-spacing: 0.2em; color: var(--ember); display: block; margin-bottom: 16px; }
.step h3 { font-size: 1.1rem; margin-bottom: 6px; }
.step p { font-size: 0.93rem; }
@media (max-width: 820px) { .steps { grid-template-columns: 1fr; } }