.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; } }

/* ── F7. Stickers with physics ───────────────────────── */
.f7 { height: 600px; background: var(--violet-600); color: var(--gray-0); touch-action: pan-y; }
.f7-txt { position: absolute; left: clamp(20px, 4cqw, 48px); top: 48px; right: clamp(20px, 4cqw, 48px); display: flex; justify-content: space-between; gap: 20px; pointer-events: none; }
.f7-txt h4 { margin: 0; font-size: clamp(40px, 8cqw, 104px); line-height: .9; letter-spacing: -0.022em; font-weight: 550; }
.f7-txt p { margin: 8px 0 0; font-size: 15px; opacity: .8; text-align: right; }
.stk { position: absolute; left: 0; top: 0; text-decoration: none; border-radius: 50%; display: grid; place-items: center; text-align: center; font-weight: 550; letter-spacing: -0.02em; cursor: grab; user-select: none; -webkit-user-select: none; touch-action: none; box-shadow: inset 0 -4px 0 color-mix(in srgb, var(--gray-900) 12%, transparent), var(--e2); will-change: transform; }
.stk.drag { cursor: grabbing; }
.f7-bot { position: absolute; left: clamp(20px, 4cqw, 48px); right: clamp(20px, 4cqw, 48px); bottom: 16px; display: flex; justify-content: space-between; font-size: 12px; opacity: .7; pointer-events: none; }