.connected-lab{background:#fff;color:#112d57;padding:40px 6% 70px;--signal:#00a99d;--soft:#eff8f4;scroll-margin-top:100px}.connected-heading{max-width:1200px;margin:auto;padding:15px 0 45px;display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:16px 8%}.connected-heading>.micro-label{grid-column:1/-1;color:#007e76;font-size:12px}.connected-heading h2{font-size:clamp(36px,4.5vw,62px);line-height:1.08}.connected-heading>p:last-child{font-size:17px;line-height:1.8;color:#587071;margin:0 0 5px}.workflow-rail{position:sticky;top:100px;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);padding:22px 20px 17px;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #d8e8e2;max-width:1200px;margin:auto}.workflow-rail a{font:12px monospace;color:#77978e;display:flex;gap:10px;align-items:center;padding:8px 0;position:relative}.workflow-rail a span{font:500 13px 'DM Sans',Arial;color:#486d66}.workflow-rail a.passed,.workflow-rail a.passed span{color:#007c70}.workflow-line{position:absolute;left:20px;right:20px;top:0;height:2px;background:#dfebe6;overflow:hidden}.workflow-line i{display:block;height:100%;width:100%;transform:scaleX(var(--workflow-progress,0));transform-origin:left;background:#00a99d;transition:transform .35s linear}.workstation{position:relative;max-width:1200px;margin:auto;padding:75px 0 85px;display:grid;grid-template-columns:.78fr 1.4fr;gap:7%;align-items:center;scroll-margin-top:190px;border-bottom:1px solid #dceae4}.station-index{font:12px monospace;letter-spacing:1.4px;color:#00867a;display:block;margin-bottom:25px}.station-editorial h3{font-size:clamp(31px,3.3vw,47px);line-height:1.12;letter-spacing:-1.6px;margin:0 0 24px;font-weight:500}.station-editorial>p{font-size:17px;color:#5c7376;line-height:1.8;margin:0 0 30px}.connected-cta{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #84bcb0;padding:12px 0;font-size:15px;font-weight:600}.connected-cta:hover{color:#008c7e;border-color:#008c7e}.connected-cta span{transition:transform .25s}.connected-cta:hover span{transform:translate(3px,-3px)}.work-surface{border:1px solid #cbded5;border-radius:14px;background:#f0f7f3;box-shadow:0 20px 40px #153f3610;padding:26px;min-width:0}.surface-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:20px;border-bottom:1px solid #cbded5;font:11px monospace;letter-spacing:1px;color:#48746c}.demo-label{font:11px 'DM Sans',Arial;letter-spacing:0;background:#e1eee7;border-radius:4px;padding:5px 8px;white-space:nowrap}.sample-input{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 12px}.sample-input b{font-size:15px}.sample-input p{font-size:13px;color:#607b73;margin:6px 0}.well-rack{display:flex;padding:8px;gap:7px;background:#dcece3;border-radius:8px}.well-rack button{width:42px;height:42px;border:1px solid #9abdb0;border-radius:50%;background:#f9fffc;color:#39675c;font:12px monospace;transition:background .2s,box-shadow .2s}.well-rack button:hover,.well-rack button[aria-pressed=true]{background:#122e59;color:#e0fff2;border-color:#122e59;box-shadow:0 0 0 3px #b9d8cb}.sample-transfer{display:flex;gap:12px;align-items:center;color:#78988a;font:10px monospace;margin:18px 0}.sample-transfer i{height:1px;flex:1;background:#c5dace;position:relative;overflow:hidden}.sample-transfer i:after{content:'';position:absolute;inset:0;background:#00a99d;transform:scaleX(0);transform-origin:left}.sanger-surface.running .sample-transfer i:after{animation:transfer-read .8s ease forwards}.readout-monitor{background:#fff;border:1px solid #c3d9ce;border-radius:8px;padding:18px;overflow:hidden}.readout-heading{display:flex;justify-content:space-between;font:11px monospace;color:#5f7e70;margin-bottom:18px}.peak-window{position:relative;overflow:hidden}.peak-window svg{width:100%;display:block;height:auto;min-height:100px}.sanger-surface.running .peak-window{animation:trace-appear 1s ease both}.peak-window svg path{transition:opacity .2s}#base-buttons{display:grid;grid-template-columns:repeat(16,1fr);gap:0;border-top:1px solid #e0ebe5}#base-buttons button{min-width:0;border:0;background:transparent;font:600 12px monospace;padding:9px 0;color:var(--base-color);border-radius:0 0 4px 4px}#base-buttons button:hover,#base-buttons button[aria-pressed=true]{background:#dff4e9;box-shadow:inset 0 -2px var(--base-color)}.peak-inspector{border-top:1px solid #dce9e2;display:grid;grid-template-columns:1fr 100px;gap:15px;align-items:center;padding-top:17px;margin-top:15px}.instrument-label{display:block;font:10px monospace;letter-spacing:1.4px;color:#65877b;margin-bottom:12px}.peak-inspector strong{font-size:20px;font-weight:500}.peak-inspector p{font-size:14px;line-height:1.6;color:#517466;margin:9px 0 0}.peak-inspector svg{height:95px;width:85px;border-left:1px solid #e0ebe4;padding-left:10px}.explanation-result{display:grid;gap:8px;margin-top:20px;padding:15px 18px;background:#dcefe5;border-left:2px solid #00a99d;border-radius:0 6px 6px 0}.explanation-result b{font-size:16px;font-weight:500}.explanation-result>span{font-size:13px;color:#426a5d;line-height:1.6}.pending-specs{display:flex;gap:28px;padding-top:19px;font-size:11px;color:#6c847c}.pending-specs b{display:block;font-size:12px;font-weight:500;color:#617a73;margin-top:5px}.example-note{font-size:11px;line-height:1.65;color:#71897f;margin:18px 0 0}.mapping-desk{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center;padding:20px 0}.plasmid-diagram svg{width:100%;display:block}.plasmid-diagram text{fill:#122e59;font:13px monospace;letter-spacing:1px}.plasmid-diagram .map-small{font:10px 'DM Sans',Arial;letter-spacing:0;fill:#71877d}#map-coverage{transition:stroke-dasharray .15s}.mapping-copy h4,.dispatch-desk h4{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:0 0 13px;font-weight:500}.mapping-copy p,.dispatch-desk p{font-size:14px;line-height:1.7;color:#5d7a6e;margin:0}.sequence-workspace{padding:20px;background:#fff;border:1px solid #c3d9ce;border-radius:8px}.sequence-labels{display:flex;justify-content:space-between;font:11px monospace;color:#6c887e}.reference-sequence{height:4px;background:linear-gradient(90deg,#00a99d 0 28%,#d4e7dc 28% 38%,#122e59 38% 66%,#d4e7dc 66% 77%,#65bdae 77%);margin:12px 0 20px;border-radius:3px}.fragment-reads{display:flex;gap:10px;transition:opacity .2s,transform .2s;margin:0 0 12px}.fragment-reads i{display:block;width:15%;height:12px;background:#92b7a6;border-radius:2px}.fragment-reads i:nth-child(2n){transform:translateY(5px)}.long-read-track{height:32px;background:#eef5f0;overflow:hidden;border-radius:4px}#long-read{height:100%;width:26%;background:#122e59;color:#c5f7e4;overflow:hidden;transition:width .15s;display:flex;align-items:center}#long-read span{font:11px monospace;white-space:nowrap;letter-spacing:3px;padding-left:12px}.read-slider-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 12px;color:#708c80;font-size:11px}.read-slider-label b{font-size:12px;font-weight:500;color:#007f71}#read-span{width:100%;accent-color:#008a7c;cursor:ew-resize;margin:0;height:24px}.context-tags{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.context-tags span{font-size:11px;color:#567d6c;border:1px solid #bfd8c8;padding:7px 9px;border-radius:4px;transition:background .2s}.context-tags span.active{background:#cbeadb;border-color:#7ebda7;color:#164638}.dispatch-desk{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:25px 0}.sample-shipment{background:#fffef9;border:1px solid #d9daca;border-radius:5px;box-shadow:0 5px 10px #536a5410;display:flex;flex-direction:column;align-items:start;text-align:left;padding:20px;color:#12314d;transition:transform .25s,border-color .25s}.sample-shipment:hover{transform:translateY(-3px);border-color:#00a99d}.sample-shipment .instrument-label{font-size:9px;letter-spacing:.7px}.sample-shipment strong{font:25px monospace;margin:8px 0 12px}.sample-shipment>span:not(.instrument-label){font:9px monospace;color:#77907d}.sample-shipment b{font:500 12px 'DM Sans';padding-top:18px;margin-top:15px;border-top:1px dashed #b8c9ba;width:100%}.sample-shipment b span{float:right}.logistics-route{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin:12px 0 25px}.logistics-route:before{content:'';position:absolute;height:1px;background:#b4d2c4;top:19px;left:10%;right:10%}.logistics-route button{position:relative;background:none;border:0;display:grid;justify-items:center;gap:10px;color:#607c71;padding:0 2px}.logistics-route button>span{width:38px;height:38px;display:grid;place-items:center;background:#eef6f1;border:1px solid #bfd8ca;border-radius:50%;font:11px monospace;transition:background .3s,color .3s}.logistics-route button b{font-size:11px;font-weight:500}.logistics-route button.done>span{background:#c7e8d8;border-color:#96c9b2}.logistics-route button[aria-pressed=true]>span{background:#122e59;border-color:#122e59;color:#e9fff4;box-shadow:0 0 0 4px #d5e9df}.route-readout{padding:20px;background:#fff;border:1px solid #c3d9ce;border-radius:8px;min-height:153px}.route-readout h4{font-size:20px;font-weight:500;margin:0 0 10px}.route-readout p{font-size:13px;line-height:1.65;color:#5a7969;margin:0}.campus-selector{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px}.campus-selector label{font-size:14px}.campus-selector select{background:white;border:1px solid #b5cfc0;border-radius:5px;padding:10px 12px;color:#244b3d;font-size:13px;max-width:55%}.campus-note{margin-top:14px;border:1px dashed #b7cdc1;border-radius:5px;padding:16px;display:grid;gap:7px}.campus-note b{font-size:14px;font-weight:500}.campus-note span{font-size:12px;color:#5c7c6b;line-height:1.6}.campus-note .schedule-pending{font-size:11px;color:#7c9285}.connected-finish{max-width:1200px;margin:30px auto 0;display:flex;align-items:center;gap:20px;color:#6c8a7d;font:10px monospace;letter-spacing:.5px}.connected-finish i{height:1px;background:#c9dfd3;flex:1}.connected-finish strong{color:#008778;font-weight:500}
/* Cross-fade the header as the full-bleed image recedes; no abrupt logo swap. */
.lab-home header>a:first-child{position:relative}.lab-home header>a:first-child:after{content:'';position:absolute;inset:0;background:url('/brand/assets/logo.webp') center/contain no-repeat;opacity:var(--frame-ink,0);pointer-events:none}.lab-home header .logo,.lab-home header.header-on-light .logo,.lab-home header.header-on-light>a:first-child:hover .logo{filter:url(#brand-on-dark);opacity:calc(1 - var(--frame-ink,0))}.lab-home header nav>a,.lab-home header.header-on-light nav>a,.lab-home header .services-toggle,.lab-home header.header-on-light .services-toggle,.lab-home header .login-link,.lab-home header.header-on-light .login-link,.lab-home header .menu,.lab-home header.header-on-light .menu{color:color-mix(in srgb,#ecfff9 calc((1 - var(--frame-ink,0))*100%),#112d57)}.lab-home header>.button,.lab-home header.header-on-light>.button{background:color-mix(in srgb,#c9eee2 calc((1 - var(--frame-ink,0))*100%),#112d57);color:color-mix(in srgb,#112d57 calc((1 - var(--frame-ink,0))*100%),#e5fff6);border-color:transparent}.lab-home header.header-on-light{box-shadow:none;border-color:transparent}.hero-scroll-track{height:calc(max(100svh,730px) + 85svh)}.hero-scroll-pin .dna-hero.lab-hero{box-shadow:none}.hero-scroll-track+.connected-lab{padding-top:5px}
@keyframes transfer-read{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes trace-appear{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:1100px){.workflow-rail{top:88px}.workstation{gap:5%;grid-template-columns:.8fr 1.4fr}.work-surface{padding:20px}.mapping-desk{grid-template-columns:140px 1fr;gap:12px}.dispatch-desk{gap:15px}.sample-shipment{padding:15px}.lab-home header nav.open>a,.lab-home header nav.open .services-toggle{color:#dff9ef}.lab-home header.header-on-light nav.open>a,.lab-home header.header-on-light nav.open .services-toggle{color:#112d57}}
@media(max-width:760px){.connected-lab{padding:30px 6% 45px}.connected-heading{grid-template-columns:1fr;gap:20px;padding-bottom:30px}.connected-heading>.micro-label{margin-bottom:0}.connected-heading>p:last-child{font-size:15px;line-height:1.7}.connected-heading h2{font-size:39px}.workflow-rail{top:82px;padding:15px 0 12px;gap:10px}.workflow-line{left:0;right:0}.workflow-rail a{display:grid;gap:7px;font-size:10px}.workflow-rail a span{font-size:10px;line-height:1.4}.workstation{grid-template-columns:1fr;padding:40px 0 45px;gap:25px;scroll-margin-top:175px}.station-editorial h3{font-size:34px;letter-spacing:-1px}.station-index{font-size:11px;margin-bottom:15px}.station-editorial>p{font-size:15px;margin-bottom:15px}.connected-cta{font-size:14px}.work-surface{padding:16px;border-radius:10px}.surface-heading{font-size:9px;letter-spacing:.3px;gap:8px}.demo-label{font-size:9px;padding:5px}.sample-input{align-items:start;flex-direction:column;margin-top:20px}.well-rack{width:100%;justify-content:space-around}.readout-monitor{padding:12px}.readout-heading{font-size:9px}.peak-inspector{grid-template-columns:1fr 65px;gap:8px}.peak-inspector svg{width:65px;height:90px}.peak-inspector strong{font-size:18px}.peak-inspector p{font-size:12px}.instrument-label{font-size:9px;letter-spacing:1px}#base-buttons button{font-size:10px;padding:10px 0}.mapping-desk{grid-template-columns:115px 1fr;gap:12px}.mapping-copy h4,.dispatch-desk h4{font-size:20px}.mapping-copy p,.dispatch-desk p{font-size:12px;line-height:1.65}.sequence-workspace{padding:14px}.sequence-labels{font-size:10px}.read-slider-label{font-size:9px;gap:5px}.read-slider-label b{font-size:10px}.context-tags{gap:5px}.context-tags span{font-size:10px;padding:6px}.dispatch-desk{grid-template-columns:1fr;gap:20px}.sample-shipment{width:100%;padding:20px}.sample-shipment strong{font-size:25px}.logistics-route button b{font-size:9px}.logistics-route button>span{width:32px;height:32px}.logistics-route:before{top:16px}.campus-selector{align-items:start;flex-direction:column;gap:10px}.campus-selector select{max-width:100%;width:100%;font-size:14px}.connected-finish{flex-wrap:wrap;gap:10px;font-size:9px;line-height:1.6}.connected-finish i{flex:0 0 15px}.hero-scroll-track{height:calc(max(100svh,780px) + 58svh)}}
.motion-paused .sanger-surface.running .peak-window,.motion-paused .sample-transfer i:after{animation:none}.motion-paused .workflow-line i{transition:none}.motion-paused .hero-scroll-track{height:auto}
@media(prefers-reduced-motion:reduce){.connected-lab *{animation:none!important;transition:none!important}.hero-scroll-track{height:auto}}
.lab-home header>a:first-child:after{filter:url(#brand-clean)}
.lab-home header>a:first-child:after,.lab-home header .logo{transition:opacity .3s ease}.lab-home header nav>a,.lab-home header .services-toggle,.lab-home header .login-link,.lab-home header .menu{transition:color .3s ease}