*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf9;--surface:#fff;--border:#e7e5e4;--border-strong:#d6d3d1;--text:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--accent:#4f46e5;--accent-hover:#4338ca;--accent-light:#eef2ff;--accent-glow:#4f46e52e;--error-bg:#fef2f2;--error-border:#fca5a5;--error-text:#dc2626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #1c19170a;--shadow-md:0 2px 8px #1c19170f, 0 1px 2px #1c19170a;--shadow-lg:0 8px 24px #1c19171a, 0 2px 6px #1c19170d;--transition-fast:.15s ease;--transition:.22s ease;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6}body{min-height:100vh}a{color:inherit}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{flex-direction:column;min-height:100vh;display:flex}.section-inner{width:100%;max-width:900px;margin:0 auto;padding:0 24px}.hero{background:var(--surface);border-bottom:1px solid var(--border);padding:64px 24px 56px;position:relative;overflow:hidden}.hero-glow{background:radial-gradient(closest-side, var(--accent-glow), transparent);pointer-events:none;width:720px;height:420px;position:absolute;top:-220px;left:50%;transform:translate(-50%)}.hero-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:720px;margin:0 auto;display:flex;position:relative}.brand{color:var(--accent);align-items:center;gap:8px;margin-bottom:8px;display:flex}.brand-name{letter-spacing:-.3px;color:var(--text);font-size:18px;font-weight:700}.hero-headline{letter-spacing:-.8px;color:var(--text);font-size:clamp(28px,4.5vw,42px);font-weight:700;line-height:1.15}.hero-subtext{color:var(--text-secondary);max-width:52ch;font-size:16px}.ask-section{flex-direction:column;gap:16px;width:100%;margin-top:20px;display:flex}.query-input-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:left;transition:box-shadow var(--transition);padding:16px}.query-input-card:focus-within{box-shadow:var(--shadow-lg), 0 0 0 3px var(--accent-glow)}.window-selector{background:var(--bg);border:1px solid var(--border);border-radius:999px;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.window-chip{color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}.window-chip:hover{color:var(--text)}.window-chip-active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.query-textarea{resize:none;width:100%;color:var(--text);background:0 0;border:none;outline:none;min-height:56px;font-family:inherit;font-size:15px;line-height:1.6}.query-textarea::placeholder{color:var(--text-muted)}.query-textarea:disabled{opacity:.5;cursor:not-allowed}.query-input-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.query-hint{color:var(--text-muted);font-size:12px}.query-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;padding:9px 20px;font-size:14px;font-weight:600}.query-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.query-btn:active:not(:disabled){transform:translateY(0)}.query-btn:disabled{opacity:.55;cursor:not-allowed}.example-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.example-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:999px;padding:7px 14px;font-size:13px}.example-chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.results-section{padding:32px 24px 8px;scroll-margin-top:24px}.results-inner{flex-direction:column;gap:20px;width:100%;max-width:720px;margin:0 auto;display:flex}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error-text);align-items:center;gap:10px;padding:14px 16px;font-size:14px;display:flex}.error-icon{flex-shrink:0;font-size:16px}.error-text{flex:1}.retry-btn{border:1px solid var(--error-border);color:var(--error-text);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);background:0 0;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:600}.retry-btn:hover{background:#dc262614}.answer-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.answer-panel-in{animation:.28s both fade-slide-in}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.answer-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.window-tag{color:var(--accent);background:var(--accent-light);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.answer-text{color:var(--text);max-width:68ch;font-size:16px;line-height:1.7}.answer-para{margin-bottom:14px}.answer-para:last-child{margin-bottom:0}.answer-list{flex-direction:column;gap:8px;margin-bottom:14px;padding-left:20px;list-style:outside;display:flex}.answer-list:last-child{margin-bottom:0}.citation-badge{color:var(--accent);background:var(--accent-light);white-space:nowrap;border-radius:999px;margin:0 1px;padding:1px 9px;font-size:12px;font-weight:500;display:inline-block}.skeleton-lines{flex-direction:column;gap:12px;display:flex}.skeleton-line{background:linear-gradient(90deg,#f0efed 25%,#f8f7f6 50%,#f0efed 75%) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.citation-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.citation-list-in{animation:.28s both fade-slide-in}.citations{flex-direction:column;gap:4px;list-style:none;display:flex}.citation-item{border-radius:var(--radius-sm);transition:background var(--transition-fast);align-items:flex-start;gap:14px;margin:0 -10px;padding:10px;display:flex}.citation-item:hover{background:var(--bg)}.citation-index{background:var(--accent-light);width:24px;height:24px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:12px;font-weight:600;display:flex}.citation-body{flex-direction:column;gap:3px;display:flex}.citation-title{color:var(--accent);font-size:14px;font-weight:500;line-height:1.4;text-decoration:none}.citation-title:hover{text-decoration:underline}.citation-meta{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.citation-source{font-weight:500}.citation-sep{color:var(--text-muted)}.how-it-works{background:var(--bg);padding:64px 0}.architecture{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:64px 0}.section-heading{letter-spacing:-.4px;text-align:center;margin-bottom:40px;font-size:24px;font-weight:700}.steps-row{gap:20px;display:flex}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition);flex:1;padding:24px;position:relative}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.step-card:not(:last-child):after{content:"→";color:var(--border-strong);font-size:18px;position:absolute;top:34px;right:-26px}.step-icon{border-radius:var(--radius-md);background:var(--accent-light);width:40px;height:40px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.step-title{align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}.step-number{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:inline-flex}.step-text{color:var(--text-secondary);font-size:13.5px;line-height:1.6}.arch-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.arch-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);transition:border-color var(--transition-fast);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.arch-row:hover{border-color:var(--border-strong)}.arch-label{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.arch-text{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.site-footer{text-align:center;color:var(--text-muted);padding:28px 24px 40px;font-size:13px}.site-footer a{color:var(--accent);font-weight:500;text-decoration:none}.site-footer a:hover{text-decoration:underline}@media (width<=640px){.hero{padding:48px 20px 40px}.steps-row{flex-direction:column}.step-card:not(:last-child):after{content:"↓";top:auto;bottom:-22px;right:50%;transform:translate(50%)}.arch-grid{grid-template-columns:1fr}.results-section{padding:24px 16px 8px}.answer-panel,.citation-list{padding:18px}}