@layer components{.pg-conversion-tracking.ct-pipe{--bench: .7157;--m0: 112px;--m1: 26px;--ease: var(--ease-standard);container-type:inline-size;position:relative;display:grid;gap:18px;margin:0;padding:20px 20px 22px;border:1px solid var(--color-spruce-100);border-radius:var(--radius-frame);background:var(--color-white);box-shadow:var(--shadow-e1);color:var(--color-spruce-900);font-family:var(--font-ds-text)}.pg-conversion-tracking .ct-head{display:grid;gap:14px}.pg-conversion-tracking .ct-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0;font:500 12px/16px var(--font-ds-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-spruce-500)}.pg-conversion-tracking .ct-cap b{font-weight:500;color:var(--color-spruce-900)}.pg-conversion-tracking .ct-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--color-sage);box-shadow:inset 0 0 0 1px var(--color-spruce-200)}.pg-conversion-tracking .ct-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:8px;background:var(--color-white);box-shadow:var(--shadow-e1);transition:transform var(--duration-ds-ui, .32s) var(--ease)}.pg-conversion-tracking[data-mode=server] .ct-thumb{transform:translate(calc(100% + 4px))}.pg-conversion-tracking .ct-seg{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 10px;border:0;border-radius:8px;white-space:nowrap;background:transparent;font:500 14px/1 var(--font-ds-text);color:var(--color-spruce-600);cursor:pointer;transition:color .2s var(--ease)}.pg-conversion-tracking .ct-seg:hover,.pg-conversion-tracking .ct-seg[aria-checked=true]{color:var(--color-spruce-900)}.pg-conversion-tracking .ct-seg-key{width:8px;height:8px;border-radius:2px;background:var(--color-spruce-300);transition:background-color .2s var(--ease)}.pg-conversion-tracking .ct-seg-client[aria-checked=true] .ct-seg-key{background:var(--color-blaze-600)}.pg-conversion-tracking .ct-seg-server[aria-checked=true] .ct-seg-key{background:var(--color-brand)}.pg-conversion-tracking .ct-stage{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:44px 18px 26px 16px 60px 10px repeat(5,54px) 36px auto auto;column-gap:12px}.pg-conversion-tracking .ct-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.pg-conversion-tracking .ct-node{position:relative;z-index:1;display:grid;place-items:center;grid-column:1}.pg-conversion-tracking .ct-src{grid-row:1}.pg-conversion-tracking .ct-con{grid-row:3}.pg-conversion-tracking .ct-srv{grid-row:5}.pg-conversion-tracking .ct-station{position:relative;z-index:1;grid-column:2;align-self:center;font:500 12px/16px var(--font-ds-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-spruce-600)}.pg-conversion-tracking .ct-st-src{grid-row:1}.pg-conversion-tracking .ct-st-con{grid-row:3}.pg-conversion-tracking .ct-st-srv{grid-row:5;transition:color .32s var(--ease)}.pg-conversion-tracking[data-mode=client] .ct-st-srv{color:var(--color-spruce-400)}.pg-conversion-tracking .ct-src-tile{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-spruce-200);border-radius:10px;background:var(--color-sage);color:var(--color-brand-700)}.pg-conversion-tracking .ct-src-tile svg{width:22px;height:22px}.pg-conversion-tracking .ct-con-mark{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--color-brand-300);border-radius:50%;background:var(--color-brand-50);color:var(--color-brand-700)}.pg-conversion-tracking .ct-con-mark svg{width:16px;height:16px}.pg-conversion-tracking .ct-srv-anchor{display:block;width:60px;height:60px}.pg-conversion-tracking .ct-srv-core{position:relative;display:grid;place-items:center;width:60px;height:60px}.pg-conversion-tracking .ct-bezel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;transition:transform 1.2s var(--ease)}.pg-conversion-tracking .ct-ring{fill:var(--color-white);stroke:var(--color-spruce-900);stroke-width:1.5;transition:stroke .32s var(--ease)}.pg-conversion-tracking .ct-bezel path{stroke:var(--color-spruce-300);stroke-width:1;stroke-linecap:round;transition:opacity .6s var(--ease)}.pg-conversion-tracking .ct-bezel path.major{stroke:var(--color-spruce-600)}.pg-conversion-tracking .ct-srv-tile{position:relative;transition:transform .6s var(--ease) .12s,opacity .6s var(--ease) .12s}.pg-conversion-tracking[data-mode=client] .ct-bezel{transform:rotate(-40deg)}.pg-conversion-tracking[data-mode=client] .ct-ring{stroke:var(--color-spruce-300);stroke-dasharray:2.5 3.5;fill:#ffffffb3}.pg-conversion-tracking[data-mode=client] .ct-bezel path{opacity:0}.pg-conversion-tracking[data-mode=client] .ct-srv-tile{transform:scale(.6);opacity:0;transition-delay:0ms}.pg-conversion-tracking .ct-dests{position:relative;z-index:1;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));grid-column:2;grid-row:7 / span 5;margin:0;padding:0;list-style:none}.pg-conversion-tracking .ct-dest-row{display:flex;min-width:0}.pg-conversion-tracking .ct-dest{display:grid;grid-template-columns:32px 56px minmax(0,1fr) 14px;grid-template-rows:1fr auto auto 1fr;column-gap:12px;row-gap:3px;width:100%;min-width:0;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:opacity .2s var(--ease)}.pg-conversion-tracking[data-focus] .ct-dest:not([data-on]) :is(.ct-name,.ct-val,.ct-meter,.ct-status){opacity:.45}.pg-conversion-tracking .ct-dest :is(.ct-name,.ct-val,.ct-meter,.ct-status){transition:opacity .2s var(--ease)}.pg-conversion-tracking .ct-tile{display:grid;grid-column:1;grid-row:1 / -1;align-self:center}.pg-conversion-tracking .ct-name{grid-column:2 / 5;grid-row:2;align-self:end;min-width:0;overflow:hidden;font:500 12px/16px var(--font-ds-mono);letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;color:var(--color-spruce-600);transition:color .2s var(--ease)}.pg-conversion-tracking .ct-dest[data-on] .ct-name,.pg-conversion-tracking .ct-dest[aria-pressed=true] .ct-name{color:var(--color-spruce-900)}.pg-conversion-tracking .ct-val{display:grid;grid-column:2;grid-row:3;align-self:center;justify-items:end}.pg-conversion-tracking .ct-count,.pg-conversion-tracking .ct-notag{grid-area:1 / 1;transition:opacity .18s var(--ease)}.pg-conversion-tracking[data-mode=server] .ct-dest[data-none] .ct-count{transition-delay:.38s}.pg-conversion-tracking[data-mode=client] .ct-dest[data-none] .ct-notag{transition-delay:.2s}.pg-conversion-tracking .ct-count{font:500 17px/20px var(--font-ds-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-spruce-900)}.pg-conversion-tracking .ct-notag{align-self:end;font:500 12px/16px var(--font-ds-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--color-blaze-700);opacity:0}.pg-conversion-tracking[data-mode=client] .ct-dest[data-none] .ct-count{opacity:0}.pg-conversion-tracking[data-mode=client] .ct-dest[data-none] .ct-notag{opacity:1}.pg-conversion-tracking .ct-status{display:grid;grid-column:4;grid-row:3;align-self:center;width:14px;height:14px}.pg-conversion-tracking .ct-status svg{grid-area:1 / 1;width:14px;height:14px;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:opacity .32s var(--ease) 1s}.pg-conversion-tracking .ct-ne{stroke:var(--color-blaze-600)}.pg-conversion-tracking .ct-ok{stroke:var(--color-brand)}.pg-conversion-tracking[data-mode=client] .ct-ok,.pg-conversion-tracking[data-mode=server] .ct-ne{opacity:0;transition-delay:0ms}.pg-conversion-tracking .ct-meter{position:relative;grid-column:3;grid-row:3;align-self:center;height:2px;background:var(--color-spruce-100)}.pg-conversion-tracking .ct-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:left;background:var(--color-spruce-600);transition:background-color .4s var(--ease)}.pg-conversion-tracking[data-mode=server] .ct-fill{background:var(--color-brand);transition-delay:1s}.pg-conversion-tracking .ct-bench{position:absolute;z-index:0;grid-column:2;grid-row:7 / span 6;top:26px;bottom:18px;left:calc(var(--m0) + (100% - var(--m0) - var(--m1)) * var(--bench));width:0;border-left:1px solid var(--color-spruce-900);transform-origin:top;transition:transform .6s var(--ease) .95s,opacity .2s var(--ease) .95s}.pg-conversion-tracking .ct-bench-mark{position:absolute;bottom:-14px;left:-14px;transition:opacity .32s var(--ease) 1.45s}.pg-conversion-tracking[data-mode=client] .ct-bench{opacity:0;transform:scaleY(0);transition-delay:0ms}.pg-conversion-tracking[data-mode=client] .ct-bench-mark{opacity:0;transition-delay:0ms}.pg-conversion-tracking .ct-loss{position:absolute;top:0;left:0;z-index:2;padding:0 6px;border:1px solid var(--color-blaze-300);border-radius:var(--radius-chip);background:var(--color-blaze-50);font:500 12px/16px var(--font-ds-mono);letter-spacing:.02em;white-space:nowrap;color:var(--color-blaze-700);opacity:0;pointer-events:none;transition:opacity .2s var(--ease)}.pg-conversion-tracking .ct-loss.on{opacity:1}.pg-conversion-tracking .ct-inspect{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;grid-column:1 / -1;grid-row:13;min-height:32px;margin:0 0 14px;font:500 12px/16px var(--font-ds-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-spruce-600)}.pg-conversion-tracking .ct-inspect b{font-weight:500;color:var(--color-spruce-900)}.pg-conversion-tracking .ct-inspect-key{color:var(--color-spruce-500)}.pg-conversion-tracking .ct-inspect-val{color:var(--color-brand-700)}.pg-conversion-tracking[data-mode=client] .ct-inspect-val{color:var(--color-blaze-700)}.pg-conversion-tracking .ct-inspect-hint{display:inline-flex;align-items:center;gap:8px;color:var(--color-spruce-500)}.pg-conversion-tracking .ct-inspect-hint:before{content:"";width:12px;height:12px;border:1px solid var(--color-spruce-300);border-radius:50%}.pg-conversion-tracking .ct-readout{position:relative;z-index:1;grid-column:1 / -1;grid-row:14;padding-top:18px;border-top:1px solid var(--color-spruce-900)}.pg-conversion-tracking .ct-readout:before{content:"";position:absolute;display:none;top:-6px;left:var(--m0);right:var(--m1);height:5px;border-right:1px solid var(--color-spruce-300);background:repeating-linear-gradient(to right,var(--color-spruce-300) 0 1px,transparent 1px calc(100% / 14))}.pg-conversion-tracking .ct-ro-label{display:flex;justify-content:space-between;gap:12px;margin:0;font:500 12px/16px var(--font-ds-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-700);transition:color .32s var(--ease)}.pg-conversion-tracking .ct-ro-label span+span{color:var(--color-spruce-500)}.pg-conversion-tracking[data-mode=client] .ct-ro-label span:first-child{color:var(--color-spruce-500)}.pg-conversion-tracking .ct-ro-value{display:grid;align-items:center;margin:10px 0 0}.pg-conversion-tracking .ct-ro-num,.pg-conversion-tracking .ct-ro-none{grid-area:1 / 1}.pg-conversion-tracking .ct-ro-num{display:inline-grid;justify-self:start;font:800 clamp(40px,12cqi,56px) / 1 var(--font-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--color-spruce-900);transition:opacity .32s var(--ease) 1.1s}.pg-conversion-tracking .ct-ro-hold,.pg-conversion-tracking .ct-ro-count{grid-area:1 / 1}.pg-conversion-tracking .ct-ro-hold{visibility:hidden}.pg-conversion-tracking .ct-brass{grid-area:2 / 1;height:6px;margin-top:10px;background:var(--color-brass);transform-origin:left;transition:transform .6s var(--ease) 1.35s}.pg-conversion-tracking .ct-ro-none{font:500 12px/16px var(--font-ds-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-blaze-700);opacity:0;transition:opacity .32s var(--ease)}.pg-conversion-tracking[data-mode=client] .ct-ro-num{opacity:0;transition-delay:0ms}.pg-conversion-tracking[data-mode=client] .ct-brass{transform:scaleX(0);transition-duration:.32s;transition-delay:0ms}.pg-conversion-tracking[data-mode=client] .ct-ro-none{opacity:1;transition-delay:.2s}@container (min-width: 400px){.pg-conversion-tracking .ct-stage{grid-template-columns:40px minmax(40px,1fr) 60px minmax(30px,1.1fr) minmax(228px,4fr);grid-template-rows:40px repeat(5,52px) 22px auto;column-gap:0}.pg-conversion-tracking .ct-node{grid-row:2 / 7;align-self:center;justify-self:center}.pg-conversion-tracking .ct-src{grid-column:1}.pg-conversion-tracking .ct-con{grid-column:2}.pg-conversion-tracking .ct-srv{grid-column:3}.pg-conversion-tracking .ct-src-tile{width:40px;height:40px}.pg-conversion-tracking .ct-station{width:0;height:0;justify-self:center}.pg-conversion-tracking .ct-station>span{position:absolute;left:50%;width:max-content;max-width:96px;transform:translate(-50%);white-space:normal;text-wrap:balance;text-align:center}.pg-conversion-tracking .ct-st-src,.pg-conversion-tracking .ct-st-srv{grid-row:1;align-self:start}.pg-conversion-tracking .ct-st-src>span,.pg-conversion-tracking .ct-st-srv>span{top:0}.pg-conversion-tracking .ct-st-src:after,.pg-conversion-tracking .ct-st-srv:after{content:"";position:absolute;top:40px;left:0;height:var(--lead);border-left:1px dotted var(--color-spruce-300)}.pg-conversion-tracking .ct-st-src{grid-column:1;justify-self:start;--lead: 98px}.pg-conversion-tracking .ct-st-src>span{left:0;max-width:76px;transform:none;text-align:left}.pg-conversion-tracking .ct-st-src:after{left:20px}.pg-conversion-tracking .ct-st-srv{grid-column:3;--lead: 88px}.pg-conversion-tracking .ct-st-con{grid-column:2;grid-row:2 / 7;align-self:center}.pg-conversion-tracking .ct-st-con>span{top:20px}.pg-conversion-tracking .ct-dests{grid-column:5;grid-row:2 / 7}.pg-conversion-tracking .ct-bench{grid-column:5;grid-row:2 / 8;bottom:0}.pg-conversion-tracking .ct-inspect{grid-column:1 / 5;grid-row:8;align-self:start;margin:14px 16px 0 0}.pg-conversion-tracking .ct-readout{grid-column:5;grid-row:8}.pg-conversion-tracking .ct-readout:before{display:block}}@media (min-width: 861px){.pg-conversion-tracking.ct-pipe{padding:24px 26px 26px}}}@media (prefers-reduced-motion: reduce){.pg-conversion-tracking *,.pg-conversion-tracking *:before,.pg-conversion-tracking *:after{transition-duration:0ms!important;transition-delay:0ms!important}}@layer components{.pg-conversion-tracking .ct-case{overflow:hidden;border:1px solid var(--color-spruce-100);border-radius:var(--radius-frame);background:var(--color-white);box-shadow:var(--shadow-e1)}.pg-conversion-tracking .ct-case-tiles{display:grid}.pg-conversion-tracking .ct-case-tile{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:20px;padding:24px 24px 22px}.pg-conversion-tracking .ct-case-tile+.ct-case-tile{border-top:1px solid var(--color-spruce-100)}.pg-conversion-tracking .ct-case-fig{display:block;font:800 var(--text-ds-figure) / 1 var(--font-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--color-spruce-900)}.pg-conversion-tracking .ct-case-label{margin:0 0 4px;font-size:15px;line-height:22px;color:var(--color-spruce-600)}.pg-conversion-tracking .ct-meter46{position:relative;display:grid;grid-column:1 / -1;grid-template-columns:repeat(50,minmax(0,1fr));gap:3px;height:22px;margin-top:20px}.pg-conversion-tracking .ct-meter46 i{border-radius:1px;background:var(--color-spruce-100)}.pg-conversion-tracking .ct-meter46 i.on{transition:background-color .2s var(--ease-standard) calc(var(--k) * 22ms + .3s)}.pg-conversion-tracking .ct-meter46[data-in] i.on{background:var(--color-brand)}.pg-conversion-tracking .ct-meter46-half{position:absolute;top:-5px;bottom:-5px;left:calc(50% - 1px);border-left:1px solid var(--color-spruce-900)}.pg-conversion-tracking .ct-case-proof{display:grid;gap:12px;margin:0;padding:22px 24px 24px;border-top:1px solid var(--color-spruce-100);list-style:none}.pg-conversion-tracking .ct-case-proof li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:24px;color:var(--color-spruce-700)}.pg-conversion-tracking .ct-case-proof b{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--color-spruce-900)}.pg-conversion-tracking .ct-case-tick{flex:none;width:16px;height:16px;margin-top:4px;fill:none;stroke:var(--color-brand);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media (min-width: 560px){.pg-conversion-tracking .ct-case-tile{padding:28px 30px 26px}.pg-conversion-tracking .ct-case-proof{padding:24px 30px 28px}}}@layer components{.pg-conversion-tracking #svc-hero-title>span:last-child{color:var(--color-brand)}}