/* Genomics: percentage reduction first, technical ratios second. */
.zg-page h1 span{color:var(--cyan)}
.zg-page .zg-promise{font-size:23px;color:#d5e7ee;margin-bottom:16px}
.zg-page .zc-gen-hero .zc-note{margin-bottom:24px}
.zg-volume{background:linear-gradient(145deg,#10232e,#0c121a);border-color:#365b6b;padding:30px}
.zg-size{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 14px}
.zg-size strong{font-size:32px;letter-spacing:-.035em;font-weight:500}
.zg-size small{font-size:17px;color:var(--muted)}
.zg-size>span{font-size:11px;color:var(--muted);text-align:right;max-width:160px}
.zg-track{height:25px;background:#16242f;border-radius:3px;overflow:hidden}
.zg-track i{display:block;height:100%;transform-origin:left}
.zg-source{width:100%;background:repeating-linear-gradient(90deg,#4b6475 0,#4b6475 12px,transparent 12px,transparent 15px)}
.zg-compressed{width:100%;background:var(--cyan);transform:scaleX(.007429420505)}
.zg-encode{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0;font-size:12px;color:var(--muted)}
.zg-encode span{font-size:24px;color:var(--cyan)}
.zg-primary{font-size:clamp(45px,5.4vw,72px);line-height:1.1;color:var(--cyan);letter-spacing:-.055em;margin:32px 0 12px;font-weight:550}
.zg-primary>span{display:block;font-size:11px;letter-spacing:.16em;margin-top:10px}
.zg-secondary{font-size:22px;letter-spacing:-.02em;margin:20px 0 25px;color:#c4d8e2}
.zg-secondary>span{font-size:12px;margin-left:8px;color:var(--muted);letter-spacing:0}
.zg-extraction{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:18px;border-block:1px solid #2e4c5d;font-size:12px;color:var(--muted)}
.zg-extraction strong{color:#d4e5ed;font-size:18px;font-weight:500}
.zg-volume figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:18px}
.zg-card-reduction{font-size:clamp(36px,4vw,53px);color:var(--cyan);line-height:1.15;margin:26px 0 10px;letter-spacing:-.045em;font-weight:550}
.zg-card-reduction span{font-size:15px;letter-spacing:0;color:#b6c8d3}
.zg-page .zg-card-ratio{font-size:22px;margin:0 0 20px;color:#c0d2de}
.zg-page .zg-card-ratio span{font-size:12px;color:var(--muted)}
.zg-page .zg-card-extraction{margin:0 0 20px}
.zg-benchmarks{width:100%;border-collapse:collapse;text-align:left;font-size:16px}
.zg-benchmarks caption{text-align:left;color:var(--muted);font-size:12px;padding:0 0 20px}
.zg-benchmarks th,.zg-benchmarks td{padding:19px 24px;border-bottom:1px solid var(--line)}
.zg-benchmarks thead{background:#10202a;color:#9db4c2;font-size:12px;letter-spacing:.05em}
.zg-benchmarks tbody th{font-weight:500}
.zg-benchmarks td strong{font-size:25px;color:var(--cyan);font-weight:550;letter-spacing:-.03em}
.zg-benchmarks td:last-child{font-size:14px;color:var(--muted)}
.zg-benchmarks tbody tr:first-child{background:#11252f}
.zg-access{max-width:650px;margin:0 auto 45px}
.zg-volume.zc-motion-ready .zg-compressed{animation:zg-volume-cycle 7s ease-in-out infinite}
@keyframes zg-volume-cycle{0%,8%,100%{transform:scaleX(1);opacity:.5}42%,86%{transform:scaleX(.007429420505);opacity:1}}
@media(max-width:650px){.zg-benchmarks th,.zg-benchmarks td{padding:16px 10px}.zg-benchmarks{font-size:14px}.zg-benchmarks td strong{font-size:22px}.zg-volume{padding:23px}.zg-size strong{font-size:29px}}
@media(max-width:390px){.zg-benchmarks th,.zg-benchmarks td{padding:15px 7px}.zg-benchmarks td strong{font-size:19px}.zg-benchmarks td:last-child{font-size:12px}.zg-benchmarks{font-size:12px}.zg-card-reduction span{display:block;margin-top:8px}}