.lp-track{display:none}.lp-stack{gap:clamp(56px,9vh,88px);margin-top:40px;display:grid}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.lp-track{height:calc(100vh + var(--lp-n) * 75vh);margin-top:8px;display:block;position:relative}.lp-stack{display:none}}.lp-stage{flex-direction:column;justify-content:center;gap:clamp(28px,5vh,48px);height:100vh;margin-right:min(0px,622px - 50vw);padding:40px 0 120px;display:flex;position:sticky;top:0}.lp-top{align-items:flex-end;gap:28px;display:flex}.lp-count{color:var(--pd-ink);font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em;flex:none;font-size:12px}.lp-count span{color:var(--pd-sub)}.lp-ruler{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.lp-ruler li{flex-direction:column;gap:9px;min-width:0;display:flex;position:relative}.lp-ruler li:before{content:"";background:var(--pd-line);border-radius:1px;height:3px}.lp-ruler li:after{content:"";background:var(--pd-accent);transform-origin:0;height:3px;transition:transform .45s var(--b-ease-out), background-color .3s;border-radius:1px;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.lp-ruler li[data-state]:after{transition-delay:calc(var(--i) * 70ms);transform:scaleX(1)}.lp-ruler li[data-state=past]:after{background:color-mix(in srgb, var(--pd-accent) 45%, var(--pd-line))}.lp-ruler span{color:var(--pd-sub);font-family:var(--font-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;font-size:11px;transition:color .3s;overflow:hidden}.lp-ruler li[data-state=past] span{color:var(--pd-ink)}.lp-ruler li[data-state=at] span{color:var(--pd-accent);font-weight:600}.lp-body{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);align-items:center;gap:56px;display:grid}.lp-texts{display:grid}.lp-text{opacity:0;pointer-events:none;transition:opacity .45s var(--b-ease), transform .6s var(--b-ease-out);grid-area:1/1;align-self:center;transform:translateY(28px)}.lp-text[data-dir=up]{transform:translateY(-28px)}.lp-text[data-on]{opacity:1;pointer-events:auto;transition-delay:.12s;transform:none}.lp-at,.lp-chip{color:var(--pd-accent);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:var(--b-label-track);text-transform:uppercase;font-size:12px;font-weight:600}.lp-title{text-wrap:balance;margin-top:12px;font-size:clamp(2rem,3.1vw,2.9rem);line-height:1.04}.lp-figure{color:var(--pd-accent);font-family:var(--font-display), ui-sans-serif, sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:18px;font-size:clamp(3.6rem,6vw,5.4rem);font-weight:600;line-height:.9;display:block}.lp-line{max-width:24rem;color:var(--pd-sub);margin-top:16px;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.5}.lp-window{box-shadow:0 24px 60px #00000024,0 6px 18px #00000014}.lp-frames{aspect-ratio:1800/810;background:var(--pd-panel);position:relative;overflow:hidden}.lp-frame{opacity:0;transition:opacity .55s var(--b-ease), transform .8s var(--b-ease-out);position:absolute;inset:0;transform:translateY(6%)scale(.985)}.lp-frame[data-dir=up]{transform:translateY(-6%)scale(.985)}.lp-frame[data-on]{opacity:1;transform:none}.lp-frame .lp-screen{position:absolute;inset:0}.lp-frame .lp-screen-in{height:100%}.lp-frame .pd-shot{object-fit:cover;width:100%;height:100%}.lp-screen,.lp-screen-in{position:relative}.lp-screen .pd-shot{width:100%;height:auto;display:block}.lp-ring{border:2px solid var(--pd-accent);pointer-events:none;box-shadow:0 0 0 5px color-mix(in srgb, var(--pd-accent) 16%, transparent);border-radius:10px;position:absolute}.lp-frame .lp-ring{opacity:0;transition:opacity .4s var(--b-ease), transform .6s var(--b-ease-out);transform:scale(1.05)}.lp-frame[data-on] .lp-ring{opacity:1;transition-delay:.7s;transform:none}.lp-bar-mask{transform-origin:100%;transition:transform .7s var(--b-ease-out);background:#fff;position:absolute}.lp-screen[data-on] .lp-bar-mask{transform:scaleX(0)}.lp-stack .lp-bar-mask{display:none}.lp-won{aspect-ratio:1800/810;background:var(--pd-accent);width:100%;height:100%;color:var(--pd-accent-ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.lp-won-mark{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:inline-flex}.lp-won-word{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1}.lp-won-who{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;opacity:.8;font-size:12.5px}.lp-frame .lp-won-mark{opacity:0;transition:transform .6s var(--b-ease-out) .35s, opacity .4s .35s;transform:scale(.6)}.lp-frame[data-on] .lp-won-mark{opacity:1;transform:none}.lp-stop{gap:18px;min-width:0;display:grid}.lp-stop-text{min-width:0}.lp-chip{border:1px solid color-mix(in srgb, var(--pd-accent) 45%, transparent);border-radius:999px;padding:5px 11px;font-size:11px;display:inline-flex}.lp-stop .lp-title{max-width:18ch;font-size:clamp(1.6rem,6.4vw,2.3rem)}.lp-stop .lp-figure{margin-top:12px;font-size:clamp(3rem,14vw,4.2rem)}.lp-stop .lp-line{margin-top:10px}.lp-stop-shot{min-width:0}.lp-stop-shot .lp-ring{box-shadow:0 0 0 3px color-mix(in srgb, var(--pd-accent) 16%, transparent);border-width:1.5px;border-radius:6px}.lp-stop-shot .lp-won-mark{width:44px;height:44px}.lp-stop-shot .lp-won-mark svg{width:22px;height:22px}.lp-stop-shot .lp-won-word{font-size:clamp(2rem,9vw,3rem)}@media (max-width:1023px){.lp-stack .lp-screen[data-crop]{aspect-ratio:var(--crop-ar);overflow:hidden}.lp-stack .lp-screen[data-crop] .lp-screen-in{top:var(--crop-y);left:var(--crop-x);width:var(--crop-w);position:absolute}}@media (min-width:1024px){.lp-stop{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:56px}}
.pd-page{background:var(--pd-bg);color:var(--pd-ink)}:root:not(.dark) .pd-dark .b-logo-dark{display:inline}.pd-dark .b-logo-light{display:none}.pd-dark .b-logo-invert{filter:invert()hue-rotate(180deg)}.pd-hero{isolation:isolate;text-align:center;color:var(--pd-hero-ink);flex-direction:column;align-items:center;padding:128px 16px 0;display:flex;position:relative}.pd-hero:before{content:"";z-index:-1;background:var(--pd-hero-bg);position:absolute;inset:0 0 22%}.pd-kind{color:var(--pd-hero-sub);text-align:left;align-items:center;gap:12px;font-size:14px;display:flex}.pd-kind img{border-radius:12px;width:44px;height:44px;box-shadow:0 3px #0003}.pd-kind strong{color:var(--pd-hero-ink);font-weight:600}.pd-hook{flex-direction:column;align-items:center;gap:.2em;width:100%;margin-top:28px;display:flex}.pd-struck{color:var(--pd-hero-sub);opacity:.85;font-size:clamp(1.2rem,2.6vw,2rem);display:inline-block;position:relative}.pd-strike{transform-origin:0;background:currentColor;border-radius:1em;height:.09em;position:absolute;top:54%;left:-2%;right:-2%}.pd-line{text-wrap:balance;max-width:18ch;font-size:clamp(2.3rem,5.6vw,4.8rem);line-height:1.02;display:block}.pd-lede{max-width:38rem;color:var(--pd-hero-sub);margin:22px auto 0;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.55}.pd-ctas{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.pd-cta{white-space:nowrap;transition:transform .25s var(--b-ease-out), filter .2s var(--b-ease);border:1.5px solid;border-radius:999px;align-items:center;gap:.45rem;padding:13px 20px;font-size:14.5px;font-weight:600;display:inline-flex}.pd-cta:hover{transform:translateY(-2px)}.pd-cta-primary{border-color:var(--pd-accent);background:var(--pd-accent);color:var(--pd-accent-ink)}.pd-cta-primary:hover{filter:brightness(1.08)}.pd-hero .pd-cta-primary{border-color:var(--pd-hero-ink);background:var(--pd-hero-ink);color:var(--pd-hero-bg)}.pd-page[data-product=switchyard] .pd-hero .pd-cta-primary,.pd-page[data-product=docsy] .pd-hero .pd-cta-primary{border-color:var(--pd-accent);background:var(--pd-accent);color:var(--pd-accent-ink)}.pd-hero-stage{perspective:1400px;width:100%;max-width:1180px;margin-top:clamp(48px,8vh,80px)}.pd-window{background:var(--pd-panel);border:1px solid var(--pd-line);transform-origin:50% 0;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #00000047,0 8px 24px #00000024}.pd-window-bar{border-bottom:1px solid var(--pd-line);gap:6px;padding:11px 14px;display:flex}.pd-window-bar span{background:var(--pd-line);border-radius:50%;width:10px;height:10px}.pd-shot{background:var(--pd-panel);width:100%;height:auto;display:block}.pd-section{max-width:1180px;margin:0 auto;padding:clamp(80px,12vh,140px) 16px 0}.pd-eyebrow{color:var(--pd-accent);letter-spacing:var(--b-label-track);text-transform:uppercase;font-size:12px;font-weight:700}.pd-h2{max-width:20ch;margin-top:12px;font-size:clamp(2rem,4.6vw,3.6rem)}.pd-why{max-width:920px}.pd-why-text{color:var(--pd-sub);margin-top:18px;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.5}.pd-why-built{color:var(--pd-ink)}.pd-shift{margin:clamp(40px,7vh,72px) 0}.pd-shift-from{color:var(--pd-sub);font-size:clamp(1.4rem,3vw,2.2rem);display:inline-block;position:relative}.pd-shift-to{color:var(--pd-accent);margin-top:8px;font-size:clamp(2.4rem,6.4vw,5rem);line-height:1}.pd-steps{grid-template-columns:minmax(0,1fr);gap:48px;margin-top:48px;display:grid}.pd-step-list{grid-template-columns:minmax(0,1fr);gap:56px;display:grid}.pd-step{min-width:0}.pd-step-n{color:var(--pd-accent);font-family:var(--font-mono,ui-monospace), monospace;font-size:13px;font-weight:600}.pd-step-title{margin-top:8px;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.08}.pd-step-body{max-width:30rem;color:var(--pd-sub);margin-top:10px;font-size:16px;line-height:1.55}.pd-step-media{border:1px solid var(--pd-line);background:var(--pd-panel);border-radius:14px;margin-top:20px;overflow:hidden}.pd-step-stage{display:none}@media (min-width:1024px){.pd-steps{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:64px}.pd-step-list{gap:0;padding:18vh 0 30vh}.pd-step{opacity:.3;min-height:62vh;transition:opacity .5s var(--b-ease);flex-direction:column;justify-content:center;display:flex}.pd-step[data-on]{opacity:1}.pd-step-media{display:none}.pd-step-stage{align-self:start;display:block;position:sticky;top:14vh}.pd-step-frames{aspect-ratio:16/10;position:relative}.pd-step-frame{background:var(--pd-panel);opacity:0;filter:blur(6px);transition:opacity .6s var(--b-ease-out), transform .8s var(--b-ease-out), filter .6s var(--b-ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:scale(1.04)translateY(14px)}.pd-step-frame[data-on]{opacity:1;filter:none;transform:none}.pd-step-frame .pd-shot{object-fit:contain;width:100%;height:100%}.pd-step-dots{justify-content:center;gap:8px;margin-top:18px;display:flex}.pd-step-dots span{background:var(--pd-line);width:8px;height:8px;transition:width .4s var(--b-ease-out), background .3s;border-radius:4px}.pd-step-dots span[data-on]{background:var(--pd-accent);width:28px}}@media (prefers-reduced-motion:reduce){.pd-step,.pd-step-frame{transition:none}}.pd-scene{background:var(--pd-hero-bg);justify-content:center;align-items:center;width:100%;height:100%;padding:4%;display:flex}.pd-scene .pr-art{width:100%;height:auto;max-height:100%;font-family:inherit;overflow:visible}.pd-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;padding:8%;display:flex}.pd-logo{background:color-mix(in srgb, var(--pd-ink) 6%, var(--pd-panel));border:1px solid var(--pd-line);border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-weight:600;display:inline-flex}.pd-logo img{width:28px;height:28px}.pd-logo-arrow{border-left:2px solid var(--pd-accent);flex-basis:100%;height:34px;margin-left:50%}.pd-logo-gateway{border-color:var(--pd-accent);color:var(--pd-accent)}.pd-facts{border-top:1px solid var(--pd-line);margin-top:40px;display:grid}@media (min-width:768px){.pd-facts{grid-template-columns:1fr 1fr;column-gap:48px}}.pd-facts li{border-bottom:1px solid var(--pd-line);padding:22px 0 24px}.pd-facts h3{font-size:19px;font-weight:600}.pd-facts p{color:var(--pd-sub);margin-top:8px;line-height:1.55}.pd-metrics{border-top:1px solid var(--pd-line);margin-top:40px;display:grid}@media (min-width:768px){.pd-metrics{grid-template-columns:repeat(3,1fr)}}.pd-metrics li{border-bottom:1px solid var(--pd-line);flex-direction:column;gap:6px;padding:26px 0;display:flex}@media (min-width:768px){.pd-metrics li{border-bottom:0;padding:28px 28px 28px 0}.pd-metrics li+li{border-left:1px solid var(--pd-line);padding-left:28px}}.pd-metric{color:var(--pd-accent);font-size:clamp(2.8rem,6vw,4.4rem);line-height:1}.pd-metric-label{color:var(--pd-ink)}.pd-metrics .pd-src{margin-top:4px}.pd-note{max-width:46rem;color:var(--pd-sub);margin-top:18px;font-size:13px;line-height:1.6}.pd-tech{gap:36px;display:grid}@media (min-width:768px){.pd-tech{grid-template-columns:1fr 1fr}}.pd-build-link{border-bottom:1px solid var(--pd-line);color:var(--pd-ink);grid-column:1/-1;justify-self:start;align-items:center;gap:10px;padding-bottom:4px;font-weight:600;transition:border-color .2s;display:inline-flex}.pd-build-link:hover{border-color:var(--pd-accent)}.pd-build-link{max-width:100%}.pd-tech>*{min-width:0}.pd-tech-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.pd-tech-list li{background:var(--pd-panel);border:1px solid var(--pd-line);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:inline-flex}.pd-film{margin-top:36px}.pd-close{text-align:center;flex-direction:column;align-items:center;max-width:1180px;margin:0 auto;padding:clamp(96px,14vh,160px) 16px clamp(96px,14vh,150px);display:flex}.pd-close-title{max-width:16ch;font-size:clamp(2.4rem,6vw,4.8rem)}.pd-close .pd-lede{color:var(--pd-sub)}.pd-others{width:100%;margin-top:clamp(64px,10vh,110px)}.pd-others ul{gap:10px;margin-top:16px;display:grid}@media (min-width:640px){.pd-others ul{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pd-others ul{grid-template-columns:repeat(4,1fr)}}.pd-others a{text-align:left;background:var(--pd-panel);border:1px solid var(--pd-line);transition:transform .25s var(--b-ease-out), border-color .2s var(--b-ease);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.pd-others a:hover{border-color:var(--pd-accent);transform:translateY(-3px)}.pd-others img{border-radius:10px;width:36px;height:36px}.pd-others span{color:var(--pd-sub);flex-direction:column;font-size:13px;display:flex}.pd-others strong{color:var(--pd-ink);font-size:15px;font-weight:600}.pd-code{color:#d7dbe0;background:#0d0f12;margin:0}.pd-code figcaption{color:#8a93a0;font-family:var(--font-mono), ui-monospace, monospace;border-bottom:1px solid #1f242c;padding:10px 16px;font-size:12px}.pd-code pre{font-family:var(--font-mono), ui-monospace, monospace;margin:0;padding:16px 16px 20px;font-size:12.5px;line-height:1.7;overflow-x:auto}.pd-code-cap{color:#8a93a0;font-family:var(--font-mono), ui-monospace, monospace;border-bottom:1px solid #1f242c;padding:10px 16px;font-size:12px}.pd-code-line{white-space:pre;display:block}.pd-code-n{color:#4b5563;text-align:right;-webkit-user-select:none;user-select:none;width:2.2em;margin-right:1em;display:inline-block}@media (max-width:640px){.pd-code pre{font-size:11px}}.pd-step-frame .pd-code{align-self:stretch;width:100%;height:100%;overflow:auto}.pd-step-frame .pd-code pre{font-size:11px}.pd-phone-only{display:block}.pd-wide-only{display:none}@media (min-width:768px){.pd-phone-only{display:none}.pd-wide-only{display:block}}.pd-src{color:var(--pd-sub);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.01em;overflow-wrap:anywhere;font-size:11.5px;line-height:1.5}.pd-frame{border:1px solid var(--pd-line);background:var(--pd-panel);border-radius:10px;overflow:hidden}.pd-frame .pd-shot{width:100%;height:auto;display:block}.pd-sig-head{max-width:46rem}.pd-sig-intro{color:var(--pd-sub);margin-top:16px;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.55}.pd-sig-head .pd-src{border-top:1px solid var(--pd-line);margin-top:18px;padding-top:12px}.pd-sig-feed{max-width:1400px}.pd-feed{border-top:1px solid var(--pd-line);margin-top:36px;font-size:13px}.pd-feed table{border-collapse:collapse;width:100%}.pd-feed th{color:var(--pd-sub);text-align:left;letter-spacing:.04em;border-bottom:1px solid var(--pd-line);white-space:nowrap;padding:12px 10px 10px 0;font-size:11.5px;font-weight:500}.pd-feed td{border-bottom:1px solid var(--pd-line);vertical-align:middle;padding:11px 10px 11px 0}.pd-feed-time,.pd-feed-task,.pd-feed-route,.pd-feed-reason,.pd-feed-num{font-family:var(--font-mono), ui-monospace, monospace;font-size:12px}.pd-feed-time,.pd-feed-task,.pd-feed-reason,.pd-feed-base{color:var(--pd-sub)}.pd-feed .pd-feed-num{text-align:right;white-space:nowrap;padding-left:10px;padding-right:0}.pd-feed-tool{white-space:nowrap}.pd-feed-tool img{object-fit:contain;vertical-align:-3px;width:15px;height:15px;margin-right:8px;display:inline-block}.pd-feed-route{white-space:nowrap}.pd-feed-route>*+*{margin-left:8px}.pd-feed-asked{color:var(--pd-sub);-webkit-text-decoration-color:color-mix(in srgb, var(--pd-sub) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--pd-sub) 70%, transparent)}.pd-feed-kept{color:var(--pd-sub)}.pd-tier{color:var(--pd-ink)}.pd-tier:before{content:"";vertical-align:1px;background:currentColor;border-radius:2px;width:7px;height:7px;margin-right:6px;display:inline-block}.pd-tier[data-tier=small]:before{background:var(--pd-accent)}.pd-tier[data-tier=standard]:before{background:#60a5fa}.pd-tier[data-tier=frontier]:before{background:#a78bfa}.pd-feed-cost{color:var(--pd-ink)}.pd-feed tr[data-traced] td{background:color-mix(in srgb, var(--pd-accent) 7%, transparent)}.pd-feed tr[data-traced] td:first-child{box-shadow:inset 2px 0 0 var(--pd-accent);padding-left:10px}.pd-feed th:first-child,.pd-feed td:first-child{padding-left:10px}@media (max-width:1023px){.pd-feed thead{display:none}.pd-feed table,.pd-feed tbody{display:block}.pd-feed tr{border-bottom:1px solid var(--pd-line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tool cost""route route""reason reason";gap:4px 12px;padding:12px 10px;display:grid}.pd-feed td{border:0;padding:0!important}.pd-feed tr[data-traced]{background:color-mix(in srgb, var(--pd-accent) 7%, transparent);box-shadow:inset 2px 0 0 var(--pd-accent)}.pd-feed tr[data-traced] td{box-shadow:none;background:0 0}.pd-feed-tool{grid-area:tool}.pd-feed-cost{grid-area:cost}.pd-feed-route{white-space:normal;grid-area:route}.pd-feed-reason{grid-area:reason}.pd-feed-time,.pd-feed-team,.pd-feed-task,.pd-feed-base,.pd-feed td.pd-feed-num:not(.pd-feed-cost){display:none}}@media (max-width:767px){.pd-feed tbody tr:nth-child(n+8){display:none}}.pd-trace{gap:36px;margin-top:48px;display:grid}@media (min-width:1024px){.pd-trace{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:56px}}.pd-trace-label{color:var(--pd-ink);font-weight:600}.pd-trace-label code{font-family:var(--font-mono), ui-monospace, monospace;font-size:.92em;font-weight:500}.pd-trace-rules{border-top:1px solid var(--pd-line);margin-top:16px}.pd-trace-rules li{border-bottom:1px solid var(--pd-line);color:var(--pd-sub);grid-template-columns:22px minmax(0,1fr) auto;gap:2px 12px;padding:11px 0;display:grid}.pd-trace-n,.pd-trace-check,.pd-trace-ans{font-family:var(--font-mono), ui-monospace, monospace;font-size:12px}.pd-trace-n{grid-row:span 2;padding-top:2px}.pd-trace-rule{color:var(--pd-ink)}.pd-trace-ans{text-align:right;grid-area:1/3}.pd-trace-check{grid-column:2/-1}.pd-trace-rules li[data-hit] .pd-trace-rule,.pd-trace-rules li[data-hit] .pd-trace-ans{color:var(--pd-accent)}.pd-trace-math{gap:8px;margin-top:22px;display:grid}.pd-trace-math div{gap:2px 16px;display:grid}@media (min-width:640px){.pd-trace-math div{grid-template-columns:12rem minmax(0,1fr)}}.pd-trace-math dt{color:var(--pd-sub);font-size:13px}.pd-trace-math dd{font-family:var(--font-mono), ui-monospace, monospace;overflow-wrap:anywhere;font-size:12.5px}.pd-trace-comment{border:1px solid var(--pd-line);border-radius:10px;overflow:hidden}.pd-trace-comment pre{white-space:pre-wrap;overflow-wrap:anywhere}.pd-trace-foot{color:#8a93a0;padding:0 16px 16px;font-size:12.5px;line-height:1.5}.pd-dis{gap:28px;margin-top:40px;display:grid}@media (min-width:1024px){.pd-dis{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}}.pd-dis-side{flex-direction:column;gap:10px;min-width:0;margin:0;display:flex}.pd-dis-label{color:var(--pd-ink);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:var(--b-label-track);text-transform:uppercase;font-size:11.5px}.pd-dis-code{border:1px solid var(--pd-line);border-radius:10px;flex:1;overflow:hidden}.pd-dis-code pre{font-size:12px}.pd-code-line[data-mark]{background:color-mix(in srgb, var(--pd-accent) 12%, transparent);box-shadow:inset 2px 0 0 var(--pd-accent)}.pd-code-line[data-mark] .pd-code-n{color:var(--pd-accent)}.pd-dis-shot{border:1px solid var(--pd-line);background:#f3f4f6;border-radius:10px;flex:1;overflow:hidden}.pd-dis-url{border-bottom:1px solid var(--pd-line);background:var(--pd-panel);color:#8a93a0;font-family:var(--font-mono), ui-monospace, monospace;padding:10px 16px;font-size:12px}.pd-dis-frame{position:relative}.pd-dis-frame img{width:100%;height:auto;display:block}.pd-dis-box{border:2px solid var(--pd-accent);pointer-events:none;border-radius:6px;width:94%;height:23.5%;position:absolute;top:68.6%;left:3.6%}.pd-dis-all{margin-top:48px}.pd-dis-all ol{border-top:1px solid var(--pd-line);margin-top:12px}.pd-dis-all li{border-bottom:1px solid var(--pd-line);grid-template-columns:3.4rem 4.6rem minmax(0,1fr);gap:4px 14px;padding:14px 0;font-size:14px;display:grid}@media (min-width:1024px){.pd-dis-all li{grid-template-columns:3.4rem 4.6rem minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);align-items:baseline}}.pd-dis-id,.pd-dis-sev,.pd-dis-says,.pd-dis-shows{font-family:var(--font-mono), ui-monospace, monospace;font-size:12px}.pd-dis-id{color:var(--pd-ink)}.pd-dis-sev{color:var(--pd-sub)}.pd-dis-sev[data-sev=high],.pd-dis-title{color:var(--pd-ink)}.pd-dis-says,.pd-dis-shows{color:var(--pd-sub);overflow-wrap:anywhere}.pd-dis-k{min-width:2.6rem;color:color-mix(in srgb, var(--pd-sub) 70%, transparent);margin-right:6px;display:inline-block}@media (max-width:1023px){.pd-dis-all li{grid-template-columns:3.4rem minmax(0,1fr)}.pd-dis-title,.pd-dis-says,.pd-dis-shows{grid-column:1/-1}}.pd-dis-report{margin:48px 0 0}@media (max-width:767px){.pd-dis-report{display:none}}.pd-dis-report .pd-src{margin-top:10px}.pd-pair{gap:28px;margin-top:40px;display:grid}@media (min-width:768px){.pd-pair{grid-template-columns:1fr 1fr}}.pd-pair figure{flex-direction:column;gap:10px;margin:0;display:flex}:root:not(.dark) .pd-dark .b-tech-mark{color:var(--mark-dark)}