.service-compound{white-space:nowrap}.landing-page .wv:has(>.service-mock){height:auto;min-height:258px}.landing-page .service-mock{max-width:430px;font-size:var(--t-xs);line-height:1.4}.landing-page .product-hero-demo>.service-mock{max-width:none}.service-mock code,.service-mock pre{font-family:var(--font-mono);font-size:var(--t-xs);overflow-wrap:anywhere}.service-mock strong{font-weight:600}.service-mock .sm-toolbar{align-items:center;gap:var(--s-2);border-bottom:1px solid var(--border);padding:14px 16px;display:flex}.service-mock .sm-window-mark{background:var(--signal-blue);border-radius:50%;flex:none;width:10px;height:10px}.service-mock .sm-context{justify-content:space-between;align-items:center;gap:var(--s-3);color:var(--ink-light);padding:14px 16px;display:flex}.service-mock .sm-context code{color:var(--ink)}.service-mock .sm-foot{align-items:center;gap:var(--s-2);background:var(--bg-alt);color:var(--ink-mid);border-top:1px solid var(--border);padding:12px 16px;display:flex}.service-mock .sm-foot svg{flex:none}.service-mock .sm-positive{color:var(--accent-text);background:var(--accent-light)}.service-mock .sm-ok{color:var(--accent-text)}.service-mock .sm-flag{background:var(--warn-light);color:var(--ink)}.service-mock .sm-table>div{align-items:center;gap:var(--s-2);border-top:1px solid var(--border);padding:10px 16px;display:grid}.service-mock .sm-table .sm-table-head{color:var(--ink-light);background:var(--bg-alt);padding-block:8px;font-size:12px}.service-mock .sm-reconcile>div{grid-template-columns:.7fr 1fr 1fr}.service-mock .sm-reconcile>div>:last-child{text-align:right}.service-mock .sm-taxonomy>div{grid-template-columns:1fr 1fr}.service-mock .sm-endpoint>div{grid-template-columns:.5fr 1fr 1fr}.service-mock .sm-priority{font:600 var(--t-xs)/1.2 var(--font-text);background:var(--surface-pill);color:var(--ink-mid);border-radius:var(--r);flex:none;place-items:center;padding:6px 8px;display:inline-grid}.service-mock .sm-priority-critical{background:var(--warn-light);color:var(--ink)}.service-mock .sm-findings>div{gap:var(--s-3);border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;padding:8px 16px;display:grid}.service-mock .sm-findings small{font-size:var(--t-xs);color:var(--ink-light)}.service-mock .sm-trace{position:relative}.service-mock .sm-trace>div{align-items:center;gap:var(--s-2);border-top:1px solid var(--border);grid-template-columns:12px 1fr 1.2fr;padding:12px 16px;display:grid}.service-mock .sm-track-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:relative}.service-mock .sm-track-dot:after{content:"";border-left:1px solid var(--border-mid);height:36px;position:absolute;top:8px;left:3px}.service-mock .sm-track-gap{background:var(--warn)}.service-mock .sm-trace>div:last-child .sm-track-dot:after{display:none}.service-mock .sm-address{align-items:center;gap:var(--s-2);color:var(--ink-mid);padding:16px;display:flex}.service-mock .sm-address svg{color:var(--accent-text);flex:none}.service-mock .sm-routing{gap:var(--s-4);grid-template-columns:1fr 1fr;align-items:center;padding:4px 16px 18px;display:grid}.service-mock .sm-container{align-items:flex-start;gap:var(--s-2);background:var(--accent-light);color:var(--accent-text);border-radius:var(--r-lg);flex-direction:column;padding:14px;display:flex}.service-mock .sm-container>span{font-size:var(--t-xs)}.service-mock .sm-destinations>div{align-items:center;gap:var(--s-2);border-bottom:1px solid var(--border);padding:10px 0;display:flex}.service-mock .sm-destinations>div:last-child{border:0}.service-mock .sm-destinations svg{color:var(--accent-text);flex:none}.service-mock .sm-dedup{gap:var(--s-4);grid-template-columns:1fr 1fr;padding:4px 16px;display:grid}.service-mock .sm-dedup>div{align-items:center;gap:var(--s-2);background:var(--bg-alt);border-radius:var(--r-lg);grid-template-columns:auto 1fr;padding:14px;display:grid}.service-mock .sm-dedup svg{color:var(--signal-blue)}.service-mock .sm-dedup code{grid-column:2}.service-mock .sm-merge{justify-content:center;align-items:flex-end;gap:var(--s-2);color:var(--accent-text);padding:0 24px 12px;display:flex}.service-mock .sm-merge span{border-bottom:1px solid var(--border-mid);width:35%;height:20px}.service-mock .sm-merge span:first-child{border-left:1px solid var(--border-mid);border-bottom-left-radius:var(--r)}.service-mock .sm-merge span:last-child{border-right:1px solid var(--border-mid);border-bottom-right-radius:var(--r)}.service-mock .sm-code{white-space:pre-wrap;color:var(--ink-mid);padding:4px 18px 18px;line-height:1.9}.service-mock .sm-code span{color:var(--info)}.service-mock .sm-code b{color:var(--accent-text);font-weight:400}.service-mock .sm-debug{gap:var(--s-4);grid-template-columns:1.05fr 1fr;padding:0 16px 16px;display:grid}.service-mock .sm-debug-events{justify-content:space-around;gap:var(--s-3);font-family:var(--font-mono);flex-direction:column;display:flex}.service-mock .sm-debug-events>:is(span,strong){align-items:center;gap:var(--s-2);overflow-wrap:anywhere;display:flex}.service-mock .sm-debug-events i{background:var(--border-mid);border-radius:50%;flex:none;width:7px;height:7px}.service-mock .sm-debug-events strong{color:var(--accent-text);font-weight:400}.service-mock .sm-debug-events strong i{background:var(--accent)}.service-mock .sm-debug-detail{gap:var(--s-1);background:var(--bg-alt);border-radius:var(--r-lg);padding:12px;display:grid}.service-mock .sm-debug-detail span{color:var(--ink-light)}.service-mock .sm-debug-detail code+span{margin-top:var(--s-2)}.service-mock .sm-install{align-items:center;gap:var(--s-3);grid-template-columns:1.15fr auto 1fr;padding:2px 16px 16px;display:grid}.service-mock .sm-install>div{gap:var(--s-2);flex-direction:column;display:flex}.service-mock .sm-install>div:last-child{background:var(--accent-light);border-radius:var(--r-lg);color:var(--accent-text);padding:12px}.service-mock .sm-install>svg{color:var(--ink-light)}.service-mock .sm-attribution{justify-content:space-between;gap:var(--s-2);border-top:1px solid var(--border);flex-wrap:wrap;padding:12px 16px;display:flex}.service-mock .sm-attribution span{color:var(--ink-light)}.service-mock .sm-deeplink>div{align-items:center;gap:var(--s-2);border-top:1px solid var(--border);grid-template-columns:1fr auto 1fr;padding:12px 16px;display:grid}.service-mock .sm-deeplink .sm-deferred{background:var(--bg-alt);color:var(--ink-mid);display:flex}.service-mock .sm-deferred svg{flex:none}@media (width<=480px){.landing-page .wv:has(>.service-mock){min-height:0}.service-mock .sm-context{gap:var(--s-2);padding-inline:12px}.service-mock .sm-table>div,.service-mock .sm-findings>div,.service-mock .sm-trace>div{padding-inline:12px}.service-mock .sm-foot{flex-wrap:wrap;padding:12px}.service-mock .sm-context>span:last-child{text-align:right}.service-mock .sm-trace>div{grid-template-columns:8px .8fr 1.4fr}.service-mock .sm-findings>div{gap:var(--s-2)}.service-mock .sm-dedup{gap:var(--s-2);padding-inline:12px}.service-mock .sm-dedup>div{gap:6px;padding:10px}.service-mock .sm-debug{gap:var(--s-2);padding-inline:12px}.service-mock .sm-debug-detail{padding:10px}.service-mock .sm-install{gap:var(--s-2);padding-inline:12px}}