:root{--bg:#101310;--panel:#181c18;--panel2:#1e241e;--ink:#f0f2e9;--muted:#9da69b;--green:#c0f57c;--line:#30372e;--mono:'IBM Plex Mono',monospace;--display:'Space Grotesk',sans-serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:5px}::selection{background:var(--green);color:var(--bg)}.sprite{position:absolute;width:0;height:0;overflow:hidden}.section-width{max-width:1240px;margin:0 auto;padding-left:40px;padding-right:40px}.mono{font-family:var(--mono)}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--green);color:var(--bg);padding:12px}.skip-link:focus{top:12px}.header{height:96px;max-width:1360px;padding:0 60px;display:flex;align-items:center;justify-content:space-between;margin:auto;position:relative;z-index:5}.brand{display:flex;align-items:center;font-family:var(--display);font-weight:600;font-size:25px;letter-spacing:-1.4px;white-space:nowrap}.brand-mark{background:var(--green);color:var(--bg);width:32px;height:32px;border-radius:7px;display:grid;place-items:center;margin-right:10px}.brand-mark svg{width:23px;height:23px;stroke-width:2}.brand-two{color:var(--green)}.brand-period{color:var(--green)}.desktop-nav{display:flex;gap:31px;font-size:13px;color:#b1b8ac}.desktop-nav a:hover,.github-link:hover,.text-link:hover,.footer a:hover{color:var(--green)}.github-link{display:flex;align-items:center;gap:9px;border:1px solid #46503f;border-radius:5px;padding:11px 14px;font-size:12px}.github-link svg{width:17px;height:17px}.github-link .small{width:13px;height:13px;margin-left:8px}.menu-button,.mobile-nav{display:none}.hero{padding-top:74px;padding-bottom:85px;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:60px}.release-label{font:10px var(--mono);letter-spacing:.65px;display:inline-flex;align-items:center;gap:9px;color:#c2cbbb}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #c0f57c20;flex-shrink:0}.release-label svg{width:15px;height:15px;margin-left:5px;color:var(--green)}h1,h2,h3,p{margin:0}h1{font:500 clamp(65px,6.6vw,88px)/1.03 var(--display);letter-spacing:-5px;margin-top:29px}.ship-word{color:var(--green);white-space:nowrap}.cursor{display:inline-block;font-size:.8em;margin-left:1px;transform:translateY(-4px);animation:blink 2.8s ease infinite}@keyframes blink{0%,75%,100%{opacity:1}80%,95%{opacity:.2}}.hero-description{font-size:16px;line-height:1.85;color:#a9b2a4;margin-top:28px;letter-spacing:-.1px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:0 20px;font-weight:650;font-size:13px;border-radius:4px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:#172210}.primary:hover{background:#d2ffa0}.button svg{width:18px}.text-button{display:flex;align-items:center;gap:9px;font-size:12px;color:#c4ccbd}.text-button:hover{color:var(--green)}.play-icon{border:1px solid #5b6653;border-radius:50%;height:22px;width:22px;display:grid;place-items:center;font-size:8px;padding-left:2px}.hero-notes{display:flex;gap:17px;color:#8f9b89;font-size:10px;margin-top:26px}.hero-notes>span{display:flex;align-items:center;gap:5px}.hero-notes svg{width:13px;height:13px;color:#b4d58e}.pipeline-illustration{min-height:493px;position:relative;padding:18px 30px 29px;background-image:radial-gradient(#899c6e30 .8px,transparent .8px);background-size:16px 16px;border:1px solid #293226;border-radius:7px;box-shadow:0 0 90px #8baa4e05}.canvas-heading{font:8px var(--mono);letter-spacing:.7px;display:flex;justify-content:space-between;color:#88917f;margin-bottom:25px}.canvas-heading>span:first-child{display:flex;align-items:center;gap:7px}.canvas-heading .live-dot{width:4px;height:4px}.issue-card{width:88%;margin:auto;background:#1b2019;border:1px solid #424d38;border-radius:6px;box-shadow:0 6px 20px #0002;padding:15px 17px 0;transform:rotate(-2deg)}.issue-top{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:#a5b29a}.issue-top>span:first-child{display:flex;align-items:center;gap:7px}.issue-top svg{width:14px;height:14px;color:var(--green)}.agent-label{border:1px solid #63873d;background:#3b512a40;color:#ceeaa9;padding:3px 8px;border-radius:12px;font-size:9px}.issue-card h3{font-size:15px;font-weight:550;margin-top:10px;letter-spacing:-.2px}.issue-card p{font-size:10px;color:#929e89;margin-top:7px}.issue-bottom{margin-top:13px;border-top:1px solid #303a2b;display:flex;align-items:center;justify-content:space-between;padding:8px 0;font:8px var(--mono);color:#859479}.issue-bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9baf89;margin-right:3px}.vertical-connector{height:34px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--green);font-size:11px}.vertical-connector span{border-left:1px dashed #87b95a;height:22px}.vertical-connector b{line-height:7px;font-weight:400}.agent-run{border:1px solid #50633d;background:#171c16;border-radius:6px;position:relative;box-shadow:0 0 35px #b6e37606}.run-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid #303b29;font:9px var(--mono);color:#bdcbb3}.run-heading>span:first-child{display:flex;align-items:center;gap:7px}.run-heading svg{width:14px;height:14px;color:var(--green)}.demo-tag{font-size:7px;letter-spacing:.1px;color:#7f8b75}.run-line{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:11px;color:#c1cbb8}.run-line:first-of-type{padding-top:14px}.run-check{color:var(--green);font-size:11px}.run-role{font:8px var(--mono);color:#a0ad92;margin-left:auto;border:1px solid #36412f;border-radius:3px;padding:3px 5px}.no-model{color:#7e8978}.run-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-top:7px;border-top:1px solid #303b29;font:8px var(--mono);color:var(--green);background:#c0f57c05}.run-footer>span{display:flex;align-items:center;gap:6px}.run-footer svg{width:13px;height:13px}.last{height:31px}.pr-card{background:#232d1d;border:1px solid #607b45;border-radius:6px;display:flex;align-items:center;padding:13px 15px;gap:12px;width:92%;margin:0 auto;transform:rotate(1.5deg)}.pr-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#b9eb7e16;color:var(--green)}.pr-icon svg{width:19px;height:19px}.pr-card strong{font-size:12px;font-weight:550;display:block}.pr-card div>span{display:block;font-size:9px;color:#9bab8d;margin-top:5px}.pr-arrow{color:var(--green);margin-left:auto}.canvas-corner{height:7px;width:7px;border-color:#c0f57c;position:absolute}.top-left{border-top:1px solid;border-left:1px solid;left:-1px;top:-1px}.bottom-right{border-bottom:1px solid;border-right:1px solid;right:-1px;bottom:-1px}.compatibility{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px;padding-bottom:28px;position:relative}.compatibility:before,.compatibility:after{content:'';position:absolute;height:1px;background:var(--line);left:40px;right:40px}.compatibility:before{top:0}.compatibility:after{bottom:0}.compatibility-label{font-size:9px;letter-spacing:1px;color:#7d8a75}.compatibility>div{display:flex;align-items:center;gap:30px}.tool-name{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:16px;color:#b1b9a8;white-space:nowrap;letter-spacing:-.5px}.tool-name b{font-weight:500}.pi-name{font-size:23px;gap:7px}.pi-name b{font-size:18px}.tool-name svg{width:20px;height:20px}.opencode-name{font-family:var(--mono);font-size:14px;gap:4px;font-weight:500}.langfuse-name{font-size:23px;gap:7px}.langfuse-name b{font-size:16px}.langfuse-name small{font:8px var(--mono);color:#77816e;margin-left:1px}.compat-separator{height:20px;width:1px;background:var(--line)}.workflow{padding-top:103px;padding-bottom:88px}.eyebrow{font:10px var(--mono);letter-spacing:1.3px;color:#b0bd9f;margin-bottom:21px;line-height:1.5}.eyebrow span{color:#718062;margin-right:8px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}h2{font:500 38px/1.18 var(--display);letter-spacing:-1.6px}.section-intro>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:3px}.workflow-tabs{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:5px 5px 0 0;overflow:hidden}.workflow-tabs button{display:flex;align-items:center;gap:10px;background:#171c15;border:none;border-right:1px solid var(--line);font-size:12px;padding:18px 16px;position:relative;color:#9da895}.workflow-tabs button:last-child{border-right:none}.workflow-tabs button[aria-selected=true]{color:var(--green);background:#25301d}.workflow-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;height:2px;background:var(--green);left:0;right:0}.workflow-tabs button:hover{background:#263020}.step-number{font:9px var(--mono);color:#75816a}.workflow-tabs svg{width:16px;height:16px}.step-arrow{margin-left:auto;color:#67715f}.stage-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:42px 44px;background:#161b14;border:1px solid var(--line);border-top:none;border-radius:0 0 5px 5px;align-items:center;min-height:330px}.stage-tag{font:8px var(--mono);letter-spacing:1px;color:var(--green);background:#c0f57c0a;border:1px solid #4d5f3c;padding:5px 7px;border-radius:3px;display:inline-block;margin-bottom:17px}.stage-copy h3{font:500 28px/1.18 var(--display);letter-spacing:-.8px}.stage-copy p{font-size:12px;color:#a3af98;line-height:1.9;max-width:340px;margin-top:15px}.stage-copy>a{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:var(--green);margin-top:19px}.stage-copy>a svg{width:13px;height:13px}.stage-example{background:#10150f;border:1px solid #34412d;border-radius:5px;overflow:hidden;box-shadow:0 10px 40px #0001}.example-title{padding:14px 16px;border-bottom:1px solid #303a29;display:flex;gap:8px;align-items:center;color:#b0bda4;font:9px var(--mono)}.example-title svg{width:14px;height:14px}.example-dots{margin-left:auto;letter-spacing:2px;color:#66775a}#stage-example-content{padding:22px 19px;min-height:209px}.example-comment{font:9px/1.7 var(--mono);color:#6d805e;margin-bottom:17px}.criterion{font:10px/1.6 var(--mono);color:#bacbad;margin-bottom:13px;display:flex;gap:10px}.criterion>span{color:var(--green)}.example-status{display:flex;align-items:center;gap:7px;font:9px var(--mono);color:#90ac77;border-top:1px dashed #303f27;padding-top:15px;margin-top:18px}.workflow-footnote{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#85947a;margin-top:22px}.workflow-footnote svg{width:14px;height:14px}.workflow-footnote code{color:#bcc8b0;font:10px var(--mono);background:#20271c;padding:2px 4px}.safety-wrap{border-top:1px solid #293225;border-bottom:1px solid #293225;background:#151a12}.safety{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:74px;padding-bottom:65px}.safety-heading>p:not(.eyebrow){font-size:12px;color:#9eac91;line-height:1.9;margin-top:20px;max-width:350px}.text-link{display:inline-flex;align-items:center;gap:11px;font-size:11px;color:#b9c9a8}.text-link svg{width:14px;height:14px}.safety-heading>.text-link{margin-top:22px}.shield-art{width:270px;height:132px;margin-top:30px;position:relative;background:radial-gradient(ellipse at center,#b9f48009,transparent 70%)}.shield-art>svg{width:80px;height:80px;stroke-width:.7;color:#839d67;position:absolute;left:90px;top:25px}.shield-art:before,.shield-art:after{content:'';position:absolute;border:1px solid #667d4620;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-15deg);width:178px;height:98px;border-radius:50%}.shield-art:after{width:240px;height:125px}.shield-cross{position:absolute;color:#6e8b4b;font:14px var(--mono)}.shield-cross.one{left:25px;top:30px}.shield-cross.two{right:14px;top:89px}.shield-cross.three{right:65px;top:9px}.safety-list article{display:flex;gap:18px;padding:25px 0;border-bottom:1px solid #303b28}.safety-list article:first-child{padding-top:2px}.safety-list article:last-child{border-bottom:0;padding-bottom:0}.safety-icon{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;border:1px solid #445534;border-radius:5px;color:#b6d099;background:#c0f57c05}.safety-icon svg{width:18px;height:18px}.safety-list h3{font-size:15px;font-weight:550;margin-top:6px;letter-spacing:-.2px}.safety-list p{font-size:12px;line-height:1.9;color:#9cab90;margin-top:10px}.tiny-tag{display:block;font:8px var(--mono);color:#a3bd8a;letter-spacing:.5px;margin-top:15px}.quickstart{padding-top:93px;padding-bottom:77px}.quickstart .section-intro{margin-bottom:44px}.quickstart .text-link{padding-bottom:4px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.setup-steps{padding:0;margin:0;list-style:none;counter-reset:step}.setup-steps li{display:flex;gap:19px;position:relative;padding-bottom:30px}.setup-steps li:last-child{padding-bottom:0}.setup-steps li:not(:last-child):after{content:'';width:1px;position:absolute;left:14px;top:39px;bottom:11px;background:var(--line)}.setup-steps li>span{font:11px var(--mono);width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border:1px solid #495b38;border-radius:50%;color:var(--green)}.setup-steps h3{font-size:14px;font-weight:550;margin-top:5px}.setup-steps p{font-size:12px;color:#9da992;line-height:1.9;margin-top:10px}.setup-steps a{font-size:11px;color:var(--green);display:inline-block;margin-top:9px}.setup-steps code{color:#c6d2bb;font:10px var(--mono)}.config-card{border:1px solid #3a462f;border-radius:5px;background:#151a12;overflow:hidden;align-self:start}.config-header{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-bottom:1px solid #303a28;font:10px var(--mono);color:#aab89e}.config-header>span{display:flex;gap:8px;align-items:center}.config-header svg{width:15px;height:15px}.copy-button{display:flex;align-items:center;gap:5px;font:9px var(--mono);border:0;background:transparent;color:#8d9d7f;padding:3px}.copy-button:hover{color:var(--green)}.copy-button svg{width:12px;height:12px}.config-tabs{display:flex;gap:25px;padding:0 20px;border-bottom:1px solid #303a28}.config-tabs button{border:0;background:none;padding:13px 0;font-size:10px;color:#839275}.config-tabs button[aria-selected=true]{border-bottom:1px solid var(--green);color:var(--green)}.config-tabs button>span{font:7px var(--mono);color:#718363;margin-left:3px}.config-card pre{font:10px/1.85 var(--mono);padding:22px 20px;margin:0;overflow-x:auto;min-height:249px}.code-comment{color:#68795c}.code-key{color:#b7c6ab}.code-value{color:var(--green)}.config-note{font-size:9px;line-height:1.8;color:#849775;display:flex;align-items:flex-start;gap:8px;background:#b3e17e04;border-top:1px solid #303a28;padding:12px 18px}.config-note svg{width:12px;height:12px;margin-top:2px}.observability{position:relative;display:grid;grid-template-columns:270px 1fr;gap:55px;align-items:center;padding-top:35px;padding-bottom:35px;max-width:1160px;border:1px solid #34412b;border-radius:5px;background:linear-gradient(110deg,#1c2517,#151a12)}.observability .eyebrow{font-size:8px;color:#90a57d;margin-bottom:11px}.observability h3{font:500 25px var(--display);letter-spacing:-.7px}.observability p:not(.eyebrow){max-width:520px;margin-top:10px;font-size:11px;line-height:1.9;color:#96a78a}.observability .text-link{font-size:10px;margin-top:12px;color:var(--green)}.optional-pill{font:7px var(--mono);color:#849775;position:absolute;right:20px;top:17px;letter-spacing:.7px}.trace-graphic{border:1px solid #425734;border-radius:4px;padding:15px;background:#10180d;color:#8fa47b;font:9px var(--mono);transform:rotate(-2deg)}.trace-graphic>div{display:flex;align-items:center;gap:8px;margin-bottom:12px}.trace-graphic .trace-indent{margin-left:15px;border-left:1px solid #3c5230;padding-left:10px}.trace-line{height:6px;width:6px;border:1px solid #a5c67d;border-radius:1px}.trace-graphic b{margin-left:auto;font-size:7px;border:1px solid #3f5232;padding:3px 5px;font-weight:400}.trace-graphic i{height:5px;flex:1;max-width:78px;background:#567c39;border-radius:1px}.trace-graphic .trace-indent:nth-child(3) i{max-width:52px;background:#789d57}.trace-graphic .trace-end{margin:14px 0 0;border-top:1px solid #2c4121;padding-top:11px;font-size:8px;justify-content:space-between;color:#c0d5aa}.trace-end svg{width:13px;height:13px}.faq{padding-top:96px;padding-bottom:92px;display:grid;grid-template-columns:1fr 1.38fr;gap:80px}.faq h2{font-size:34px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;padding:21px 0;color:#c7d0bf}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;color:#8ea478;font-weight:400;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:12px;line-height:1.9;color:#9dac91;padding:0 30px 23px 0}.faq-list details a{color:var(--green)}.final-cta{text-align:center;position:relative;padding-top:62px;padding-bottom:66px;background:radial-gradient(ellipse at 50% 50%,#b9f48009,transparent 65%);border-top:1px solid var(--line)}.cta-plus{position:absolute;top:-10px;left:calc(50% - 10px);width:20px;background:var(--bg);color:#7e936a;font:18px var(--mono)}.final-cta .eyebrow{font-size:9px;color:#8da379;margin-bottom:20px}.final-cta h2{font-size:49px;letter-spacing:-2px;line-height:1.14}.final-cta h2>span{color:var(--green)}.final-cta .button{margin-top:27px}.cta-note{font-size:10px;color:#7e9070;margin-top:15px}.footer{display:flex;align-items:center;justify-content:space-between;padding-top:27px;padding-bottom:31px;border-top:1px solid var(--line);max-width:1160px;padding-left:0;padding-right:0}.footer .brand{font-size:20px;letter-spacing:-1px}.footer .brand-mark{width:26px;height:26px;border-radius:5px;margin-right:7px}.footer .brand-mark svg{width:18px;height:18px}.footer-credit{font-size:10px;color:#697b5e}.footer-credit a{color:#97aa85}.footer>div{display:flex;gap:21px;font-size:9px;color:#96a689}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);border:1px solid #6d8c4f;border-radius:5px;background:#27331e;color:var(--green);padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1440px){.header{padding-left:100px;padding-right:100px}.hero{padding-top:90px;padding-bottom:105px}.hero h1{font-size:94px}.pipeline-illustration{min-height:513px;padding-top:25px;padding-bottom:33px}.canvas-heading{margin-bottom:28px}.vertical-connector{height:38px}.hero{gap:75px}}
@media(max-width:1100px){.header{padding:0 36px}.desktop-nav{gap:22px}.hero{gap:32px;padding-top:55px}.section-width{padding-left:36px;padding-right:36px}h1{font-size:73px}.hero-description{font-size:14px}.hero-notes{gap:10px;font-size:9px}.hero-actions{gap:18px}.text-button{font-size:11px}.pipeline-illustration{padding-left:20px;padding-right:20px}.compatibility>div{gap:18px}.compatibility-label{font-size:8px}.tool-name{font-size:14px}.stage-panel{gap:35px;padding:35px}.safety{gap:65px}.setup-grid{gap:55px}.observability{margin-left:36px;margin-right:36px;gap:35px;grid-template-columns:240px 1fr}.footer{margin-left:36px;margin-right:36px;padding-left:0;padding-right:0}.workflow-tabs button{padding-left:12px;padding-right:12px;gap:7px}.section-intro>p{font-size:11px}.hero-notes span:last-child{display:none}}
@media(max-width:800px){.header{height:80px;padding:0 26px}.desktop-nav{gap:20px;font-size:11px}.github-link{padding:9px 10px}.github-link span{display:none}.github-link .small{display:none}.hero{grid-template-columns:1fr;gap:47px;padding-top:52px;padding-bottom:55px}.hero-copy{max-width:600px}.hero h1{font-size:89px}.hero-description{font-size:16px}.hero-notes span:last-child{display:flex}.hero-notes{font-size:10px;gap:20px}.hero-actions{gap:25px}.text-button{font-size:12px}.pipeline-illustration{width:100%;max-width:550px;margin:0 auto;min-height:unset;padding:20px 35px 28px}.canvas-heading{font-size:9px}.issue-card{width:85%}.issue-card h3{font-size:17px}.issue-card p{font-size:11px}.run-line{padding-top:10px;padding-bottom:10px;font-size:12px}.run-role{font-size:9px}.run-heading{font-size:10px}.demo-tag{font-size:8px}.pr-card strong{font-size:14px}.pr-card div>span{font-size:10px}.compatibility{display:block;text-align:center;padding-top:24px;padding-bottom:24px}.compatibility-label{font-size:8px;display:block;margin-bottom:19px}.compatibility>div{justify-content:center;gap:23px}.compatibility:before,.compatibility:after{left:36px;right:36px}.workflow{padding-top:65px;padding-bottom:60px}.section-intro{align-items:flex-start}.section-intro>p{display:none}h2{font-size:34px}.workflow-tabs button{justify-content:center;font-size:11px;gap:7px;padding:17px 9px}.step-number,.step-arrow{display:none}.stage-panel{padding:30px;gap:30px}.stage-copy h3{font-size:25px}.stage-copy p{font-size:11px}.stage-example{margin-left:0;margin-right:0}.criterion{font-size:9px}.example-comment{font-size:8px}.example-title{font-size:8px;padding:12px}.stage-tag{font-size:7px}#stage-example-content{padding:18px 13px}.example-status{font-size:8px}.safety{gap:35px;padding-top:60px;padding-bottom:55px}.safety-heading h2{font-size:33px}.safety-list article{gap:12px}.safety-list h3{font-size:13px}.safety-list p{font-size:11px}.tiny-tag{font-size:7px;line-height:1.6}.safety-icon{width:29px;height:29px}.safety-heading>p:not(.eyebrow){font-size:11px}.shield-art{width:230px}.shield-art>svg{left:74px}.quickstart{padding-top:62px;padding-bottom:55px}.quickstart .section-intro{align-items:flex-end}.setup-grid{gap:30px}.setup-steps li{gap:12px}.setup-steps h3{font-size:12px}.setup-steps p{font-size:11px}.config-card pre{font-size:8px;padding:18px 13px}.config-header{font-size:9px;padding:12px}.config-note{font-size:8px;padding:10px 12px}.config-tabs{padding:0 14px}.config-tabs button{font-size:9px}.observability{padding:35px 27px;gap:30px;grid-template-columns:200px 1fr}.observability h3{font-size:21px}.observability p:not(.eyebrow){font-size:10px}.optional-pill{font-size:6px;right:15px;top:12px}.trace-graphic{font-size:8px;padding:12px}.faq{gap:35px;padding-top:62px;padding-bottom:62px;grid-template-columns:1fr 1.4fr}.faq h2{font-size:30px}.faq .eyebrow{font-size:8px}.faq-list summary{font-size:12px;padding:18px 0}.footer-credit{display:none}.footer>div{gap:16px}.final-cta h2{font-size:44px}}
@media(max-width:560px){.section-width{padding-left:23px;padding-right:23px}.header{height:74px;padding:0 23px}.brand{font-size:24px}.brand-mark{width:29px;height:29px}.desktop-nav,.header>.github-link{display:none}.menu-button{display:flex;width:36px;height:36px;flex-direction:column;justify-content:center;gap:6px;border:1px solid #3e4d32;background:transparent;border-radius:4px;align-items:center}.menu-button span{width:15px;height:1px;background:var(--ink)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:66px;left:23px;right:23px;background:#20281a;border:1px solid #4b6138;border-radius:5px;flex-direction:column;box-shadow:0 15px 30px #0005;padding:10px 20px}.mobile-nav a{font-size:13px;padding:12px 0}.hero{padding-top:38px;gap:40px;padding-bottom:39px}.release-label{font-size:8px;letter-spacing:.35px;gap:7px}.release-label svg{width:12px;height:12px;margin-left:1px}.hero h1{font-size:clamp(46px,15.3vw,82px);letter-spacing:-4px;margin-top:25px}.hero-description{font-size:14px;line-height:1.85;margin-top:24px}.hero-actions{gap:20px;margin-top:27px}.button{font-size:12px;gap:20px;padding:0 17px;min-height:46px}.text-button{font-size:10px;gap:7px}.play-icon{width:20px;height:20px}.hero-notes{font-size:8px;gap:13px;margin-top:23px}.hero-notes svg{width:11px;height:11px}.pipeline-illustration{padding:16px 18px 23px}.canvas-heading{font-size:7px;letter-spacing:.4px;margin-bottom:23px}.issue-card{width:90%;padding:14px 14px 0}.issue-card h3{font-size:14px}.issue-card p{font-size:9px}.issue-top{font-size:9px}.issue-bottom{font-size:7px}.run-heading{font-size:8px;padding:13px 11px}.demo-tag{font-size:6px}.run-heading svg{width:12px;height:12px}.run-line{padding:8px 11px;font-size:10px;gap:7px}.run-role{font-size:7px;padding:3px 4px}.run-footer{padding:11px;font-size:7px}.run-footer .live-dot{width:4px;height:4px}.pr-card{padding:12px;gap:10px;width:95%}.pr-card strong{font-size:12px}.pr-card div>span{font-size:8px}.pr-icon{width:29px;height:29px}.pr-icon svg{width:16px;height:16px}.compatibility{padding-top:23px;padding-bottom:23px}.compatibility:before,.compatibility:after{left:23px;right:23px}.compatibility>div{gap:14px;flex-wrap:wrap;row-gap:16px}.compatibility-label{font-size:7px;letter-spacing:.8px;margin-bottom:15px}.tool-name{font-size:11px;gap:5px}.tool-name svg{width:15px;height:15px}.opencode-name{font-size:10px}.pi-name{font-size:18px;gap:4px}.pi-name b{font-size:13px}.langfuse-name{font-size:17px;gap:4px}.langfuse-name b{font-size:12px}.langfuse-name small{display:none}.compat-separator{height:15px}.compat-separator:nth-of-type(5){display:none}.workflow{padding-top:51px;padding-bottom:46px}.eyebrow{font-size:8px;margin-bottom:16px;letter-spacing:1px}h2{font-size:30px;letter-spacing:-1.1px}.section-intro{margin-bottom:27px}.workflow-tabs button{flex-direction:column;font-size:9px;padding:14px 5px;gap:8px}.workflow-tabs button svg{width:16px;height:16px}.stage-panel{grid-template-columns:1fr;padding:25px 22px;gap:27px}.stage-copy h3{font-size:27px}.stage-copy p{font-size:12px;max-width:100%;line-height:1.85}.stage-copy>a{font-size:10px;margin-top:15px}.stage-tag{font-size:7px;margin-bottom:14px}.stage-example{width:100%}.example-title{font-size:9px;padding:13px}.example-comment{font-size:8px}.criterion{font-size:10px}#stage-example-content{padding:20px 16px;min-height:205px}.example-status{font-size:8px}.workflow-footnote{font-size:9px;line-height:1.8;display:block;text-align:center;padding:0 4px}.workflow-footnote svg{vertical-align:middle;margin-right:4px}.workflow-footnote code{font-size:8px}.safety{grid-template-columns:1fr;gap:32px;padding-top:47px;padding-bottom:45px}.safety-heading h2{font-size:35px}.safety-heading>p:not(.eyebrow){font-size:12px}.safety-heading>.text-link{font-size:11px;margin-top:18px}.shield-art{display:none}.safety-list article{gap:15px;padding:22px 0}.safety-list h3{font-size:14px}.safety-list p{font-size:12px}.safety-icon{height:31px;width:31px}.tiny-tag{font-size:7px}.quickstart{padding-top:49px;padding-bottom:44px}.quickstart .section-intro{display:block;margin-bottom:31px}.quickstart h2{max-width:300px}.quickstart .text-link{margin-top:18px;font-size:10px}.setup-grid{grid-template-columns:1fr;gap:30px}.setup-steps h3{font-size:14px}.setup-steps p{font-size:12px}.setup-steps li{gap:17px;padding-bottom:25px}.setup-steps li:last-child{padding-bottom:0}.config-card pre{font-size:9px;padding:20px 16px;min-height:240px}.config-header{font-size:10px;padding:14px}.config-tabs{padding:0 17px}.config-tabs button{font-size:10px}.config-note{font-size:9px;padding:12px 15px}.observability{margin-left:23px;margin-right:23px;grid-template-columns:1fr;padding:34px 24px 27px;gap:25px}.trace-graphic{max-width:240px;width:100%;font-size:9px;margin:auto}.observability h3{font-size:25px;letter-spacing:-.7px}.observability p:not(.eyebrow){font-size:12px}.observability .eyebrow{font-size:7px}.optional-pill{font-size:6px;top:10px;right:12px}.faq{grid-template-columns:1fr;gap:27px;padding-top:49px;padding-bottom:49px}.faq-list summary{font-size:12px;padding:20px 0}.faq-list details>p{font-size:12px}.faq h2{font-size:30px}.final-cta{padding-top:48px;padding-bottom:47px;margin-left:23px;margin-right:23px;padding-left:0;padding-right:0}.final-cta .eyebrow{font-size:7px}.final-cta h2{font-size:35px;letter-spacing:-1.5px}.final-cta .button{margin-top:24px}.cta-note{font-size:9px}.footer{margin:0 23px;flex-direction:column;gap:25px;padding:26px 0}.footer>div{font-size:9px;gap:23px}.footer .brand{font-size:22px}.footer-credit{display:none}.toast{font-size:11px;white-space:nowrap;max-width:90vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}