:root{--bg:#f8fafc;--fg:#0f172a;--primary:#3b82f6;--primary-light:#dbeafe;--secondary:#06b6d4;--accent:#8b5cf6;--hero-bg:#021348;--text-soft:#334155;--text-hero:#dbeafe;--text-hero-heading:#e0e7ff;--text-panel-heading:#1e1b4b;--button-start:#38bdf8;--button-end:#4f46e5;--border:#e2e8f0;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}html,body,#__next{scroll-behavior:smooth;height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6}main{max-width:1200px;min-height:100vh;margin:0 auto;padding:0 20px}section{margin-bottom:20px}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:2rem 0 .5rem;font-size:3rem}h2{color:var(--fg);margin:1.5rem 0 1rem;font-size:1.875rem}p{color:var(--text-soft);margin:.5rem 0 1rem;font-size:1rem}a{color:#2563eb;border-bottom:2px solid #0000;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;position:relative}a:hover{color:#0284c7;border-bottom-color:#0284c7}a:focus{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}a:visited{color:#4338ca}.subtitle{color:#475569;margin-bottom:2rem;font-size:1.25rem;font-weight:500}.button-group{flex-wrap:wrap;gap:1rem;margin-top:2rem;margin-bottom:3rem;display:flex}button{letter-spacing:.01em;color:#f8fbff;background:linear-gradient(135deg, var(--button-start) 0%, var(--button-end) 100%);cursor:pointer;border:1px solid #ffffff2e;border-radius:.8rem;padding:.75rem 1.15rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 10px 20px #4f46e538,inset 0 1px #ffffff47}button:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 14px 24px #4f46e542,inset 0 1px #ffffff5c}button:active{transform:translateY(0);box-shadow:0 8px 16px #4f46e533,inset 0 1px #fff3}button:disabled{cursor:not-allowed;opacity:1;color:#475569;filter:none;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border-color:#cbd5e1;transform:none;box-shadow:0 4px 8px #64748b24}button:disabled:hover{filter:none;transform:none;box-shadow:0 4px 8px #64748b24}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background:#fff}.btn-secondary:hover{background:var(--primary-light)}.hero{text-align:left;background:var(--hero-bg);width:100vw;margin-top:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:2.75rem 0 2rem}.hero-inner{max-width:1200px;margin:0 auto;padding:0 20px}.hero h1{background:linear-gradient(135deg,#dff7ff 0%,#93c5fd 40%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero .subtitle{color:#bfdbfe}.hero p{color:var(--text-hero)}.panel h2{color:var(--text-panel-heading)}.hero-layout{justify-content:flex-start;align-items:center;gap:2rem;display:flex}.hero-content{max-width:640px}.hero-left-robot{object-fit:contain;border-radius:.5rem;flex-shrink:0;width:clamp(160px,24vw,320px);height:auto;max-height:280px}.card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:.75rem;padding:1.5rem;transition:all .3s}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary)}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.result-panel{border-left:4px solid var(--primary);box-shadow:var(--shadow);background:#fff;border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.analysis-container{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;margin-top:1.5rem;display:grid}.analysis-steps{flex-direction:column;gap:.75rem;display:flex}.content{margin-bottom:3rem}.content-container{grid-template-columns:1.1fr .9fr;align-items:start;gap:1.5rem;display:grid}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:.75rem;padding:1.25rem}.instructions-panel p{margin-bottom:.75rem}.demo-steps{color:#334155;margin:.5rem 0 1rem;padding-left:1.25rem}.demo-steps li{margin-bottom:.5rem}.controls-panel .button-group{margin-top:.5rem;margin-bottom:0}.demo-results-wide{margin-top:1.25rem}.demo-results-panel h3{color:#1f2937}.active-tasks-panel{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffffff2;margin-top:1rem;position:sticky;top:.75rem}.active-tasks-list{margin-top:.25rem}.active-task-item{flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:.85rem;display:flex}.active-task-item:last-child{margin-bottom:0}.active-task-text{color:#64748b;align-items:center;gap:.75rem;font-size:1rem;display:flex}.active-task-inline-gif{width:74px;height:auto;box-shadow:none;background:0 0;border:0;flex-shrink:0;margin-left:2rem}.feedback-summary-panel{margin-top:.75rem}.feedback-graph{flex-direction:column;gap:.75rem;display:flex}.feedback-row{grid-template-columns:180px 1fr 52px;align-items:center;gap:.75rem;display:grid}.feedback-label{color:#334155;align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.feedback-track{background:#e2e8f0;border-radius:999px;height:12px;position:relative;overflow:hidden}.feedback-bar{border-radius:999px;min-width:6px;height:100%}.feedback-bar-up{background:linear-gradient(135deg,#34d399 0%,#16a34a 100%)}.feedback-bar-down{background:linear-gradient(135deg,#f97316 0%,#dc2626 100%)}.feedback-bar-none{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.feedback-value{text-align:right;color:#1f2937;font-weight:700}.feedback-total-row{color:#475569;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:baseline;margin-top:.9rem;padding-top:.75rem;display:flex}.controls-panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.controls-panel-header h2{margin:0}.btn-reset{background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%);box-shadow:0 10px 20px #ec489947,inset 0 1px #ffffff4d}.btn-reset:hover{box-shadow:0 14px 24px #ec489957,inset 0 1px #ffffff61}.btn-dummy{background:linear-gradient(135deg,#34d399 0%,#06b6d4 100%);box-shadow:0 10px 20px #06b6d442,inset 0 1px #ffffff52}.btn-dummy:hover{box-shadow:0 14px 24px #06b6d44d,inset 0 1px #fff6}.btn-fetch{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 10px 20px #3b82f63d,inset 0 1px #ffffff4d}.btn-fetch:hover{box-shadow:0 14px 24px #3b82f64d,inset 0 1px #ffffff61}.fetch-step-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.demo-callout{color:#475569;align-items:flex-start;gap:.4rem;max-width:520px;margin:0;font-size:.86rem;line-height:1.35;display:inline-flex}.demo-callout-prestep{margin-bottom:.55rem}.demo-callout-arrow{color:#2563eb;width:18px;min-width:18px;height:18px;margin-top:.1rem;display:inline-flex}.demo-callout-arrow svg{width:100%;height:100%}.btn-analyse{background:linear-gradient(135deg,#a78bfa 0%,#6366f1 100%);box-shadow:0 10px 20px #6366f142,inset 0 1px #ffffff47}.btn-analyse:hover{box-shadow:0 14px 24px #6366f152,inset 0 1px #ffffff5c}.btn-docs{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);box-shadow:0 10px 20px #f9731640,inset 0 1px #ffffff47}.btn-docs:hover{box-shadow:0 14px 24px #f973164d,inset 0 1px #ffffff5c}.btn-feedback{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 10px 20px #16a34a3d,inset 0 1px #ffffff47}.btn-feedback:hover{box-shadow:0 14px 24px #16a34a4d,inset 0 1px #ffffff5c}.btn-dummy:disabled,.btn-fetch:disabled,.btn-analyse:disabled,.btn-docs:disabled,.btn-feedback:disabled,.btn-dummy:disabled:hover,.btn-fetch:disabled:hover,.btn-analyse:disabled:hover,.btn-docs:disabled:hover,.btn-feedback:disabled:hover{color:#475569;filter:none;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border-color:#cbd5e1;transform:none;box-shadow:0 4px 8px #64748b24}@media (max-width:1024px){.analysis-container,.content-container{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.loading-status{color:#64748b;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;display:flex}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.button-group{flex-direction:column}.fetch-step-row{align-items:flex-start}.demo-callout{width:100%;max-width:none}.feedback-row{grid-template-columns:1fr;gap:.35rem}.feedback-value{text-align:left}.active-task-inline-gif{width:64px;margin-left:0}button{width:100%}main,.hero-inner{padding:0 16px}.hero-layout{flex-direction:column;align-items:flex-start;gap:1rem}.hero-left-robot{width:min(100%,340px);max-height:220px}}