.feature-pinned-shell{--feature-content-max:min(1480px,calc(100% - 2rem));--feature-content-gutter:max(1rem,calc((100vw - var(--feature-content-max)) / 2));--feature-col-left:calc(var(--feature-content-max) * 0.55);--feature-col-right:calc(var(--feature-content-max) * 0.45)}html.dev-feature-slug-hide-scrollbar{scrollbar-width:none}html.dev-feature-slug-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}html.dev-feature-slug-hide-scrollbar body{scrollbar-width:none;overflow:hidden}html.dev-feature-slug-hide-scrollbar body::-webkit-scrollbar{display:none;width:0;height:0}.feature-pinned-chrome{position:fixed;left:0;right:0;z-index:40;background:#ffffff}.feature-pinned-chrome--top{top:0;border-bottom:1px solid var(--rule,#e5e5e5)}.feature-pinned-chrome--top .dh2-nav{position:relative;top:auto;border-bottom:none}.feature-pinned-chrome--bottom{bottom:0;border-top:1px solid var(--rule,#e5e5e5);max-height:min(42vh,280px);overflow:hidden}.feature-pinned-chrome--bottom .dh2-footer{border-top:none}.feature-pinned-chrome--bottom .dh2-footer-wrap{padding-top:1.25rem;padding-bottom:1rem}.feature-pinned-chrome--bottom .dh2-footer-disclaimer{display:none}.feature-pinned-scroll{position:fixed;top:0;bottom:0;left:0;z-index:15;width:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.feature-pinned-scroll::-webkit-scrollbar{display:none;width:0;height:0}.feature-pinned-copy{padding-left:max(1.5rem,var(--feature-content-gutter));padding-right:1.5rem}.feature-pinned-section-stack{display:flex;flex-direction:column;gap:min(10vh,6.5rem);padding-bottom:8vh}@media (min-width:1024px){.feature-pinned-section-stack{gap:min(16vh,10rem);padding-bottom:12vh}}.feature-pinned-scroll article h2{font-family:var(--font-display);letter-spacing:-.02em}.feature-pinned-foot-prose,.feature-pinned-section-body{font-family:var(--font-body);font-weight:300;line-height:1.7}.feature-pinned-foot-prose{color:var(--muted)}.feature-pinned-foot-prose h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--ink)}.feature-pinned-foot-prose p{color:var(--muted)}@media (min-width:1024px){.feature-pinned-scroll{left:var(--feature-content-gutter);width:var(--feature-col-left)}.feature-pinned-copy{padding-left:3.25rem;padding-right:2rem}.feature-pinned-prose-block{width:75%;max-width:75%}.feature-pinned-section-body{width:100%;max-width:none;white-space:normal;line-height:1.65}}.feature-pinned-stage{position:fixed;top:0;right:0;bottom:0;z-index:20;width:100%;background:transparent;pointer-events:none}@media (min-width:1024px){.feature-pinned-stage{right:var(--feature-content-gutter);width:var(--feature-col-right)}}.feature-pinned-stage-frame{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:0 1.5rem 0 .75rem}.feature-pinned-stage-inner{width:100%;max-width:min(100%,520px);max-height:100%}.feature-pinned-live-stage{width:100%;pointer-events:none}.feature-pinned-live-stage--mobile{margin-top:.5rem}.feature-showcase-device{position:relative;z-index:2;max-height:100%;transform:perspective(1400px) rotateY(-12deg) rotateX(5deg);transform-style:preserve-3d}.feature-showcase-device-bezel{overflow:hidden;border-radius:1rem;border:1px solid rgba(228,228,231,.9);background:#18181b;padding:.5rem;box-shadow:0 20px 50px -18px rgba(24,24,27,.4),0 10px 24px -10px rgba(24,24,27,.2)}.feature-showcase-device-img{display:block;width:100%;height:auto;max-height:min(52vh,420px);object-fit:contain;object-position:top center}.feature-pinned-tracing-beam{max-width:none;overflow:visible}.feature-scroll-spine{display:none;position:absolute;top:0;bottom:0;left:11px;width:1px;z-index:5;pointer-events:none}.feature-scroll-spine-track{position:absolute;inset:0;background:rgba(0,0,0,.1)}.feature-scroll-spine-fill{position:absolute;top:0;left:0;width:1px;height:100%;transform:scaleY(0);transform-origin:top center;background:#000000;box-shadow:0 0 8px rgba(0,0,0,.35);will-change:transform}.feature-scroll-spine-dot{display:none}@media (min-width:1024px){.feature-scroll-spine{display:block}.feature-pinned-prose-block--spined{position:relative}.feature-scroll-spine-dot{display:block;position:absolute;top:.55rem;left:calc(-3.25rem + 6px);width:11px;height:11px;border-radius:9999px;background:#000000;box-shadow:0 0 0 3px #fafafa;opacity:0;transform:scale(0);transition:opacity .35s ease,transform .35s ease}.feature-scroll-spine-dot.is-on{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.feature-showcase-device{transform:none}}