/* ── FEATURE BLOCKS ── */
.feat-block{padding:80px 0;position:relative}

/* ── MOCK UI ── */
.mock-wrap{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(109,40,217,.1)}
.mock-bar{height:40px;background:var(--surface2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:6px}
.mock-dot{width:10px;height:10px;border-radius:50%}
.mock-title-bar{margin-left:12px;font-size:12px;font-weight:600;color:var(--text-muted)}
.mock-body{padding:16px}
.mock-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;margin-bottom:6px;border:1px solid var(--border)}
.mock-row:hover{background:var(--brand-bg);cursor:pointer}
.mock-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700}
.mock-badge-green{background:#ECFDF5;color:#10B981}
.mock-badge-amber{background:#FFFBEB;color:#D97706}
.mock-badge-blue{background:#EFF6FF;color:#3B82F6}
.mock-badge-gray{background:#F1F5F9;color:#64748B}
.mock-calc{padding:14px;background:var(--brand-bg);border-radius:10px;margin-top:8px}
.mock-calc-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;border-bottom:1px solid var(--brand-bdr)}
.mock-calc-row:last-child{border-bottom:none;font-weight:800;font-size:14px;color:var(--brand)}
.mock-portal-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--border)}
.mock-portal-row:last-child{border-bottom:none}
.mock-toggle{width:32px;height:18px;border-radius:9px;background:var(--brand);position:relative}
.mock-toggle::after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;right:2px}
.mock-toggle.off{background:var(--border)}
.mock-toggle.off::after{right:auto;left:2px}
.pill{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;background:var(--brand-bg);color:var(--brand);border:1px solid var(--brand-bdr)}