:root{--primary: #0A0A14;--accent: #3B9B9B;--accent-glow: rgba(59, 155, 155, .3);--ghost: #F0EFF4;--graphite: #18181B;--surface: #111118;--surface-hover: #1a1a2e;--border: #1f1f33;--maatria-teal: #3B9B9B;--maatria-teal-dark: #2A7A7A;--success: #77DD77;--warning: #FFB347;--danger: #FF6B6B;--info: #5BA3F5;--plasma-pink: #FF61D2;--font-heading: "Sora", sans-serif;--font-drama: "Instrument Serif", serif;--font-mono: "Fira Code", monospace;--font-body: "Sora", sans-serif;--radius-sm: .75rem;--radius-md: 1.5rem;--radius-lg: 2rem;--radius-xl: 3rem;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--primary);color:var(--ghost);line-height:1.6;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;line-height:1.1}.drama-text{font-family:var(--font-drama);font-style:italic}.mono{font-family:var(--font-mono);font-size:.85em}.btn{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:600;font-size:.9rem;cursor:pointer;overflow:hidden;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.btn:hover{transform:scale(1.03) translateY(-1px)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 0 20px var(--accent-glow)}.btn-accent:hover{box-shadow:0 0 30px var(--accent-glow),0 4px 20px #0006}.btn-ghost{background:transparent;color:var(--ghost);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface);border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d;border-color:#7b61ff4d}.card-active{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.glass{background:#0a0a1499;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-active{background:#77dd7726;color:var(--success)}.badge-coming{background:#ffffff0f;color:#f0eff480}.badge-amber{background:#ffb34726;color:var(--warning)}.badge-red{background:#ff6b6b26;color:var(--danger)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #77dd7780}50%{opacity:.8;box-shadow:0 0 0 6px #7d70}}.plot-container{width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:var(--primary)}.plot-container .js-plotly-plot{border-radius:var(--radius-md)}.navbar{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:2rem;padding:.75rem 2rem;border-radius:999px;transition:all .4s var(--ease-out)}.navbar.transparent{background:transparent}.navbar.scrolled{background:#0a0a1499;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0000004d}.nav-logo{font-family:var(--font-heading);font-weight:800;font-size:1.1rem;color:var(--ghost);text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{color:#f0eff4b3;text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s,transform .2s}.nav-links a:hover{color:var(--ghost);transform:translateY(-1px)}.hero{position:relative;min-height:100dvh;display:flex;align-items:flex-end;padding:0 5vw 8vh;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--primary) 0%,rgba(10,10,20,.7) 40%,rgba(10,10,20,.3) 100%)}.hero-content{position:relative;z-index:1;max-width:800px}.hero-content h1{font-size:clamp(2.5rem,6vw,5rem);margin-bottom:.5rem}.hero-content .drama-text{font-size:clamp(3rem,8vw,7rem);color:var(--accent);margin-bottom:1.5rem;display:block}.hero-subtitle{font-size:clamp(1rem,1.5vw,1.2rem);color:#f0eff4b3;max-width:600px;margin-bottom:2rem;line-height:1.7}.section{padding:6rem 5vw}.section-title{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:1rem}.section-subtitle{color:#f0eff499;font-size:1rem;max-width:600px;margin-bottom:3rem}.test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.test-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface-hover);margin-bottom:1rem;color:var(--accent)}.test-card h3{font-size:1.1rem;margin-bottom:.5rem}.test-card p{color:#f0eff480;font-size:.85rem;line-height:1.5;margin-bottom:1.25rem}.workflow-steps{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.step-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:#f0eff480;font-family:var(--font-heading);font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .3s var(--ease-out)}.step-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.step-tab.completed{color:var(--success);border-color:#77dd774d}.step-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;font-size:.7rem;font-weight:700}.step-tab.active .step-number{background:#fff3}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .3s var(--ease-out)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:#3b9b9b0d}.upload-zone.has-file{border-style:solid;border-color:var(--success);background:#77dd7708}.progress-timeline{display:flex;flex-direction:column;gap:.75rem}.stage-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);transition:all .3s}.stage-item.running{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.stage-item.completed{border-color:#7d73}.stage-item.warning{border-color:#ffb3474d}.stage-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-mono);font-size:.75rem;font-weight:600}.stage-indicator.pending{background:var(--surface-hover);color:#f0eff466}.stage-indicator.running{background:var(--accent);color:#fff;animation:pulse 1.5s infinite}.stage-indicator.completed{background:#77dd7726;color:var(--success)}.stage-indicator.warning{background:#ffb34726;color:var(--warning)}.stage-info{flex:1;min-width:0}.stage-name{font-weight:600;font-size:.9rem;margin-bottom:.25rem}.stage-meta{font-family:var(--font-mono);font-size:.75rem;color:#f0eff480}.rwp-display{font-family:var(--font-mono);font-size:3rem;font-weight:700;text-align:center;padding:1.5rem}.rwp-display.good{color:var(--success)}.rwp-display.amber{color:var(--warning)}.rwp-display.bad{color:var(--danger)}.gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center}.gate-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;max-width:640px;width:95%;max-height:85vh;overflow-y:auto}.impurity-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:.75rem;cursor:pointer;transition:all .2s}.impurity-item:hover{border-color:var(--accent);background:#3b9b9b08}.impurity-item.selected{border-color:var(--accent);background:#3b9b9b14}.impurity-checkbox{width:20px;height:20px;border-radius:4px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s}.impurity-item.selected .impurity-checkbox{background:var(--accent);border-color:var(--accent)}.impurity-match{font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.results-grid .full-width{grid-column:1 / -1}.param-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.8rem}.param-table th{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border);color:#f0eff499;font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.param-table td{padding:.6rem 1rem;border-bottom:1px solid rgba(255,255,255,.03)}.param-table tr:hover td{background:#3b9b9b08}.footer{background:var(--graphite);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:4rem 5vw 2rem;margin-top:6rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{font-size:.85rem;color:#f0eff480;line-height:1.7}.footer-col h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#f0eff466;margin-bottom:1rem}.footer-col a{display:block;color:#f0eff499;text-decoration:none;font-size:.85rem;margin-bottom:.6rem;transition:color .2s}.footer-col a:hover{color:var(--ghost)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06);font-size:.75rem;color:#f0eff44d}.status-indicator{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;color:#f0eff466}@media(max-width:768px){.test-grid,.results-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.hero-content h1{font-size:2rem}.hero-content .drama-text{font-size:3rem}.navbar{padding:.5rem 1rem;gap:1rem}.nav-links{display:none}}