.demo-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.demo-header{text-align:center;margin-bottom:3rem}.demo-badge{display:inline-block;padding:.25rem .75rem;background:var(--color-accent-muted);color:var(--color-accent);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;margin-bottom:1rem}.demo-header h1{font-size:2.5rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.02em}.demo-description{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto .75rem;line-height:1.6}.demo-tech{font-size:.875rem;color:var(--color-text-muted)}.start-actions{display:flex;justify-content:center;margin-top:1rem}.btn-secondary{padding:.75rem 2rem;background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.demo-banner{padding:.75rem 1.25rem;background:#60a5fa1a;border:1px solid rgba(96,165,250,.3);border-radius:8px;color:#60a5fa;font-size:.875rem;font-weight:500;text-align:center;margin-bottom:1.5rem}.upload-section{margin-bottom:2rem}.upload-box{border:2px dashed var(--color-border);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--gradient-card)}.upload-box:hover,.upload-box.dragover{border-color:var(--color-accent);background:#c4654a0d}.upload-icon{width:48px;height:48px;color:var(--color-text-muted);margin-bottom:1rem}.upload-text{font-size:1.125rem;color:var(--color-text);margin-bottom:.5rem}.upload-hint{font-size:.875rem;color:var(--color-text-muted)}.privacy-note{font-size:.8125rem;color:var(--color-text-muted);text-align:center;margin-top:1rem}.progress-section{text-align:center;padding:4rem 2rem}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-section h2{font-size:1.5rem;margin-bottom:.75rem}.progress-note{font-size:1rem;color:var(--color-text-secondary);margin-bottom:.5rem}.progress-time{font-size:.875rem;color:var(--color-text-muted)}.summary-card{display:flex;gap:2rem;padding:2rem;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1.5rem}.risk-score{text-align:center}.score-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid var(--color-border);margin-bottom:.5rem}.score-circle.green{border-color:#22c55e}.score-circle.yellow{border-color:#eab308}.score-circle.orange{border-color:#f97316}.score-circle.red{border-color:#ef4444}.score-value{font-size:2rem;font-weight:700}.score-label{font-size:.875rem;color:var(--color-text-muted)}.summary-details{flex:1}.risk-lane{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.lane-badge{display:inline-block;width:12px;height:12px;border-radius:50%}.lane-badge.green{background:#22c55e}.lane-badge.yellow{background:#eab308}.lane-badge.orange{background:#f97316}.lane-badge.red{background:#ef4444}.lane-label{font-weight:600;text-transform:capitalize}.recommendation{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.recommendation.approve{color:#22c55e}.recommendation.negotiate{color:#f97316}.recommendation.reject{color:#ef4444}.summary-stats{display:flex;gap:1.5rem;font-size:.875rem;color:var(--color-text-secondary)}.review-banner{display:flex;gap:1rem;padding:1rem 1.5rem;background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:8px;margin-bottom:1.5rem}.review-banner svg{width:24px;height:24px;color:#f97316;flex-shrink:0}.review-banner strong{display:block;color:#f97316;margin-bottom:.25rem}.review-banner p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.results-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.tab-btn{padding:.5rem 1rem;background:none;border:none;color:var(--color-text-muted);font-size:.9375rem;cursor:pointer;border-radius:6px;transition:all .2s ease}.tab-btn:hover{color:var(--color-text);background:var(--color-border)}.tab-btn.active{color:var(--color-accent);background:var(--color-accent-muted)}.tab-content{min-height:200px}.clauses-overview{margin-bottom:1.5rem}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}@media(max-width:640px){.overview-grid{grid-template-columns:repeat(2,1fr)}}.overview-stat{padding:.875rem 1rem;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:8px;text-align:center}.overview-stat.critical{border-left:3px solid #ef4444}.overview-stat.high{border-left:3px solid #f97316}.overview-stat.medium{border-left:3px solid #eab308}.overview-stat.low{border-left:3px solid #22c55e}.overview-count{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.overview-stat.critical .overview-count{color:#ef4444}.overview-stat.high .overview-count{color:#f97316}.overview-stat.medium .overview-count{color:#eab308}.overview-stat.low .overview-count{color:#22c55e}.overview-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.key-findings{padding:1rem 1.25rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px}.key-findings h4{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#ef4444;margin-bottom:.75rem}.key-findings ul{list-style:none;padding:0;margin:0}.key-findings li{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.9375rem;color:var(--color-text);border-bottom:1px solid rgba(239,68,68,.1)}.key-findings li:last-child{border-bottom:none}.finding-type{font-weight:600;color:var(--color-text-muted);min-width:120px;text-transform:capitalize}.finding-issue{flex:1}.clauses-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.expand-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.expand-toggle:hover{border-color:var(--color-accent);color:var(--color-text)}.expand-toggle .toggle-icon{font-size:.75rem;transition:transform .2s ease;display:inline-block}.expand-toggle.expanded .toggle-icon{transform:rotate(180deg)}.clause-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1rem;overflow:hidden}.clause-card.critical{border-left:4px solid #ef4444}.clause-card.high{border-left:4px solid #f97316}.clause-card.medium{border-left:4px solid #eab308}.clause-card.low{border-left:4px solid #22c55e}.clause-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#0000001a;cursor:pointer}.clause-header:hover{background:#00000026}.clause-title-group{display:flex;align-items:center;gap:.75rem}.clause-type{font-weight:600;text-transform:capitalize;font-size:1rem}.position-badge{padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.position-badge.preferred{background:#22c55e33;color:#22c55e}.position-badge.acceptable{background:#60a5fa33;color:#60a5fa}.position-badge.caution{background:#eab30833;color:#eab308}.position-badge.red_flag{background:#ef444433;color:#ef4444}.clause-score{display:flex;align-items:center;gap:.75rem}.score-pill{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--color-text-muted)}.score-pill strong{color:var(--color-text);font-size:1rem}.risk-badge{padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.risk-badge.low{background:#22c55e;color:#fff}.risk-badge.medium{background:#eab308;color:#1a1a1a}.risk-badge.high{background:#f97316;color:#fff}.risk-badge.critical{background:#ef4444;color:#fff}.expand-icon{font-size:.75rem;color:var(--color-text-muted);transition:transform .2s ease;display:inline-block}.clause-card.expanded .expand-icon{transform:rotate(180deg)}.clause-body{display:none;padding:1.25rem}.clause-card.expanded .clause-body{display:block}.clause-summary{font-size:.9375rem;color:var(--color-text);line-height:1.6;margin-bottom:1rem;font-style:italic}.clause-text{font-size:.875rem;color:var(--color-text-secondary);line-height:1.7;padding:1rem;background:#0000001a;border-radius:8px;margin-bottom:1rem;max-height:150px;overflow-y:auto}.clause-analysis{display:grid;gap:1rem}.analysis-section{padding:1rem;background:#0000000d;border-radius:8px}.analysis-section h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem}.analysis-section p{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}.recommendation-box{padding:1rem;background:linear-gradient(135deg,#c4654a1a,#c4654a0d);border:1px solid rgba(196,101,74,.3);border-radius:8px}.recommendation-box h4{color:var(--color-accent)}.recommendation-box p{color:var(--color-text)}.clause-reasoning{font-size:.875rem;color:var(--color-text-muted);padding-top:.75rem;border-top:1px solid var(--color-border)}.compliance-item{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1rem;overflow:hidden}.compliance-item.high{border-left:4px solid #ef4444}.compliance-item.medium{border-left:4px solid #eab308}.compliance-item.low{border-left:4px solid #22c55e}.compliance-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#0000001a}.compliance-title-group{display:flex;align-items:center;gap:.75rem}.compliance-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.875rem}.compliance-icon.high{background:#ef444433;color:#ef4444}.compliance-icon.medium{background:#eab30833;color:#eab308}.compliance-icon.low{background:#22c55e33;color:#22c55e}.compliance-type{font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.03em}.severity-badge{padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.severity-badge.low{background:#22c55e;color:#fff}.severity-badge.medium{background:#eab308;color:#1a1a1a}.severity-badge.high{background:#ef4444;color:#fff}.compliance-body{padding:1.25rem}.compliance-desc{font-size:.9375rem;color:var(--color-text);line-height:1.6;margin-bottom:1rem}.compliance-action-box{display:flex;gap:.75rem;padding:1rem;background:#c4654a1a;border:1px solid rgba(196,101,74,.3);border-radius:8px}.action-icon{font-size:1rem;color:var(--color-accent);flex-shrink:0}.compliance-action{font-size:.9375rem;color:var(--color-text);line-height:1.5}.compliance-action strong{color:var(--color-accent)}.missing-item{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1rem;overflow:hidden}.missing-item.required{border-left:4px solid #ef4444}.missing-item.recommended{border-left:4px solid #eab308}.missing-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#0000001a}.missing-title-group{display:flex;align-items:center;gap:.75rem}.missing-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1rem}.missing-icon.required{background:#ef444433;color:#ef4444}.missing-icon.recommended{background:#eab30833;color:#eab308}.missing-type{font-weight:600;text-transform:capitalize;font-size:1rem}.required-badge{font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.required-badge.required{background:#ef4444;color:#fff}.required-badge.recommended{background:#eab308;color:#1a1a1a}.missing-body{padding:1.25rem}.missing-desc{font-size:.9375rem;color:var(--color-text);line-height:1.6;margin-bottom:1rem}.missing-impact{display:flex;gap:.75rem;padding:1rem;background:#0000001a;border-radius:8px;margin-bottom:.75rem}.impact-icon{font-size:1rem;color:var(--color-text-muted);flex-shrink:0}.missing-impact p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.penalty-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-text-muted)}.penalty-indicator span{font-weight:600;color:#ef4444}.metadata-content{display:flex;flex-direction:column;gap:1.5rem}.metadata-group{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem}.metadata-group-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metadata-item{padding:.75rem;background:#0000001a;border-radius:8px}.metadata-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.metadata-value{font-size:1rem;font-weight:600}.metadata-value.hash{font-family:monospace;font-size:.8125rem;color:var(--color-text-secondary);word-break:break-all}.repro-status{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;margin-bottom:1rem}.repro-status.deterministic{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.repro-status.non-deterministic{background:#eab3081a;border:1px solid rgba(234,179,8,.3)}.repro-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.875rem;font-weight:700}.repro-status.deterministic .repro-icon{background:#22c55e;color:#fff}.repro-status.non-deterministic .repro-icon{background:#eab308;color:#1a1a1a}.repro-label{font-weight:600;font-size:.9375rem}.repro-status.deterministic .repro-label{color:#22c55e}.repro-status.non-deterministic .repro-label{color:#eab308}.repro-hint{font-size:.8125rem;color:var(--color-text-muted);margin-left:auto}.cache-hits{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.cache-hit{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;background:#0000001a}.cache-indicator{width:8px;height:8px;border-radius:50%}.cache-hit.hit .cache-indicator{background:#22c55e}.cache-hit.miss .cache-indicator{background:var(--color-text-muted)}.cache-hit.hit{color:var(--color-text)}.cache-hit.miss{color:var(--color-text-muted)}.version-table{display:flex;flex-direction:column;gap:.5rem}.version-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#0000001a;border-radius:6px}.version-key{font-size:.8125rem;color:var(--color-text-muted)}.version-val{font-size:.8125rem;font-weight:500;color:var(--color-text)}.version-val.hash{font-family:monospace;font-size:.75rem;color:var(--color-text-secondary)}.new-analysis-btn,.retry-btn{display:block;width:100%;max-width:300px;margin:2rem auto 0;padding:.875rem 1.5rem;background:var(--gradient-accent);color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.new-analysis-btn:hover,.retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--color-accent-glow)}.error-section{text-align:center;padding:3rem 0}.error-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1rem;background:#ef44441a;border:2px solid #ef4444;border-radius:50%;font-size:2rem;color:#ef4444}.error-content h2{margin-bottom:.5rem}.error-content p{color:var(--color-text-secondary);margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.empty-state{text-align:center;padding:2rem;color:var(--color-text-muted)}@media(max-width:640px){.summary-card{flex-direction:column;align-items:center;text-align:center}.summary-stats{flex-direction:column;gap:.5rem}.progress-steps{flex-direction:column;align-items:center}}