.site .p-dev .p-dev-socket{justify-items:center;width:min(100%,460px);padding-block:clamp(8px,1.4vw,20px);display:grid}.site .p-dev .p-dev-socket-marks{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.site .p-dev .p-dev-socket-marks li{justify-items:center;gap:8px;display:grid}.site .p-dev .p-dev-socket-name{color:var(--c14-ink);font-size:14px;font-weight:600}.site .p-dev .p-dev-socket-wire{opacity:.55;background:repeating-linear-gradient(#1847aa 0 6px,#0000 6px 11px);width:2px;height:clamp(48px,5vw,70px);margin-top:4px}.site .p-dev .p-dev-socket-via{z-index:1;font-family:var(--font-geist-mono), ui-monospace, monospace;color:#1847aa;background:#fff;border-radius:999px;margin-block:-14px 10px;padding:4px 12px;font-size:12px;font-weight:500;position:relative;box-shadow:0 0 0 1px #0a223a14}.site .p-dev .p-dev-socket-base{width:100%;min-height:64px;color:var(--c14-ink);background:#fff;border-radius:18px;align-items:center;gap:6px;padding:14px 20px;font-size:clamp(16px,1.3vw,19px);font-weight:600;display:flex;box-shadow:0 0 0 1px #0a223a14,0 30px 50px -34px #0a223a73}.site .p-dev .p-dev-socket-base i{background:#d5dde6;border-radius:50%;flex:none;width:8px;height:8px}.site .p-dev .p-dev-socket-base i:last-of-type{margin-right:8px}.site .p-dev .p-dev-descriptor{color:var(--c14-ink);font-size:14px;font-weight:600}.site .p-dev .p-dev-flow{--gap:clamp(44px, 5vw, 72px);gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.site .p-dev .p-dev-step{background:var(--c14-paper);border-radius:24px;grid-template-rows:auto 1fr auto;gap:16px;padding:clamp(20px,2.2vw,28px);display:grid;position:relative}.site .p-dev .p-dev-step[data-side=behind]{background:var(--c14-navy);color:#fff}.site .p-dev .p-dev-step[data-api]:before{content:"";width:var(--gap);opacity:.6;background:repeating-linear-gradient(90deg,#1847aa 0 6px,#0000 6px 11px);height:2px;position:absolute;top:50%;right:100%}.site .p-dev .p-dev-step[data-api]:after{content:attr(data-api);top:50%;right:calc(100% + var(--gap) / 2);font-family:var(--font-geist-mono), ui-monospace, monospace;color:#1847aa;background:#fff;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:500;position:absolute;translate:50% -50%;box-shadow:0 0 0 1px #0a223a1f}.site .p-dev .p-dev-step-where{font-family:var(--font-source-serif), serif;color:var(--s-eyebrow);font-size:clamp(18px,1.4vw,21px);font-style:italic}.site .p-dev .p-dev-step[data-side=behind] .p-dev-step-where{color:#7fb0f5}.site .p-dev .p-dev-step-text{color:var(--c14-ink);font-size:clamp(16px,1.2vw,18px);line-height:1.5}.site .p-dev .p-dev-step[data-side=behind] .p-dev-step-text{color:#fff}.site .p-dev .p-dev-art{min-height:170px;color:var(--c14-ink);background:#fff;border-radius:16px;align-content:center;gap:8px;padding:14px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;line-height:1.4;display:grid;box-shadow:0 0 0 1px #0a223a12,0 24px 44px -32px #0a223a66}.site .p-dev .p-dev-app-brand{color:#334155;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.site .p-dev .p-dev-app-brand i{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:6px;width:18px;height:18px}.site .p-dev .p-dev-art--app .s-ui-btn{justify-self:start}.site .p-dev .p-dev-art--spotter{color:#fff;background:#ffffff12;justify-items:start;box-shadow:0 0 0 1px #ffffff1f}.site .p-dev .p-dev-spotter-head{align-items:center;gap:10px;font-size:14px;display:flex}@media (max-width:960px){.site .p-dev .p-dev-flow{--gap:48px;grid-template-columns:minmax(0,1fr);max-width:560px}.site .p-dev .p-dev-step[data-api]:before{width:2px;height:var(--gap);background:repeating-linear-gradient(#1847aa 0 6px,#0000 6px 11px);inset:auto auto 100% 50%}.site .p-dev .p-dev-step[data-api]:after{top:auto;right:auto;bottom:calc(100% + var(--gap) / 2);left:50%;translate:-50% 50%}.site .p-dev .p-dev-art{min-height:0}}@media (max-width:420px){.site .p-dev .p-dev-socket-marks .s-picon{width:44px;height:44px}.site .p-dev .p-dev-socket-name{font-size:13px}}
.site .p-int .p-int-fit{scroll-margin-top:var(--header-h,76px)}.site .p-int .p-int-fit-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(28px,5vw,88px);display:grid}.site .p-int .p-int-fit .p-int-stack{justify-self:end}.site .p-int .p-int-fit .p-int-practice-grid{margin-top:clamp(48px,6vw,88px)}.site .p-int .p-int-stack{width:min(100%,480px);padding-block:clamp(8px,1.6vw,24px);display:grid}.site .p-int .p-int-layer{background:var(--c14-navy);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 14px 22px;display:flex;box-shadow:0 30px 50px -30px #071f33a6}.site .p-int .p-int-layer-name{letter-spacing:-.02em;font-size:clamp(20px,1.8vw,26px);font-weight:600}.site .p-int .p-int-layer-marks{gap:6px;display:flex}.site .p-int .p-int-pins{grid-template-columns:repeat(5,minmax(0,1fr));height:clamp(26px,3vw,40px);display:grid}.site .p-int .p-int-pins i{opacity:.5;background:repeating-linear-gradient(#1847aa 0 5px,#0000 5px 9px);justify-self:center;width:2px;height:100%}.site .p-int .p-int-base{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.site .p-int .p-int-block{min-height:92px;color:var(--c14-ink);text-align:center;overflow-wrap:anywhere;background:#fff;border-radius:14px;place-items:center;padding:10px 4px;font-size:clamp(11.5px,.9vw,13px);font-weight:600;line-height:1.25;display:grid;box-shadow:0 0 0 1px #0a223a14}.site .p-int .p-int-practice-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,4vw,72px);display:grid}.site .p-int .p-int-practice{border-top:1px solid var(--s-hair)}.site .p-int .p-int-practice li{border-bottom:1px solid var(--s-hair);letter-spacing:-.015em;color:var(--c14-ink);align-items:center;gap:16px;padding-block:clamp(16px,1.8vw,22px);font-size:clamp(19px,1.65vw,25px);font-weight:600;line-height:1.3;display:flex}.site .p-int .p-int-tick{color:#1847aa;background:#dbe8fd;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.site .p-int .p-int-custom-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,88px);display:grid}.site .p-int .p-int-routes{gap:10px;display:grid}.site .p-int .p-int-routes li{background:#ffffff0f;border-radius:18px;align-items:center;gap:16px;min-height:72px;padding:14px 18px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.site .p-int .p-int-route-marks{flex:none;gap:6px;min-width:74px;display:flex}.site .p-int .p-int-glyph{width:34px;height:34px;color:var(--c14-navy);background:#fff;border-radius:50%;place-items:center;display:grid}.site .p-int .p-int-route-text{color:#c2d4e6;gap:2px;font-size:15px;line-height:1.4;display:grid}.site .p-int .p-int-route-text b{color:#fff;font-size:clamp(17px,1.35vw,20px);font-weight:600}@media (max-width:900px){.site .p-int .p-int-fit-grid,.site .p-int .p-int-practice-grid,.site .p-int .p-int-custom-grid{grid-template-columns:minmax(0,1fr)}.site .p-int .p-int-fit .p-int-stack{justify-self:start}}@media (max-width:480px){.site .p-int .p-int-pins{display:none}.site .p-int .p-int-layer{z-index:1;margin-inline:10px;position:relative}.site .p-int .p-int-base{background:#ffffffb3;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-18px;padding:30px 10px 10px;box-shadow:inset 0 0 0 1.5px #1847aa33}.site .p-int .p-int-block{min-height:52px}.site .p-int .p-int-block:last-child{grid-column:1/-1}.site .p-int .p-int-layer-marks .s-picon{width:26px;height:26px}}