.sc { position: absolute; inset: 0; overflow-y: auto; scrollbar-width: none; overscroll-behavior: contain; }
.sc::-webkit-scrollbar { display: none; }
.mock-h { display: flex; align-items: center; gap: 22px; height: 64px; padding: 0 clamp(20px, 4cqw, 48px); font-size: 13px; font-weight: 500; }
.mock-h b { font-size: 17px; font-weight: 550; letter-spacing: -0.022em; margin-right: auto; }
.mock-hero { padding: 60px clamp(20px, 4cqw, 48px) 40px; }
.mock-hero h3 { margin: 0; font-size: clamp(40px, 7cqw, 86px); line-height: .94; letter-spacing: -0.022em; font-weight: 550; max-width: 11ch; }
.mock-hero p { margin: 18px 0 0; max-width: 42ch; font-size: 17px; opacity: .7; }
.mock-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 0 clamp(20px, 4cqw, 48px) 60px; }
.mock-grid i { display: block; height: 220px; border-radius: 12px; }
@container (max-width: 700px) { .mock-grid { grid-template-columns: 1fr 1fr; } .mock-grid i:nth-child(3) { display: none; } .mock-h span { display: none; } }

/* ── F10. Falling letters and pills (Matter.js) ──────── */
.f10 { height: 620px; background: var(--gray-870); color: var(--gray-40); touch-action: pan-y; }
.f10-txt { position: absolute; left: clamp(20px, 4cqw, 48px); right: clamp(20px, 4cqw, 48px); top: 34px; display: flex; justify-content: space-between; font-size: 13px; color: color-mix(in srgb, var(--gray-40) 55%, transparent); pointer-events: none; }
.mt { position: absolute; left: 0; top: 0; will-change: transform; user-select: none; -webkit-user-select: none; touch-action: none; cursor: grab; }
.mt.drag { cursor: grabbing; }
.mt-l { font-size: clamp(92px, 15cqw, 190px); line-height: 1; font-weight: 550; letter-spacing: -0.022em; color: var(--gray-40); padding: 0 .02em; }
.mt-p { padding: 14px 24px; border-radius: 9999px; font-size: clamp(15px, 1.6cqw, 20px); font-weight: 550; white-space: nowrap; text-decoration: none; }
.f10-hint { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); font-size: 12px; color: color-mix(in srgb, var(--gray-40) 40%, transparent); pointer-events: none; }