.wf-page{--wf-muted:#b6c1ce;--wf-line:#334353;--wf-accent:#27d39a;color:#f3f7fb}.wf-page p{line-height:1.65}.wf-hero{padding-top:68px;padding-bottom:72px;display:grid;grid-template-columns:1.2fr 1fr;gap:22px 70px}.wf-label{grid-column:1/-1;color:var(--wf-accent);font-size:14px;margin:0}.wf-page h1{font-size:clamp(44px,5vw,68px);line-height:1.02!important;letter-spacing:-.05em!important;font-weight:700;margin:0}.wf-page h1 span{color:var(--wf-accent)}.wf-intro{align-self:end;padding-bottom:4px}.wf-intro>p:first-child{font-size:21px;color:var(--wf-muted);max-width:36ch;margin:0 0 26px}.wf-page .wf-small{color:var(--wf-muted);font-size:14px;line-height:1.6;max-width:75ch}.wf-intro .wf-small{max-width:42ch;margin:18px 0 0}.wf-page h2{font-size:clamp(29px,3.4vw,43px);line-height:1.15!important;font-weight:600;max-width:24ch;margin:0 0 20px}.wf-page h3{font-size:20px;font-weight:600;margin:0 0 12px}.wf-section-head>p{color:var(--wf-muted);max-width:66ch;font-size:17px}.wf-example{padding-bottom:78px}.wf-pipeline{display:flex;align-items:center;padding:42px 0 46px}.wf-node{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.wf-node-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #607285;border-radius:10px;color:var(--wf-muted);font-family:var(--font-mono);font-size:23px;transition:background .18s,color .18s,border-color .18s}.wf-node strong{font-size:18px}.wf-node>span:last-child{font-size:14px;color:var(--wf-muted)}.wf-wire{flex:0 1 100px;height:1px;background:#3b5263;position:relative;margin:0 32px 37px 0}.wf-wire::after{content:'';display:block;width:100%;height:2px;background:var(--wf-accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.wf-node.is-active .wf-node-icon{background:var(--wf-accent);border-color:var(--wf-accent);color:#06180f}.wf-wire.is-active::after{transform:scaleX(1)}.wf-demo-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;border-top:1px solid var(--wf-line);padding-top:30px}.wf-demo-grid label{display:block;font-size:16px;font-weight:600;margin-bottom:12px}.wf-demo-grid textarea{display:block;width:100%;font:14px/1.8 var(--font-mono);color:#e4edf4;background:#09121c;border:1px solid #607285;border-radius:8px;padding:18px;resize:vertical;min-height:190px}.wf-controls{display:flex;gap:20px;align-items:center;margin-top:16px}.wf-text-button{border:0;background:none;color:var(--wf-accent);cursor:pointer;font:inherit;font-size:15px;padding:10px 0;min-height:44px;text-align:left}.wf-page button:disabled{opacity:.65;cursor:wait}.wf-results ol{padding:0;list-style:none;display:grid;gap:12px;min-height:155px}.wf-result{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid var(--wf-line);padding:10px 0;animation:wf-result-in .24s cubic-bezier(.2,.8,.2,1)}.wf-result code{font-size:14px}.wf-result strong{font-size:14px;text-transform:lowercase}.wf-result[data-status=accepted] strong{color:#5de5b9}.wf-result[data-status=duplicate] strong{color:#ffda87}.wf-result[data-status=rejected] strong{color:#ffb9b1}.wf-note{max-width:77ch;color:var(--wf-muted);margin:26px 0 14px}.wf-page .wf-inline-link,.wf-resources a,.wf-related a{color:var(--wf-accent);text-underline-offset:4px}.wf-install{padding-block:65px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;border-top:1px solid var(--wf-line)}.wf-steps{list-style:decimal;padding-left:21px;display:grid;gap:22px;color:var(--wf-accent)}.wf-steps strong{color:#f3f7fb;font-size:17px}.wf-steps p{color:var(--wf-muted);margin-top:6px;font-size:15px;max-width:46ch}.wf-prompt{align-self:start;padding-top:7px}.wf-prompt>p{color:var(--wf-muted);font-size:18px;padding-left:20px;border-left:2px solid var(--wf-accent)}#wf-copy-status{font-size:14px;margin-left:15px;color:var(--wf-muted)}.wf-boundaries{padding-block:64px;border-top:1px solid var(--wf-line)}.wf-limit-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;color:var(--wf-muted);font-size:17px}.wf-resources{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:30px}.wf-video{padding-block:55px;border-top:1px solid var(--wf-line)}.wf-video video{width:100%;height:auto;display:block;border-radius:10px;background:#09121c}.wf-related{padding-block:55px 80px}.wf-related>p{color:var(--wf-muted);max-width:72ch}.wf-page a:focus-visible,.wf-page button:focus-visible,.wf-page textarea:focus-visible{outline:3px solid #7ef5cf;outline-offset:5px}.wf-page button,.wf-page a{touch-action:manipulation}@keyframes wf-result-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:820px){.wf-hero{grid-template-columns:1fr;gap:24px;padding-top:40px;padding-bottom:42px}.wf-hero h1{font-size:clamp(43px,10vw,66px)}.wf-intro>p:first-child{font-size:18px;max-width:37ch}.wf-demo-grid,.wf-install,.wf-limit-grid{grid-template-columns:1fr;gap:30px}.wf-pipeline{padding-block:30px}.wf-node-icon{width:43px;height:43px;font-size:20px}.wf-node strong{font-size:14px}.wf-node>span:last-child{font-size:12px}.wf-wire{margin:0 12px 38px 0;flex-basis:24px}.wf-results ol{min-height:0}.wf-example{padding-bottom:44px}.wf-install,.wf-boundaries{padding-block:44px}.wf-page .wrap{padding-inline:24px}.wf-resources{gap:14px 22px}.wf-demo-grid textarea{font-size:12px;padding:12px}.wf-related{padding-bottom:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body *,body *::before,body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}