/* Developer onboarding: scoped to the sections after the capability demos. */
.developer-page .onboarding{padding:110px 0 90px;border-top:1px solid var(--dev-ffffff18,#ffffff18)}
.developer-page .onboarding .integration-heading{max-width:760px;margin-bottom:44px}
.developer-page .onboarding h2,.developer-page .developer-resources h2{font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-1.3px;font-weight:500;margin:0 0 16px}
.developer-page .onboarding .integration-heading p,.developer-page .developer-resources-heading p{font-size:20px;line-height:1.6;margin:0 0 18px;color:var(--dev-a5a8b0,#a5a8b0)}
.developer-page .onboarding-link{display:inline-flex;gap:9px;align-items:center;color:var(--dev-a9ccff,#a9ccff);font-size:16px;line-height:1.5}
.developer-page .onboarding-link:hover{color:var(--dev-d6e6ff,#d6e6ff)}
.developer-page .onboarding-link svg{width:18px;height:18px}
.developer-page .onboarding .integration-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.6fr);gap:48px;align-items:start}
.developer-page .onboarding .steps{display:grid;gap:10px}
.developer-page .onboarding .step{display:flex;gap:16px;padding:20px 18px;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;width:100%;transition:background .2s,border-color .2s}
.developer-page .onboarding .step.active{background:var(--dev-a9ccff0d,#a9ccff0d);border-color:var(--dev-a9ccff40,#a9ccff40)}
.developer-page .onboarding .step:hover{background:var(--dev-a9ccff09,#a9ccff09)}
.developer-page .onboarding .step-num{font:13px/26px 'Geist Mono',monospace;width:27px;height:27px;flex-shrink:0;color:var(--dev-858b97,#858b97);border:0;background:transparent;padding:0}
.developer-page .onboarding .step.active .step-num{color:var(--dev-a9ccff,#a9ccff)}
.developer-page .onboarding .step strong{font-size:17px;font-weight:500;color:var(--dev-c9cbd0,#c9cbd0);line-height:1.5}
.developer-page .onboarding .step.active strong{color:var(--dev-f1f4fa,#f1f4fa)}
.developer-page .onboarding .step p{display:block!important;font-size:14px;line-height:1.65;margin:7px 0 0;color:var(--dev-979ca7,#979ca7)}
.developer-page .onboarding .code-panel{border:1px solid var(--dev-ffffff20,#ffffff20);border-radius:14px;background:var(--dev-151719,#151719);overflow:hidden}
.developer-page .onboarding .code-toolbar{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;background:var(--dev-1c1f23,#1c1f23);border-bottom:1px solid var(--dev-ffffff10,#ffffff10)}
.developer-page .onboarding .lang-tabs{display:flex;gap:4px;flex-wrap:wrap}
.developer-page .onboarding .lang-tabs button{padding:7px 11px;border:0;border-radius:5px;background:transparent;font-size:13px;color:var(--dev-8f96a3,#8f96a3)}
.developer-page .onboarding .lang-tabs button.active{background:var(--dev-a9ccff13,#a9ccff13);color:var(--dev-d8e7ff,#d8e7ff)}
.developer-page .onboarding .copy-btn{display:flex;align-items:center;gap:7px;background:transparent;border:0;padding:4px;color:var(--dev-b4bdca,#b4bdca);font-size:13px}
.developer-page .onboarding .copy-btn:hover{color:var(--dev-ffffff,#fff)}
.developer-page .onboarding .copy-btn svg{width:15px;height:15px}
.developer-page .onboarding .code-caption{display:flex;align-items:center;gap:10px;padding:21px 24px 0;font:12px/1.6 'Geist Mono',monospace;overflow-wrap:anywhere;color:var(--dev-bbc6d5,#bbc6d5)}
.developer-page .onboarding .method{font:600 11px/1.5 'Geist Mono',monospace;background:var(--dev-a9ccff19,#a9ccff19);color:var(--dev-a9ccff,#a9ccff);padding:3px 6px;border-radius:4px}
.developer-page .onboarding #code{height:372px;min-height:0;overflow:auto;padding:22px 24px;margin:0;tab-size:2;font:12px/1.8 'Geist Mono',monospace;white-space:pre;color:var(--dev-e0e4ec,#e0e4ec);scrollbar-width:thin;scrollbar-color:var(--dev-454b55,#454b55) transparent}
.developer-page .onboarding #code .comment{color:var(--dev-7f8998,#7f8998)}
.developer-page .onboarding #code .str{color:var(--dev-a3d7ba,#a3d7ba)}
.developer-page .onboarding .code-response{border-top:1px solid var(--dev-ffffff12,#ffffff12);padding:18px 24px 22px;background:var(--dev-111416,#111416);min-height:208px}
.developer-page .onboarding .response-head{display:flex;justify-content:space-between;gap:12px;font:10px/1.6 'Geist Mono',monospace;letter-spacing:.3px;color:var(--dev-8b95a3,#8b95a3);margin-bottom:14px;flex-wrap:wrap}
.developer-page .onboarding .response-head .green{color:var(--dev-a3d7ba,#a3d7ba)}
.developer-page .onboarding .response-line{font:12px/1.8 'Geist Mono',monospace;color:var(--dev-c3ccd6,#c3ccd6);white-space:pre-wrap;overflow-wrap:anywhere}
.developer-page .onboarding .integration-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-top:18px;font-size:12px;line-height:1.6;color:var(--dev-9097a4,#9097a4)}
.developer-page .onboarding .text-btn{background:none;border:0;padding:0;color:var(--dev-a9ccff,#a9ccff);white-space:nowrap;font-size:13px}
.developer-page .onboarding .onboarding-footnote{font-size:12px;line-height:1.6;color:var(--dev-7f8793,#7f8793);margin:12px 0 0}
.developer-page .developer-ownership{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding:80px 0 100px;border-top:1px solid var(--dev-ffffff18,#ffffff18)}
.developer-page .ownership-art{height:270px;border:1px solid var(--dev-ffffff18,#ffffff18);border-radius:3px;display:flex;flex-direction:column;justify-content:center;padding:32px;background:var(--dev-101214,#101214);overflow:hidden}
.developer-page .agent-endpoints{display:flex;gap:26px;justify-content:space-around}
.developer-page .agent-endpoints>span{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:var(--dev-c9cdd4,#c9cdd4);padding:14px 18px;border:1px solid var(--dev-ffffff20,#ffffff20);border-radius:10px;background:var(--dev-1b1e22,#1b1e22);flex:1}
.developer-page .ownership-art svg:not(.continuity-lines){height:20px;width:20px;flex-shrink:0}
.developer-page .continuity-lines{width:100%;height:56px;stroke:var(--dev-a9ccff60,#a9ccff60);stroke-width:1.3;flex-shrink:0}
.developer-page .shared-memory{display:flex;gap:15px;align-items:center;align-self:center;border:1px solid var(--dev-a9ccff33,#a9ccff33);border-radius:12px;padding:17px 20px;background:var(--dev-a9ccff08,#a9ccff08)}
.developer-page .shared-memory img{width:28px;height:28px;filter:brightness(0) invert(1);opacity:.85}
.developer-page .shared-memory strong{display:block;font-size:14px;font-weight:500;color:var(--dev-d5dfed,#d5dfed)}
.developer-page .shared-memory span{display:block;font-size:11px;margin-top:6px;color:var(--dev-8e9bae,#8e9bae)}
.developer-page .permission-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--dev-ffffff12,#ffffff12);font:13px 'Geist Mono',monospace}
.developer-page .permission-row>span{display:flex;align-items:center;gap:10px;color:var(--dev-d8dce3,#d8dce3)}
.developer-page .permission-row>div{display:flex;gap:6px}
.developer-page .permission-row>div span{padding:5px 8px;border:1px solid var(--dev-a9ccff33,#a9ccff33);background:var(--dev-a9ccff0d,#a9ccff0d);color:var(--dev-a9ccff,#a9ccff);border-radius:5px;font-size:11px}
.developer-page .permission-scope{display:flex;gap:22px;padding:16px 0 23px;font:11px/1.6 'Geist Mono',monospace;color:var(--dev-9ca8b9,#9ca8b9)}
.developer-page .managed-memory{border:1px solid var(--dev-ffffff17,#ffffff17);background:var(--dev-1a1d20,#1a1d20);border-radius:10px;padding:17px;font-size:14px;color:var(--dev-c6ccd6,#c6ccd6)}
.developer-page .managed-memory code{font:12px 'Geist Mono',monospace;color:var(--dev-c8dcfa,#c8dcfa)}
.developer-page .managed-memory>div{display:flex;gap:16px;margin-top:13px;font-size:11px;color:var(--dev-929aa6,#929aa6)}
.developer-page .managed-memory>div span:last-child{color:var(--dev-c99999,#c99999)}
.developer-page .ownership-copy{padding-top:27px}
.developer-page .ownership-copy h2{font-size:26px;line-height:1.3;letter-spacing:-.7px;font-weight:500;margin:0 0 15px}
.developer-page .ownership-copy p{font-size:18px;line-height:1.75;margin:0 0 19px;color:var(--dev-a0a5af,#a0a5af)}
.developer-page .ownership-note{font-size:13px;line-height:1.6;color:var(--dev-7e8897,#7e8897)}
.developer-page .developer-resources{padding:80px 0 110px;border-top:1px solid var(--dev-ffffff18,#ffffff18)}
.developer-page .developer-resources-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:40px}
.developer-page .developer-resources-heading p{margin:0}
.developer-page .developer-resources .button-primary{color:var(--on-primary)}
.developer-page .developer-resource{display:grid;grid-template-columns:32px 200px 1fr 24px;gap:24px;align-items:center;padding:28px 16px;border-top:1px solid var(--dev-ffffff18,#ffffff18);transition:background .2s}
.developer-page .developer-resource:last-child{border-bottom:1px solid var(--dev-ffffff18,#ffffff18)}
.developer-page .developer-resource:hover{background:var(--dev-a9ccff08,#a9ccff08)}
.developer-page .developer-resource svg{height:22px;width:22px;color:var(--dev-a9ccff,#a9ccff)}
.developer-page .developer-resource h3{font-size:20px;font-weight:500;margin:0;letter-spacing:-.3px}
.developer-page .developer-resource p{font-size:16px;line-height:1.6;margin:0;color:var(--dev-959eac,#959eac)}
.developer-page .resource-mark{display:flex;align-items:center}
@media(max-width:900px){.developer-page .onboarding .integration-layout{gap:24px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr)}.developer-page .developer-ownership{gap:24px}.developer-page .ownership-art{padding:22px}.developer-page .agent-endpoints{gap:10px}.developer-page .agent-endpoints>span{padding:12px 8px;font-size:12px}.developer-page .shared-memory{padding:14px 10px}.developer-page .shared-memory span{font-size:10px}.developer-page .developer-resource{grid-template-columns:26px 150px 1fr 24px;gap:16px}}
@media(max-width:680px){.developer-page .onboarding{padding:64px 0}.developer-page .onboarding .integration-layout{grid-template-columns:minmax(0,1fr);gap:26px}.developer-page .onboarding .integration-heading{margin-bottom:26px}.developer-page .onboarding .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.developer-page .onboarding .step{padding:12px 8px;gap:6px;min-width:0;white-space:normal}.developer-page .onboarding .step strong{font-size:14px}.developer-page .onboarding .step p{font-size:12px}.developer-page .onboarding .step-num{width:23px;font-size:11px}.developer-page .onboarding .code-toolbar{padding:10px}.developer-page .onboarding .lang-tabs button{padding:7px}.developer-page .onboarding #code{padding:18px 16px;height:360px;font-size:11px}.developer-page .onboarding .code-caption{padding:18px 16px 0;font-size:11px}.developer-page .onboarding .code-response{padding:18px 16px}.developer-page .onboarding .integration-bottom{flex-direction:column;gap:8px}.developer-page .developer-ownership{grid-template-columns:1fr;gap:44px;padding:60px 0}.developer-page .ownership-art{height:250px;padding:24px}.developer-page .ownership-copy p{font-size:17px}.developer-page .developer-resources{padding:60px 0}.developer-page .developer-resources-heading{align-items:flex-start;flex-direction:column;margin-bottom:32px}.developer-page .developer-resource{grid-template-columns:24px 1fr 20px;gap:10px 18px;padding:24px 0}.developer-page .developer-resource p{grid-column:2;font-size:14px}.developer-page .developer-resource>svg{grid-column:3;grid-row:1}.developer-page .developer-resource h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.developer-page .onboarding *,.developer-page .developer-resource{animation:none!important;transition:none!important}}

/* Selection is indicated by the card surface and outline. */
.developer-page .onboarding .step.active::before{content:none}

/* Fit each example to its contents, including narrow-screen layouts. */
html:not([data-theme="light"]) .developer-page .onboarding #code{height:auto;min-height:0}
html:not([data-theme="light"]) .developer-page .onboarding .code-response{min-height:0;background:#1b2024}

/* Keep the texture within the first example’s footprint, independent of later steps. */
.developer-page .onboarding .code-panel-backdrop{position:relative;isolation:isolate;min-width:0}
.developer-page .onboarding .code-panel-noise{position:absolute;z-index:-1;pointer-events:none;left:50%;top:-70px;width:155%;height:500px;transform:translateX(-50%);opacity:.8;mask-image:radial-gradient(ellipse at center,#000 22%,transparent 70%)}
html[data-theme="light"] .developer-page .onboarding .code-panel-noise{display:none}

.developer-page .onboarding .integration-heading .onboarding-footnote{font-size:12px;line-height:1.6;color:var(--dev-7f8793,#7f8793);margin:14px 0 0}