/* A readable, illustrative provider API panel; homepage only. */
.osp-home-landing #developers .devgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.osp-home-landing #developers .devgrid>*{min-width:0}.dev-example{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(140deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--cyan) 5%,var(--panel)));box-shadow:0 25px 65px -48px #428ce3}
.dev-example-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.dev-example-label{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--cyan)}.dev-example-method{border:1px solid color-mix(in srgb,var(--green) 40%,transparent);background:color-mix(in srgb,var(--green) 9%,transparent);color:var(--green);font:700 .65rem/1.5 Inter,sans-serif;padding:4px 10px;border-radius:7px}
.dev-example-caption{margin:20px 0}.dev-example-caption h3{font-size:1.15rem;margin-bottom:10px}.dev-example-caption p,.dev-example-note p{font-size:.8rem;line-height:1.8;color:var(--muted)}
.osp-home-landing #developers .dev-example .code{width:100%;max-width:100%;border-radius:15px;background:#091323;border:1px solid #25364f;box-shadow:none}.dev-example .bar{display:flex;align-items:center;padding:13px;gap:6px}.dev-example .bar .file{font-size:.64rem;color:#b4c7e2;margin-left:6px;overflow-wrap:anywhere}.dev-example-sample{font-size:.59rem;color:#8ea8ca;margin-left:auto;white-space:nowrap}.dev-example .codebody{margin:0;padding:20px 16px;font:500 clamp(.66rem,1vw,.78rem)/1.95 'JetBrains Mono',monospace;color:#b8e9f8;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:100%;overflow:auto}.dev-example .codebody:focus-visible{outline:2px solid #00b6d9;outline-offset:-2px}
.dev-example-note{display:flex;gap:10px;align-items:flex-start;margin:18px 0}.dev-example-note>span{flex:none;color:var(--cyan);margin-top:3px}.dev-example .btn{max-width:100%}
@media(max-width:950px){.osp-home-landing #developers .devgrid{grid-template-columns:minmax(0,1fr)}.dev-example{max-width:680px;width:100%;margin-inline:auto;box-sizing:border-box}}
@media(max-width:480px){.dev-example{padding:18px;border-radius:20px}.dev-example-caption p,.dev-example-note p{font-size:.76rem}.dev-example .codebody{padding:17px 12px}.dev-example-sample{font-size:.52rem}.dev-example .bar{padding:12px 10px}}

.osp-home-landing #developers .dev-example .codebody,.osp-home-landing #developers .dev-example .codebody code{color:#c8edff;background:transparent;font:inherit}.osp-home-landing #developers .dev-example .codebody{font:500 clamp(.7rem,1vw,.8rem)/1.95 'JetBrains Mono',monospace;background:#091323}