.wfb{max-width:1280px;margin:0 auto;padding:96px 32px}.wfb--grad{--grad:linear-gradient(100deg,#FFC848,#22F5A4,#43DFF6)}.wfb-hero{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative}.wfb-hero::before{content:'';position:absolute;top:-120px;right:-100px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,72,0.22),rgba(34,245,164,0.12) 40%,transparent 70%);filter:blur(16px);pointer-events:none;opacity:0.8;z-index:-1}.wfb-hero .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:#7C86A5;margin-bottom:16px;display:flex;align-items:center;gap:8px}.wfb-hero .eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:#22F5A4}.wfb-hero h1{font-family:'Sora',sans-serif;font-size:64px;font-weight:700;letter-spacing:-0.03em;line-height:1.05;color:#2E3B5B;margin:0 0 24px}.wfb-hero h1 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.wfb-hero .lede{font-family:'Geist',sans-serif;font-size:19px;color:#545D7D;max-width:50ch;line-height:1.55;margin:0 0 28px}.wfb-hero .cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.flow-diagram{position:relative;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(46,59,91,0.1);box-shadow:0 30px 60px -30px rgba(46,59,91,0.25)}.flow-inner{padding:28px 20px;background:#F4F4EC;display:flex;flex-direction:column;gap:0;align-items:center}.flow-node{background:#fff;border:1px solid rgba(46,59,91,0.08);border-radius:12px;padding:14px 20px;display:flex;align-items:center;gap:12px;font-family:'Geist',sans-serif;font-size:13px;font-weight:600;color:#2E3B5B;width:260px;box-shadow:0 2px 8px rgba(46,59,91,0.06);position:relative}.flow-node .fn-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.flow-node .fn-icon.trigger{background:linear-gradient(135deg,#FFC848,#22F5A4)}.flow-node .fn-icon.condition{background:linear-gradient(135deg,#956EFA,#43DFF6)}.flow-node .fn-icon.action{background:linear-gradient(135deg,#22F5A4,#43DFF6)}.flow-node .fn-icon.delay{background:linear-gradient(135deg,#43DFF6,#956EFA)}.flow-node .fn-icon.action2{background:linear-gradient(135deg,#FD88C0,#FFC848)}.flow-node .fn-sub{font-family:'JetBrains Mono',monospace;font-size:9px;color:#7C86A5;font-weight:500;margin-top:2px;letter-spacing:0.04em}.flow-connector{width:2px;height:24px;background:rgba(46,59,91,0.15);position:relative}.flow-connector::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(46,59,91,0.15)}.flow-branch{display:flex;gap:16px;align-items:flex-start;justify-content:center;width:100%}.flow-branch-arm{display:flex;flex-direction:column;align-items:center;gap:0}.flow-branch-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.1em;text-transform:uppercase;padding:3px 8px;border-radius:4px;font-weight:600;margin-bottom:4px}.flow-branch-label.yes{background:rgba(34,245,164,0.12);color:#0FAE70}.flow-branch-label.no{background:rgba(253,136,192,0.12);color:#C93F7B}.flow-branch .flow-node{width:200px;font-size:12px}.flow-pulse{animation:fpulse 2.5s ease-in-out infinite}@keyframes fpulse{0%,100%{box-shadow:0 2px 8px rgba(46,59,91,0.06)}50%{box-shadow:0 4px 20px rgba(34,245,164,0.25)}}.wfb-dual{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:96px}.wfb-dual-card{background:#fff;border:1px solid rgba(46,59,91,0.08);border-radius:20px;padding:40px 36px;position:relative;overflow:hidden}.wfb-dual-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}.wfb-dual-card.visual-card::before{background:linear-gradient(90deg,#22F5A4,#43DFF6)}.wfb-dual-card.api-card::before{background:linear-gradient(90deg,#956EFA,#43DFF6)}.wfb-dual-card .card-eyebrow{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:#7C86A5;margin-bottom:14px}.wfb-dual-card h3{font-family:'Sora',sans-serif;font-size:28px;font-weight:700;letter-spacing:-0.02em;color:#2E3B5B;margin:0 0 24px}.wfb-dual-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.wfb-dual-card ul li{font-family:'Geist',sans-serif;font-size:14px;color:#545D7D;line-height:1.5;padding-left:24px;position:relative}.wfb-dual-card ul li::before{content:'';position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:3px}.wfb-dual-card.visual-card ul li::before{background:rgba(34,245,164,0.25);border:1.5px solid #22F5A4}.wfb-dual-card.api-card ul li::before{background:rgba(149,110,250,0.15);border:1.5px solid #956EFA}.wfb-dual-card ul li strong{color:#2E3B5B;font-weight:600}.wfb-dual-card ul li code{font-family:'JetBrains Mono',monospace;font-size:12px;background:rgba(46,59,91,0.05);padding:2px 6px;border-radius:4px;color:#2E3B5B}.wfb-nodes{margin-top:96px}.wfb-nodes .section-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:#7C86A5;margin-bottom:12px}.wfb-nodes h2{font-family:'Sora',sans-serif;font-size:44px;font-weight:700;letter-spacing:-0.03em;color:#2E3B5B;margin:0 0 16px}.wfb-nodes .section-sub{font-family:'Geist',sans-serif;font-size:17px;color:#545D7D;max-width:56ch;line-height:1.5;margin:0 0 48px}.node-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.node-card{background:#fff;border:1px solid rgba(46,59,91,0.08);border-radius:16px;padding:24px 20px;transition:box-shadow 0.2s,transform 0.2s}.node-card:hover{box-shadow:0 8px 24px rgba(46,59,91,0.1);transform:translateY(-2px)}.node-card .nc-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:18px}.node-card .nc-icon.t1{background:linear-gradient(135deg,#FFC848,#22F5A4)}.node-card .nc-icon.t2{background:linear-gradient(135deg,#956EFA,#43DFF6)}.node-card .nc-icon.t3{background:linear-gradient(135deg,#43DFF6,#956EFA)}.node-card .nc-icon.t4{background:linear-gradient(135deg,#22F5A4,#43DFF6)}.node-card .nc-icon.t5{background:linear-gradient(135deg,#FD88C0,#FFC848)}.node-card .nc-icon.t6{background:linear-gradient(135deg,#0FAE70,#22F5A4)}.node-card .nc-icon.t7{background:linear-gradient(135deg,#956EFA,#FD88C0)}.node-card h4{font-family:'Sora',sans-serif;font-size:15px;font-weight:600;color:#2E3B5B;margin:0 0 6px;letter-spacing:-0.005em}.node-card p{font-family:'Geist',sans-serif;font-size:12px;color:#7C86A5;line-height:1.5;margin:0}.wfb-code{margin-top:96px}.wfb-code .section-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:#7C86A5;margin-bottom:12px}.wfb-code h2{font-family:'Sora',sans-serif;font-size:44px;font-weight:700;letter-spacing:-0.03em;color:#2E3B5B;margin:0 0 16px}.wfb-code .section-sub{font-family:'Geist',sans-serif;font-size:17px;color:#545D7D;max-width:56ch;line-height:1.5;margin:0 0 48px}.code-examples{display:flex;flex-direction:column;gap:32px}.code-block{background:#0C1225;border-radius:16px;overflow:hidden;position:relative}.code-block::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#956EFA,#43DFF6,#22F5A4)}.code-block .cb-header{padding:16px 24px 0;display:flex;align-items:center;gap:10px}.code-block .cb-dots{display:flex;gap:6px}.code-block .cb-dots span{width:10px;height:10px;border-radius:50%}.code-block .cb-dots span:nth-child(1){background:#FF5F56}.code-block .cb-dots span:nth-child(2){background:#FFBD2E}.code-block .cb-dots span:nth-child(3){background:#27C93F}.code-block .cb-title{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:#7C86A5;margin-left:auto}.code-block pre{padding:20px 24px 24px;margin:0;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.7;color:#ADB5C9}.code-block pre .kw{color:#956EFA}.code-block pre .str{color:#22F5A4}.code-block pre .num{color:#FFC848}.code-block pre .prop{color:#43DFF6}.code-block pre .cmt{color:#545D7D;font-style:italic}.code-block pre .endpoint{color:#FD88C0;font-weight:600}.wfb-compare{margin-top:96px}.wfb-compare .section-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:#7C86A5;margin-bottom:12px}.wfb-compare h2{font-family:'Sora',sans-serif;font-size:44px;font-weight:700;letter-spacing:-0.03em;color:#2E3B5B;margin:0 0 48px}.cmp-table{background:#fff;border:1px solid rgba(46,59,91,0.08);border-radius:18px;overflow:hidden;width:100%}.cmp-table .cmp-row{display:grid;grid-template-columns:1.4fr repeat(5,1fr);padding:14px 24px;border-bottom:1px solid rgba(46,59,91,0.05);align-items:center;font-family:'Geist',sans-serif;font-size:13px;gap:8px}.cmp-table .cmp-row:last-child{border-bottom:0}.cmp-table .cmp-row.cmp-head{background:rgba(46,59,91,0.03);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:#7C86A5;font-weight:600;padding:18px 24px}.cmp-table .cmp-row.cmp-head span:nth-child(2){color:#0FAE70}.cmp-table .cmp-row .cmp-label{font-weight:600;color:#2E3B5B}.cmp-table .cmp-row .cmp-us{color:#0FAE70;font-weight:600;font-size:12px}.cmp-table .cmp-row .cmp-them{color:#7C86A5;font-size:12px}.wfb-cta{margin-top:96px}@media (max-width:1040px){.wfb-hero{grid-template-columns:1fr;gap:40px}.wfb-dual{grid-template-columns:1fr}.node-grid{grid-template-columns:repeat(2,1fr)}.cmp-table .cmp-row{grid-template-columns:1.2fr repeat(2,1fr);font-size:12px}.cmp-table .cmp-row span:nth-child(n+5){display:none}.wfb-hero h1{font-size:52px}}@media (max-width:720px){.wfb{padding:64px 20px}.wfb-hero h1{font-size:40px}.wfb-nodes h2,.wfb-code h2,.wfb-compare h2{font-size:32px}.node-grid{grid-template-columns:1fr}.cmp-table .cmp-row{grid-template-columns:1fr 1fr}.cmp-table .cmp-row span:nth-child(n+4){display:none}.flow-branch{flex-direction:column;align-items:center}.flow-branch .flow-node{width:220px}.flow-node{width:220px}}