.applications{background:#e8edde;padding:75px 0}.application-boundary{font-size:13px;color:#4f644b;max-width:920px;border-left:3px solid #8aa56a;padding:10px 18px;margin:0 0 30px}.application-picker{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #9cac8b;border-radius:4px 4px 0 0;overflow:hidden}.application-picker button{display:flex;gap:13px;align-items:center;text-align:left;background:transparent;color:#214332;border:0;padding:20px 17px;min-height:72px;font-size:11px;transition:background .2s}.application-picker button+button{border-left:1px solid #b3c1a3}.application-picker span{font-size:14px;font-weight:550}.application-picker button[aria-pressed=true]{background:#183e34;color:#f3f5e6;box-shadow:inset 0 -3px #a8c67d}.application-picker button:focus-visible,.label-steps button:focus-visible{outline-offset:-5px}.application-panel{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;padding:42px;background:#f7f7ee;border:1px solid #9cac8b;border-top:0}.application-visual{display:flex;align-items:center;min-width:0;border-radius:5px;background:#183e34}.application-visual svg{width:100%;height:auto;color:#d9e7b2;overflow:hidden}.application-visual text{fill:#dbe5cd;font:13px 'Segoe UI',Arial,sans-serif;text-anchor:middle}.application-visual .app-target circle{fill:#da9b68;stroke:#efc69a;stroke-width:1.5}.application-visual .app-target text{fill:#173e34}.app-aptamer{fill:none;stroke:#d1e6a7;stroke-width:4;stroke-linecap:round}.app-line,.app-surface,.app-route,.app-receptor{fill:none;stroke:#b9cb9e;stroke-width:2}.app-route{stroke-dasharray:4 5}.app-box,.app-well,.app-cell{fill:none;stroke:#799b83;stroke-width:2}.app-support{fill:#54735a;stroke:#b1c498;stroke-width:1.5}.app-unbound{fill:none;stroke:#acc3b7;stroke-width:2}.app-cargo{fill:#355e4d;stroke:#b6cfa5;stroke-width:1.5}.app-gel{fill:none;stroke:#7c9980;stroke-width:1.5}.app-retention-halo{fill:#c3db9820;stroke:#a9c68c;stroke-dasharray:3 5;stroke-width:1}.application-copy .eyebrow{font-size:9px;margin-bottom:17px}.application-copy h3{font-size:30px;line-height:1.2}.application-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#4f6552}.application-check{border-top:1px solid #cbd5bf;padding-top:18px;margin-top:22px}.application-check strong{font-size:12px}.application-check p{font-size:13px;line-height:1.8;color:#546b50;margin:7px 0 18px}.application-copy>a{font-size:12px;text-decoration:underline;text-underline-offset:4px;display:inline-block;min-height:44px;padding:10px 0}.application-footer{display:flex;gap:35px;justify-content:space-between;align-items:center;margin-top:22px}.application-footer p{font-size:11px;color:#51674e;margin:0;max-width:800px}.application-footer .motion-button{flex-shrink:0;border:1px solid #8da279;border-radius:24px;padding:9px 15px}.application-panel.in-view .motion-target{animation:recognition-arrive 1.4s cubic-bezier(.2,.75,.25,1) both}.application-panel.in-view .app-route{animation:route-draw 1.7s ease-out both}.application-panel.in-view .app-cargo-group{animation:cargo-approach 1.4s cubic-bezier(.2,.75,.25,1) both}.application-panel.in-view .app-retention-halo{animation:retention-focus 1.5s ease-out both}
.label-story{border:1px solid #aabb97;border-radius:5px;margin:0 0 40px;overflow:hidden;background:#f1f3e8}.label-story-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:28px 30px}.label-story-heading .eyebrow{margin-bottom:10px;font-size:9px}.label-story-heading h3{margin:0;font-size:26px}.label-story-heading .motion-button{border:1px solid #8da279;border-radius:24px;padding:9px 15px;flex-shrink:0}.label-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdc9ae;border-bottom:1px solid #bdc9ae}.label-steps button{min-height:58px;padding:13px;border:0;background:none;color:#274c38;font-size:13px;transition:background .2s}.label-steps button+button{border-left:1px solid #bdc9ae}.label-steps button[aria-pressed=true]{background:#d8e7b3;box-shadow:inset 0 -3px #8ca96a}.label-story-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px;align-items:center}.label-animation svg{width:100%;max-height:240px;overflow:visible}.label-animation text{fill:#426044;font:12px 'Segoe UI',Arial,sans-serif;text-anchor:middle}.label-animation .symbol-letter{font-size:18px;fill:#173e34}.label-biomolecule{fill:#deebc8;stroke:#365d40;stroke-width:2}.moving-fluor circle{fill:#e2ac77;stroke:#99663b;stroke-width:2}.moving-fluor{transform:translateX(110px);transition:transform 1s cubic-bezier(.2,.75,.25,1)}.label-caption{transform:translateX(110px);transition:transform 1s cubic-bezier(.2,.75,.25,1)}.label-bond{stroke:#856741;stroke-width:3;stroke-dasharray:32;stroke-dashoffset:32;transition:stroke-dashoffset .5s ease .6s}.label-story[data-label-step="1"] .moving-fluor,.label-story[data-label-step="2"] .moving-fluor,.label-story[data-label-step="1"] .label-caption,.label-story[data-label-step="2"] .label-caption{transform:none}.label-story:not([data-label-step="0"]) .label-bond{stroke-dashoffset:0}.light-path{opacity:0}.light-path path{stroke:#9a693e;stroke-width:2;fill:none}.light-path .excitation{stroke:#487da0}.label-story[data-label-step="2"] .light-path{opacity:1}.label-story[data-label-step="2"].in-view .emission{stroke-dasharray:90;animation:emission-draw 1.4s ease-out both}.label-explanation h4{font-size:23px;line-height:1.3;margin:0 0 14px;font-weight:500}.label-explanation p{font-size:14px;color:#52694d;line-height:1.8;margin:0;min-height:100px}.concept-note{font-size:11px;line-height:1.8;padding:0 30px 25px;margin:0;color:#5a6e53}.conjugation-grid article.in-view svg{animation:diagram-reveal .7s ease-out both}.conjugation-grid article:nth-child(2) svg{animation-delay:.12s}.conjugation-grid article:nth-child(3) svg{animation-delay:.24s}
@keyframes recognition-arrive{from{opacity:.25;transform:translate(55px,-35px)}to{opacity:1;transform:none}}@keyframes route-draw{from{stroke-dashoffset:45;opacity:.3}to{stroke-dashoffset:0;opacity:1}}@keyframes cargo-approach{from{transform:translateX(-60px)}to{transform:none}}@keyframes retention-focus{from{opacity:.2;stroke-dashoffset:20}to{opacity:1;stroke-dashoffset:0}}@keyframes emission-draw{from{stroke-dashoffset:90}to{stroke-dashoffset:0}}@keyframes diagram-reveal{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}
.motion-paused .applications *,.motion-paused .label-story *,.motion-paused .conjugation-grid svg,.motion-disabled .applications *,.motion-disabled .label-story *,.motion-disabled .conjugation-grid svg{animation:none!important;transition:none!important}.label-story.offscreen *{transition:none!important}.applications .offscreen *{animation-play-state:paused!important}
@media(max-width:1150px){.site-header nav{gap:13px;font-size:11px}.application-panel{padding:30px;gap:30px}.application-picker button{padding:16px 12px;gap:8px}.application-picker span{font-size:12px}.label-story-heading h3{font-size:23px}}
@media(max-width:800px){.applications{padding:50px 0}.application-picker{grid-template-columns:1fr 1fr}.application-picker button{min-height:57px;font-size:10px;border-bottom:1px solid #b3c1a3}.application-picker span{font-size:12px}.application-picker button:nth-child(odd){border-left:0}.application-picker button:last-child{grid-column:1/-1;border-bottom:0}.application-panel{grid-template-columns:1fr;gap:26px;padding:20px}.application-copy h3{font-size:27px}.application-copy>p:not(.eyebrow){font-size:14px}.application-boundary{font-size:12px;padding:8px 14px}.application-visual{min-height:170px}.application-footer{display:block}.application-footer .motion-button{margin-top:18px}.label-story-heading{display:block;padding:23px 20px}.label-story-heading .motion-button{margin-top:18px}.label-steps{grid-template-columns:1fr}.label-steps button+button{border-left:0;border-top:1px solid #bdc9ae}.label-steps button{text-align:left;padding:14px 20px;min-height:48px}.label-story-body{grid-template-columns:1fr;padding:20px;gap:15px}.label-explanation h4{font-size:22px}.label-explanation p{min-height:0;font-size:13px}.concept-note{padding:0 20px 23px}.site-header nav{font-size:13px;gap:3px}}
@media(prefers-reduced-motion:reduce){.applications *,.label-story *,.conjugation-grid svg{animation:none!important;transition:none!important}}
@media(max-width:440px){.application-visual text{font-size:17px}.label-animation text{font-size:18px}.label-animation .symbol-letter{font-size:22px}}