/* B233 · CultureAI Developer on the home page's products: our own API platform, hvhh.ai the first site on it */
.px-prod.px-prod-dev{grid-column:1/-1;display:grid;gap:24px;align-items:center}
@media(min-width:900px){.px-prod.px-prod-dev{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}}
.px-dev-copy>p{margin-top:0}
.px-dev-first{border-left:2px solid #1559f5;padding-left:14px}
.px-prod .pv.pv-api{background:#0c1220;color:#d9e1f2;border-radius:16px;padding:18px 20px;min-width:0}
.pv-api-k{display:flex;justify-content:space-between;gap:12px;margin:0 0 8px;font:500 12.5px/1 Rubik,system-ui,sans-serif;color:#9aa6bf}.pv-api-k span{color:#6f7c96;font-weight:400}
.pv-api pre{margin:0 0 16px;font:400 13px/1.6 "IBM Plex Mono",ui-monospace,Menlo,monospace;color:#d9e1f2;white-space:pre-wrap;overflow-wrap:anywhere}.pv-api pre:last-child{margin-bottom:0}.pv-api pre b{font-weight:400;color:#8fb0fb}
.px-dev-copy{display:flex;flex-direction:column;gap:12px;min-width:0}
.px-prod .pv.pv-api .pv-api-k{color:#9aa6bf}.px-prod .pv.pv-api .pv-api-k span{color:#8b97ad}
.px-dev-signin{display:grid;gap:10px;padding:16px 18px;border:1px solid var(--px-line,#e6e2d9);border-radius:14px;background:color-mix(in srgb,#1559f5 4%,transparent)}
.px-dev-signin p{margin:0}.px-dev-signin .px-prod-pillrow{margin:0}