html,body{margin:0;padding:0;background:#f7f8fa;color:#172033;font-family:Pretendard Variable,Pretendard,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:#2563eb;text-decoration:none}a:hover{color:#1d4ed8;text-decoration:underline}::selection{background:#f0f9ff}input,select,button,textarea{font-family:inherit}button{cursor:pointer}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid #18181b;outline-offset:1px}@keyframes il-spin{to{transform:rotate(360deg)}}@keyframes il-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes il-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes il-fade{0%{opacity:0}to{opacity:1}}.landing-demo{flex:none;width:400px;max-width:100%;height:368px;background:#fff;border:1px solid #d8dee7;border-radius:14px;box-shadow:0 14px 38px #17203317;overflow:hidden;animation:il-up .5s ease}.landing-demo-header{padding:14px 16px;border-bottom:1px solid #ebeff4}.demo-steps{display:flex;align-items:center;justify-content:space-between;gap:4px}.demo-steps span{display:flex;align-items:center;gap:4px;color:#a1a1aa;font-size:10.5px;font-weight:650;white-space:nowrap}.demo-steps i{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#f4f4f5;font-size:9px;font-style:normal}.demo-steps .is-active{color:#18181b}.demo-steps .is-active i{background:#0ea5e9;color:#fff;box-shadow:0 0 0 4px #e0f2fe}.demo-steps .is-done i{background:#18181b;color:#fff}.landing-demo-stage{height:306px;animation:demo-stage-in .42s ease both}.landing-demo-body{padding:22px 20px;height:100%}.demo-kicker{color:#71717a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.demo-row{display:flex;align-items:center;gap:10px;border:1px solid #e4e4e7;border-radius:10px;padding:11px;margin-bottom:8px;color:#52525b}.demo-row.is-selected,.demo-issue.is-selected{border-color:#7dd3fc;background:#f0f9ff;box-shadow:0 0 0 2px #0ea5e914}.demo-row b{display:block;color:#27272a;font-size:12.5px}.demo-row small{display:block;margin-top:3px;color:#a1a1aa;font-size:10.5px}.demo-repo-mark{width:28px;height:28px;border-radius:8px;background:#18181b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.demo-check{margin-left:auto;color:#0284c7;font-weight:800}.demo-issue{position:relative;border:1px solid #e4e4e7;border-radius:10px;padding:13px 36px 13px 12px;margin-bottom:9px}.demo-issue b{display:block;margin-top:5px;color:#27272a;font-size:12.5px;line-height:1.35}.demo-issue-number{font:10.5px ui-monospace,monospace;color:#71717a}.demo-arrow{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#0284c7}.demo-analyzing{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.demo-orbit{width:48px;height:48px;border:2px solid #e0f2fe;border-top-color:#0ea5e9;border-radius:50%;animation:il-spin 1s linear infinite;margin-bottom:18px;position:relative}.demo-orbit span{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#18181b}.demo-analyzing b{font-size:14px}.demo-analyzing p{color:#71717a;font-size:11.5px;margin:7px 0 20px}.demo-progress{width:82%;height:5px;background:#f1f3f6;border-radius:9px;overflow:hidden}.demo-progress span{display:block;height:100%;background:#0ea5e9;border-radius:9px;animation:demo-progress 2.4s ease-out both}.demo-analysis-labels{width:82%;display:flex;justify-content:space-between;margin-top:8px;color:#a1a1aa;font-size:9.5px}.demo-report-title{font-size:14px;font-weight:750;line-height:1.45;margin-bottom:14px}.demo-summary-line{display:flex;align-items:center;gap:7px;font-size:11.5px;margin-bottom:9px}.demo-summary-line span{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:99px;padding:2px 7px}.demo-copy{color:#52525b;font-size:12px;line-height:1.55;margin:0 0 15px}.demo-code-flow{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.demo-code-flow code{background:#f4f4f5;border-radius:5px;padding:4px 6px;font-size:9.5px;color:#3f3f46}.demo-code-flow i{color:#0ea5e9;font-style:normal}.demo-evidence{border-top:1px solid #e4e4e7;margin-top:17px;padding-top:11px;color:#71717a;font-size:10.5px}.demo-timer{display:block;height:100%;background:#0ea5e9;animation:demo-progress 2.4s linear both}@keyframes demo-stage-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes demo-progress{0%{width:0}to{width:100%}}@media(prefers-reduced-motion:reduce){.landing-demo,.landing-demo-stage,.demo-orbit,.demo-progress span,.demo-timer{animation:none}}@media(max-width:520px){.landing-demo{height:360px}.demo-steps span{font-size:0}.demo-steps i{font-size:9px}.landing-demo-stage{height:298px}}
