body{background:radial-gradient(at 85% 0,#152234 0,#0000 38rem);margin:0}a{color:inherit;text-underline-offset:4px;text-decoration-color:#526b88}a:hover{color:#a3d1ff}:focus-visible{outline-offset:5px;outline:2px solid #8bc7ff}.skip-link{color:#000;z-index:10;background:#fff;padding:12px;position:absolute;top:-100px}.skip-link:focus{top:0}.site-header{border-bottom:1px solid #ffffff12}.site-header nav{justify-content:space-between;align-items:center;gap:24px;max-width:1144px;min-height:76px;margin:auto;padding:18px 32px;display:flex}.brand{letter-spacing:-.04em;align-items:center;font-size:19px;font-weight:760;text-decoration:none;display:inline-flex}.brand-dot{background:#8bc7ff;border-radius:50%;width:7px;height:7px;margin-right:9px;box-shadow:0 0 18px #57aeff99}.nav-links{color:#a1a1a1;gap:24px;font-size:13px;display:flex}.nav-links a{text-decoration:none}.nav-links [aria-current=page]{color:#fff}.blog-index{max-width:1144px;min-height:72vh;margin:auto;padding:92px 32px 112px}.eyebrow{color:#9acaff;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:650}.index-header h1{letter-spacing:-.055em;margin:25px 0;font-size:clamp(48px,7vw,80px);font-weight:640;line-height:1.08}.index-header h1 span{color:#a5c7ed}.index-header>p:last-child{color:#9c9fa5;max-width:530px;font-size:18px;line-height:1.7}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:64px;display:grid}.post-card{border-top:1px solid #ffffff24;padding:27px 0 16px}.post-meta{color:#969ca5;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;display:flex}.post-meta>span{color:#a7d1ff}.post-card h2{letter-spacing:-.035em;max-width:480px;margin:22px 0 14px;font-size:27px;font-weight:570;line-height:1.3}.post-card h2 a{text-decoration:none}.post-card p{color:#a2a5ac;font-size:15px;line-height:1.8}.read-link{color:#c6def8;gap:24px;margin-top:20px;font-size:13px;text-decoration:none;display:inline-flex}.article-layout{grid-template-columns:minmax(0,748px) 220px;gap:64px;max-width:1144px;margin:auto;padding:56px 32px 90px;display:grid}.article-header{border-bottom:1px solid #ffffff1a;margin-bottom:34px;padding-bottom:34px}.back-link{color:#9aabbc;margin-bottom:42px;font-size:13px;text-decoration:none;display:inline-block}.article-header h1{letter-spacing:-.045em;margin:22px 0;font-size:clamp(34px,4vw,51px);font-weight:630;line-height:1.13}.dek{color:#a7adb6;font-size:18px;line-height:1.65}.byline{color:#898f99;margin-top:24px;font-size:13px}.byline a{color:#c6cbd2;text-decoration:none}.prose{color:#bec2ca;overflow-wrap:break-word;font-size:16px;line-height:1.85}.prose>:first-child{margin-top:0}.prose p,.prose ul,.prose ol{margin:22px 0}.prose li{margin:9px 0;padding-left:5px}.prose ul,.prose ol{padding-left:25px}.prose strong{color:#ebedf1;font-weight:600}.prose a{color:#a5ceff}.prose h2,.prose h3{color:#f1f3f5;letter-spacing:-.025em;scroll-margin-top:24px;line-height:1.35}.prose h2{margin:54px 0 20px;font-size:27px;font-weight:600}.prose h3{margin:35px 0 16px;font-size:21px;font-weight:580}.heading-anchor{opacity:0;margin-left:10px;font-size:.8em;text-decoration:none}h2:hover .heading-anchor,h3:hover .heading-anchor,.heading-anchor:focus{opacity:1}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}:not(pre)>code{color:#d4e4f7;overflow-wrap:anywhere;background:#ffffff0a;border:1px solid #ffffff0b;border-radius:4px;padding:2px 5px;font-size:.85em}.code-block{background:#101215;border:1px solid #ffffff1c;border-radius:10px;margin:28px 0;overflow:hidden}.code-label{color:#7f8b9c;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;min-height:43px;padding:9px 16px;font:11px ui-monospace,monospace;display:flex}.copy-code{color:#b5c6dc;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:5px;padding:4px 9px}pre{color:#bdcbdc;tab-size:2;margin:0;padding:20px;font-size:12px;line-height:1.7;overflow:auto}.token-keyword,.token-tag{color:#b6acfa}.token-string,.token-attribute{color:#a3cdb5}.token-comment{color:#7e8c99}.token-function,.token-type{color:#91c6f6}.token-number,.token-literal{color:#e9bd8d}.table-scroll{border:1px solid #ffffff1c;border-radius:8px;margin:28px 0;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:560px;font-size:13px;line-height:1.6}th{color:#e2e7ee;background:#ffffff05;font-weight:600}td,th{vertical-align:top;border-bottom:1px solid #ffffff12;padding:14px 16px}tr:last-child td{border-bottom:0}.toc{align-self:start;max-height:calc(100vh - 64px);padding-top:8px;font-size:12px;line-height:1.5;position:sticky;top:32px;overflow:auto}.toc>p{color:#e2e5eb;margin-bottom:22px;font-weight:550}.toc ol,.mobile-toc ol{margin:0;padding:0;list-style:none}.toc li{margin:12px 0}.toc .depth-3{padding-left:12px;font-size:11px}.toc a{color:#969da7;text-decoration:none}.toc a:hover{color:#a5ceff}.toc .toc-cta{color:#c3dcfa;border-top:1px solid #ffffff1a;margin-top:30px;padding-top:22px;display:block}.mobile-toc{display:none}.related{margin-top:65px}footer{border-top:1px solid #ffffff14;align-items:center;gap:24px;max-width:1080px;margin:auto;padding:35px 0 50px;display:flex}footer p{color:#818894;font-size:13px}footer div{color:#a1adbb;gap:24px;margin-left:auto;font-size:13px;display:flex}footer div a{text-decoration:none}@media (width<=1150px){footer{margin:0 32px}.article-layout{gap:36px}}@media (width<=850px){.article-layout{max-width:760px;display:block}.toc{display:none}.mobile-toc{color:#abbacb;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:32px;padding:16px 20px;font-size:13px;display:block}.mobile-toc summary{cursor:pointer}.mobile-toc li{margin:12px 0}.mobile-toc .depth-3{padding-left:12px}}@media (width<=600px){.site-header nav{gap:16px;padding:18px 20px}.nav-links{gap:14px;font-size:11px}.nav-links a:last-child{display:none}.blog-index{padding:56px 22px 65px}.post-grid{grid-template-columns:1fr;gap:28px;margin-top:44px}.post-card h2{font-size:25px}.article-layout{padding:32px 22px 60px}.back-link{margin-bottom:30px}.dek{font-size:16px}.prose{font-size:15px}.prose h2{font-size:24px}footer{flex-wrap:wrap;gap:12px 20px;margin:0 22px}footer p{flex-basis:65%}footer div{margin-left:0}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9edf5;background:#080b12;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.recipe-demo,.integration-demo{max-width:840px;margin:auto;padding:clamp(16px,4vw,32px)}.recipe-demo h1,.recipe-demo h2,.integration-demo h1{letter-spacing:-.035em;line-height:1.16}.recipe-demo p,.integration-demo p{color:#b8c2d6;line-height:1.6}.recipe-demo button,.integration-demo button{color:#eff5ff;min-height:44px;font:inherit;cursor:pointer;background:#18253b;border:1px solid #354863;border-radius:10px;padding:10px 18px}.recipe-demo button:hover,.integration-demo button:hover{background:#223958}.recipe-demo button:disabled,.integration-demo button:disabled{opacity:.5;cursor:default}.recipe-demo button:focus-visible,.integration-demo button:focus-visible,.recipe-demo input:focus-visible,.recipe-demo textarea:focus-visible,.recipe-demo a:focus-visible{outline-offset:3px;outline:3px solid #6ba9ff}.recipe-actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.recipe-card,.recipe-demo fieldset{background:#101724;border:1px solid #26354b;border-radius:14px;min-width:0;margin:16px 0;padding:18px}.recipe-field,.recipe-demo label{gap:8px;margin:12px 0;display:grid}.recipe-demo input,.recipe-demo textarea,.recipe-demo select{font:inherit;color:#edf3ff;background:#0a101b;border:1px solid #3a4a64;border-radius:9px;width:100%;max-width:100%;padding:12px}.recipe-demo input[type=checkbox]{width:auto}.recipe-demo label:has(>input[type=checkbox]){align-items:center;gap:10px;display:flex}.recipe-heading{letter-spacing:-.035em;max-width:840px;margin:24px auto 0;padding:0 clamp(16px,4vw,32px);font-size:clamp(26px,5vw,36px)}.recipe-status,.simulation-label{background:#102338;border:1px solid #254a71;border-radius:8px;padding:10px 14px;font-size:14px;display:block}.recipe-demo [role=alert]{color:#ffb4b4}.recipe-demo pre,.integration-demo pre{background:#060912;border:1px solid #26354b;border-radius:9px;padding:16px;font-size:13px;overflow-x:auto}.recipe-demo progress{accent-color:#69a9ff;width:100%}.recipe-demo mark{color:#ebf5ff;background:#274e82;border-radius:4px;padding:2px}.recipe-demo a,.integration-demo a{color:#89bdff}.recipe-demo ul,.recipe-demo ol{padding-left:22px}.integration-orb{justify-content:center;align-items:center;min-height:225px;display:flex}.integration-demo dl{grid-template-columns:1fr 1fr;gap:12px;display:grid}.integration-demo dt{color:#96a6be}.integration-demo dd{margin:0}.integration-demo select{color:#edf3ff;font:inherit;background:#152239;border:1px solid #3a4a64;border-radius:8px;padding:12px}.recipe-picker{flex-wrap:wrap;align-items:center;gap:12px;max-width:840px;margin:auto;padding:16px 32px 0;display:flex}.recipe-picker a{color:#89bdff}.recipe-picker select{color:#edf3ff;max-width:100%;min-height:44px;font:inherit;background:#152239;border:1px solid #3a4a64;border-radius:8px;padding:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=480px){.recipe-actions button{flex:auto}.integration-demo dl{grid-template-columns:1fr}}