.how-it-works-section{width:100%;padding:80px 20px;background:#fafafa}.how-it-works-container{max-width:1200px;margin:0 auto}.how-it-works-header{margin-bottom:60px}.how-it-works-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#4169E1;font-size:14px;font-weight:600;margin-bottom:24px}.how-it-works-intro{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:start}.intro-left,.intro-right{min-width:0}.how-it-works-headline{font-size:48px;font-weight:700;line-height:1.2;margin:0;color:#1a1a1a}.intro-right p{font-size:18px;line-height:1.6;color:#666;margin:0}.how-it-works-body{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.how-it-works-stepper{display:flex;flex-direction:column;gap:12px;position:-webkit-sticky;position:sticky;top:100px}.hiw-step-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;text-align:left;transition:all .25s ease;opacity:.5;width:100%}.hiw-step-item:hover{opacity:.7}.hiw-step-item--active{opacity:1;background:#ffffff;border:1px solid #e5e5e5;box-shadow:0 2px 12px rgba(0,0,0,.06)}.hiw-step-item__number{font-size:16px;font-weight:700;color:#999;flex-shrink:0;min-width:32px;transition:color .25s ease}.hiw-step-item--active .hiw-step-item__number{color:#4169E1}.hiw-step-item__content{flex:1 1;min-width:0}.hiw-step-item__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.hiw-step-item__title{font-size:17px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3;flex:1 1;min-width:0}.hiw-step-item__meta{display:flex;align-items:flex-start;gap:10px;margin-top:12px;animation:fadeIn .3s ease}.hiw-step-item__meta-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.hiw-step-item__meta-icon svg{color:#4169E1}.hiw-step-item__chevron{flex-shrink:0;color:#999;transition:transform .18s ease-in-out,color .25s ease}.hiw-step-item__chevron.rotated{transform:rotate(180deg)}.hiw-step-item--active .hiw-step-item__chevron{color:#4169E1}.hiw-step-item__description{font-size:14px;color:#666;margin:0;line-height:1.6;flex:1 1}.demo-panel-container{background:#ffffff;border-radius:16px;border:1px solid #e5e5e5;padding:32px;height:600px;display:flex;flex-direction:column;box-shadow:0 4px 16px rgba(0,0,0,.06);position:-webkit-sticky;position:sticky;top:100px}.demo-panel-content{display:flex;flex-direction:column;height:100%;animation:fadeIn .25s ease}.demo-panel-screenshot{flex:1 1;position:relative;background:#f8f8f8;border-radius:12px;border:1px solid #e0e0e0;min-height:0;overflow:hidden}.demo-panel-screenshot,.screenshot-placeholder{display:flex;align-items:center;justify-content:center}.screenshot-placeholder{color:#999;font-size:14px;font-style:italic}.hiw-step-item__demo{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.how-it-works-section{padding:72px 32px}.how-it-works-intro{grid-template-columns:1fr;gap:20px}.how-it-works-body{grid-template-columns:1fr;gap:40px}.how-it-works-stepper{position:static}.how-it-works-body .demo-panel-container{display:none}.hiw-step-item__demo{display:block;margin-top:16px;animation:fadeIn .25s ease}.hiw-step-item__demo .demo-panel-screenshot{width:100%;min-height:220px;border-radius:12px;border:1px dashed #d0d0d0;background:#f8f8f8;display:flex;align-items:center;justify-content:center;overflow:hidden}}@media (max-width:768px){.how-it-works-section{padding:60px 24px}.how-it-works-header{margin-bottom:36px}.how-it-works-intro{grid-template-columns:1fr;gap:16px}.how-it-works-headline{font-size:34px}.intro-right p{font-size:15px}.how-it-works-body{gap:28px}.hiw-step-item{min-width:auto;padding:16px;gap:14px}.hiw-step-item__title{font-size:16px}.hiw-step-item__description{font-size:13px}}@media (max-width:480px){.how-it-works-section{padding:48px 16px}.how-it-works-headline{font-size:28px}.hiw-step-item{gap:12px;padding:14px}.hiw-step-item__title{font-size:15px}.hiw-step-item__meta{gap:8px;margin-top:8px}.hiw-step-item__description{font-size:13px}.demo-panel-container{padding:16px;min-height:300px}}.supported-assays-section{display:flex;width:100%;padding:80px 0 140px;background-color:#fafafa}.supported-assays-container{display:flex;flex-direction:column;width:100%;max-width:1280px;margin:0 auto;padding:0 40px;gap:40px}.supported-assays-label{display:flex;align-items:center;gap:8px;color:#4169e1;font-size:14px;font-weight:500;letter-spacing:.5px}.supported-assays-header{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:start}.sa-headline h2{font-size:48px;font-weight:700;line-height:1.15;color:#1a1a1a;margin:0}.sa-description{display:flex;align-items:center}.sa-description p{font-size:16px;line-height:1.7;color:#64748b;margin:0}.sa-tablist{display:flex;flex-wrap:wrap;gap:10px}.sa-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff;border:1px solid #e2e8f0;border-radius:999px;color:#1a1a1a;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.sa-tab:hover{border-color:#c7d2fe;background:#f8faff}.sa-tab:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(65,105,225,.25)}.sa-tab--active{background:#4169e1;border-color:#4169e1;color:#ffffff}.sa-tab--active:hover{background:#3457c9;border-color:#3457c9}.sa-tab-swatch{width:10px;height:10px;border-radius:4px;flex-shrink:0}.sa-tab--active .sa-tab-swatch{background-color:#ffffff!important}.sa-panel{background:#ffffff;border:1px solid #e5e5e5;border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:36px}.sa-panel:focus-visible{outline:none;box-shadow:0 4px 16px rgba(0,0,0,.06),0 0 0 3px rgba(65,105,225,.25)}.sa-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sa-panel-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.sa-formats-pill{display:inline-flex;align-items:center;padding:6px 16px;background:#f0f4ff;border:1px solid #dde5ff;border-radius:999px;color:#4169e1;font-size:13px;font-weight:500;white-space:nowrap}.sa-panel-description{font-size:16px;line-height:1.6;color:#64748b;margin:16px 0 28px}.sa-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;grid-gap:16px;gap:16px;align-items:center}.sa-pipeline-tile{background:#f6f6f7;border-radius:12px;padding:20px;height:100%}.sa-pipeline-label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4169e1;margin-bottom:8px}.sa-pipeline-text{font-size:14px;line-height:1.55;color:#333333;margin:0}.sa-pipeline-arrow{color:#c7ccd6;flex-shrink:0}@media (max-width:1024px){.supported-assays-section{padding:72px 32px 120px}.supported-assays-container{padding:0}.supported-assays-header{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.supported-assays-section{padding:60px 24px 100px}.supported-assays-container{gap:28px}.sa-headline h2{font-size:32px}.sa-description p{font-size:15px}.sa-panel{padding:24px}.sa-panel-header{align-items:flex-start}.sa-panel-description{margin:14px 0 22px}.sa-pipeline{grid-template-columns:1fr;gap:12px}.sa-pipeline-arrow{display:none}}@media (max-width:480px){.supported-assays-section{padding:48px 16px 88px}.sa-headline h2{font-size:26px}.sa-tab{padding:8px 14px;font-size:13px}.sa-panel{padding:18px}}