.hero h1{max-width:1080px;font-size:clamp(40px,4.65vw,60px)}.hero-lead{max-width:790px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.demo-section{border-top:1px solid var(--line);background:#fafbfc}.demo-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}.demo-controls h3{font-size:22px;line-height:1.3;margin-top:20px}.demo-controls>p:not(.demo-disclaimer){font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px}.demo-badge{display:inline-flex;font-size:10px;font-weight:500;padding:7px 10px;color:#536478;border:1px solid var(--line);border-radius:4px;background:#fff}.demo-choices{margin:22px 0 0;padding:0;border:0;display:grid;gap:10px}.demo-choices label{position:relative;display:flex;align-items:center;gap:12px;padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:border-color .2s,background .2s}.demo-choices label:has(input:checked){border-color:#94c4ef;background:#f0f7fe}.demo-choices label:focus-within{outline:2px solid var(--blue);outline-offset:3px}.demo-choices input{accent-color:var(--blue);margin:0;width:15px;height:15px;flex-shrink:0}.demo-choices label>span{flex:1}.demo-choices strong{display:block;font-size:13px;font-weight:600}.demo-choices small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}.demo-choices .icon{width:15px;height:15px;color:var(--blue)}.demo-query-preview{padding:17px 0 19px}.demo-query-preview>span{display:block;color:#667085;font-size:10px;margin-bottom:8px}.demo-query-preview code{font:12px/1.8 ui-monospace,Consolas,monospace;color:#293b52;overflow-wrap:anywhere}.demo-run{gap:9px}.demo-run:disabled{cursor:wait;opacity:.7}.demo-run .icon{width:15px;height:15px}.demo-disclaimer{font-size:11px;line-height:1.85;color:#667085;max-width:400px;margin-top:17px}.demo-response{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 10px 32px #182e4b05}.demo-response-top{padding:24px 26px 20px;display:flex;align-items:start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.demo-response-top .eyebrow{font-size:9px}.demo-response-top h3{font-size:19px;line-height:1.4;margin-top:8px}.demo-source{font-size:9px;line-height:1.6;color:var(--blue);padding:5px 8px;white-space:nowrap;background:#f0f7fe;border:1px solid #dbeaf8;border-radius:3px}.demo-result-count{padding:18px 26px 0;font-size:11px;color:#667085;min-height:36px}.demo-records{padding:16px 26px 22px;display:grid;gap:12px;transition:opacity .2s}.demo-response[aria-busy=true] .demo-records{opacity:.45}.demo-record{border:1px solid var(--line);border-radius:6px;background:#fbfcfe;padding:18px}.demo-record-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.demo-record h4{font-size:13px;line-height:1.5;color:#273047;margin:0;font-weight:600}.demo-record-heading>span{font:9px/1.8 ui-monospace,Consolas,monospace;white-space:nowrap;color:#667085}.demo-record dl{margin-top:14px;display:grid;gap:9px}.demo-record dl>div{display:grid;grid-template-columns:130px 1fr;gap:10px;font-size:11px;line-height:1.65}.demo-record dt{color:#667085}.demo-record dd{color:#273047}.demo-json{border-top:1px solid var(--line)}.demo-json summary{display:flex;align-items:center;justify-content:space-between;padding:17px 26px;cursor:pointer;font-size:11px;font-weight:500;color:#435770;list-style:none}.demo-json summary::-webkit-details-marker{display:none}.demo-json .icon{width:16px;height:16px}.demo-json summary:hover{color:var(--blue)}.demo-json pre{margin:0;padding:20px 26px;background:#0d1929;color:#c3dbf3;font:11px/1.85 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.demo-response-footer{border-top:1px solid var(--line);padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.demo-response-footer>span{font-size:10px;line-height:1.7;color:#667085;max-width:190px}.demo-response-footer .text-link{font-size:11px}
.use-case{display:flex;flex-direction:column}.use-case-kicker{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.use-case-kicker>span{font-size:10px;line-height:1.7;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.use-case-kicker .feature-icon{margin:0;width:22px;height:22px}.use-case h3{font-size:25px;line-height:1.25}.use-case>p{max-width:470px}.use-case>ul{padding:0;list-style:none;margin:19px 0 25px;display:grid;gap:10px}.use-case>ul>li{position:relative;padding-left:17px;font-size:12px;line-height:1.75;color:#475467}.use-case>ul>li:before{content:'';position:absolute;left:0;top:8px;width:4px;height:4px;background:var(--blue);border-radius:50%}.use-case-example{margin-top:auto;border-top:1px solid var(--line);padding-top:19px}.use-case-example>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--blue)}.use-case-example>p{font-size:12px;line-height:1.85;margin-top:8px}.use-case .feature-tags{margin-top:20px}
@media(max-width:1100px){.demo-layout{gap:32px}.demo-response-top{flex-wrap:wrap}.demo-response-top h3{font-size:18px}}
@media(max-width:800px){.hero h1{font-size:48px}.demo-layout{grid-template-columns:1fr;gap:28px}.demo-controls{max-width:600px}.demo-response{width:100%}.demo-response-top{flex-wrap:nowrap}.demo-disclaimer{max-width:560px}}
@media(max-width:520px){.hero h1{font-size:37px;line-height:1.12}.hero-lead{font-size:14px}.demo-controls h3{font-size:20px}.demo-response-top{padding:20px;flex-wrap:wrap;gap:12px}.demo-result-count{padding-inline:20px}.demo-records{padding:16px 20px 20px}.demo-record{padding:15px}.demo-record-heading{flex-direction:column;gap:3px}.demo-record dl>div{grid-template-columns:1fr;gap:2px}.demo-record dl{gap:11px}.demo-json summary{padding-inline:20px}.demo-json pre{padding:18px 20px;font-size:10px}.demo-response-footer{padding:18px 20px;align-items:start;flex-direction:column;gap:12px}.demo-response-footer>span{max-width:none}.use-case h3{font-size:23px}.demo-choices small{font-size:10px}}
@media(max-width:360px){.hero h1{font-size:32px}.demo-choices label{padding:13px 12px;gap:9px}.demo-choices strong{font-size:12px}}