:root{--navy:#061b35;--ink:#10243b;--muted:#6f8093;--line:#dce6ee;--teal:#1ba8ac;--coral:#ef8c7c;--bg:#f5f8fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:750;letter-spacing:-.02em}.brand-mark{background:var(--navy);color:#7be2df;border-radius:9px;padding:8px 7px;font-size:12px;letter-spacing:.06em}.nav-note{font-size:13px;color:var(--muted)}main{max-width:1240px;margin:auto;padding:44px 5vw 70px}.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center;margin-bottom:28px}.hero-copy{padding:20px 0}.eyebrow,.section-label{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.14em}.hero h1{font-size:clamp(36px,4.2vw,64px);line-height:1.02;letter-spacing:-.055em;margin:18px 0}.lead{font-size:17px;line-height:1.65;color:#5e7184;max-width:590px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.chips span{padding:8px 11px;background:#e5f4f2;border-radius:99px;color:#177879;font-size:12px}.hero-art{border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #0d315022}.hero-art img{display:block;width:100%;height:auto}.grid{display:grid;grid-template-columns:1fr;gap:22px}.explainer{order:-1}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 8px 24px #173e5710}.card h2{font-size:25px;letter-spacing:-.035em;margin:9px 0 23px}.upload-card{border-top:3px solid var(--teal)}label{display:block;color:#51677c;font-size:12px;font-weight:650;margin:15px 0}input{display:block;width:100%;cursor:pointer;margin-top:7px;border:1px solid #ccd9e3;border-radius:8px;padding:11px;color:var(--ink);background:#fbfdfe;font:inherit;font-size:13px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}button{border:0;border-radius:8px;background:var(--navy);color:#fff;font-weight:700;padding:13px 17px;cursor:pointer;font:inherit}button span{color:#7be2df;margin-left:14px}.secondary{background:#eaf2f5;color:var(--ink);padding:9px 13px;font-size:12px}.reference-list{background:#f7fafb;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.reference-help{font-size:12px;color:var(--teal);font-weight:750;margin:5px 0 10px}.message{font-size:12px;color:var(--muted);min-height:18px}.steps>div{display:flex;gap:15px;padding:15px 0;border-top:1px solid var(--line);align-items:flex-start}.steps b{color:var(--coral);font-size:12px}.steps span{font-weight:700;font-size:14px}.steps small{display:block;color:var(--muted);font-weight:450;margin-top:5px}.note{background:#f1f7f8;padding:12px;border-radius:8px;color:#4c7378;font-size:12px}.jobs-card{margin-top:22px}.jobs-head{display:flex;align-items:center;justify-content:space-between}.jobs-head h2{margin-bottom:4px}.job{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;gap:12px}.job-name{font-weight:700}.job-meta{color:var(--muted);font-size:12px;margin-top:4px}.status{padding:6px 10px;border-radius:99px;font-size:11px;font-weight:750}.queued{background:#f0f1f4;color:#66717c}.running{background:#fff1dd;color:#a46718}.completed{background:#e2f6ee;color:#16704d}.failed{background:#fde9e8;color:#a84646}.empty{color:var(--muted);font-size:13px}footer{text-align:center;color:#91a0ad;font-size:12px;padding:24px}a{color:var(--teal);text-decoration:none}.download{font-size:12px;margin-left:8px}.log-content{background:#071a2f;color:#bfe8e6;border-radius:10px;padding:16px;min-height:180px;max-height:420px;overflow:auto;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.log-btn{margin-left:6px;padding:7px 10px;font-size:11px}@media(max-width:800px){.hero,.grid{grid-template-columns:1fr}.hero{padding-top:0}.nav-note{display:none}.two{grid-template-columns:1fr}main{padding-top:24px}}
.institution-lockup{display:flex;align-items:center;gap:9px}.uoft-mark{font-family:Georgia,serif;font-size:20px;font-weight:700;letter-spacing:-.08em;color:#163c70}.lab-mark{font-size:9px;font-weight:850;letter-spacing:.15em;color:#ef8c7c}.brand-divider{height:24px;width:1px;background:var(--line);margin:0 3px}.brand-name{font-weight:780;letter-spacing:-.03em}.nav-note{letter-spacing:.01em}.lab-logo{display:block;width:108px;height:auto;max-height:42px;object-fit:contain}.workflow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 20px}.workflow-card{border:1px solid var(--line);border-radius:12px;padding:16px 13px;min-height:155px;background:linear-gradient(145deg,#fff,#f7fbfc)}.workflow-card h3{font-size:14px;margin:13px 0 7px;letter-spacing:-.02em}.workflow-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.bio-icon svg{width:24px;height:24px}.bio-icon{width:38px;height:38px;border-radius:12px;background:#e4f5f2;color:#087e82;display:grid;place-items:center;font-size:25px;font-weight:700;font-family:Georgia,serif}.dna-icon{transform:rotate(90deg)}@media(max-width:800px){.workflow-cards{grid-template-columns:1fr}}.reference-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}.reference-list .reference-help{grid-column:1/-1;margin:0 2px 2px}.reference-list label{margin:0;padding:11px 12px;border:1px solid #d9e5ea;border-radius:10px;background:#fff}.reference-list label:first-of-type{grid-column:1/-1;padding:18px 16px;border:1.5px solid #24a5a5;background:linear-gradient(110deg,#eefafa,#fff);box-shadow:0 8px 18px #168d8d14}.reference-list label:first-of-type input{padding:15px;border-color:#a8d8d5;background:#fbffff}.reference-list label:not(:first-of-type){font-size:11px;color:#63798a}.reference-list label:not(:first-of-type) input{padding:8px;font-size:11px}.reference-visual{display:flex;align-items:center;gap:8px;margin:4px 0 24px;padding:14px 12px;border-radius:14px;background:linear-gradient(110deg,#f0faf9,#f8f6fb);border:1px solid #dcebee}.visual-node{display:flex;align-items:center;gap:8px;min-width:0}.visual-node b{display:block;font-size:11px;white-space:nowrap}.visual-node small{display:block;color:var(--muted);font-size:9px;margin-top:3px;white-space:nowrap}.node-dot{display:block;width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#1ba8ac;box-shadow:0 0 0 5px #d7f1ef}.alt-dot{background:#8a79bd;box-shadow:0 0 0 5px #e9e4f5}.signal-dot{background:#ef8c7c;box-shadow:0 0 0 5px #fbe4e0}.visual-track{display:flex;gap:3px;flex:1;min-width:20px}.visual-track i{height:2px;flex:1;background:linear-gradient(90deg,#7ccdc9,#b8a8d4);border-radius:3px}@media(max-width:800px){.reference-list{grid-template-columns:1fr 1fr}.reference-list label:first-of-type{grid-column:1/-1}.reference-visual{overflow:auto}.visual-node{flex:0 0 auto}}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px}.demo-metrics span{padding:13px 14px;border-radius:10px;background:#f1f7f8;border:1px solid #dcebee}.demo-metrics b{display:block;font-size:22px;color:#177879}.demo-metrics small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.demo-card{margin-top:22px;border-top:3px solid #8a79bd}.demo-card h2{margin-bottom:17px}.demo-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.demo-row{display:grid;grid-template-columns:1.1fr 1.3fr .8fr .8fr;gap:10px;padding:12px 14px;border-top:1px solid var(--line);font-size:12px;align-items:center}.demo-row:first-child{border-top:0}.demo-head{background:#f5f8fa;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.demo-row b{color:#17704d;font-size:11px}.demo-card .note{margin-top:13px}@media(max-width:800px){.demo-row{grid-template-columns:1fr 1fr}.demo-head{display:none}}