.flowb-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.flowb-compare{font-size:14px;color:#6a5844;text-underline-offset:5px;white-space:nowrap}
.flowb-board{background:#242126;color:#faf6ef;padding:28px;border-radius:24px}.flowb-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px}.flowb-top small{font-size:13px;color:#cbbfaf}.flowb-top button{font:inherit;font-size:14px;border:1px solid #82715a;background:transparent;border-radius:30px;color:#faf6ef;padding:12px 18px;min-height:44px;cursor:pointer}
.flowb-map{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px;margin:40px 0;padding:0}.flowb-map li{position:relative;min-width:0}.flowb-map button{width:100%;height:100%;min-height:172px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 8px;border:1px solid #655950;border-radius:14px;background:#302c2e;color:#faf6ef;font:inherit;text-align:center;cursor:pointer;transition:border-color .25s,background .25s}.flowb-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#faf6ef;color:#242126;font-weight:600;font-size:22px}.flowb-icon.wa{background:#d9f7e5;color:#18663c;font-size:17px}.flowb-icon.ia{background:#f2a444}.flowb-icon.calendar{background:#e3ecff;color:#2656af}.flowb-icon.notion{font-family:Georgia,serif;font-size:30px}.flowb-icon.reminder{background:#f8e9cf;color:#755019;font-size:16px}.flowb-icon.review{background:#faf6ef;color:#b87812;font-size:28px}.flowb-map strong{font-size:14px;font-weight:500}.flowb-action{font-size:13px;line-height:1.5;color:#cbbfaf}.flowb-arrow{position:absolute;left:100%;width:26px;top:72px;text-align:center;font-size:23px;color:#8d7a63}.flowb-map button[aria-current]{border-color:#f2a444;background:#45372c}.flowb-map .passed .flowb-arrow{color:#f2a444}.flowb-map .passed button{border-color:#b78b52}.flowb-caption{margin:0;display:flex;align-items:center;gap:22px;border-top:1px solid #635449;padding-top:22px;font-size:16px;line-height:1.65;min-height:76px}.flowb-caption>span:first-child{font-size:13px;color:#f2a444;white-space:nowrap}.flowb-note{font-size:13px;line-height:1.6;color:#716455;margin:16px 0 0}.automation-b button:focus-visible,.flowb-compare:focus-visible{outline:3px solid #f2a444;outline-offset:4px}
@media(max-width:1050px){.flowb-map{grid-template-columns:1fr;gap:24px;margin:26px 0}.flowb-map button{min-height:76px;flex-direction:row;text-align:left;padding:12px 18px;gap:18px}.flowb-map strong{width:145px;flex-shrink:0}.flowb-icon{flex-shrink:0}.flowb-arrow{left:40px;top:100%;transform:rotate(90deg);height:24px;line-height:24px}.flowb-action{font-size:14px}}
@media(max-width:600px){.flowb-heading{display:block}.flowb-compare{display:inline-block;margin-top:18px}.flowb-board{padding:18px;border-radius:18px}.flowb-top{align-items:flex-start}.flowb-top small{display:block;margin-top:6px}.flowb-top button{white-space:nowrap;padding:10px 12px}.flowb-map button{display:grid;grid-template-columns:44px 1fr;gap:5px 14px;padding:12px}.flowb-icon{grid-row:span 2;width:44px;height:44px}.flowb-map strong{width:auto}.flowb-action{font-size:13px}.flowb-caption{align-items:flex-start;gap:12px;min-height:106px}.flowb-arrow{left:22px}}
.flowb-icon.crm{font-size:14px}
.flowb-picker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.flowb-picker button{font:inherit;font-size:14px;line-height:1.5;border:1px solid #82715a;border-radius:24px;padding:10px 16px;background:transparent;color:#faf6ef;cursor:pointer}.flowb-picker button[aria-pressed="true"]{background:#f2a444;color:#242126;border-color:#f2a444}
@media(prefers-reduced-motion:reduce){.flowb-map button{transition:none}}