.capabilities-pin-section{--panel-count:4;height:calc(var(--panel-count) * 100svh);background:var(--surface-band);border-block:1px solid var(--border-hairline);position:relative}.capabilities-pin-sticky{z-index:1;flex-direction:column;height:100svh;display:flex;position:sticky;top:0}.capabilities-pin-section--static .capabilities-pin-sticky{height:auto;position:relative}.capabilities-pin-header{border-bottom:1px solid var(--border-hairline);flex-shrink:0;padding:clamp(24px,3.5vw,36px) 0 16px}.capabilities-pin-header__copy{margin-bottom:clamp(16px,2.5vw,24px)}.capabilities-pin-eyebrow{margin-bottom:8px}.capabilities-pin-title{font-size:var(--type-section);font-weight:var(--weight-display);line-height:var(--leading-display);letter-spacing:var(--tracking-section);text-wrap:balance}.capabilities-pin-lead{max-width:520px;font-size:var(--type-lead);line-height:var(--leading-lead);letter-spacing:-.011em;color:var(--text-secondary);margin-top:8px}.capabilities-horizontal-nav{gap:4px;width:100%;display:grid}.capabilities-nav-btn{cursor:pointer;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;transition:color var(--duration-fast), border-color var(--duration-fast);background:0 0;border:none;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:11px;font-weight:500;display:inline-flex}.capabilities-nav-btn__index{opacity:.55}.capabilities-nav-btn.is-active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.capabilities-nav-btn:hover:not(.is-active){color:var(--text-secondary)}.capabilities-pin-stage{flex:1;min-height:0;overflow:hidden}.capabilities-pin-stage__inner{height:100%;padding-block:clamp(12px,2vw,20px);position:relative}.capabilities-step-panel{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:clamp(12px,2vw,20px);display:flex;position:absolute;inset:0}.capabilities-pin-section:not(.capabilities-pin-section--static) .capabilities-step-panel{transition:none}.capabilities-pin-section--static .capabilities-step-panel{transition:opacity .2s var(--ease-out), visibility .2s var(--ease-out)}.capabilities-step-panel.is-active{opacity:1;visibility:visible;pointer-events:auto}.capabilities-panel-copy{flex-shrink:0;align-items:center;gap:clamp(16px,3vw,24px);display:flex}.capabilities-panel-copy__step{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);flex-shrink:0;font-size:11px}.capabilities-panel-copy__text{flex:1;min-width:0}.capabilities-panel-copy__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:600}.capabilities-panel-copy__summary{color:var(--text-secondary);margin:4px 0 0;font-size:14px;line-height:1.5}.capabilities-panel-copy__link{color:var(--text-primary);white-space:nowrap;transition:color var(--duration-fast);flex-shrink:0;font-size:13px;font-weight:600}.capabilities-panel-copy__link:hover{color:var(--accent-cyan-text)}.capabilities-panel-mock{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.capabilities-panel-mock__frame{width:100%;max-height:100%;overflow:hidden}.capabilities-pin-section .capabilities-panel-mock__frame .product-frame{box-shadow:inset 0 1px #fffffff2,0 6px 20px #0f141909}.capabilities-pin-section .capabilities-panel-mock__frame .product-frame__body{min-height:0;max-height:clamp(220px,38vh,360px)}.capabilities-pin-section .capabilities-panel-mock__frame .product-frame__sidebar{width:148px;padding-block:10px}.capabilities-pin-section .capabilities-panel-mock__frame .product-frame__nav-item{gap:6px;padding:6px 10px;font-size:11px}.capabilities-pin-section .capabilities-panel-mock__frame .product-frame__sidebar-foot,.capabilities-pin-section .capabilities-panel-mock__frame .product-frame__workspace,.capabilities-pin-section .capabilities-panel-mock__frame .product-frame__search{display:none}.capabilities-pin-section .capabilities-panel-mock__frame .product-frame__main{padding:14px 16px 16px;overflow:hidden}.capabilities-pin-section .capabilities-panel-mock__frame .mock-topbar{margin-bottom:12px}.capabilities-pin-section .capabilities-panel-mock__frame .mock-topbar__title{font-size:14px}.capabilities-pin-section .capabilities-panel-mock__frame .mock-kpi-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.capabilities-pin-section .capabilities-panel-mock__frame .mock-kpi{padding:8px 10px 6px}.capabilities-pin-section .capabilities-panel-mock__frame .mock-kpi__value{font-size:13px}.capabilities-pin-section .capabilities-panel-mock__frame .mock-kpi__label,.capabilities-pin-section .capabilities-panel-mock__frame .mock-kpi__delta{font-size:9px}.capabilities-pin-section .capabilities-panel-mock__frame .mock-panel{max-height:120px;overflow:hidden}.capabilities-pin-section .capabilities-panel-mock__frame .mock-table-row:nth-child(n+4){display:none}.capabilities-pin-section .capabilities-panel-mock__frame .mock-split{max-height:160px}.capabilities-pin-section .capabilities-panel-mock__frame .mock-code__pre{font-size:10px;line-height:1.45}.capabilities-pin-section .capabilities-panel-mock__frame .mock-preview{transform-origin:top;transform:scale(.92)}.capabilities-pin-section .capabilities-panel-mock__frame .compare-row{transform-origin:top;transform:scale(.88)}.capabilities-pin-footer{flex-shrink:0;padding:10px 0 clamp(14px,2.5vw,20px)}.capabilities-pin-progress{background:var(--border-default);height:1px;overflow:hidden}.capabilities-pin-progress-fill{background:var(--text-primary);transform-origin:0;width:100%;height:100%;transition:none;transform:scaleX(0)}.capabilities-pin-hint{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);text-align:center;margin:10px 0 0;font-size:10px;animation:1.8s ease-in-out infinite capabilities-hint-pulse}@keyframes capabilities-hint-pulse{0%,to{opacity:.45}50%{opacity:1}}.capabilities-pin-section--static{height:auto}.capabilities-pin-section--static .capabilities-pin-stage__inner{height:auto;min-height:clamp(360px,50vh,520px)}.capabilities-pin-section--static .capabilities-step-panel{display:none}.capabilities-pin-section--static .capabilities-step-panel.is-active{display:flex}.capabilities-pin-section--static .capabilities-panel-mock__frame .product-frame__body{max-height:none}@media (max-width:900px){.capabilities-horizontal-nav{flex-wrap:wrap;justify-content:flex-start;display:flex}.capabilities-nav-btn{flex:auto;justify-content:flex-start;padding:8px 10px;font-size:11px}.capabilities-panel-copy{flex-wrap:wrap;align-items:flex-start}.capabilities-panel-copy__link{width:100%}.capabilities-pin-section .capabilities-panel-mock__frame .product-frame__sidebar{display:none}.capabilities-pin-section .capabilities-panel-mock__frame .mock-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.capabilities-step-panel,.capabilities-pin-progress-fill{transition:none}.capabilities-pin-hint{animation:none}}