.mock-context .page-inner{gap:26px;padding:30px 0}.drifting-workflow{width:min(820px,100%);min-width:0}.drift-feature{font-size:20px;line-height:1.4;color:var(--bone);text-align:center;margin:0 auto 12px;max-width:440px}.drift-window{height:540px;position:relative;overflow:hidden;isolation:isolate;mask-image:linear-gradient(transparent,#000 12%,#000 84%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 84%,transparent)}.drift-window:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#bb94510d,transparent 66%);pointer-events:none;z-index:-1}.drift-track{position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background:linear-gradient(#483e3a,#a27c3e 42%,#6b5235 72%,#38303b)}.drift-task{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);min-width:0;will-change:transform,opacity}.drift-node{position:absolute;left:calc(50% - 10px);top:3px;width:20px;height:20px;z-index:1}.drift-node svg{display:block}.drift-halo{position:absolute;inset:-6px;border:1px solid var(--brass);border-radius:50%;opacity:0}.glyph-current,.glyph-done{opacity:0}.drift-task.is-current .glyph-current,.drift-task.is-done .glyph-done{opacity:1}.drift-task.is-current .glyph-pending,.drift-task.is-done .glyph-pending{opacity:0}.drift-task.is-current .drift-halo{opacity:.25}.drift-copy{min-width:0;position:relative}.on-left .drift-copy{grid-column:1;padding-left:20px;text-align:right}.on-left .drift-owner{justify-content:flex-end}.on-left .drift-title{margin-left:auto}.on-right .drift-copy{grid-column:3;padding-right:20px}.drift-copy:before{content:"";position:absolute;top:12px;width:22px;height:1px;background:#9c783c75}.on-left .drift-copy:before{right:-28px}.on-right .drift-copy:before{left:-28px}.drift-owner{display:flex;align-items:center;gap:9px;min-height:26px;font-size:12px;line-height:18px;color:#aca3b1}.drift-avatar{width:25px;height:25px;object-fit:contain;flex-shrink:0}.person-avatar{border-radius:3px}.grok-mark{background:#eee7dd;border-radius:50%;padding:2px}.drift-title{font-size:18px;line-height:1.38;color:var(--bone);margin-top:10px;letter-spacing:-.15px;max-width:300px;text-wrap:pretty}.drift-detail{font-size:13px;line-height:1.5;color:#aaa0ae;margin-top:7px}.drift-method{font-size:12px;line-height:1.5;color:#887f8f;margin-top:2px}.drift-output{font-size:14px;line-height:20px;color:#c5ae85;margin-top:12px;min-height:20px;white-space:nowrap;opacity:0;will-change:opacity}.drift-task[aria-hidden=true]{pointer-events:none}
@media(max-width:760px){.mock-context .page-inner{gap:25px;padding:24px 0}.mock-context .benefit-heading h2{font-size:34px}.drifting-workflow{max-width:390px}.drift-feature{font-size:17px;max-width:280px;margin-bottom:16px}.drift-window{height:550px}.drift-task{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)}.on-left .drift-copy{padding-left:4px}.on-right .drift-copy{padding-right:4px}.drift-copy:before{width:11px}.on-left .drift-copy:before{right:-16px}.on-right .drift-copy:before{left:-16px}.drift-owner{font-size:11px;gap:7px}.drift-avatar{width:23px;height:23px}.drift-title{font-size:15px;line-height:1.4;margin-top:9px;letter-spacing:0}.drift-detail{font-size:11px;line-height:1.45;margin-top:6px}.drift-method{font-size:11px}.drift-output{font-size:12px;line-height:18px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.drift-task,.drift-output{will-change:auto}}