:root{color:#202922;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#202922;--muted:#707b71;--line:#dfe3dc;--paper:#fff;--green:#28774d;--green-soft:#e9f3eb;--orange:#b95b34;--mono:"DM Mono", monospace;--display:"Manrope", sans-serif;background:#f4f5f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{min-width:320px;margin:0}button,a,label{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,.job-node:focus-visible{outline-offset:3px;outline:3px solid #72b283}a{color:inherit;text-decoration:none}svg{display:block}#app{overflow:hidden}.topbar{background:#f8f9f6;border-bottom:1px solid #e4e7e1;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(22px,6vw,90px);display:flex}.brand{font:800 16px var(--display);letter-spacing:-.7px;align-items:center;gap:11px;display:flex}.brand-dot{color:#338353}.brand-mark{align-items:end;gap:3px;width:23px;height:23px;display:flex;transform:skew(-18deg)}.brand-mark i{background:#338353;border-radius:3px;width:5px;display:block}.brand-mark i:first-child{height:10px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:22px}.topnav{color:#59645a;align-items:center;gap:34px;font-size:12px;font-weight:600;display:flex}.topnav>a:not(.topnav-star){align-items:center;gap:5px;transition:color .18s;display:flex}.topnav>a:hover,.site-footer>a:last-child:hover{color:#25814e}.topnav svg,.site-footer>a:last-child svg{width:12px;height:12px}.topnav-star{color:#2a352c;background:#fff;border:1px solid #d9dfd7;border-radius:6px;align-items:center;gap:8px;height:34px;padding:0 13px;transition:background .18s,border-color .18s;display:flex}.topnav-star:hover{background:#f0f7f0;border-color:#a9c6ad}.topnav-star svg{width:14px;height:14px}.hero{background:radial-gradient(at 76% 51%,#e3ebde8c,#0000 43%),#f4f5f2;grid-template-columns:minmax(350px,.88fr) minmax(390px,1.12fr);align-items:center;gap:3.5vw;min-height:531px;padding:94px clamp(22px,9vw,136px) 74px;display:grid;position:relative}.hero-copy{z-index:1;max-width:510px;animation:.65s both intro-rise;position:relative}.eyebrow,.section-kicker{color:#647068;font:500 9px var(--mono);letter-spacing:1.35px;align-items:center;gap:9px;display:flex}.live-dot{background:#398658;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3986581a}h1,h2,h3,p{margin-top:0}.hero h1{font:700 clamp(46px, 5.6vw, 74px)/.99 var(--display);letter-spacing:-4.3px;color:#202922;margin:23px 0 17px}.hero h1 em{color:#31764e;font-style:normal}.hero-lede{color:#6a746b;max-width:418px;margin-bottom:25px;font-size:15px;line-height:1.72}.hero-trust{color:#58645b;gap:20px;font-size:10px;font-weight:600;display:flex}.hero-trust span{align-items:center;gap:6px;display:flex}.hero-trust svg{color:#3a8053;width:13px;height:13px}.hero-art{justify-self:end;width:min(100%,560px);animation:.75s .11s both intro-rise}.hero-art>svg{width:100%;overflow:visible}.art-line{fill:none;stroke:#adb8ac;stroke-width:1.5px;stroke-dasharray:5 5;marker-end:url(#arrowhead)}.art-node rect{fill:#fff;stroke:#dbe2d9;stroke-width:1px;filter:drop-shadow(0 5px 11px #2036240e)}.art-node text{font:600 12px var(--display);fill:#253229}.art-node text.art-sub{font:400 9px var(--mono);fill:#778277}.art-node circle{fill:#81a66d}.art-node circle.green-dot{fill:#318657}.art-node circle.amber-dot{fill:#d09b42}.art-node-build rect{stroke:#95b99c}.art-node-release rect{stroke:#d9c398}.art-node-package rect{stroke-dasharray:4 3}.orbit{fill:#337f52;opacity:.55;animation:5s ease-in-out infinite drift}.orbit-two{animation-delay:-2.5s}.art-caption{text-align:right;color:#8a948b;font:9px var(--mono);letter-spacing:1px;margin-top:-1px;padding-right:10px}.scroll-cue{color:#7d877e;font:9px var(--mono);letter-spacing:1.1px;align-items:center;gap:12px;display:flex;position:absolute;bottom:23px;left:clamp(22px,9vw,136px)}.scroll-cue span{background:#aab3a9;width:36px;height:1px}.workspace-section{background:#e9ece6;padding:84px clamp(22px,7.5vw,112px) 81px}.section-heading{justify-content:space-between;align-items:end;gap:28px;max-width:1190px;margin:0 auto 25px;display:flex}.section-kicker{color:#718074;margin-bottom:13px}.section-heading h2,.how-intro h2{color:#222e26;font:650 clamp(26px, 3vw, 37px)/1.16 var(--display);letter-spacing:-1.45px;margin:0}.section-heading>p{color:#6d786e;max-width:320px;margin:0 0 3px;font-size:12px;line-height:1.6}.workbench{background:#fff;border:1px solid #d8ded6;border-radius:10px;max-width:1190px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 16px 48px #2136250f}.workbench-bar{border-bottom:1px solid #e9ece8;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.compare-bar{color:#677468;background:#f7f9f6;border-bottom:1px solid #e9ece8;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:5px 12px;font-size:9px;display:flex}.compare-bar[hidden]{display:none}.compare-actions{align-items:center;gap:4px;display:flex}.compare-version,.compare-clear{color:#687468;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;min-height:25px;padding:3px 8px;font-size:9px}.compare-version[aria-pressed=true]{color:#3c7548;background:#edf5ed;border-color:#c8d9c7}.compare-clear{width:25px;padding:0;font-size:16px}.compare-version:focus-visible,.compare-clear:focus-visible{outline-offset:2px;outline:2px solid #438154}.bar-file,.bar-actions,.file-button,.icon-button{align-items:center;display:flex}.bar-file{gap:9px;font-size:10px;font-weight:600}.file-icon{color:#387950;width:17px;height:19px;font:500 10px var(--mono);background:#f3f7f3;border:1px solid #d9e3da;border-radius:3px;place-items:center;display:grid}.bar-path{color:#919991;font:10px var(--mono);border-left:1px solid #e5e8e4;padding-left:9px}.bar-actions{gap:7px}.file-button,.icon-button{color:#58645a;cursor:pointer;background:#fff;border:1px solid #e0e4df;border-radius:5px;gap:6px;height:29px;padding:0 10px;font-size:10px;font-weight:600;transition:background .15s,border-color .15s}.file-button:hover,.icon-button:hover{background:#f5f8f4;border-color:#b6c7b6}.file-button svg,.icon-button svg{width:13px;height:13px}.workbench-body{grid-template-columns:minmax(340px,.87fr) minmax(490px,1.13fr);min-height:378px;display:grid}.editor-pane{background:#fbfcfa;border-right:1px solid #e9ece8;flex-direction:column;min-width:0;display:flex;position:relative}.editor-pane.is-drop-target:after{content:"Drop a .yml or .yaml workflow here";z-index:2;color:#3d7547;pointer-events:none;background:#f8faf7f0;border:1px dashed #6b9a70;border-radius:8px;place-items:center;font-size:13px;font-weight:600;display:grid;position:absolute;inset:10px}.pane-heading{color:#3a453c;border-bottom:1px solid #edf0ec;justify-content:space-between;align-items:center;height:40px;padding:0 15px;font-size:10px;font-weight:600;display:flex}.pane-heading>div{align-items:center;gap:8px;display:flex}.pane-dot{background:#6d9675;border-radius:50%;width:7px;height:7px}.pane-hint{color:#9ba29c;font:8px var(--mono);letter-spacing:.6px}.editor-wrap{flex:1;min-height:310px;padding:12px 0;display:flex;position:relative;overflow:hidden}.line-numbers{color:#abb2aa;width:42px;font:10px/21px var(--mono);-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;align-items:end;padding:0 10px 0 0;display:flex;overflow:hidden}.line-numbers span{height:21px}.editor-wrap textarea{resize:none;color:#334136;width:calc(100% - 42px);min-height:310px;font:10px/21px var(--mono);tab-size:2;white-space:pre;scrollbar-width:thin;scrollbar-color:#c8d0c7 transparent;background:0 0;border:0;overflow:auto;outline:0!important}.editor-message{color:#7b857c;border-top:1px solid #edf0ec;min-height:32px;padding:8px 14px;font-size:9px}.privacy-icon{color:#69a172;margin-right:4px;font-size:9px}.error-dot{color:#bb5a3d}.graph-pane{flex-direction:column;min-width:0;display:flex}.graph-heading{height:40px}.graph-heading-mark{color:#438154;background:#eff5ef;border-radius:4px;place-items:center;width:17px;height:17px;display:grid}.graph-heading-mark svg{width:11px;height:11px}.count-pill{color:#677468;min-width:18px;height:17px;font:9px var(--mono);background:#eef1ed;border-radius:9px;place-items:center;padding:0 5px;display:grid}.graph-controls{align-items:center;gap:3px;display:flex}.zoom-button{color:#58665a;cursor:pointer;background:#fff;border:1px solid #e3e9e2;border-radius:5px;place-items:center;width:23px;height:23px;font-size:15px;line-height:1;display:grid}.zoom-button:hover{color:#31764e;border-color:#b6c7b6}.zoom-button:focus-visible,.quiet-button:focus-visible{outline-offset:2px;outline:2px solid #438154}.zoom-level{color:#7b857b;width:32px;font:9px var(--mono);text-align:center}.quiet-button{color:#808980;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:9px}.quiet-button:hover{color:#31764e}.graph-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#c8d0c7 transparent;cursor:grab;flex:1;min-height:300px;max-height:340px;overflow:auto}.graph-scroll.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.graph-canvas{place-items:center;min-width:100%;min-height:100%;display:grid}.workflow-svg{max-width:none;transition:width .12s ease-out,height .12s ease-out;overflow:visible}.edge{fill:none;stroke:#aeb9ad;stroke-width:1.5px}.edge-muted{stroke-dasharray:4 4;opacity:.45}.job-node{cursor:pointer}.job-node.diff-added .node-shell{stroke:#54a06a;stroke-width:2px}.job-node.diff-changed .node-shell{stroke:#d2a34d;stroke-width:2px}.job-node.diff-removed .node-shell{stroke:#cb765f;stroke-width:2px;stroke-dasharray:5 3}.job-node.diff-added .node-top-line{fill:#54a06a}.job-node.diff-changed .node-top-line{fill:#d2a34d}.job-node.diff-removed .node-top-line,.job-node.diff-removed .node-state{fill:#cb765f}.diff-legend{color:#758075;align-items:center;gap:5px;font-size:8px;display:inline-flex}.diff-legend[hidden]{display:none}.diff-dot{background:#54a06a;border-radius:50%;width:6px;height:6px;margin-left:3px}.diff-dot.changed{background:#d2a34d}.diff-dot.removed{background:#cb765f}.node-shell{fill:#fff;stroke:#dce3db;stroke-width:1.2px;transition:stroke .16s,filter .16s}.job-node:hover .node-shell,.job-node.is-selected .node-shell{stroke:#5d9b69;filter:drop-shadow(0 4px 7px #2c693d1f)}.node-top-line{fill:#7cab7d}.has-condition .node-top-line{fill:#d5a754}.state-skipped .node-top-line{fill:#bbc2bc}.state-unknown .node-top-line{fill:#91a2b9}.node-state{fill:#398753}.state-skipped .node-state{fill:#a7b0a8}.state-unknown .node-state{fill:#879ab1}.node-label{fill:#2d3930;font:600 11px var(--display)}.node-id{fill:#768178;font:9px var(--mono)}.node-divider{stroke:#e9ede8}.node-meta{fill:#89938a;font:8px var(--mono)}.node-status{fill:#36784d;font:8px var(--mono)}.state-skipped .node-status{fill:#89928a}.state-unknown .node-status{fill:#7588a1}.graph-footer{color:#798379;border-top:1px solid #edf0ec;align-items:center;gap:14px;min-height:35px;padding:0 14px;font-size:8px;display:flex}.graph-footer>span{white-space:nowrap;align-items:center;gap:5px;display:flex}.legend-dot{background:#438659;border-radius:50%;width:6px;height:6px}.legend-dot.conditional{background:#d1a147}.legend-dot.unknown{background:#879ab1}.graph-footer .graph-hint{color:#969e97;margin-left:auto}.empty-graph{color:#839083;flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex}.empty-graph>span{color:#66866a;background:#f7f9f6;border:1px solid #e2e7e1;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:12px;display:grid}.empty-graph svg{width:16px;height:16px}.empty-graph strong{color:#566258;font-size:11px}.empty-graph p{margin:5px 0 0;font-size:9px}.empty-graph code{font-family:var(--mono);color:#387950}.scenario-bar{border-top:1px solid #e9ece8;align-items:center;gap:12px;min-height:63px;padding:10px 15px;display:flex}.scenario-intro{flex:none;align-items:center;gap:9px;display:flex}.scenario-intro>svg{color:#3d8052;width:16px;height:16px}.scenario-intro span{flex-direction:column;gap:2px;display:flex}.scenario-intro strong{color:#344036;font-size:10px}.scenario-intro small{color:#909890;font-size:8px}.event-picker{scrollbar-width:none;align-items:center;gap:6px;display:flex;overflow-x:auto}.event-picker::-webkit-scrollbar{display:none}.event-chip{color:#707a70;font:9px var(--mono);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e0e5df;border-radius:20px;padding:6px 9px;transition:all .16s}.event-chip:hover{color:#39794d;border-color:#96b39a}.event-chip.is-active{color:#347248;background:#eef6ee;border-color:#9cbea0}.no-events{color:#a47841;font-size:9px}.reset-button{color:#8d968d;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:5px 7px;font-size:9px}.reset-button:hover{color:#3e7550}.inspector{background:#f8faf7;border-top:1px solid #e7ece6;grid-template-columns:1.05fr 1.2fr 1.15fr;gap:24px;padding:16px 48px 17px 16px;animation:.2s ease-out inspector-in;display:grid;position:relative}.inspector[hidden]{display:none}.inspector-main{align-items:center;gap:10px;display:flex}.inspector-glyph{color:#4c8257;background:#fff;border:1px solid #dce7dc;border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.inspector-glyph svg{width:14px;height:14px}.inspector-label,.inspector-facts>div>span,.inspector-steps>span{color:#929b92;font:8px var(--mono);letter-spacing:.6px}.inline-source{color:#458356;font:8px var(--mono);cursor:pointer;background:0 0;border:0;margin-left:6px}.inspector-main h3{color:#344036;font:600 11px var(--display);margin:3px 0 2px}.inspector-main code{color:#818b81;font:9px var(--mono)}.inspector-facts{flex-direction:column;justify-content:center;gap:8px;display:flex}.inspector-facts>div{grid-template-columns:82px 1fr;align-items:baseline;gap:6px;display:grid}.inspector-facts p{color:#546054;overflow-wrap:anywhere;margin:0;font-size:9px}.inspector-facts code{font:8px var(--mono)}.inspector-matrix{background:#fff;border:1px solid #e5ebe3;border-radius:7px;grid-column:1/-1;min-width:0;padding:10px 12px}.matrix-title,.matrix-axes>span{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.matrix-title>span{color:#929b92;font:8px var(--mono);letter-spacing:.6px}.matrix-title>strong{color:#607361;font:9px var(--mono)}.matrix-axes{flex-wrap:wrap;gap:5px 14px;margin-top:8px;display:flex}.matrix-axes>span{color:#667266;justify-content:flex-start;font-size:9px}.matrix-axes code,.matrix-variants code{color:#426f4b;font:8px var(--mono)}.matrix-variants{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.matrix-variants>span{background:#f4f7f3;border-radius:4px;flex-wrap:wrap;gap:4px;padding:4px 6px;display:flex}.matrix-variants small,.inspector-matrix>p{color:#7e887d;font-size:8px}.inspector-matrix>p{margin:7px 0 0;line-height:1.5}.inspector-steps>span{align-items:center;gap:6px;margin-bottom:5px;display:flex}.inspector-steps>span b{color:#5a705c;font-weight:400}.step-row{text-align:left;color:#4e594f;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;width:100%;padding:3px 0;font-size:9px;display:flex}.step-row:hover{color:#398052}.step-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.step-row>span:last-child{color:#a1aaa1;font:8px var(--mono);margin-left:auto}.step-number{color:#9ba39b;width:18px;font:8px var(--mono)}.no-steps,.more-steps{color:#919a92;margin:6px 0 0;font-size:9px}.inspector-close{color:#89938a;cursor:pointer;background:0 0;border:0;border-radius:5px;width:25px;height:25px;font-size:19px;position:absolute;top:9px;right:12px}.inspector-close:hover{color:#334638;background:#e9eee8}.diagnostics{border-top:1px solid #e9ece8}.diagnostics-clear{align-items:center;gap:9px;min-height:51px;padding:10px 16px;display:flex}.clear-check{color:#418253;background:#e9f3eb;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;display:grid}.diagnostics-clear>span:last-child{flex-direction:column;gap:2px;display:flex}.diagnostics-clear strong{color:#4a584c;font-size:9px}.diagnostics-clear small{color:#929a92;font-size:8px}.diagnostics-head{color:#687369;justify-content:space-between;padding:12px 15px 7px;font-size:9px;display:flex}.diagnostics-head>span{color:#929b92;font:9px var(--mono)}.diagnostic-list{padding:0 12px 10px}.diagnostic{text-align:left;color:#677267;cursor:pointer;background:0 0;border:0;border-top:1px solid #f0f2ef;align-items:center;gap:8px;width:100%;min-height:30px;padding:5px 3px;font-size:9px;display:flex}.diagnostic:hover{background:#fbfcfa}.diagnostic-mark{color:#b95738;width:15px;height:15px;font:600 9px var(--mono);background:#f9ede8;border-radius:50%;place-items:center;display:grid}.diagnostic-warning .diagnostic-mark{color:#a47d2f;background:#f8f2e4}.diagnostic-note .diagnostic-mark{color:#71829a;background:#edf1f5}.diagnostic-line{color:#98a097;font:8px var(--mono);margin-left:auto}.more-diagnostics{color:#969e96;padding:5px 22px;font-size:8px}.under-workbench{color:#778178;max-width:1190px;margin:11px auto 0;font-size:9px}.under-workbench strong{color:#56665a;font-weight:600}.how-section{background:#f8f9f6;grid-template-columns:minmax(250px,.83fr) minmax(420px,1.17fr);gap:8vw;padding:94px clamp(22px,9vw,136px) 92px;display:grid}.how-intro{max-width:360px}.how-intro h2{letter-spacing:-1.7px;font-size:34px}.how-intro>p{color:#768077;margin-top:14px;font-size:12px}.feature-list{border-top:1px solid #e1e5df}.feature-row{border-bottom:1px solid #e1e5df;grid-template-columns:27px 1fr 120px;align-items:center;gap:12px;min-height:95px;padding:17px 0;display:grid}.feature-index{color:#76a17b;font:10px var(--mono);align-self:start;padding-top:4px}.feature-row h3{color:#2c382f;font:600 12px var(--display);margin:0 0 5px}.feature-row p{color:#788278;max-width:420px;margin:0;font-size:10px;line-height:1.55}.feature-row code{font:9px var(--mono);color:#4d7354}.feature-visual{justify-content:center;align-items:center;height:39px;display:flex;position:relative}.graph-mini i{z-index:1;background:#fff;border:1px solid #92ad94;border-radius:4px;width:12px;height:12px;position:relative}.graph-mini i:nth-child(2){margin:0 20px}.graph-mini i:nth-child(3){background:#edf5ed;border-color:#4d8c5b;width:15px;height:15px}.graph-mini b{background:#bac9b9;width:20px;height:1px;position:absolute}.graph-mini b:first-of-type{left:33px}.graph-mini b:nth-of-type(2){right:33px}.condition-mini{font:9px var(--mono);gap:5px}.condition-mini span{color:#838d84}.condition-mini b{color:#957332;background:#fbf6e9;border:1px solid #e4d3aa;border-radius:4px;padding:4px 8px;font-weight:400}.condition-mini i{color:#74859d;background:#edf1f5;border-radius:50%;place-items:center;width:16px;height:16px;font-style:normal;display:grid}.line-mini{background:#fff;border:1px solid #e3e7e1;border-radius:5px;grid-template-columns:19px 1fr;grid-auto-rows:7px;justify-self:end;gap:3px 7px;width:103px;padding:6px 8px;display:grid}.line-mini span{color:#a4aba4;font:8px/10px var(--mono);grid-row:1/4}.line-mini i,.line-mini b{background:#dfe6df;border-radius:3px;height:3px}.line-mini i:nth-of-type(2){width:75%}.line-mini b{background:#8bb08a;width:57%}.closing{background:#e9eee7;border-top:1px solid #dce3d9;grid-template-columns:72px 1fr auto;align-items:center;gap:24px;padding:58px clamp(22px,9vw,136px);display:grid}.closing .section-kicker{margin-bottom:9px}.closing h2{color:#28352b;font:650 26px/1.18 var(--display);letter-spacing:-1px;margin:0}.closing-mark{background:#f7f9f5;border:1px solid #d2dfd1;border-radius:50%;justify-content:center;align-items:center;gap:5px;width:60px;height:60px;display:flex;position:relative;transform:rotate(-14deg)}.closing-mark span{background:#559165;border-radius:6px;width:7px}.closing-mark span:first-child{height:15px}.closing-mark span:nth-child(2){height:27px}.closing-mark span:nth-child(3){height:38px}.closing-mark b{background:#d19d44;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:8px}.closing-link{color:#426e4a;border:1px solid #cbd8c9;border-radius:5px;align-items:center;gap:18px;padding:12px 15px;font-size:10px;font-weight:600;transition:background .18s;display:flex}.closing-link:hover{background:#f5f8f2}.closing-link svg{width:14px;height:14px}.site-footer{color:#879087;background:#f8f9f6;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px clamp(22px,6vw,90px);font-size:9px;display:flex}.footer-brand{color:#334036;font-size:13px}.footer-brand .brand-mark{transform-origin:0;transform:scale(.8)skew(-18deg)}.site-footer>a:last-child{color:#627064;align-items:center;gap:5px;transition:color .16s;display:flex}.toast{z-index:10;color:#425446;opacity:0;pointer-events:none;background:#f9fbf8;border:1px solid #cbd9cb;border-radius:7px;max-width:min(410px,100vw - 44px);padding:12px 16px;font-size:11px;transition:opacity .18s,transform .18s;position:fixed;bottom:22px;right:22px;transform:translateY(8px);box-shadow:0 8px 28px #203b2420}.toast.is-visible{opacity:1;transform:translateY(0)}@keyframes intro-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes inspector-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(-9px,7px)}}@media (width<=900px){.hero{grid-template-columns:1fr 1fr;gap:1vw;padding-left:7vw;padding-right:5vw}.hero h1{font-size:57px}.hero-lede{font-size:13px}.hero-trust{gap:10px;font-size:9px}.workbench-body{grid-template-columns:minmax(300px,.82fr) minmax(390px,1.18fr)}.how-section{gap:5vw;padding-left:7vw;padding-right:7vw}.inspector{grid-template-columns:1fr 1.3fr}.inspector-steps{grid-column:1/-1}.scenario-bar{flex-wrap:wrap}.event-picker{order:3;width:100%;padding-left:25px}.reset-button{position:absolute;right:15px}.graph-footer{gap:9px}.graph-footer .graph-hint{display:none}}@media (width<=680px){.topbar{height:59px;padding:0 18px}.topnav{gap:14px}.topnav>a:first-child{display:none}.topnav>a:nth-child(2){font-size:10px}.topnav-star{height:30px;padding:0 9px;font-size:9px}.hero{grid-template-columns:1fr;gap:23px;min-height:0;padding:66px 22px 58px}.hero h1{letter-spacing:-3px;margin-top:17px;font-size:57px}.hero-lede{max-width:430px;font-size:13px}.hero-art{justify-self:center;width:min(100%,440px)}.scroll-cue{bottom:19px;left:22px}.workspace-section{padding:57px 14px 56px}.section-heading{padding:0 7px;display:block}.section-heading h2{font-size:27px}.section-heading>p{margin-top:9px}.workbench{border-radius:7px}.workbench-bar{padding:0 9px}.bar-file{gap:6px;font-size:9px}.bar-path{font-size:8px}.bar-actions{gap:4px}.file-button,.icon-button{height:27px;padding:0 7px;font-size:9px}.mobile-hide{display:none}.workbench-body{grid-template-columns:1fr}.editor-pane{border-bottom:1px solid #e9ece8;border-right:0;min-height:272px}.editor-wrap,.editor-wrap textarea{min-height:235px}.graph-pane{min-height:335px}.graph-scroll{min-height:291px;max-height:320px}.graph-footer{justify-content:center;gap:11px;min-height:32px}.graph-footer>span{font-size:7px}.scenario-bar{gap:9px;padding:11px 12px}.scenario-intro small{font-size:7px}.event-picker{padding-left:0}.event-chip{padding:6px 8px;font-size:8px}.reset-button{right:11px}.inspector{grid-template-columns:1fr;gap:13px;padding:14px 38px 13px 12px}.inspector-facts{gap:7px}.inspector-steps{grid-column:auto}.diagnostic{font-size:8px}.under-workbench{padding:0 4px;line-height:1.6}.how-section{grid-template-columns:1fr;gap:25px;padding:62px 23px}.how-intro h2{font-size:30px}.feature-row{grid-template-columns:20px 1fr 90px;gap:9px}.feature-row p{font-size:9px}.feature-visual{transform-origin:100%;transform:scale(.88)}.closing{grid-template-columns:49px 1fr;gap:14px;padding:35px 24px}.closing-mark{gap:3px;width:45px;height:45px}.closing-mark span{width:5px}.closing-mark span:first-child{height:12px}.closing-mark span:nth-child(2){height:20px}.closing-mark span:nth-child(3){height:28px}.closing-mark b{width:4px;height:4px;top:5px;right:6px}.closing h2{font-size:21px}.closing-link{grid-column:2;justify-self:start;padding:9px 11px;font-size:9px}.site-footer{flex-wrap:wrap;gap:10px;padding:14px 18px}.site-footer>span{text-align:center;order:3;width:100%}.footer-brand{font-size:11px}.footer-brand .brand-mark{transform:scale(.72)skew(-18deg)}.site-footer>a:last-child{font-size:8px}}.editor-wrap textarea[readonly]{color:#687468;cursor:default;background:#f8faf7}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.workflow-svg{transition:none}}.scenario-caveat{color:#9a8a67;white-space:nowrap;font-size:8px}@media (width<=900px){.scenario-caveat{order:4;width:100%;padding-left:25px}}@media (width<=680px){.scenario-caveat{padding-left:0;font-size:7px}}