.v5-page--developers{--dev-blue:#345f9b;--dev-blue-soft:#edf2fa;--dev-green:#236847;--dev-green-soft:#edf5ef}
html[data-theme=dark] .v5-page--developers{--dev-blue:#a9c6f4;--dev-blue-soft:#243044;--dev-green:#9ad7b5;--dev-green-soft:#23382e}
.v5-developer-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:56px 64px}
.v5-developer-intro h1{font-size:clamp(40px,4.4vw,58px);line-height:1.13;font-weight:400}
.v5-developer-intro h1 strong,.v5-developer-section h2 strong,.v5-developer-close h2 strong{font-weight:700}
.v5-developer-intro>p{max-width:480px;font-size:16px;color:var(--v5-muted);margin-top:24px}
.v5-developer-intro .v5-actions{gap:12px;margin-top:28px}
.v5-developer-intro .v5-developer-included{display:flex;gap:9px;align-items:flex-start;font-size:13px;margin-top:20px}
.v5-developer-included .v5-icon{width:17px;height:17px;margin-top:2px}
.v5-page--developers code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.v5-developer-story{background:var(--v5-panel)}
.v5-developer-story .v5-story-stage{min-height:326px;padding:24px}
.v5-developer-story .v5-story-steps{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:24px;gap:12px}
.v5-developer-story .v5-story-steps button{font-size:12px}
.v5-developer-story .v5-story-steps button[aria-current]{color:var(--dev-blue)}
.v5-developer-story .v5-story-steps button[aria-current] .v5-story-track>span{background:var(--dev-blue)}
.v5-developer-story .v5-developer-scene-title{font-size:20px;font-weight:600;line-height:1.35;text-wrap:initial}
.v5-developer-contact{display:flex;align-items:center;gap:14px;margin-top:26px;min-width:0}
.v5-developer-contact>div{min-width:0}
.v5-developer-contact strong{display:block;font-size:20px;font-weight:600;line-height:1.4}
.v5-developer-contact div>span{display:block;color:var(--v5-muted);font-size:13px;margin-top:4px;overflow-wrap:anywhere}
.v5-developer-avatar{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;font-size:16px;font-weight:600;color:var(--dev-blue);background:var(--dev-blue-soft)}
.v5-developer-avatar--success{color:var(--dev-green);background:var(--dev-green-soft)}
.v5-developer-avatar--success .v5-icon{width:26px;height:26px}
.v5-developer-contact-fields{margin:22px 0 0;font-size:13px}
.v5-developer-contact-fields>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:11px;border-top:1px solid var(--v5-line)}
.v5-developer-contact-fields dt{color:var(--v5-muted)}
.v5-developer-contact-fields dd{margin:0;text-align:right;font-weight:600}
.v5-developer-tag{display:inline-block;padding:2px 9px;border-radius:6px;background:var(--v5-selected);color:var(--v5-ink);font-size:12px;font-weight:400}
.v5-developer-story .v5-developer-scene-note{margin-top:18px;color:var(--v5-muted);font-size:12px;line-height:1.6}
.v5-developer-scene-note code{font-size:12px}
.v5-developer-endpoint{display:flex;align-items:center;gap:10px;margin-top:18px!important;min-width:0}
.v5-developer-endpoint>span{padding:3px 8px;border-radius:6px;color:var(--dev-blue);background:var(--dev-blue-soft);font-size:11px;font-weight:700}
.v5-developer-endpoint code{font-size:12px}
.v5-developer-json{margin:16px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.v5-code-key{color:var(--dev-blue)}
.v5-code-string{color:var(--dev-green)}
.v5-developer-success{display:flex;align-items:center;gap:8px;margin-top:16px!important;color:var(--dev-green);font-size:12px;flex-wrap:wrap}
.v5-developer-success .v5-icon{width:17px;height:17px}
.v5-developer-success code{font-size:12px;font-weight:600}
.v5-developer-success>span{margin-left:auto}
.v5-developer-section{padding-block:48px 52px;border-top:1px solid var(--v5-line)}
.v5-developer-section h2{font-size:36px;font-weight:400}
.v5-developer-capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 64px;margin:32px 0 0}
.v5-developer-capability-list>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-content:start}
.v5-developer-capability-list dt{font-size:18px;line-height:1.5;font-weight:600}
.v5-developer-capability-list dd{margin:0;color:var(--v5-muted);font-size:14px;line-height:1.75}
.v5-developer-own-project{margin-top:28px}
.v5-developer-own-project>h3,.v5-developer-oauth h3{font-size:23px}
.v5-developer-start-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start;margin-top:20px}
.v5-developer-steps{display:grid;gap:20px;margin:0;padding:0;list-style:none}
.v5-developer-steps>li{display:flex;gap:16px;align-items:baseline}
.v5-developer-steps>li>span{font-size:14px;color:var(--v5-muted)}
.v5-developer-steps h4{font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.02em;margin:0}
.v5-developer-steps p{font-size:14px;color:var(--v5-muted);line-height:1.65;margin-top:8px;max-width:45ch}
.v5-developer-steps .v5-text-link{font-size:13px;margin-top:4px}
.v5-developer-example{min-width:0;padding:20px;background:var(--v5-panel);border:1px solid var(--v5-line);border-radius:var(--v5-radius)}
.v5-developer-code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:18px;font-weight:600;margin-bottom:8px;scroll-margin-top:112px}
.v5-developer-example pre{font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.v5-developer-example pre code{display:block;font:inherit}
.v5-developer-example .v5-developer-code-head+pre{margin-top:0}
.v5-developer-code-head .v5-developer-copy{min-width:44px;font-weight:400}
.v5-developer-example .v5-developer-code-note{font-size:12px;line-height:1.7;color:var(--v5-muted);margin-top:10px}
.v5-developer-code-note code{font-size:11px}
.v5-developer-response{border-top:1px solid var(--v5-line);margin-top:14px;padding-top:12px}
.v5-developer-response>p{font-size:12px;color:var(--v5-muted)}
.v5-developer-copy{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px;border:0;border-radius:8px;background:transparent;flex-shrink:0;font-size:12px}
.v5-developer-copy:hover{background:var(--v5-selected)}
.v5-developer-copy .v5-icon{width:16px;height:16px}
.v5-developer-oauth{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:28px;padding-top:24px;border-top:1px solid var(--v5-line)}
.v5-developer-oauth p{font-size:14px;color:var(--v5-muted);margin-top:8px;max-width:65ch}
.v5-developer-oauth>.v5-text-link{font-size:13px;flex-shrink:0}
.v5-developer-tools-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}
.v5-developer-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.v5-developer-tools-grid h3{font-size:20px;margin-bottom:12px}
.v5-developer-sdk-list>p{font-size:14px;color:var(--v5-muted);margin-bottom:14px}
.v5-developer-sdk-row{display:grid;grid-template-columns:80px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--v5-line)}
.v5-developer-sdk-row:last-child{border-bottom:0;padding-bottom:0}
.v5-developer-sdk-row h4{font-size:15px;font-weight:600;margin:0;line-height:1.4}
.v5-developer-sdk-row h4 a{display:inline-flex;gap:6px;align-items:center;min-height:44px}
.v5-developer-sdk-row h4 a:hover{text-decoration:underline}
.v5-developer-sdk-row h4 .v5-icon{width:14px;height:14px}
.v5-developer-sdk-row>code{background:var(--v5-soft);padding:12px 14px;border-radius:8px;font-size:12px}
.v5-developer-sdk-row [data-copy-label]{display:none}
.v5-developer-resource-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--v5-line)}
.v5-developer-resource-list>a:last-child{border-bottom:0;padding-bottom:0}
.v5-developer-resource-list h4{font-size:16px;font-weight:600;margin:0;line-height:1.4}
.v5-developer-resource-list p{font-size:13px;color:var(--v5-muted);margin-top:5px}
.v5-developer-resource-list>a:hover h4{text-decoration:underline;text-underline-offset:5px}
.v5-developer-resource-list>a>.v5-icon{width:18px;height:18px}
.v5-developer-close{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:64px;padding:36px 40px;margin-bottom:56px;border-radius:var(--v5-radius);background:var(--v5-soft)}
.v5-developer-close h2{font-size:32px;font-weight:400}
.v5-developer-close p{font-size:14px;color:var(--v5-muted);line-height:1.8;margin-top:14px}
.v5-developer-close .v5-actions{margin-top:24px}
.v5-developer-partner{border-left:1px solid var(--v5-line);padding-left:32px}
.v5-developer-partner h3{font-size:20px}
.v5-developer-partner .v5-text-link{margin-top:10px}
@media(max-width:1180px){
 .v5-developer-hero,.v5-developer-start-grid,.v5-developer-tools-grid{gap:32px}
 .v5-developer-capability-list{column-gap:36px}
 .v5-developer-capability-list>div{grid-template-columns:minmax(0,1fr);gap:8px}
 .v5-developer-sdk-row{grid-template-columns:76px minmax(0,1fr) 44px;gap:8px}
 .v5-developer-close{gap:40px}
}
@media(max-width:800px){
 .v5-developer-hero{grid-template-columns:minmax(0,1fr);padding-block:36px 40px;gap:28px}
 .v5-developer-intro h1{font-size:44px;max-width:600px}
 .v5-developer-intro>p{max-width:600px;margin-top:20px}
 .v5-developer-story{max-width:600px;width:100%}
 .v5-developer-section{padding-block:36px 40px}
 .v5-developer-section h2{font-size:30px}
 .v5-developer-start-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .v5-developer-example{max-width:600px;width:100%}
 .v5-developer-oauth{display:block;margin-top:24px}
 .v5-developer-oauth>.v5-text-link{margin-top:4px}
 .v5-developer-tools-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .v5-developer-close{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px}
 .v5-developer-partner{border-left:0;border-top:1px solid var(--v5-line);padding:24px 0 0}
}
@media(max-width:600px){
 .v5-developer-intro h1{font-size:38px}
 .v5-developer-intro>p{font-size:15px}
 .v5-developer-intro .v5-actions{display:grid;grid-template-columns:minmax(0,1fr);margin-top:24px}
 .v5-developer-story .v5-story-stage{min-height:346px;padding:20px}
 .v5-developer-story .v5-story-steps{padding-inline:20px}
 .v5-developer-story .v5-developer-scene-title{font-size:18px}
 .v5-developer-contact strong{font-size:18px}
 .v5-developer-contact{gap:10px;margin-top:24px}
 .v5-developer-avatar{width:42px;height:42px;font-size:14px}
 .v5-developer-json code{font-size:12px}
 .v5-developer-section h2{font-size:28px}
 .v5-developer-capability-list{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}
 .v5-developer-steps{gap:20px}
 .v5-developer-steps>li{gap:14px}
 .v5-developer-own-project{margin-top:24px}
 .v5-developer-own-project>h3,.v5-developer-oauth h3{font-size:20px}
 .v5-developer-steps p{margin-top:8px}
 .v5-developer-example{padding:18px}
 .v5-developer-example pre{font-size:12px}
 .v5-developer-code-head [data-copy-label]{display:none}
 .v5-developer-example>figcaption{font-size:17px}
 .v5-developer-example .v5-developer-code-note{font-size:11px}
 .v5-developer-sdk-row{grid-template-columns:minmax(0,1fr) 44px;padding-block:14px;gap:6px}
 .v5-developer-sdk-row h4{grid-column:1;grid-row:1}
 .v5-developer-sdk-row>code{grid-column:1/-1;grid-row:2;font-size:11px;padding:12px}
 .v5-developer-sdk-row>button{grid-column:2;grid-row:1}
 .v5-developer-tools-head{display:block;margin-bottom:24px}
 .v5-developer-tools-head>.v5-text-link{font-size:13px;margin-top:8px}
 .v5-developer-close{padding:24px;margin-bottom:36px}
 .v5-developer-close h2{font-size:28px}
 .v5-developer-close .v5-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .v5-developer-close .v5-actions>.v5-text-link{justify-content:center;font-size:13px}
 .v5-developer-partner h3{font-size:18px}
}
@media(max-width:700px){.v5-page--developers .v5-bottom-nav{display:none}.v5-page--developers .v5-footer{padding-bottom:32px}}
@media(max-width:359px){
 .v5-developer-intro h1{font-size:33px}
 .v5-developer-story .v5-screen-head{padding-inline:18px}
 .v5-developer-story .v5-story-controls{padding-inline:12px}
 .v5-developer-story .v5-story-stage{padding-inline:16px}
 .v5-developer-story .v5-story-steps{padding-inline:16px}
 .v5-developer-contact strong{font-size:16px}
 .v5-developer-contact div>span{font-size:11px}
 .v5-developer-contact-fields{font-size:12px}
 .v5-developer-success{column-gap:6px}
 .v5-developer-success>span{margin-left:0}
 .v5-developer-example{padding:14px}
 .v5-developer-code-head{gap:8px}
 .v5-developer-example>figcaption{font-size:16px}
 .v5-developer-copy{font-size:11px;gap:4px;padding-inline:6px}
}