.sf-developer-landing{--dev-paper:var(--sf-paper);--dev-surface:#fffdf8;--dev-ink:var(--sf-ink);--dev-muted:#48566c;--dev-rule:#d8cfbf;--dev-accent:var(--sf-blue);--dev-hover:var(--sf-blue-hover);--dev-tint:#edf2ff;--dev-code:#182a43;--dev-code-ink:#f1f5fc;--dev-display:var(--font-bricolage-grotesque),sans-serif;--dev-body:var(--font-bricolage-grotesque),sans-serif;--dev-mono:var(--font-mono),monospace;--dev-xs:8px;--dev-sm:12px;--dev-md:16px;--dev-lg:24px;--dev-xl:40px;--dev-2xl:64px;--dev-3xl:96px;--dev-radius:8px;--dev-duration:.12s;--dev-ease:cubic-bezier(.16,1,.3,1)}:is(html:has(.sf-developer-landing),body:has(.sf-developer-landing)){overflow-x:clip}.sf-developer-landing{background:var(--dev-paper);color:var(--dev-ink);font-family:var(--dev-body)}.sf-dev-container{width:min(1180px,100% - 40px);margin-inline:auto}.sf-developer-landing h1,.sf-developer-landing h2,.sf-developer-landing h3{font-family:var(--dev-display);letter-spacing:-.025em;overflow-wrap:anywhere;min-width:0;margin:0;font-style:normal;font-weight:850;line-height:1.12}.sf-developer-landing h1{max-width:12ch;font-size:clamp(40px,5vw,66px)}.sf-developer-landing h2{max-width:26ch;font-size:clamp(28px,3vw,40px)}.sf-developer-landing h3{font-size:22px}.sf-developer-landing p,.sf-developer-landing li,.sf-developer-landing dd{color:var(--dev-muted);font-size:16px;line-height:1.65}.sf-developer-landing p{max-width:65ch;margin:var(--dev-md)0 0}.sf-dev-hero{gap:var(--dev-xl);padding-block:var(--dev-xl)var(--dev-2xl);grid-template-columns:minmax(0,1fr);display:grid}.sf-developer-landing .sf-dev-lede{max-width:42ch;margin-top:var(--dev-lg);font-size:19px}.sf-dev-actions{align-items:center;gap:var(--dev-md);margin-top:var(--dev-lg);flex-wrap:wrap;display:flex}.sf-dev-primary{min-height:48px;padding:var(--dev-sm)var(--dev-lg);background:var(--dev-accent);color:var(--dev-surface);border:2px solid var(--dev-ink);white-space:nowrap;transition:background var(--dev-duration)var(--dev-ease);justify-content:center;align-items:center;font-size:15px;font-weight:750;display:inline-flex}.sf-dev-primary:hover{background:var(--dev-hover)}.sf-dev-primary:active{transform:translateY(1px)}.sf-developer-landing a:focus-visible,.sf-developer-landing button:focus-visible,.sf-developer-landing summary:focus-visible,.sf-developer-landing pre:focus-visible{outline:3px solid var(--dev-accent);outline-offset:4px}.sf-dev-text-link,.sf-dev-spec-link,.sf-dev-cross-link a,.sf-dev-faq a,.sf-mcp-host-guides a{color:var(--dev-accent);text-underline-offset:4px;font-weight:650;text-decoration:underline}.sf-dev-text-link,.sf-dev-spec-link,.sf-mcp-host-guides a{white-space:nowrap;align-items:center;min-height:44px;display:inline-flex}.sf-developer-landing .sf-dev-hero-note{margin-top:var(--dev-md);font-size:13px}.sf-dev-request,.sf-dev-endpoint{align-self:center;min-width:0}.sf-integration-snippet{min-width:0;max-width:100%}.sf-snippet-options{gap:var(--dev-xs);margin-bottom:var(--dev-md);flex-wrap:wrap;display:flex}.sf-snippet-options button{min-height:44px;padding-inline:var(--dev-sm);color:var(--dev-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;font-size:13px;font-weight:650}.sf-snippet-options button[aria-pressed=true]{color:var(--dev-accent);border-color:var(--dev-accent)}.sf-snippet-options button:hover{background:var(--dev-tint)}.sf-integration-snippet pre{min-width:0;max-width:100%;padding:var(--dev-lg);border-radius:var(--dev-radius);color:var(--dev-code-ink);background:var(--dev-code);font-family:var(--dev-mono);tab-size:2;margin:0;font-size:13px;line-height:1.8;overflow:auto}.sf-dev-endpoint pre,.sf-dev-connect pre{white-space:pre-wrap;overflow-wrap:anywhere}.sf-developer-landing .sf-snippet-label{color:var(--dev-ink);margin:0 0 var(--dev-md);font-size:14px;font-weight:750}.sf-snippet-action{align-items:center;gap:var(--dev-sm);margin-top:var(--dev-sm);flex-wrap:wrap;display:flex}.sf-snippet-action button,.sf-dev-animation-preview button{align-items:center;gap:var(--dev-xs);min-height:44px;padding:var(--dev-xs)var(--dev-sm);background:var(--dev-surface);color:var(--dev-ink);border:1px solid var(--dev-rule);border-radius:var(--dev-radius);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:700;display:inline-flex}.sf-snippet-action button:hover,.sf-dev-animation-preview button:hover{background:var(--dev-tint)}.sf-snippet-action button:active,.sf-dev-animation-preview button:active{transform:translateY(1px)}.sf-snippet-action button:disabled,.sf-snippet-options button:disabled{cursor:wait;opacity:.65}.sf-snippet-options button:active{background:var(--dev-tint)}.sf-dev-animation-preview button{margin-top:var(--dev-sm)}.sf-snippet-action output{color:var(--dev-muted);font-size:13px}.sf-developer-landing .sf-snippet-note{margin-top:var(--dev-sm);font-size:13px;line-height:1.55}.sf-dev-spec-link{margin-top:var(--dev-xs);font-size:13px}.sf-dev-section{padding-block:var(--dev-2xl);border-top:1px solid var(--dev-rule)}.sf-dev-proof,.sf-mcp-creative,.sf-dev-flow,.sf-dev-toolkit{gap:var(--dev-xl);grid-template-columns:minmax(0,1fr);display:grid}.sf-dev-sheet,.sf-mcp-animation{min-width:0;margin:0}.sf-dev-sheet img,.sf-mcp-animation img{background-color:var(--dev-surface);width:100%;height:auto;image-rendering:pixelated}.sf-dev-sheet figcaption,.sf-mcp-animation figcaption{margin-top:var(--dev-sm);color:var(--dev-muted);font-size:13px;line-height:1.5}.sf-dev-use-cases{gap:var(--dev-xl);margin-top:var(--dev-xl);display:grid}.sf-dev-use-cases article{min-width:0}.sf-dev-flow ol,.sf-mcp-steps{padding-left:var(--dev-lg);gap:var(--dev-lg);margin:0;display:grid}.sf-mcp-steps{margin-top:var(--dev-xl)}.sf-dev-flow strong,.sf-mcp-steps strong{color:var(--dev-ink)}.sf-mcp-host-guides{gap:var(--dev-xs)var(--dev-lg);margin-block:var(--dev-lg)var(--dev-xl);flex-wrap:wrap;display:flex}.sf-mcp-animation{max-width:400px}.sf-mcp-creative blockquote{margin:var(--dev-lg)0;padding:var(--dev-md)0;color:var(--dev-ink);font-size:21px;font-weight:650;line-height:1.5}.sf-dev-budget{max-width:880px}.sf-developer-landing code{font-family:var(--dev-mono)}.sf-dev-faq details{border-bottom:1px solid var(--dev-rule)}.sf-dev-faq h2{margin-bottom:var(--dev-lg)}.sf-dev-faq summary,.sf-mcp-tool-list summary{padding:var(--dev-lg)0;cursor:pointer;font-weight:750;line-height:1.5}.sf-dev-faq details>div{padding:0 0 var(--dev-lg)}.sf-dev-faq details p{margin-top:0}.sf-dev-faq a{align-items:center;min-height:44px;display:inline-flex}.sf-mcp-tool-list{align-self:start;min-width:0}.sf-mcp-tool-list dl{margin:0}.sf-mcp-tool-list dl>div{padding-block:var(--dev-sm);border-top:1px solid var(--dev-rule)}.sf-mcp-tool-list dt{overflow-wrap:anywhere;font-size:13px;font-weight:650}.sf-mcp-tool-list dd{margin:var(--dev-xs)0 0;font-size:14px}.sf-dev-close{align-items:center;gap:var(--dev-lg)var(--dev-xl);padding-bottom:var(--dev-3xl);flex-wrap:wrap;display:flex}.sf-dev-close>div{flex:300px}.sf-dev-close .sf-dev-cross-link{flex-basis:100%;margin-top:0;font-size:14px}@media (min-width:800px){.sf-dev-hero{gap:var(--dev-2xl);padding-block:var(--dev-2xl)var(--dev-3xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sf-dev-proof{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}.sf-mcp-creative{align-items:center;gap:var(--dev-2xl);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.sf-dev-use-cases{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.sf-dev-use-cases article:last-child{grid-column:1/-1;max-width:700px}.sf-dev-flow,.sf-dev-toolkit{gap:var(--dev-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.sf-developer-landing *{transition:none!important}}
