:root{
    --obdev-navy:#0b376b;
    --obdev-blue:#245fc5;
    --obdev-magenta:#d70b86;
    --obdev-purple:#7427a8;
    --obdev-ink:#0b1930;
    --obdev-text:#66758a;
    --obdev-line:#e1e8f1;
    --obdev-soft:#f7f9fc;
    --obdev-code:#091426;
}
.ob-developers-page{background:#fff!important;color:var(--obdev-ink)!important}
.ob-developers-page .ob-eyebrow{color:var(--obdev-magenta);font-weight:800;letter-spacing:.14em}
.ob-dev-hero{padding:76px 0 86px;background:radial-gradient(circle at 88% 12%,rgba(215,11,134,.11),transparent 28%),radial-gradient(circle at 12% 88%,rgba(36,95,197,.09),transparent 30%),linear-gradient(135deg,#fbfdff 0%,#fff 55%,#fff9fc 100%)}
.ob-dev-hero-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(480px,.9fr);gap:58px;align-items:center}
.ob-dev-hero-copy h1{margin:16px 0 22px;color:var(--obdev-navy);font-size:clamp(3.15rem,5.2vw,5.9rem);line-height:.98;letter-spacing:-.055em}
.ob-dev-hero-copy h1 span{color:var(--obdev-magenta)}
.ob-dev-hero-copy>p{max-width:62ch;margin:0;color:var(--obdev-text);font-size:1.04rem;line-height:1.8}
.ob-dev-badges{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 0}
.ob-dev-badges span{padding:8px 11px;border:1px solid #dfe7f1;border-radius:999px;background:rgba(255,255,255,.9);color:#4e6078;font-size:.76rem;font-weight:800}
.ob-dev-actions{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px!important;margin-top:30px!important}
.ob-dev-actions .ob-secondary-button{border:1px solid #d9e1ec!important;background:#fff!important;color:var(--obdev-navy)!important;text-decoration:none}
.ob-dev-access-note{margin-top:14px!important;color:#8b97a8!important;font-size:.78rem!important}
.ob-dev-terminal{overflow:hidden;border:1px solid rgba(10,25,48,.15);border-radius:26px;background:var(--obdev-code);box-shadow:0 34px 90px rgba(21,44,82,.20)}
.ob-dev-terminal-bar{display:flex;align-items:center;gap:7px;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.08);background:#0c1a30}
.ob-dev-terminal-bar span{width:8px;height:8px;border-radius:50%;background:#44536c}.ob-dev-terminal-bar span:nth-child(1){background:#e56d7d}.ob-dev-terminal-bar span:nth-child(2){background:#e9b75b}.ob-dev-terminal-bar span:nth-child(3){background:#57b98a}
.ob-dev-terminal-bar strong{margin-left:8px;color:#9eacc2;font-size:.72rem;font-weight:700}
.ob-dev-terminal pre{margin:0;padding:25px 24px 29px;overflow:auto;color:#cbd8ea;font:500 .78rem/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.ob-dev-terminal .k{color:#78a7ff}.ob-dev-terminal .s{color:#e89fd0}
.ob-dev-principle{padding:0 0 26px}.ob-dev-principle-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:42px;align-items:end;padding:35px 38px;border:1px solid var(--obdev-line);border-radius:26px;background:linear-gradient(120deg,#f8fbff,#fff 57%,#fff7fb)}
.ob-dev-principle-card h2{margin:12px 0 0;color:var(--obdev-navy);font-size:clamp(1.9rem,3.2vw,3.2rem);line-height:1.08;letter-spacing:-.04em}.ob-dev-principle-card p{margin:0;color:var(--obdev-text);line-height:1.78}
.ob-dev-modes{background:#fff}.ob-dev-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ob-dev-mode-grid article{position:relative;min-height:355px;padding:30px;border:1px solid var(--obdev-line);border-radius:24px;background:#fff;box-shadow:0 16px 40px rgba(16,54,105,.045)}
.ob-dev-mode-grid article.is-primary{background:linear-gradient(145deg,#0d3d75,#64309a 60%,#b81481);border:0;color:#fff;box-shadow:0 24px 60px rgba(72,45,131,.18)}.ob-dev-mode-grid article.is-primary h3,.ob-dev-mode-grid article.is-primary p,.ob-dev-mode-grid article.is-primary small,.ob-dev-mode-grid article.is-primary li{color:#fff}.ob-dev-mode-grid article.is-primary li{border-color:rgba(255,255,255,.12)}
.ob-dev-mode-number{display:grid;width:45px;height:45px;place-items:center;margin-bottom:28px;border-radius:14px;background:#f6eefd;color:var(--obdev-magenta);font-size:.78rem;font-weight:800}.is-primary .ob-dev-mode-number{background:rgba(255,255,255,.14);color:#fff}.ob-dev-mode-grid small{display:block;color:#8d99aa;font-size:.68rem;font-weight:800;letter-spacing:.13em}.ob-dev-mode-grid h3{margin:10px 0 13px;color:var(--obdev-navy);font-size:1.48rem;line-height:1.2;letter-spacing:-.03em}.ob-dev-mode-grid p{margin:0;color:var(--obdev-text);line-height:1.72}.ob-dev-mode-grid ul{margin:24px 0 0;padding:0;list-style:none}.ob-dev-mode-grid li{padding:9px 0;border-top:1px solid #edf1f6;color:#52637a;font-size:.84rem;font-weight:700}
.ob-dev-quickstart{background:var(--obdev-soft)}.ob-dev-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ob-dev-steps article{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:22px;border:1px solid #e3e9f1;border-radius:19px;background:#fff}.ob-dev-steps article>span{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:linear-gradient(135deg,#edf4ff,#fbeafd);color:var(--obdev-magenta);font-size:.72rem;font-weight:800}.ob-dev-steps strong{display:block;color:var(--obdev-navy);font-size:.98rem}.ob-dev-steps p{margin:6px 0 0;color:var(--obdev-text);font-size:.82rem;line-height:1.55}.ob-dev-steps code,.ob-dev-base-url code{padding:3px 6px;border-radius:6px;background:#f1f4f8;color:#334f75;font:600 .76rem ui-monospace,SFMono-Regular,Menlo,monospace}
.ob-dev-tutorial{background:#fff}.ob-dev-tutorial-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:50px;align-items:start}.ob-dev-tutorial-nav{position:sticky;top:98px}.ob-dev-tutorial-nav h2{margin:13px 0 15px;color:var(--obdev-navy);font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.04;letter-spacing:-.045em}.ob-dev-tutorial-nav p{margin:0;color:var(--obdev-text);line-height:1.72}.ob-dev-download-mini{display:inline-flex;margin-top:22px;color:var(--obdev-magenta);font-weight:800;text-decoration:none;font-size:.84rem}.ob-dev-tutorial-code{display:grid;gap:14px}.ob-dev-code-card{overflow:hidden;border:1px solid #dfe6ef;border-radius:19px;background:#0a1528;box-shadow:0 12px 30px rgba(22,45,80,.06)}.ob-dev-code-head{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.07);background:#0d1b31}.ob-dev-code-head>span{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;background:rgba(124,81,222,.2);color:#d6c7ff;font-size:.7rem;font-weight:800}.ob-dev-code-head strong{color:#c7d4e7;font-size:.78rem}.ob-dev-code-head button{margin-left:auto;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.04);color:#8fa0b7;padding:5px 8px;font-size:.65rem;font-weight:800}.ob-dev-code-head button.is-copied{color:#86d8b2}.ob-dev-code-card pre{margin:0;padding:18px 19px;overflow:auto;color:#c9d7e9;font:500 .76rem/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}
.ob-dev-reference{background:var(--obdev-soft)}.ob-dev-table-wrap{overflow:auto;border:1px solid #dfe6ef;border-radius:20px;background:#fff}.ob-dev-table{width:100%;border-collapse:collapse;min-width:860px}.ob-dev-table th,.ob-dev-table td{padding:15px 16px;border-bottom:1px solid #edf1f5;text-align:left;font-size:.8rem}.ob-dev-table th{background:#f9fbfd;color:#708095;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.ob-dev-table td{color:#53637a}.ob-dev-table code{color:#2c4f7b;font:600 .75rem ui-monospace,SFMono-Regular,Menlo,monospace}.ob-dev-table b{display:inline-flex;min-width:45px;justify-content:center;padding:5px 7px;border-radius:7px;font-size:.64rem}.ob-dev-table b.is-get{background:#e9f6ef;color:#237a50}.ob-dev-table b.is-post{background:#edf1ff;color:#475fc4}.ob-dev-table tr:last-child td{border-bottom:0}.ob-dev-base-url{margin:16px 0 0;color:#748196;font-size:.84rem}
.ob-dev-webhooks{background:#fff}.ob-dev-webhook-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.75fr);gap:56px;align-items:center}.ob-dev-webhook-grid h2{margin:13px 0 16px;color:var(--obdev-navy);font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;letter-spacing:-.045em}.ob-dev-webhook-grid>div>p{max-width:60ch;color:var(--obdev-text);line-height:1.75}.ob-dev-event-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.ob-dev-event-cloud span{padding:8px 10px;border-radius:999px;background:#f2f5f9;color:#53647a;font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace}.ob-dev-signature-card{padding:27px;border:1px solid #dfe6ef;border-radius:23px;background:linear-gradient(145deg,#0b1a31,#121d37);color:#fff;box-shadow:0 22px 60px rgba(11,26,49,.15)}.ob-dev-signature-card small{color:#8293ad;font-weight:800;letter-spacing:.13em}.ob-dev-signature-card h3{margin:8px 0 15px;font-size:1.45rem}.ob-dev-signature-card pre{padding:13px;border-radius:12px;background:rgba(255,255,255,.06);color:#cdd8ea;overflow:auto;font:.76rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.ob-dev-signature-card ul{margin:15px 0;padding:0;list-style:none}.ob-dev-signature-card li{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#aebbd0;font-size:.78rem}.ob-dev-signature-card p{margin:15px 0 0!important;color:#8999b1!important;font-size:.78rem!important}
.ob-dev-security{background:var(--obdev-soft)}.ob-dev-security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ob-dev-security-grid article{padding:22px;border:1px solid #e1e7ef;border-radius:19px;background:#fff}.ob-dev-security-grid strong{color:var(--obdev-navy);font-size:.95rem}.ob-dev-security-grid p{margin:9px 0 0;color:var(--obdev-text);font-size:.8rem;line-height:1.65}
.ob-dev-downloads{padding:78px 0;background:#fff}.ob-dev-download-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,.9fr);gap:55px;align-items:center;padding:38px;border:1px solid #e0e7f0;border-radius:28px;background:linear-gradient(120deg,#f8fbff,#fff 55%,#fff7fb)}.ob-dev-download-card h2{margin:12px 0 14px;color:var(--obdev-navy);font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.05;letter-spacing:-.04em}.ob-dev-download-card p{margin:0;max-width:62ch;color:var(--obdev-text);line-height:1.75}.ob-dev-download-actions{display:grid;gap:9px}.ob-dev-download-actions a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:15px 16px;border:1px solid #e0e7ef;border-radius:15px;background:#fff;color:var(--obdev-navy);text-decoration:none;transition:.18s}.ob-dev-download-actions a:hover{transform:translateY(-1px);border-color:#cbbfe9;box-shadow:0 12px 28px rgba(58,55,101,.08)}.ob-dev-download-actions small{display:grid;width:42px;height:34px;place-items:center;border-radius:9px;background:#f5edf9;color:var(--obdev-magenta);font-size:.65rem;font-weight:800}.ob-dev-download-actions strong{font-size:.88rem}.ob-dev-download-actions span{font-size:1.1rem;color:#8c98aa}
.ob-dev-final-cta{padding:0 0 90px;background:#fff}.ob-dev-final-card{display:flex;align-items:center;justify-content:space-between;gap:38px;padding:38px 40px;border-radius:28px;background:linear-gradient(120deg,#0e3f78,#6f2d9f 58%,#c20d84);color:#fff;box-shadow:0 26px 70px rgba(85,39,132,.18)}.ob-dev-final-card .ob-eyebrow{color:#ffd7ef}.ob-dev-final-card h2{margin:10px 0 10px;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.03;letter-spacing:-.04em}.ob-dev-final-card p{max-width:65ch;margin:0;color:rgba(255,255,255,.78);line-height:1.7}.ob-dev-final-card .ob-primary-button{background:#fff!important;color:#59267f!important;box-shadow:none!important;white-space:nowrap}
@media(max-width:1040px){.ob-dev-hero-grid{grid-template-columns:1fr;gap:38px}.ob-dev-terminal{max-width:820px}.ob-dev-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-dev-download-card{grid-template-columns:1fr}.ob-dev-webhook-grid{grid-template-columns:1fr}.ob-dev-tutorial-grid{grid-template-columns:1fr}.ob-dev-tutorial-nav{position:static}.ob-dev-principle-card{grid-template-columns:1fr;gap:18px}}
@media(max-width:720px){.ob-dev-hero{padding:48px 0 60px}.ob-dev-hero-copy h1{font-size:clamp(2.55rem,12vw,4.2rem)}.ob-dev-hero-grid{gap:28px}.ob-dev-terminal pre{font-size:.68rem;padding:18px}.ob-dev-principle-card,.ob-dev-download-card{padding:25px}.ob-dev-mode-grid,.ob-dev-steps,.ob-dev-security-grid{grid-template-columns:1fr}.ob-dev-mode-grid article{min-height:0}.ob-dev-webhook-grid{gap:30px}.ob-dev-final-card{align-items:flex-start;flex-direction:column;padding:28px}.ob-dev-actions{align-items:stretch!important;flex-direction:column}.ob-dev-actions a{justify-content:center}.ob-dev-code-card pre{font-size:.66rem}.ob-dev-download-actions a{grid-template-columns:44px 1fr auto}}