.comp-block{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,72px);padding:64px 0;border-top:1px solid var(--be-border);align-items:start}.comp-block:last-of-type{border-bottom:1px solid var(--be-border)}.comp-block__meta{position:sticky;top:80px}.comp-block__meta .be-label{display:inline-flex;margin-bottom:16px}.comp-block__meta h2{font-family:var(--be-font-sans);font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1.04;letter-spacing:-.02em;color:var(--be-blue-800);margin:0 0 16px;text-wrap:balance}.comp-block__meta p{font-size:15px;line-height:1.6;color:var(--be-grey-800);margin:0 0 14px;max-width:38ch}.comp-block__meta .works{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.demo{background:#fff;border:1px solid var(--be-border);border-radius:var(--be-radius-md);overflow:hidden}.demo-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--be-grey-050);border-bottom:1px solid var(--be-border);font-family:var(--be-font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--be-grey-600)}.demo-head .dots{display:inline-flex;gap:6px}.demo-head .dots i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--be-grey-200)}.demo-body{padding:24px}.demo-label{font-family:var(--be-font-mono);font-size:11px;color:var(--be-grey-600);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.sf-record{display:grid;grid-template-columns:36px 1fr auto;gap:12px;padding:12px 14px;border:1px solid var(--be-border);border-radius:var(--be-radius-sm);align-items:center;margin-bottom:16px}.sf-record .avatar{width:36px;height:36px;border-radius:50%;background:var(--be-blue-800);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--be-font-sans);font-weight:700;font-size:12px}.sf-record .sf-l{font-family:var(--be-font-mono);font-size:11px;color:var(--be-grey-600);letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}.sf-record .sf-v{font-size:14px;color:var(--be-fg);font-weight:500}.risk-score{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--be-border);border-radius:var(--be-radius-sm);margin-bottom:20px}.risk-dial{width:72px;height:72px;position:relative;flex-shrink:0}.risk-dial svg{transform:rotate(-90deg)}.risk-dial .num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--be-font-sans);font-weight:700;font-size:20px;color:var(--be-blue-800)}.risk-meta .l{font-family:var(--be-font-mono);font-size:11px;color:var(--be-grey-600);letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}.risk-meta .t{font-weight:700;font-size:15px;margin-bottom:2px;color:var(--be-blue-800)}.risk-meta .s{font-size:13px;color:var(--be-grey-600)}.checks{display:flex;flex-direction:column;gap:8px}.check{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--be-border);border-radius:var(--be-radius-sm);font-size:13px;line-height:1.4;cursor:pointer;transition:background var(--be-dur-fast) var(--be-ease)}.check:hover{background:var(--be-grey-050)}.check .dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.check .dot.ok{background:var(--be-green-500)}.check .dot.warn{background:#e0a400}.check .dot.err{background:#d64545}.check .l{color:var(--be-fg);font-weight:500}.check .d{color:var(--be-grey-600);font-size:12px;margin-top:2px}.pl-area{border:1.5px dashed var(--be-grey-200);border-radius:var(--be-radius-sm);padding:16px;margin:4px 0 16px;min-height:110px;font-family:var(--be-font-mono);font-size:13px;line-height:1.55;color:var(--be-grey-800);background:#fff;width:100%;outline:none;resize:vertical;transition:border-color var(--be-dur-fast) var(--be-ease)}.pl-area:focus{border-color:var(--be-teal-500);border-style:solid}.pl-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pl-hint{font-family:var(--be-font-mono);font-size:11px;color:var(--be-grey-600);letter-spacing:.1em;text-transform:uppercase}.pl-table{margin-top:20px;border:1px solid var(--be-border);border-radius:var(--be-radius-sm);overflow:hidden;font-size:14px}.pl-table .row{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;padding:10px 14px;border-bottom:1px solid var(--be-border)}.pl-table .row:last-child{border-bottom:0}.pl-table .row.h{background:var(--be-grey-050);font-family:var(--be-font-mono);font-size:11px;color:var(--be-grey-600);letter-spacing:.16em;text-transform:uppercase}.picklist{border:1px solid var(--be-border);border-radius:var(--be-radius-sm);padding:6px;display:flex;flex-wrap:wrap;gap:6px;min-height:44px;align-items:center;background:#fff}.pill{background:var(--be-blue-800);color:#fff;border-radius:999px;padding:4px 8px 4px 12px;font-size:12px;display:inline-flex;align-items:center;gap:6px;animation:pillIn .2s var(--be-ease)}@keyframes pillIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pill button{color:#ffffffb3;font-size:14px;line-height:1}.pill button:hover{color:#fff}.pl-input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font-family:var(--be-font-sans);font-size:14px;color:var(--be-fg);padding:6px}.pl-dropdown{margin-top:6px;border:1px solid var(--be-border);border-radius:var(--be-radius-sm);background:#fff;max-height:180px;overflow:auto;box-shadow:var(--be-shadow-elevated)}.pl-opt{padding:10px 14px;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background var(--be-dur-fast) var(--be-ease)}.pl-opt:hover{background:var(--be-grey-050)}.pl-opt .k{font-family:var(--be-font-mono);font-size:11px;color:var(--be-grey-600);letter-spacing:.16em}.rp-wrap{display:grid;grid-template-columns:2fr 3fr;gap:12px}.rp-config{background:#fff;border:1px solid var(--be-border);border-radius:var(--be-radius-sm);padding:14px;font-family:var(--be-font-mono);font-size:12px;color:var(--be-grey-600)}.rp-config .row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--be-border)}.rp-config .row:last-child{border-bottom:0}.rp-config .v{color:var(--be-teal-500)}.rp-config select{background:transparent;border:none;font-family:var(--be-font-mono);font-size:12px;color:var(--be-teal-500);text-align:right;cursor:pointer}.rp-picker{background:#fff;border:1px solid var(--be-border);border-radius:var(--be-radius-sm);padding:10px;min-height:200px;font-size:14px}.rp-list{display:flex;flex-direction:column}.rp-item{padding:10px 12px;border-bottom:1px solid var(--be-border);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background var(--be-dur-fast) var(--be-ease)}.rp-item:hover{background:var(--be-grey-050)}.rp-item:last-child{border-bottom:0}.rp-item .n{font-weight:500;color:var(--be-blue-800)}.rp-item .s{font-family:var(--be-font-mono);font-size:11px;color:var(--be-grey-600);letter-spacing:.16em}@media(max-width:920px){.comp-block{grid-template-columns:1fr}.comp-block__meta{position:static}.rp-wrap{grid-template-columns:1fr}}