.bc-mock{background:var(--secondary);border-radius:var(--radius-xl);height:320px;overflow:hidden;position:relative}.bc-mock--center{display:flex;align-items:center;justify-content:center;padding:24px}.bc-mock-stack{position:relative;width:280px;height:260px}.bc-card{position:absolute;background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:14px;width:220px;box-shadow:var(--shadow-card)}.bc-card--rot-l{top:0;left:0;transform:rotate(-12deg)}.bc-card--rot-r{bottom:0;right:0;transform:rotate(8deg)}.bc-card-tag{background:var(--bg-light-gray);border-radius:999px;padding:8px 14px;display:inline-flex;align-items:baseline;gap:4px;font-family:var(--font-head);color:var(--secondary)}.bc-card-tag span{font-size:18px;font-weight:600;letter-spacing:-.02em}.bc-card-tag small{font-size:12px;opacity:.6}.bc-card-circles{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.bc-circle{background:var(--bg-light-gray);border-radius:999px;padding:8px 12px;font-size:13px;font-family:var(--font-head);color:var(--secondary);font-weight:500}.bc-circle--xl{background:var(--secondary);color:var(--primary);font-size:22px;font-weight:600;letter-spacing:-.02em;padding:12px 16px}.bc-circle--xl small{font-size:12px;opacity:.7;margin-left:2px}.bc-card-mini{background:var(--bg-light-gray);border-radius:var(--radius-lg);padding:18px 12px;text-align:center}.bc-card-label{display:block;font-size:11px;color:var(--text-meta)}.bc-card-value{display:block;font-family:var(--font-head);font-weight:600;font-size:28px;color:var(--secondary);letter-spacing:-.025em;margin-top:2px}.bc-pillrow{display:flex;gap:6px;margin-top:8px}.bc-pill{flex:1;border-radius:999px;text-align:center;padding:8px;font-size:12px;font-weight:500}.bc-pill--dark{background:var(--secondary);color:var(--primary)}.bc-pill--light{background:var(--bg-light-gray);color:var(--secondary)}.bc-phone{background:var(--primary);border-radius:var(--radius-xl);padding:16px;width:240px;transform:rotate(6deg);box-shadow:var(--shadow-card)}.bc-phone-screen{background:var(--secondary);border-radius:22px;padding:20px 16px;color:var(--white)}.bc-phone-line{font-family:ui-monospace,SF Mono,monospace;font-size:10px;color:var(--primary);opacity:.85}.bc-phone-name{display:block;font-family:var(--font-head);font-weight:600;font-size:18px;letter-spacing:-.02em;margin:4px 0 14px}.bc-phone-stats{display:flex;gap:16px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.bc-phone-stats>div{display:flex;flex-direction:column;gap:2px}.bc-phone-stats strong{font-family:var(--font-head);color:var(--primary);font-size:16px;font-weight:600;letter-spacing:-.02em}.bc-phone-stats small{font-size:9px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.bc-monthly{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:14px;width:280px;box-shadow:var(--shadow-card)}.bc-monthly-title{text-align:center;font-size:12px;color:var(--text-meta);margin:0 0 12px}.bc-monthly-row{display:flex;gap:8px;margin-bottom:10px}.bc-monthly-cell{flex:1;background:var(--bg-light-gray);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.bc-monthly-icon{background:var(--secondary);color:var(--primary);width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.bc-monthly-label{font-size:11px;color:var(--secondary);font-family:var(--font-head);font-weight:500}.bc-monthly-value{font-family:var(--font-head);font-weight:600;font-size:20px;color:var(--secondary);letter-spacing:-.02em}.bc-monthly-list{display:flex;flex-direction:column;gap:6px}.bc-monthly-line{display:flex;justify-content:space-between;background:var(--bg-light-gray);border-radius:999px;padding:8px 14px;font-size:12px}.bc-monthly-tag{color:var(--secondary);font-weight:500}.bc-monthly-amt{color:var(--text-meta)}.bc-image{background:var(--secondary);border-radius:var(--radius-xl);width:280px;height:240px;position:relative;overflow:hidden;transform:rotate(12deg);box-shadow:var(--shadow-card);border:1px solid var(--border-subtle)}.bc-image-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--primary)}.bc-image-dot--tl{top:14px;left:14px}.bc-image-dot--tr{top:14px;right:14px}.bc-image-dot--bl{bottom:14px;left:14px}.bc-image-dot--br{bottom:14px;right:14px}.bc-image-gradient{position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(230,255,2,.16),transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08),transparent 50%)}.bc-image-text{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-family:var(--font-head)}.bc-image-text p{margin:0;color:var(--white);font-size:18px;font-weight:500;letter-spacing:-.02em}.bc-image-text .bc-image-accent{color:var(--primary);font-weight:600}