.dna-seq{background:#000;position:relative}.dna-seq__scroll-spacer{position:relative}.dna-seq__viewport{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.dna-seq__header{z-index:10;text-align:center;padding:clamp(48px,6vw,80px) 32px clamp(24px,3vw,40px);position:relative}.dna-seq__header:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#000000d9 0%,#00000080 50%,#0000 75%);width:120%;height:160%;position:absolute;top:0;left:50%;transform:translate(-50%)}.dna-seq__eyebrow{letter-spacing:.25em;text-transform:uppercase;color:#ffffff80;text-shadow:0 0 20px #000c;margin-bottom:16px;font-size:.65rem;font-weight:400;display:inline-block}.dna-seq__title{letter-spacing:-.03em;color:#fff;text-shadow:0 2px 30px #000000e6;margin:0 0 12px;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:300}.dna-seq__accent{background:linear-gradient(135deg,#e63946,#0ea5a0);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 20px #e639464d);-webkit-background-clip:text}.dna-seq__subtitle{color:#fff9;text-shadow:0 0 20px #000c;margin:0;font-size:.92rem}.dna-seq__canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.dna-seq__lines{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.dna-seq__lines line{stroke-width:1px;opacity:0;transition:opacity .6s}.dna-seq__lines line.is-visible{opacity:.2}.dna-seq__cards{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.dna-seq__card{pointer-events:auto;opacity:0;width:340px;max-width:36vw;position:absolute}.dna-seq__card--left{top:50%;left:4%;transform:translate(100px,-50%)scale(.6)}.dna-seq__card--right{top:50%;right:4%;transform:translate(-100px,-50%)scale(.6)}.dna-seq__card-inner{-webkit-backdrop-filter:blur(16px);background:#000000d9;border:1px solid #ffffff0f;border-radius:8px;padding:24px 20px;transition:border-color .3s,box-shadow .3s}.dna-seq__card:hover .dna-seq__card-inner{border-color:#ffffff1f}.dna-seq__num{letter-spacing:-.04em;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffff0f;margin-bottom:12px;font-size:2rem;font-weight:900;line-height:1;display:block}.dna-seq__tag{letter-spacing:.15em;text-transform:uppercase;border-radius:3px;margin-bottom:10px;padding:3px 8px;font-size:.55rem;font-weight:700;display:inline-block}.dna-seq__tag--teal{color:#0ea5a0;background:#0ea5a01a}.dna-seq__tag--red{color:#e63946;background:#e639461a}.dna-seq__card-title{color:#ffffffe6;letter-spacing:-.01em;margin:0 0 6px;font-size:1.05rem;font-weight:500}.dna-seq__card-desc{color:#ffffff4d;margin:0;font-size:.78rem;line-height:1.55}.dna-seq__progress{z-index:10;background:#ffffff0f;border-radius:1px;width:120px;height:2px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dna-seq__progress-bar{background:linear-gradient(90deg,#0ea5a0,#e63946);border-radius:1px;width:0%;height:100%}.dna-seq__fallback-grid,.dna-seq--fallback .dna-seq__scroll-spacer{display:none}.dna-seq--fallback .dna-seq__fallback-grid{background:#ffffff0a;grid-template-columns:1fr 1fr;gap:1px;max-width:1000px;margin:0 auto;padding:clamp(48px,6vw,80px) 32px;display:grid}.dna-seq__fb-card{background:#000;padding:28px 24px}.dna-seq__fb-num{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffff40;margin-bottom:10px;font-size:1.8rem;font-weight:900;display:block}.dna-seq__fb-card h3{color:#ffffffe6;margin:0 0 6px;font-size:1rem;font-weight:500}.dna-seq__fb-card p{color:#ffffff4d;margin:0;font-size:.78rem;line-height:1.55}@media (max-width:767px){.dna-seq__scroll-spacer{display:none!important}.dna-seq__fallback-grid{background:#ffffff0a;grid-template-columns:1fr 1fr;gap:1px;width:100%;max-width:100%;margin:0 auto;padding:40px 0;display:grid!important}.dna-seq__fb-card{padding:22px 16px}}