.portfolio-demo{letter-spacing:-.02em;min-height:100svh;font-family:Manrope,Pretendard,sans-serif;font-size:16px;line-height:1.5}.portfolio-demo button,.portfolio-demo input,.portfolio-demo select{font:inherit}.portfolio-demo button:disabled{opacity:.4;cursor:default}.demo-bar{color:#d3dbe7;z-index:10;letter-spacing:0;background:#111b29;justify-content:space-between;align-items:center;gap:20px;min-height:40px;padding:10px 4%;font-size:11px;display:flex;position:relative}.demo-bar a{align-items:center;gap:9px;display:flex}.demo-bar>span{color:#9ba8ba;font-size:10px}.demo-eyebrow{letter-spacing:1.7px;font-size:10px;font-weight:500;display:block}.demo-section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.demo-section-heading h2{letter-spacing:-1.6px;margin-top:18px;font-size:39px;font-weight:450;line-height:1.15}.demo-section-heading>p{opacity:.6;font-size:14px}.demo-filter{flex-wrap:wrap;gap:6px;display:flex}.demo-filter button{white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:30px;padding:7px 15px;font-size:12px}.demo-filter button[aria-pressed=true]{border-color:currentColor}.demo-modal{overscroll-behavior:contain;background:#f6f3ed;border:0;border-radius:4px;width:min(900px,94vw);max-width:none;max-height:91svh;padding:0}.demo-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071019b8}.demo-modal-inner{position:relative}.demo-modal-close{z-index:5;color:#343b40;background:#fffffff0;border:1px solid #c6c6c1;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:15px;right:15px}.demo-modal input,.demo-modal button{font:inherit}.sample-badge{letter-spacing:1px;color:#9b8bba;background:#f6f1fd;border:1px solid #e0d8ee;border-radius:4px;padding:4px 7px;font-size:8px}.rank-badge{color:#ab85c0;background:#f4eefa;border-radius:4px;padding:4px 7px;font-size:9px}.issue-level{color:#a28bc0;background:#eeedf9;border-radius:3px;padding:3px 5px;font-size:8px}.issue-level.urgent{color:#b98b7b;background:#faf0e9}@media (max-width:760px){.demo-bar{min-height:38px;padding:10px 5%;font-size:10px}.demo-bar>span{display:none}.demo-eyebrow{letter-spacing:1.2px;font-size:9px}.demo-section-heading{flex-direction:column;align-items:flex-start;gap:23px;margin-bottom:30px}.demo-section-heading h2{letter-spacing:-1.2px;margin-top:15px;font-size:32px;line-height:1.2}.demo-modal{border-radius:0;width:100%;max-width:100%;height:100svh;max-height:100%;margin:0}.demo-filter button{padding:6px 12px;font-size:11px}.sample-badge{font-size:7px}}.issue-level{color:#79579b}.issue-level.urgent{color:#9a6655}.rank-badge{color:#8b60ab}