:root{--bg:#fbfcfe;--surface:#ffffff;--surface2:#f6f8fb;--text:#0f1728;--muted:#667085;--line:#e5e9ef;--line2:#d6dde7;--blue:#0f6cbd;--blue2:#185abd;--blueSoft:#edf6ff;--ink:#0a1020;--ink2:#121a2d;--green:#15803d;--max:1180px;--shadow:0 18px 52px rgba(15,23,42,.07);--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}.skip-link{position:absolute;left:-999px;top:0;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 8px 0}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}section[id],footer[id],.alias-anchor,.prose h2[id],.prose h3[id]{scroll-margin-top:80px}.nav{position:sticky;top:0;z-index:50;background:rgba(251,252,254,0.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,233,239,0.9)}.navin{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.015em;white-space:nowrap}.logo{display:block;width:28px;height:28px}.navlinks{display:flex;gap:26px;align-items:center;color:#475467;font-size:15px;font-weight:500}.navlinks a:hover{color:var(--text)}.navright{display:flex;gap:10px;align-items:center}.utility{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#fff;border-radius:8px;padding:8px 14px;font-size:13px;line-height:17px;font-weight:600;color:var(--text);white-space:nowrap}.utility:hover{background:var(--surface2);border-color:#c3ccd8}.utility.github{background:#fff;border-color:var(--line2);color:var(--text)}.utility.github:hover{background:var(--surface2);border-color:#c3ccd8;color:var(--text)}.github-mark{display:inline-flex;width:17px;height:17px;align-items:center;justify-content:center}.github-mark svg{display:block;width:17px;height:17px;fill:currentColor}.hero{padding:92px 0 92px}.heroCopy{max-width:940px;margin:0 auto;text-align:center}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#667085;font-weight:850}h1{margin:15px 0 20px;font-size:66px;line-height:1.01;letter-spacing:-.052em;font-weight:800}.accent{color:var(--blue)}.heroSub{max-width:760px;margin:0 auto;color:#5f6b7a;font-size:20px;line-height:1.6}.heroActions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0 18px;font-weight:780;border:1px solid transparent;cursor:pointer;font-size:14px}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue2)}.btn.secondary{background:#fff;border-color:var(--line2);color:#25324a}.btn.secondary:hover{border-color:#b8c4d4}.heroAgents{margin-top:22px;display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;color:#7b8494;font-size:11px}.heroAgents span:not(.label){padding:5px 8px;border-radius:999px;background:#f3f6f9;border:1px solid var(--line)}.heroAgents .label{font-weight:700;color:#667085}section{padding:96px 0}.sectionLabel{color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:850}.sectionHead{max-width:780px;margin-bottom:34px}.sectionHead h2{margin:9px 0 12px;font-size:43px;line-height:1.08;letter-spacing:-.04em}.sectionHead p{margin:0;color:var(--muted);font-size:17px;line-height:1.65}.getRunning{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.runShell{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.runToolbar{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.runTabs{display:inline-flex;gap:4px;padding:4px;background:#f3f5f8;border-radius:10px}.runTab{border:0;background:transparent;border-radius:8px;padding:8px 13px;font-size:12px;color:#667085;font-weight:780;cursor:pointer}.runTab[aria-selected="true"]{background:#fff;color:#172033;box-shadow:0 1px 5px rgba(15,23,42,0.08)}.runStatus{font-size:11px;color:#667085}.runBody{display:grid;grid-template-columns:1.1fr .9fr;min-height:360px}.codePane{background:var(--ink);padding:26px;position:relative}.paneLabel{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#7f91ad;font-weight:800;margin-bottom:12px}.codeTitle{color:#fff;font-size:18px;font-weight:750;margin-bottom:8px}.codeDesc{color:#9aabc1;font-size:12px;margin-bottom:18px;max-width:580px}.codeBox{position:relative}pre{margin:0;background:var(--ink2);border:1px solid rgba(255,255,255,0.08);color:#dfe8f5;border-radius:11px;padding:16px 60px 16px 16px;white-space:pre-wrap;word-break:break-word;line-height:1.65;font-size:12px;font-family:var(--font-mono)}pre code{font-family:inherit;font-size:inherit;background:none;padding:0;border:0;color:inherit}.copyBtn{position:absolute;right:9px;top:9px;border:1px solid rgba(255,255,255,0.12);background:#19233a;color:#dbe5f1;border-radius:7px;padding:6px 8px;font-size:10px;cursor:pointer}.copyBtn:hover{background:#22304d}.copyBtn.is-copied{color:#9be4b4}.promptBox{margin-top:14px;background:#0d1528;border:1px solid rgba(255,255,255,0.08);border-radius:11px;padding:13px 92px 13px 14px;position:relative;color:#dbe5f1;font-size:12px}.promptBox small{display:block;color:#6f85a4;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800;margin-bottom:5px}.promptCopy{position:absolute;right:9px;top:15px;border:1px solid rgba(255,255,255,0.12);background:#19233a;color:#dbe5f1;border-radius:7px;padding:6px 8px;font-size:10px;cursor:pointer}.promptCopy:hover{background:#22304d}.promptCopy.is-copied{color:#9be4b4}.detailPane{padding:26px}.detailPane h3{margin:0 0 10px;font-size:24px;letter-spacing:-.025em}.detailPane p{margin:0;color:#667085;font-size:13px;line-height:1.65}.checks{margin-top:22px;display:grid;gap:12px}.check{display:flex;gap:10px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--line)}.check:last-child{border-bottom:0}.checkMark{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ecf8ef;color:var(--green);font-size:11px;font-weight:900;flex:0 0 auto}.check b{display:block;font-size:12px;margin-bottom:2px}.check span{font-size:11px;color:#667085}.inlineLink{display:inline-block;margin-top:16px;color:var(--blue);font-size:12px;font-weight:800}.inlineLink:hover{text-decoration:underline}.runPanel+.runPanel{border-top:1px solid var(--line)}.runPanel[hidden]{display:none}.runPanel .panelName{display:block;padding:10px 16px 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:#98a2b3}.js .runPanel .panelName{display:none}.continuity{background:var(--surface2)}.contGrid{display:grid;grid-template-columns:.78fr 1.22fr;gap:58px;align-items:center}.contText h2{font-size:43px;line-height:1.08;letter-spacing:-.04em;margin:9px 0 13px}.contText p{color:#667085;font-size:16px;line-height:1.7;margin:0}.endpointShell{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.endpointRow{display:grid;grid-template-columns:1fr 58px 1fr}.endpoint{padding:18px;min-height:176px}.endpointLabel{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#667085;font-weight:850;margin-bottom:8px}.endpoint h4{margin:0 0 12px;font-size:14px}.endpoint code{display:block;background:#0d1528;color:#dfe8f5;border-radius:9px;padding:13px;font-family:var(--font-mono);font-size:10px;line-height:1.65;white-space:pre-wrap}.arrowCell{display:grid;place-items:center;color:#98a2b3;font-size:18px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.identical{border-top:1px solid var(--line);padding:13px 16px;background:#fbfcfe;font-size:11px;color:#667085;display:flex;justify-content:center;gap:8px;align-items:center}.identical strong{color:#344054}.scenarioGrid{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px}.scenario{border:1px solid var(--line);background:#fff;border-radius:15px;padding:20px;min-height:190px;display:flex;flex-direction:column;transition:0.18s}.scenario:hover{transform:translateY(-2px);border-color:#bdd1e8;box-shadow:0 12px 30px rgba(15,23,42,0.05)}.scenarioNum{width:34px;height:34px;border-radius:10px;background:var(--blueSoft);color:var(--blue);display:grid;place-items:center;font-weight:850;font-size:11px;margin-bottom:16px}.scenario h3{font-size:18px;margin:0 0 7px}.scenario p{margin:0;color:#667085;font-size:12px;line-height:1.55}.scenarioFoot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.scenarioFoot a{color:var(--blue);font-size:11px;font-weight:800}.scenarioFoot a:hover{text-decoration:underline}.scenarioFoot span{font-size:10px;color:#98a2b3}.prompts{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.promptGrid{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px}.promptCard{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px;min-height:212px;display:flex;flex-direction:column}.promptTag{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#667085;font-weight:850}.promptCard h3{font-size:17px;margin:10px 0 8px}.promptCard p{color:#667085;font-size:12px;margin:0}.promptText{margin-top:14px;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:12px;font-family:var(--font-mono);font-size:10px;color:#344054;line-height:1.5}.promptActions{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center}.promptActions button{border:0;background:var(--blue);color:#fff;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}.promptActions button:hover{background:var(--blue2)}.promptActions button.is-copied{background:var(--green)}.promptActions a{font-size:10px;color:#667085}.promptActions a:hover{color:var(--text)}.skillsSection{background:var(--surface2);border-top:1px solid var(--line)}.skillShell{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.skillShell .runToolbar{border-bottom:1px solid var(--line)}.skillPanel{padding:22px 26px 26px}.skillPanel+.skillPanel{border-top:1px solid var(--line)}.skillPanel[hidden]{display:none}.skillPanel .panelName{display:block;margin:0 0 8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:#98a2b3}.js .skillPanel .panelName{display:none}.skillPanel p{margin:0 0 14px;color:#667085;font-size:13px}.skillPanel .codeBox+.codeBox{margin-top:10px}.skillMeta{margin-top:26px;display:flex;flex-direction:column;gap:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips code{font-family:var(--font-mono);font-size:10px;background:#fff;color:#344054;border:1px solid var(--line);border-radius:999px;padding:5px 11px}.mutedLine{color:#98a2b3;font-size:11px}.existingWrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.existingText h2{font-size:43px;line-height:1.08;letter-spacing:-.04em;margin:9px 0 13px}.existingText p{margin:0;color:#667085;font-size:16px;line-height:1.7}.pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.pill{padding:6px 9px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#475467;font-size:10px;font-weight:750}.sqlVisual{background:#0b1020;border-radius:17px;padding:22px;box-shadow:var(--shadow)}.sqlVisual small{color:#7f91ad;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}.sqlVisual pre{margin-top:12px;background:#111a30}footer{margin-top:34px;border-top:1px solid var(--line);padding:34px 0 42px;background:#fff}.footTop{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.footBrand{font-weight:800}.footBrand p{margin:5px 0 0;color:#667085;font-size:11px;font-weight:400}.footLinks{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.footLinks a{font-family:var(--font-mono);font-size:10px;color:#475467;border:1px solid var(--line);background:#f9fafb;border-radius:7px;padding:7px 8px}.footLinks a:hover{border-color:var(--line2);color:var(--text)}.footBottom{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:10px;color:#98a2b3;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footBottom>span:last-child{display:flex;gap:16px;flex-wrap:wrap}.footBottom a:hover{color:var(--text)}.scenarioPage{padding:64px 0 88px}.scenarioHead{max-width:820px;margin-bottom:30px}.scenarioHead .crumbs{font-size:11px;color:#98a2b3;margin-bottom:16px}.scenarioHead .crumbs a{color:var(--blue)}.scenarioHead h1{font-size:44px;margin:8px 0 14px}.scenarioHead .intro{color:#5f6b7a;font-size:17px;line-height:1.65;margin:0}.scenarioGrid2{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start;margin-top:34px}.scenarioMain{display:grid;gap:22px}.blockCard{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.blockCard .blockHead{padding:13px 18px;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#667085}.blockCard .blockBody{padding:18px}.promptSurface{position:relative;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:14px 96px 14px 14px;font-family:var(--font-mono);font-size:12px;color:#344054;line-height:1.6}.promptSurface .promptCopy{background:#fff;border-color:var(--line);color:#344054;top:10px}.promptSurface .promptCopy:hover{background:var(--blueSoft)}.scenarioAside{display:grid;gap:14px}.asideCard{border:1px solid var(--line);border-radius:15px;background:#fff;padding:18px}.asideCard h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#667085}.asideCard p{margin:0 0 12px;color:#667085;font-size:12px;line-height:1.6}.asideCard .codeBox pre{font-size:11px;padding-right:56px}.asideActions{display:flex;flex-direction:column;gap:8px}.actionLink{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:12px;font-weight:750;color:#25324a}.actionLink:hover{border-color:#bdd1e8;color:var(--text)}.actionLink.primary{background:var(--blue);border-color:var(--blue);color:#fff}.actionLink.primary:hover{background:var(--blue2)}.actionLink .hint{font-weight:400;color:#98a2b3;font-size:10px}.actionLink.primary .hint{color:rgba(255,255,255,0.7)}.slot{border:1px dashed var(--line2);border-radius:9px;padding:10px 12px;font-size:12px;color:#98a2b3;display:flex;justify-content:space-between;gap:10px}.scenarioProse{margin-top:30px;max-width:820px}.prosePage{padding:64px 0 88px}.prose{max-width:820px}.prose h1{font-size:44px;margin:0 0 16px}.prose h2{font-size:26px;letter-spacing:-.03em;margin:44px 0 12px}.prose h3{font-size:17px;margin:28px 0 10px}.prose p{margin:0 0 14px;color:#3d4859;font-size:15px;line-height:1.7}.prose ul,.prose ol{margin:0 0 16px;padding-left:22px;color:#3d4859;font-size:15px;line-height:1.7}.prose li{margin-bottom:6px}.prose a{color:var(--blue)}.prose a:hover{text-decoration:underline}.prose code{font-family:var(--font-mono);font-size:.86em;background:#f1f4f8;color:#25324a;padding:2px 6px;border-radius:5px;border:1px solid var(--line)}.prose pre{background:var(--ink);border:0;border-radius:12px;padding:16px 60px 16px 16px;margin:0 0 16px;position:relative;box-shadow:var(--shadow)}.prose pre code{background:none;border:0;padding:0;color:#dfe8f5;font-size:12px}.prose table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:13px}.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}.prose th{background:#f6f8fb;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#667085}.prose blockquote{margin:0 0 16px;padding:10px 16px;border-left:3px solid var(--line2);color:#667085;font-size:14px}.prose hr{border:0;border-top:1px solid var(--line);margin:34px 0}.prose .muted{color:#98a2b3;font-size:12px}@media (max-width: 940px){.navlinks{display:none}h1{font-size:52px}.runBody{grid-template-columns:1fr}.detailPane{border-top:1px solid var(--line)}.contGrid{grid-template-columns:1fr}.scenarioGrid,.promptGrid{grid-template-columns:1fr 1fr}.existingWrap{grid-template-columns:1fr}.scenarioGrid2{grid-template-columns:1fr}.scenarioHead h1{font-size:38px}}@media (max-width: 650px){.brand{gap:8px}.logo{width:24px;height:24px}.wrap{padding:0 18px}.hero{padding:68px 0 72px}h1{font-size:41px}.heroSub{font-size:17px}section{padding:72px 0}.sectionHead h2,.contText h2,.existingText h2{font-size:35px}.runToolbar{align-items:flex-start;flex-direction:column}.runTabs{width:100%;flex-wrap:wrap}.runTab{flex:1}.scenarioGrid,.promptGrid{grid-template-columns:1fr}.endpointRow{grid-template-columns:1fr}.arrowCell{display:none}.endpoint+.endpoint{border-left:0;border-top:1px solid var(--line)}.footTop{flex-direction:column}.footLinks{justify-content:flex-start}.promptSurface{padding-right:14px;padding-bottom:44px}.scenarioHead h1{font-size:33px}.prose h1{font-size:33px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition-duration:0.01ms !important}.scenario:hover{transform:none}}.scenarioFoot button{background:transparent;color:var(--blue, #0067b8);border:1px solid currentColor;border-radius:6px;padding:8px 12px;cursor:pointer;font:inherit}.videoGrid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px}.videoCard{display:block;overflow:hidden;border:1px solid #dfe5ec;border-radius:16px;background:#fff;text-decoration:none;color:#17212f}.videoCard:hover{border-color:#0078d4}.videoVisual{position:relative;aspect-ratio:16/9;background:#edf3fa;overflow:hidden}.videoVisual img{width:100%;height:100%;object-fit:cover}.playIcon{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#0078d4;color:white;box-shadow:0 2px 15px #0004}.videoBody{padding:24px}.videoBody small{color:#526273;font-size:11px;letter-spacing:.08em}.videoBody h3{margin:12px 0;font-size:23px}.videoBody p{color:#526273}.navright[hidden]{display:none}@media (max-width: 700px){.videoGrid{grid-template-columns:1fr}}@media (max-width: 1100px){.navin{height:auto;min-height:66px;flex-wrap:wrap;padding-top:14px;padding-bottom:12px;gap:12px}.navlinks{display:flex;width:100%;gap:18px;overflow-x:auto;white-space:nowrap;padding-bottom:4px}}