.dna-section{padding-block:78px;background:var(--surface);border-block:1px solid var(--border)}
.dna-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:end;margin-bottom:30px}
.dna-heading .eyebrow{margin-bottom:16px}.dna-heading h2{font-size:43px;line-height:1.16;letter-spacing:-1.5px;margin:0}.dna-heading h2 span{color:var(--accent)}
.dna-intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:540px;margin:0}
.dna-demo{border:1px solid var(--border);border-radius:18px;background:var(--bg);overflow:hidden}
.dna-demo-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:19px 27px;border-bottom:1px solid var(--border)}
.dna-demo-label{font-size:11px;letter-spacing:1.8px;color:var(--muted)}
.dna-tabs{display:flex;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:4px}
.dna-tabs button{border:0;background:transparent;border-radius:7px;padding:10px 17px;color:var(--muted);font-size:14px;min-height:42px;white-space:nowrap}
.dna-tabs button[aria-selected="true"]{color:var(--accent);background:var(--surface);box-shadow:0 2px 8px #0000000a}
.dna-tabs button:hover{color:var(--accent)}
.dna-panel{display:grid;grid-template-columns:1.08fr 1fr;gap:22px;padding:25px 35px 27px;align-items:center}
.dna-figure{margin:0;min-width:0;text-align:center}.dna-pattern{position:relative;max-width:380px;margin:0 auto;aspect-ratio:1}
.dna-pattern>img{display:block;width:100%;height:auto}

:root[data-theme="dark"] .dna-pattern>img{filter:brightness(1.35) saturate(1.12)}

.dna-legend{display:flex;gap:18px;justify-content:center;margin-top:11px;font-size:11px;color:var(--muted)}
.dna-legend span{display:flex;align-items:center;gap:6px}.dna-legend i{width:6px;height:6px;border-radius:50%;background:#249bad}.dna-legend span:nth-child(2) i{background:#8d72ad}.dna-legend span:nth-child(3) i{background:#daa544}
.dna-stage-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--accent);letter-spacing:1.7px;margin-bottom:13px}.dna-stage-label:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.dna-story h3{font-size:28px;line-height:1.2;letter-spacing:-.7px;font-weight:550;margin:0 0 13px}.dna-story>p{font-size:15px;line-height:1.8;color:var(--muted);margin:0;max-width:445px}
.dna-interests{margin-top:23px;display:grid;gap:14px}.dna-interests-heading{font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-bottom:1px;text-transform:uppercase}
.dna-interest-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;margin-bottom:7px}.dna-interest-label>span:last-child{font-size:11px;color:var(--muted)}
.dna-meter{height:5px;border-radius:4px;background:var(--border);overflow:hidden}.dna-meter span{display:block;height:100%;width:var(--dna-interest);background:var(--dna-color);border-radius:4px;transition:width .45s ease}
.dna-interest:nth-of-type(1){--dna-color:#249bad}.dna-interest:nth-of-type(2){--dna-color:#8d72ad}.dna-interest:nth-of-type(3){--dna-color:#daa544}
.dna-continuity{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--border);margin-top:23px;padding-top:17px;color:var(--muted);font-size:12px;line-height:1.6}.dna-continuity .icon{width:17px;height:17px;flex:none;margin-top:1px}
.dna-continuity strong{color:var(--text);font-weight:550}.dna-note{font-size:11px;line-height:1.7;color:var(--muted);margin:14px 0 0;max-width:930px}
.dna-section .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1050px){.dna-heading{gap:30px}.dna-heading h2{font-size:36px}.dna-panel{padding:25px;gap:20px}.dna-pattern{max-width:345px}.dna-story h3{font-size:25px}}
@media(max-width:760px){.dna-section{padding-block:58px}.dna-heading{grid-template-columns:1fr;gap:20px}.dna-heading h2{font-size:35px;letter-spacing:-1px}.dna-intro{font-size:15px}.dna-demo-top{align-items:stretch;flex-direction:column;gap:12px;padding:18px}.dna-tabs{width:100%}.dna-tabs button{flex:1;padding:10px 8px;font-size:13px}.dna-panel{grid-template-columns:1fr;gap:25px;padding:20px 22px 25px}.dna-pattern{max-width:330px}.dna-story h3{font-size:26px}.dna-story>p{font-size:14px;max-width:none}.dna-legend{gap:14px}.dna-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dna-meter span{transition:none}}
@media print{.dna-tabs{display:none}.dna-section{padding-block:25px;background:white}.dna-panel{break-inside:avoid}.dna-heading h2{font-size:28px}}