:root{--dna-aqua:#55dfd0;--dna-blue:#67aefc;--dna-lime:#b8e86b;--dna-warn:#ffca68}
.dna-hero h1{max-width:920px}.dna-hero .lead{max-width:830px}
.dna-hook{margin:1.7rem 0 2rem;padding:1.15rem 1.25rem;border-left:3px solid var(--dna-aqua);background:rgba(85,223,208,.065)}.dna-hook strong{color:var(--dna-aqua)}
.dna-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:2rem 0;background:var(--line);border:1px solid var(--line)}.dna-fact{background:var(--bg-2);padding:1rem;min-height:112px}.dna-fact strong{display:block;color:var(--dna-aqua);font-family:var(--mono);font-size:1.2rem;margin-bottom:.35rem}.dna-fact span{color:var(--tx-3);font-size:.82rem;line-height:1.45}
.dna-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:2rem 0;padding:1rem;border:1px solid rgba(85,223,208,.28);background:linear-gradient(135deg,rgba(85,223,208,.06),rgba(103,174,252,.035))}.dna-step{position:relative;padding:.9rem;border:1px solid var(--line);background:rgba(5,9,18,.75)}.dna-step:not(:last-child)::after{content:'→';position:absolute;right:-.64rem;top:50%;transform:translateY(-50%);z-index:2;color:var(--dna-lime)}.dna-step b{display:block;color:var(--dna-lime);font-family:var(--mono);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.35rem}.dna-step span{display:block;color:var(--tx-2);font-size:.86rem;line-height:1.45}
.dna-media{margin:2rem 0;border:1px solid var(--line);background:#03050a}.dna-media video{display:block;width:100%;aspect-ratio:16/9;background:#000}.dna-media figcaption{padding:.85rem 1rem;color:var(--tx-3);font-size:.78rem;line-height:1.5;border-top:1px solid var(--line)}
.dna-warning{margin:2rem 0;padding:1.2rem 1.3rem;border-left:3px solid var(--dna-warn);background:rgba(255,202,104,.06)}.dna-warning h3{margin:0 0 .6rem;color:var(--dna-warn)}.dna-warning p:last-child{margin-bottom:0}.dna-status{color:var(--dna-aqua)}
@media(max-width:820px){.dna-facts,.dna-process{grid-template-columns:1fr 1fr}.dna-step:nth-child(2)::after{display:none}}
@media(max-width:520px){.dna-facts,.dna-process{grid-template-columns:1fr}.dna-step::after{display:none}}