:root{--bg-primary: #16263D;--bg-surface: #1D304A;--bg-elevated: #243A57;--bg-main: var(--bg-primary);--bg-card: var(--bg-surface);--border-subtle: #243A57;--border-focus: #FF6B57;--text-primary: #FFF3EC;--text-secondary: #C9D4E2;--accent-primary: #FF6B57;--accent-hover: #FF806F;--accent-disabled: #FF6B5788;--danger-text: #F85149;--success-text: #3FB950;--info-text: var(--info-text);--warning-text: var(--warning-text);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace}body{margin:0;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden}#root{width:100%;max-width:1200px;padding:2rem;box-sizing:border-box}h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}p.subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem;line-height:1.5}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.form-group .description{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.intent-field label{font-size:1rem;color:var(--info-text)}input[type=text],select,textarea{width:100%;background-color:var(--bg-main);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);padding:.5rem .75rem;font-size:.9rem;font-family:var(--font-family);box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}input[type=text]:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #58a6ff4d}textarea{min-height:100px;resize:vertical}.form-row{display:flex;gap:1.5rem}.form-row .form-group{flex:1}.actions{margin-top:2rem;display:flex;align-items:center;gap:1rem}button.primary{background-color:var(--accent-primary);color:var(--text-primary);border:1px solid rgba(240,246,252,.1);border-radius:6px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}button.primary:hover:not(:disabled){background-color:var(--accent-hover)}button.primary:disabled{background-color:var(--accent-disabled);color:#ffffff80;cursor:not-allowed;border-color:transparent}.error-banner{background-color:#f851491a;border:1px solid var(--danger-text);color:var(--danger-text);padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:flex-start;gap:.5rem}.progress-container{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:1.5rem;margin-top:2rem}.progress-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.run-id{font-family:var(--font-mono);font-size:.85rem;background-color:var(--border-subtle);padding:.2rem .5rem;border-radius:4px}.status-badge{font-size:.8rem;font-weight:600;text-transform:uppercase;padding:.2rem .5rem;border-radius:12px}.status-running{background-color:#58a6ff1a;color:var(--info-text)}.status-completed{background-color:#3fb9501a;color:var(--success-text)}.phase-list{list-style:none;padding:0;margin:0}.phase-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem;color:var(--text-secondary)}.phase-item.active{color:var(--text-primary);font-weight:600}.phase-item.done{color:var(--success-text)}.spinner{width:14px;height:14px;border:2px solid var(--border-subtle);border-top-color:var(--info-text);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{font-family:var(--font-mono);font-weight:700;letter-spacing:.5px}.progress-view{background-color:var(--bg-main);border:1px solid var(--border-subtle);border-radius:8px;padding:2rem;margin-top:1.5rem;box-shadow:0 8px 24px #0006}.pv-header-flight{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);padding-bottom:1.5rem;margin-bottom:1.5rem}.pv-header-left,.pv-header-right{display:flex;align-items:center;gap:1rem}.pv-status-indicator{display:flex;align-items:center;gap:.5rem;background-color:#ffffff0d;padding:.4rem .8rem;border-radius:4px;border:1px solid var(--border-subtle)}.status-dot{width:10px;height:10px;border-radius:50%;background-color:var(--text-secondary)}.status-dot.pulsing{background-color:var(--info-text);box-shadow:0 0 8px var(--info-text);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.status-text{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;font-weight:700;letter-spacing:.1em;color:var(--text-primary)}.pv-elapsed{display:flex;flex-direction:column;align-items:flex-end}.pv-elapsed-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary)}.pv-elapsed-value{font-family:var(--font-mono);font-size:1.1rem;color:var(--info-text);font-weight:700}.run-id-badge{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);background:none}.pv-active-phase{text-align:center;margin:3rem 0}.pv-active-phase-label{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;display:block;margin-bottom:.5rem}.pv-active-phase-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.02em}.pv-stage-timeline{display:flex;justify-content:space-between;align-items:flex-start;margin:2rem 0;position:relative}.pv-stage-timeline:before{content:"";position:absolute;top:6px;left:0;right:0;height:2px;background-color:var(--border-subtle);z-index:0}.pv-stage-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1}.pv-stage-dot{width:14px;height:14px;border-radius:50%;background-color:var(--bg-main);border:2px solid var(--border-subtle);transition:all .3s}.pv-stage-node.done .pv-stage-dot{background-color:var(--success-text);border-color:var(--success-text);box-shadow:0 0 10px #3fb95066}.pv-stage-node.active .pv-stage-dot{background-color:var(--info-text);border-color:var(--info-text);box-shadow:0 0 12px #58a6ff99}.pv-stage-node.failed .pv-stage-dot{background-color:var(--danger-text);border-color:var(--danger-text);box-shadow:0 0 12px #f8514999}.pv-stage-label{font-size:.75rem;color:var(--text-secondary);text-align:center;max-width:80px;line-height:1.2}.pv-stage-node.active .pv-stage-label{color:var(--text-primary);font-weight:600}.pv-stage-node.done .pv-stage-label{color:var(--text-primary)}.bdiff-view{background-color:var(--bg-main);border-radius:8px;padding:0;margin-top:1.5rem}.bdiff-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-bottom:none;border-radius:8px 8px 0 0}.bdiff-header-left{display:flex;align-items:center;gap:1rem}.bdiff-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.pv-intent{padding:1rem 2rem;background-color:#ffffff05;border-left:3px solid var(--info-text);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:0}.diff-scoreboard{display:flex;padding:1.5rem 2rem;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-top:none;gap:3rem;align-items:center}.scoreboard-verdict{display:flex;flex-direction:column;gap:.25rem}.scoreboard-verdict-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase}.scoreboard-verdict-value{font-size:1.5rem;font-weight:600}.final-ready{color:var(--success-text)}.final-review{color:var(--warning-text)}.final-failed{color:var(--danger-text)}.scoreboard-counts{display:flex;gap:1.5rem;flex:1}.score-item{display:flex;flex-direction:column;background-color:#0003;padding:.75rem 1rem;border-radius:6px;border:1px solid var(--border-subtle);flex:1}.score-num{font-size:1.25rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.score-lbl{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.score-preserved{border-top:3px solid var(--success-text)}.score-intentional{border-top:3px solid var(--info-text)}.score-regression-nonzero{background-color:#f851490d;border-top:3px solid var(--danger-text)}.score-regression-nonzero .score-num{color:var(--danger-text)}.score-potential{border-top:3px solid var(--warning-text)}.score-not-exercised{border-top:3px solid var(--border-subtle)}.diff-table-wrapper{margin-top:2rem;border:1px solid var(--border-subtle);border-radius:8px;background-color:var(--bg-card);overflow:hidden}.diff-table{width:100%;border-collapse:collapse;font-size:.85rem}.diff-th{background-color:#0003;color:var(--text-secondary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border-subtle)}.diff-row{border-bottom:1px solid var(--border-subtle)}.diff-row:last-child{border-bottom:none}.diff-row:hover{background-color:#ffffff08}.diff-row-regression-highlight{background-color:#f851490a;border-left:3px solid var(--danger-text)}.diff-cell{padding:1.25rem;vertical-align:top}.behavior-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.diff-verdict-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.35rem .6rem;border-radius:6px;line-height:1.2}.verdict-preserved{color:var(--success-text);background-color:#3fb9501a}.verdict-intentional{color:var(--info-text);background-color:#58a6ff1a}.verdict-regression{color:var(--danger-text);background-color:#f851491a}.verdict-potential{color:var(--warning-text);background-color:#d299221a}.verdict-not-exercised{color:var(--text-secondary);background-color:#c9d4e21a}.jrv-view{background-color:var(--bg-main);border:1px solid var(--border-subtle);border-radius:8px;margin-top:1.5rem;box-shadow:0 12px 32px #00000080;display:flex;flex-direction:column}.jrv-header{display:flex;justify-content:space-between;align-items:stretch;background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);border-radius:8px 8px 0 0}.jrv-header-left{display:flex;align-items:center;padding:1rem 1.5rem;gap:1.5rem;border-right:1px solid var(--border-subtle)}.jrv-header-meta{display:flex;flex-direction:column;gap:.25rem}.jrv-header-label{font-size:.65rem;font-weight:700;letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase}.jrv-header-requirement{flex:1;display:flex;align-items:center;padding:1rem 1.5rem;gap:1rem}.jrv-req-label{font-size:.7rem;font-weight:700;color:var(--info-text);background-color:#58a6ff1a;padding:.2rem .4rem;border-radius:4px}.jrv-req-text{font-size:.9rem;color:var(--text-primary)}.jrv-summary{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#0003;border-bottom:1px solid var(--border-subtle)}.jrv-summary-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.jrv-body{display:flex;align-items:stretch;min-height:500px}.jrv-timeline{width:260px;list-style:none;padding:1rem 0;margin:0;border-right:1px solid var(--border-subtle);background-color:var(--bg-card)}.jrv-timeline-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;cursor:pointer;position:relative;transition:all .2s ease}.jrv-timeline-item:hover{background-color:#ffffff0d}.jrv-timeline-item:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background-color:var(--border-subtle);z-index:0}.jrv-timeline-item:first-child:before{top:50%}.jrv-timeline-item:last-child:before{bottom:50%}.jrv-step-seq{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--bg-main);background-color:var(--text-secondary);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.jrv-step-name{font-size:.85rem;color:var(--text-secondary);z-index:1;flex:1}.jrv-timeline-selected{background-color:#58a6ff14}.jrv-timeline-selected .jrv-step-seq{background-color:var(--info-text);box-shadow:0 0 10px #58a6ff80}.jrv-timeline-selected .jrv-step-name{color:var(--text-primary);font-weight:600}.jrv-timeline-divergent .jrv-step-seq{background-color:var(--danger-text);color:var(--text-primary);box-shadow:0 0 12px #f8514999}.jrv-timeline-divergent .jrv-step-name{color:var(--danger-text);font-weight:600}.jrv-step-detail-container{flex:1;display:flex;flex-direction:column;background-color:var(--bg-main)}.jrv-step-nav{display:flex;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border-subtle);background-color:#0003}.btn-nav{background:none;border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;padding:.4rem 1rem;font-size:.8rem;cursor:pointer;font-weight:600;transition:all .2s}.btn-nav:not(:disabled):hover{background-color:#ffffff0d;border-color:var(--info-text);color:var(--info-text)}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.jrv-step-panel{padding:2rem;flex:1;overflow-y:auto}.jrv-step-panel-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.jrv-step-panel-seq{font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary)}.jrv-step-panel-name{font-size:1.5rem;font-weight:600;color:var(--text-primary);flex:1}.jrv-step-divergence{background-color:#f851491a;border:1px solid var(--danger-text);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.jrv-divergence-label{display:block;font-size:.9rem;font-weight:700;color:var(--danger-text);margin-bottom:.5rem;letter-spacing:.05em}.jrv-divergence-text{font-size:.95rem;color:var(--text-primary);margin:0;line-height:1.6}.jrv-obs-split{display:flex;gap:1.5rem;margin-top:2rem}.jrv-obs-panel{flex:1;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.jrv-obs-baseline{border-top:3px solid var(--success-text)}.jrv-obs-candidate{border-top:3px solid var(--danger-text)}.jrv-obs-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);background-color:#0003;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);letter-spacing:.1em}.jrv-obs-output{margin:0;padding:1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);background-color:#0000001a;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.btn-replay-journey{background-color:#58a6ff1a;color:var(--info-text);border:1px solid rgba(88,166,255,.3);padding:.4rem .8rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-replay-journey:hover{background-color:#58a6ff33;border-color:var(--info-text)}.jrv-step-action-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.jrv-step-action-label,.jrv-step-hint-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;width:80px}.jrv-step-action{font-family:var(--font-mono);font-size:.85rem;background-color:#0000004d;padding:.3rem .6rem;border-radius:4px;color:var(--info-text)}.jrv-step-hint{display:flex;align-items:flex-start;gap:1rem;font-size:.9rem;color:var(--text-secondary)}.ec-view{background:var(--surface-bg);border-radius:8px;border:1px solid var(--border-subtle);overflow:hidden;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column}.ec-header{padding:16px 24px;background:var(--surface-elevated);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.ec-header-left{display:flex;align-items:center;gap:16px}.ec-header-meta{display:flex;flex-direction:column;gap:4px}.ec-header-label{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--text-secondary)}.ec-header-requirement{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:6px;border:1px solid var(--border-subtle);max-width:400px}.ec-req-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--text-secondary);background:#ffffff1a;padding:2px 6px;border-radius:4px}.ec-req-text{font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-actions-bar{display:flex;justify-content:flex-end;gap:12px;padding:12px 24px;background:#0003;border-bottom:1px solid var(--border-subtle)}.ec-body{padding:32px 24px;display:flex;flex-direction:column;gap:32px;overflow-y:auto}.ec-section{display:flex;flex-direction:column;gap:12px}.ec-section-title{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;color:var(--text-secondary);text-transform:uppercase;margin:0;padding-bottom:8px;border-bottom:1px dashed var(--border-subtle)}.ec-context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:#0003;padding:16px;border-radius:6px;border:1px solid var(--border-subtle)}.ec-kv{display:flex;flex-direction:column;gap:4px}.ec-k{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary)}.ec-v{font-size:.9rem;color:var(--text-primary);font-family:var(--font-mono)}.ec-verdict-banner{display:flex;align-items:center;gap:16px;padding:16px;background:#0003;border-radius:6px;border:1px solid var(--border-subtle)}.ec-confidence{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary)}.ec-protected-behavior{padding:12px 16px;background:#ffffff0d;border-left:3px solid var(--accent-primary);border-radius:4px;font-size:.9rem;line-height:1.5}.ec-obs-split{display:flex;gap:16px;margin-top:8px}.ec-obs-panel{flex:1;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.ec-obs-baseline{border-top:3px solid var(--success-text)}.ec-obs-candidate{border-top:3px solid var(--danger-text)}.ec-obs-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;padding:8px 12px;background:#ffffff0d;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.ec-obs-output{margin:0;padding:12px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.ec-diverged-callout{margin-top:8px;padding:12px 16px;background:#f851491a;border:1px solid rgba(248,81,73,.4);border-radius:6px;color:var(--danger-text);font-size:.9rem}.ec-journey-list{list-style:none;margin:0;display:flex;flex-direction:column;gap:8px;background:#0003;padding:16px;border-radius:6px;border:1px solid var(--border-subtle)}.ec-journey-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border-radius:4px}.ec-journey-item.ec-journey-diverged{border-left:3px solid var(--danger-text);background:#f851490d}.ec-step-seq{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.ec-step-name{font-size:.9rem;color:var(--text-primary);flex:1}.ec-step-divergence-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--danger-text);font-weight:600}.ec-repro-list{padding-left:20px;margin:0;font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px}.ec-warning-box{padding:12px 16px;background:#ffffff0d;border-left:3px solid var(--warning-text);border-radius:4px;font-size:.9rem}.ec-no-errors{font-style:italic;color:var(--text-secondary)}.developer-actions-row{background:var(--surface-bg)}.developer-actions-cell{padding:16px 24px;border-bottom:1px solid var(--border-subtle);border-left:3px solid var(--danger-text);background:#f851490d}.dev-actions-panel{display:flex;flex-direction:column;gap:16px}.dev-actions-header{display:flex;align-items:baseline;gap:12px}.dev-actions-header strong{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;color:var(--text-primary);text-transform:uppercase}.dev-actions-subtitle{font-size:.8rem;color:var(--text-secondary)}.dev-actions-toolbar{display:flex;gap:12px;align-items:center}.dev-action-input-group{display:flex;gap:8px;margin-left:auto}.dev-action-note-input{background:var(--surface-bg);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;padding:4px 12px;font-size:.8rem;min-width:200px}.dev-action-note-input:focus{outline:1px solid var(--accent-primary);border-color:var(--accent-primary)}.dev-proposal-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:16px}.dev-proposal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border-subtle);padding-bottom:8px}.dev-proposal-header strong{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;color:var(--accent-primary);text-transform:uppercase}.dev-proposal-status{font-family:var(--font-mono);font-size:.75rem;color:var(--warning-text);font-weight:700}.dev-proposal-body{display:flex;flex-direction:column;gap:12px}.dev-proposal-item{display:flex;flex-direction:column;gap:4px}.dev-proposal-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.dev-proposal-value{font-size:.9rem;line-height:1.4;color:var(--text-primary)}.dev-proposal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:16px;border-top:1px dashed var(--border-subtle)}.dev-rerun-help{font-size:.8rem;color:var(--text-secondary);max-width:60%}.dev-decision-card{padding:12px 16px;background:#ffffff0d;border-left:3px solid var(--accent-primary);border-radius:4px;font-size:.9rem}.dev-decision-card strong{color:var(--text-primary);margin-right:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes panBackground{0%{background-position:0 0,0 0,-1px -1px,-1px -1px}to{background-position:0 0,0 0,39px 39px,39px 39px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero-section{position:relative;display:flex;justify-content:space-between;align-items:center;gap:4rem;min-height:70vh;margin-bottom:6rem}.hero-text{flex:1;max-width:55%;display:flex;flex-direction:column;gap:1.5rem;opacity:0;animation:fadeUp .8s ease-out forwards}.eyebrow{color:var(--accent-primary);font-family:var(--font-mono);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero-headline{font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.1;margin:0;font-weight:800;max-width:14em;background:linear-gradient(135deg,var(--text-primary) 0%,#FFD1B3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-supporting{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;max-width:90%;margin:0}.hero-ctas{display:flex;gap:1rem;margin-top:1rem}.hero-btn{padding:.8rem 1.5rem;font-size:1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.hero-btn.primary{background-color:var(--border-focus);color:#000;border:none;box-shadow:0 4px 14px #ff6b5733}.hero-btn.primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.hero-btn.secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.hero-btn.secondary:hover{border-color:var(--text-primary);background-color:#ffffff0d}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:400px}.hero-liquid-ether-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg-card)}.hero-liquid-ether-wrapper canvas{width:100%!important;height:100%!important}.hero-preview-panel{position:relative;z-index:1;width:100%;max-width:420px;background:#16263dd1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,243,236,.1);border-radius:12px;padding:1.5rem;box-shadow:0 12px 32px #00000080;pointer-events:none;transition:transform .3s ease,border-color .3s ease;animation:fadeUp .8s ease-out forwards .2s,float 6s ease-in-out infinite 1s;opacity:0}.hero-preview-panel:hover{transform:translateY(-2%);border-color:#ff6b5766}.preview-label{font-size:.7rem;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:.5rem}.preview-section-title{display:flex;flex-direction:column;gap:.25rem;color:var(--text-primary)}.preview-section-title strong{font-size:1.1rem}.change-subtitle{font-size:.85rem;color:var(--accent-primary);font-weight:600}.preview-divider{height:1px;background:#ffffff1a;margin:1.25rem 0}.preview-impacts{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.preview-impact-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-primary);background:#ffffff08;padding:.5rem .75rem;border-radius:6px;border:1px solid transparent}.impact-badge{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:12px}.impact-badge.high{background:#f8514933;color:var(--danger-text);border:1px solid rgba(248,81,73,.3)}.impact-badge.medium{background:#d2992233;color:var(--warning-text);border:1px solid rgba(210,153,34,.3)}.impact-badge.low{background:#3fb95033;color:var(--success-text);border:1px solid rgba(63,185,80,.3)}.problem-section{text-align:center;display:flex;flex-direction:column;align-items:center;gap:3rem}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.section-title{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin:0}.problem-flow{display:flex;align-items:center;gap:1.5rem;background:var(--bg-card);padding:2rem 3rem;border-radius:12px;border:1px solid var(--border-subtle)}.flow-step{font-size:1.1rem;font-weight:500;color:var(--text-primary)}.flow-arrow{color:var(--border-focus);font-weight:700;transform:rotate(-90deg)}.features-section{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:2rem;transition:transform .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-2px);border-color:var(--border-focus)}.feature-number{font-family:var(--font-mono);color:var(--border-focus);font-size:1.25rem;margin-bottom:1rem;font-weight:700;opacity:.8}.feature-title{font-size:1.3rem;color:var(--text-primary);margin:0 0 .75rem}.feature-desc{color:var(--text-secondary);line-height:1.5;margin:0}.preview-section{display:flex;justify-content:center}.preview-card{width:100%;max-width:600px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 12px 24px #0000004d;overflow:hidden}.preview-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);font-size:.85rem;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;background:#ffffff05}.preview-list{display:flex;flex-direction:column}.preview-row{display:flex;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);font-size:1rem}.preview-row:last-child{border-bottom:none}.final-cta-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:4rem;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:flex-start;box-shadow:0 20px 40px #0003}.final-cta-title{font-size:2.5rem;line-height:1.2;margin:0 0 1rem;color:var(--text-primary)}.final-cta-desc{font-size:1.15rem;color:var(--text-secondary);margin:0}.premium-form{display:flex;flex-direction:column;gap:1.5rem}.premium-form .form-group{margin-bottom:0}.premium-form .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.premium-form .submit-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:8px;background-color:var(--border-focus);color:#000;border:none;cursor:pointer;transition:all .2s ease}.premium-form .submit-btn:hover:not(:disabled){background-color:var(--accent-hover)}.premium-form .submit-btn:disabled{background-color:#ff6b5733;color:#fff6;cursor:not-allowed}@media (max-width: 900px){.hero-section{flex-direction:column;text-align:center;gap:3rem}.hero-text{max-width:100%;align-items:center}.hero-ctas{justify-content:center}.problem-flow{flex-direction:column}.flow-arrow{transform:rotate(0)}.features-section{grid-template-columns:1fr}.final-cta-section{grid-template-columns:1fr;padding:2rem}.premium-form .form-row{grid-template-columns:1fr}}.main-footer{margin-top:6rem;padding:4rem 2rem;border-top:1px solid var(--border-subtle);background:var(--bg-primary)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:4rem}.footer-brand-section{display:flex;flex-direction:column;gap:.75rem;max-width:400px}.footer-brand{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:.1em;color:var(--text-primary);margin:0;text-transform:uppercase}.footer-tagline{font-size:1.1rem;color:var(--accent-primary);font-weight:600;margin:0}.footer-sub{font-size:.9rem;color:var(--text-secondary);font-family:Fira Code,monospace;margin:0}.footer-links-section{display:flex;gap:4rem}.footer-col{display:flex;flex-direction:column;gap:1rem}.footer-col-title{font-size:.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.footer-col a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .2s ease}.footer-col a:hover{color:var(--accent-primary)}@media (max-width: 900px){.footer-content{flex-direction:column;gap:3rem}.footer-links-section{width:100%;justify-content:flex-start}}.footer-brand{font-family:var(--font-family)}.homepage-container{position:relative;isolation:isolate}.landing-liquid-background{position:absolute;top:-2rem;bottom:-2rem;left:50%;transform:translate(-50%);width:100vw;z-index:0;pointer-events:none;overflow:hidden}.landing-liquid-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle at 30% 20%,rgba(255,107,87,.05) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(255,243,236,.03) 0%,transparent 40%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;background-position:0 0,0 0,-1px -1px,-1px -1px;animation:panBackground 20s linear infinite}.landing-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:6rem;padding-bottom:6rem}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none}