.dev-sandbox{--dev-cream:#fcf4e8;--dev-paper:#fff9f1;--dev-ink:#221813;--dev-muted:#6b5a4f;--dev-line:#ddcebf;--dev-line-strong:#bea692;--dev-orange:#d85831;--dev-orange-soft:#ffe0cf;--dev-green:#2a8558;--dev-dark:#17100c;background:var(--dev-cream);min-height:100vh;color:var(--dev-ink);font-family:var(--font-inter), system-ui, -apple-system, sans-serif;overflow-x:clip}@supports (color:lab(0% 0 0)){.dev-sandbox{--dev-cream:lab(96.5525% 1.50368 6.72364);--dev-paper:lab(98.2885% .842184 4.50227);--dev-ink:lab(9.41271% 4.68336 5.25443);--dev-muted:lab(39.5817% 5.70036 9.04501);--dev-line:lab(83.754% 3.41782 9.34945);--dev-line-strong:lab(69.7633% 6.75529 13.8953);--dev-orange:lab(54.491% 49.9301 47.8671);--dev-orange-soft:lab(91.632% 11.6648 14.6102);--dev-green:lab(49.2452% -36.0284 15.8617);--dev-dark:lab(5.20445% 2.88648 2.8637)}}.dev-sandbox-shell{width:min(1200px,100vw - 32px);margin:0 auto}.dev-sandbox-shell-top{padding-top:20px}.dev-sandbox-topbar{border-bottom:1px solid var(--dev-line);grid-template-columns:1fr auto;align-items:center;min-height:66px;display:grid}.dev-brand{align-items:center;gap:12px;min-width:0;display:flex}.dev-brand-divider{background:var(--dev-line-strong);width:1px;height:26px}.dev-brand-context{color:var(--dev-muted);letter-spacing:0;white-space:nowrap;font-size:13px;font-weight:750}.dev-sandbox-hero{padding:84px 0 92px;position:relative}.dev-sandbox-hero:before{background-image:linear-gradient(to right, color-mix(in oklch, var(--dev-ink) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--dev-ink) 4%, transparent) 1px, transparent 1px);content:"";opacity:1;pointer-events:none;background-size:64px 64px;position:absolute;inset:0}.dev-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);align-items:center;gap:clamp(44px,6vw,72px);display:grid;position:relative}.dev-hero-copy{min-width:0}.dev-env-pill,.dev-panel-label{border:1px solid color-mix(in oklch, var(--dev-orange) 24%, transparent);background:color-mix(in oklch, var(--dev-orange) 7%, transparent);width:fit-content;color:var(--dev-orange);font-family:var(--font-dm-mono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.dev-sandbox-title{letter-spacing:0;max-width:760px;margin:24px 0 0;font-size:clamp(46px,6vw,76px);font-weight:650;line-height:.98}.dev-sandbox-copy{max-width:660px;color:var(--dev-muted);margin:24px 0 0;font-size:18px;line-height:1.7}.dev-sandbox-note{border:1px solid color-mix(in oklch, var(--dev-orange) 24%, transparent);background:color-mix(in oklch, var(--dev-orange-soft) 56%, transparent);max-width:660px;color:var(--dev-muted);border-radius:8px;margin:20px 0 0;padding:14px 16px;font-size:14px;line-height:1.62}.dev-sandbox-note code,.dev-choice-endpoint,.dev-endpoint-row code,.dev-inline-list code{font-family:var(--font-dm-mono), ui-monospace, SFMono-Regular, monospace}.dev-sandbox-note code{color:var(--dev-ink);font-weight:750}.dev-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.dev-action{border:1px solid color-mix(in oklch, var(--dev-ink) 16%, transparent);background:color-mix(in oklch, var(--dev-paper) 88%, transparent);min-height:45px;color:var(--dev-ink);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:14px;font-weight:760;text-decoration:none;transition:border-color .16s ease-out,background .16s ease-out,color .16s ease-out;display:inline-flex}.dev-action:hover{border-color:color-mix(in oklch, var(--dev-orange) 44%, var(--dev-line));background:var(--dev-paper)}.dev-action.primary{border-color:var(--dev-orange);background:var(--dev-orange);color:var(--dev-paper)}.dev-action.primary:hover{background:color-mix(in oklch, var(--dev-orange) 88%, var(--dev-dark))}.dev-hero-aside{justify-items:end;gap:22px;min-width:0;display:grid}.dev-hero-image{width:min(100%,610px);position:relative}.dev-hero-image img{filter:saturate(1.03)contrast(1.02)drop-shadow(0 18px 24px #16120f0f);-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.dev-anchor-nav{border:1px solid var(--dev-line);background:color-mix(in oklch, var(--dev-paper) 90%, transparent);width:min(100%,410px);font-family:var(--font-dm-mono), ui-monospace, SFMono-Regular, monospace;border-radius:8px;gap:9px;padding:18px;font-size:12px;display:grid}.dev-anchor-nav>div{color:var(--dev-muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;font-size:10px}.dev-anchor-nav a{border-top:1px solid var(--dev-line);color:var(--dev-ink);align-items:baseline;gap:12px;padding-top:9px;text-decoration:none;display:flex}.dev-anchor-nav a:hover{color:var(--dev-orange)}.dev-anchor-nav span{color:var(--dev-muted)}.dev-anchor-nav b{border-bottom:1px dashed var(--dev-line);font-weight:700}.dev-content-section{padding:78px 0}.dev-content-section-tight{padding-top:8px}.dev-section-heading{gap:12px;max-width:820px;margin-bottom:34px;display:grid}.dev-section-kicker{color:var(--dev-orange);font-family:var(--font-dm-mono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;font-size:11px;font-weight:800;display:flex}.dev-section-kicker span{color:var(--dev-muted)}.dev-section-heading h2{color:var(--dev-ink);letter-spacing:0;margin:0;font-size:clamp(30px,4.2vw,46px);font-weight:650;line-height:1.06}.dev-section-heading p{color:var(--dev-muted);margin:0;font-size:16px;line-height:1.65}.dev-entry-grid,.dev-api-choice-grid,.dev-sandbox-grid{gap:16px;display:grid}.dev-entry-grid{grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);align-items:stretch}.dev-signup,.dev-flow-panel,.dev-api-choice,.dev-info-panel,.dev-endpoints-panel{border:1px solid var(--dev-line);background:color-mix(in oklch, var(--dev-paper) 88%, transparent);border-radius:8px;padding:22px}.dev-signup h2,.dev-flow-panel h3,.dev-info-panel h2,.dev-endpoints-panel h2{letter-spacing:0;margin:12px 0 8px;font-size:24px;font-weight:650;line-height:1.1}.dev-signup p,.dev-flow-panel p,.dev-info-panel p,.dev-endpoints-panel p{color:var(--dev-muted);margin:0;line-height:1.58}.dev-flow-steps{gap:10px;margin-top:18px;display:grid}.dev-flow-steps span{border-top:1px solid var(--dev-line);grid-template-columns:auto 1fr;gap:3px 13px;padding-top:12px;display:grid}.dev-flow-steps strong{color:var(--dev-orange);font-family:var(--font-dm-mono), ui-monospace, SFMono-Regular, monospace;grid-row:span 2;font-size:13px}.dev-flow-steps b{font-size:14px}.dev-flow-steps small{color:var(--dev-muted);font-size:12px;line-height:1.4}.dev-form,.dev-inline-list,.dev-endpoints{gap:10px;display:grid}.dev-form{margin-top:18px}.dev-form label{color:var(--dev-ink);font-family:var(--font-dm-mono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.06em;text-transform:uppercase;gap:6px;font-size:11px;font-weight:800;display:grid}.dev-form label>span{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.dev-form label small,.dev-field-hint{color:var(--dev-muted);font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:0;text-transform:none;font-size:12px;font-weight:600;line-height:1.45}.dev-form input{border:1px solid var(--dev-line-strong);background:var(--dev-paper);min-height:44px;color:var(--dev-ink);font:inherit;letter-spacing:0;border-radius:8px;padding:10px 12px}.dev-form input:focus{border-color:var(--dev-orange);box-shadow:0 0 0 3px color-mix(in oklch, var(--dev-orange) 16%, transparent);outline:none}.dev-form button{border:1px solid var(--dev-orange);background:var(--dev-orange);min-height:46px;color:var(--dev-paper);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:820;transition:background .16s ease-out;display:inline-flex}.dev-form button:hover:not(:disabled){background:color-mix(in oklch, var(--dev-orange) 88%, var(--dev-dark))}.dev-form button:disabled{cursor:wait;opacity:.65}.dev-form-message,.dev-form-error{border-radius:8px;padding:10px 12px;font-size:13px;margin-top:12px!important}.dev-form-message{background:color-mix(in oklch, var(--dev-green) 10%, transparent);color:color-mix(in oklch, var(--dev-green) 78%, var(--dev-ink))!important}.dev-form-error{background:color-mix(in oklch, var(--dev-orange) 12%, transparent);color:var(--dev-orange)!important}.dev-signup-done{grid-template-columns:auto 1fr;gap:12px;display:grid}.dev-dark-band{background:var(--dev-dark);color:var(--dev-cream);padding:78px 0 86px}.dev-section-heading-dark h2{color:var(--dev-cream)}.dev-section-heading-dark p{color:color-mix(in oklch, var(--dev-cream) 64%, transparent)}.dev-dark-band .dev-section-kicker span{color:color-mix(in oklch, var(--dev-cream) 42%, transparent)}.dev-status-strip{border:1px solid color-mix(in oklch, var(--dev-cream) 14%, transparent);background:color-mix(in oklch, var(--dev-cream) 14%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.dev-status-strip span{background:var(--dev-dark);align-content:start;gap:8px;min-height:160px;padding:24px;display:grid}.dev-status-strip svg{color:var(--dev-orange)}.dev-status-strip strong,.dev-endpoint-row strong{font-family:var(--font-dm-mono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.08em;text-transform:uppercase;font-size:11px;display:block}.dev-status-strip small{color:color-mix(in oklch, var(--dev-cream) 58%, transparent);font-size:14px;line-height:1.5}.dev-api-picker{gap:18px;scroll-margin-top:24px;display:grid}.dev-api-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dev-api-choice{align-content:start;gap:16px;display:grid}.dev-choice-header{grid-template-columns:auto 1fr;gap:8px 12px;display:grid}.dev-choice-icon{border:1px solid color-mix(in oklch, var(--dev-orange) 24%, transparent);background:color-mix(in oklch, var(--dev-orange) 10%, transparent);width:42px;height:42px;color:var(--dev-orange);border-radius:8px;grid-row:span 2;justify-content:center;align-items:center;display:inline-flex}.dev-api-choice h3{color:var(--dev-ink);letter-spacing:0;margin:0;font-size:25px;font-weight:650}.dev-choice-lead{color:var(--dev-muted);grid-column:2;margin:0;font-size:15px;line-height:1.55}.dev-choice-list{color:var(--dev-muted);gap:8px;margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:grid}.dev-choice-endpoint{border:1px solid var(--dev-line);background:color-mix(in oklch, var(--dev-cream) 60%, var(--dev-paper));color:var(--dev-ink);white-space:nowrap;border-radius:8px;padding:11px 12px;font-size:13px;overflow-x:auto}.dev-choice-actions{flex-wrap:wrap;gap:10px;display:flex}.dev-connector-cookbook{border:1px solid color-mix(in oklch, var(--dev-green) 26%, var(--dev-line));background:color-mix(in oklch, var(--dev-green) 6%, var(--dev-paper));border-radius:8px;gap:10px;padding:12px;display:grid}.dev-connector-cookbook p{color:var(--dev-muted);margin:0;font-size:13px;line-height:1.45}.dev-connector-payload-list{gap:8px;display:grid}.dev-connector-payload{border:1px solid var(--dev-line);background:var(--dev-paper);border-radius:8px}.dev-connector-payload summary{cursor:pointer;grid-template-columns:minmax(88px,auto) minmax(0,1fr);gap:5px 10px;padding:10px;display:grid}.dev-connector-payload summary span{color:var(--dev-orange);font-family:var(--font-dm-mono), ui-monospace, SFMono-Regular, monospace;text-transform:uppercase;font-size:11px;font-weight:800}.dev-connector-payload summary strong{color:var(--dev-ink);font-size:13px}.dev-connector-payload summary code{color:var(--dev-muted);white-space:nowrap;grid-column:1/-1;font-size:12px;overflow-x:auto}.dev-connector-payload small{color:var(--dev-muted);padding:0 10px 10px;font-size:12px;line-height:1.45;display:block}.dev-connector-payload pre{border-top:1px solid var(--dev-line);background:color-mix(in oklch, var(--dev-ink) 92%, black);max-height:260px;color:var(--dev-cream);margin:0;padding:10px;font-size:12px;line-height:1.45;overflow:auto}.dev-quick-choice{border:1px solid var(--dev-line);background:var(--dev-line);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.dev-quick-choice span,.dev-quick-choice a{background:color-mix(in oklch, var(--dev-paper) 88%, transparent);min-height:76px;padding:12px}.dev-quick-choice a{color:var(--dev-ink);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.dev-quick-choice strong,.dev-quick-choice small{display:block}.dev-quick-choice strong{color:var(--dev-ink);font-size:13px}.dev-quick-choice small{color:var(--dev-orange);font-family:var(--font-dm-mono), ui-monospace, SFMono-Regular, monospace;margin-top:4px;font-size:12px;font-weight:800}.dev-sandbox-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dev-inline-list,.dev-endpoints{margin-top:16px}.dev-inline-list span{border:1px solid var(--dev-line);background:color-mix(in oklch, var(--dev-paper) 78%, transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.dev-inline-list svg{color:var(--dev-orange)}.dev-inline-list code,.dev-endpoint-row code{color:var(--dev-muted);font-size:12px;line-height:1.4}.dev-endpoint-row{border:1px solid var(--dev-line);background:color-mix(in oklch, var(--dev-paper) 78%, transparent);border-radius:8px;padding:12px}.dev-sandbox-footer{border-top:1px solid var(--dev-line);color:var(--dev-muted);padding:20px 0 46px;font-size:13px;display:grid}@media (max-width:980px){.dev-sandbox-topbar,.dev-hero-grid,.dev-entry-grid,.dev-sandbox-grid,.dev-api-choice-grid,.dev-quick-choice,.dev-status-strip{grid-template-columns:1fr}.dev-sandbox-hero{padding-top:44px}.dev-hero-aside{border-top:1px solid var(--dev-line);justify-items:start;padding-top:28px}.dev-anchor-nav,.dev-hero-image{width:min(100%,620px)}.dev-hero-image img{width:100%}.dev-sandbox-topbar{align-items:start;padding-bottom:14px}.dev-brand{flex-wrap:wrap}}@media (max-width:560px){.dev-sandbox-shell{width:min(100% - 24px,1200px)}.dev-sandbox-hero,.dev-content-section,.dev-dark-band{padding-block:54px}.dev-sandbox-title{font-size:clamp(38px,13vw,50px)}.dev-sandbox-copy{font-size:16px}.dev-actions,.dev-choice-actions{display:grid}.dev-action{width:100%}.dev-choice-header,.dev-flow-steps span{grid-template-columns:1fr}.dev-choice-lead{grid-column:auto}.dev-inline-list span{flex-direction:column;align-items:start}}