.dtabs { margin-top: clamp(40px, 5vw, 60px); }
.dtabs-nav { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; }
.dtab { background: none; border: 0; cursor: pointer; padding: 6px 2px; font-family: var(--font-display); font-weight: 500; font-size: clamp(.98rem, 1.45vw, 1.16rem); letter-spacing: -.015em; color: var(--ink-mute); transition: color .2s ease; white-space: nowrap; }
.dtab:hover { color: var(--ink-soft); }
.dtab.is-active { color: var(--ink); font-weight: 600; }
/* interactive tick-ruler — notches scrub-expand + darken toward the cursor; click anywhere to switch */
.dtabs-ruler { position: relative; height: 34px; margin-top: 12px; cursor: pointer; }
.dnotch { position: absolute; bottom: 8px; width: 1px; height: 11px; background: var(--line-strong); transform: translateX(-50%); transform-origin: 50% 100%; transition: transform .18s ease, background .18s ease; pointer-events: none; }
.dtabs-mark { position: absolute; bottom: 4px; width: 2px; height: 19px; background: var(--accent); transform: translateX(-50%); transition: left .42s cubic-bezier(.4,0,.2,1); pointer-events: none; }
/* 50-50 body: content left, node graph right — bounded in a hairline container */
.dtabs-body { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; margin-top: clamp(24px, 3vw, 38px); border: 1px solid var(--line); }
.dtabs-text { display: flex; flex-direction: column; justify-content: center; padding: clamp(28px, 4vw, 54px); transition: opacity .16s ease; }
.dtabs-text.is-swap { opacity: 0; }
.dtabs-title { font-family: var(--font-display); font-weight: 600; font-size: clamp(1.5rem, 2.6vw, 2.1rem); letter-spacing: -.02em; line-height: 1.12; color: var(--ink); }
.dtabs-desc { max-width: 42ch; margin: clamp(14px, 1.6vw, 20px) 0 0; font-size: clamp(1.02rem, 1.3vw, 1.15rem); line-height: 1.6; color: var(--ink-soft); }
.dtabs-stage { position: relative; min-height: clamp(320px, 34vw, 440px); border-left: 1px solid var(--line); overflow: hidden; background: radial-gradient(62% 68% at 50% 92%, rgba(241,90,34,.05), transparent 74%); }
.dtabs-stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; }