/* FlowSocial site (https://social.moneyflow-ai.com) — one stylesheet for every page.
 *
 * Everything is namespaced `fs-`. The same header and footer are injected into the
 * apex's prerendered legal pages (cloudflare/flowsocial-site.js), which carry their
 * own Tailwind CSS: a bare `nav {}` or `.btn {}` here would restyle that page.
 * Page-level rules hang off `body.fs`, which only this site's own pages set.
 */
:root{--fs-g:#2EA84F;--fs-gd:#27913f;--fs-ink:#171717;--fs-mut:#5b5b5b;--fs-soft:#f4f8f5;--fs-bd:#e6e6e6}
.fs-head,.fs-foot,.fs-head *,.fs-foot *{box-sizing:border-box}
.fs-head,.fs-foot,body.fs{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans Hebrew",sans-serif;line-height:1.55}
.fs-wrap{max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}
body.fs *,body.fs *::before,body.fs *::after{box-sizing:border-box}

/* header */
.fs-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--fs-bd);color:var(--fs-ink);direction:ltr;text-align:left}
.fs-head-in{display:flex;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.fs-brand{display:flex;align-items:center;gap:10px;color:var(--fs-ink);text-decoration:none}
.fs-brand img{height:22px;width:auto;display:block}
.fs-brand span{font-weight:700;font-size:15px;color:var(--fs-g);border-inline-start:1px solid var(--fs-bd);padding-inline-start:10px}
.fs-nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin-inline-start:auto;align-items:center;font-size:14px}
.fs-nav a{color:var(--fs-ink);text-decoration:none}
.fs-nav a:hover{text-decoration:underline}
.fs-nav a[aria-current="page"]{color:var(--fs-g);font-weight:600}
.fs-btn{display:inline-block;border-radius:10px;padding:9px 16px;font-weight:600;font-size:14px;text-decoration:none}
.fs-nav a.fs-btn:hover,.fs-btn:hover{text-decoration:none}
.fs-btn-primary,.fs-nav a.fs-btn-primary{background:var(--fs-g);color:#fff}
.fs-btn-primary:hover{background:var(--fs-gd)}
.fs-btn-ghost,.fs-nav a.fs-btn-ghost{border:1px solid var(--fs-bd);color:var(--fs-ink);background:#fff}
.fs-btn-ghost:hover{background:var(--fs-soft)}

/* footer */
.fs-foot{margin-top:48px;border-top:1px solid var(--fs-bd);padding:20px 0 40px;font-size:14px;color:var(--fs-mut);background:#fff;direction:ltr;text-align:left}
.fs-foot a{color:var(--fs-g);text-decoration:none}
.fs-foot a:hover{text-decoration:underline}
.fs-foot-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.fs-foot p{margin:12px 0 0}

/* pages */
body.fs{margin:0;color:var(--fs-ink);background:#fff}
body.fs main a{color:var(--fs-g);text-decoration:none}
body.fs main a:hover{text-decoration:underline}
body.fs main a.fs-btn:hover{text-decoration:none}
body.fs main a.fs-btn-primary{color:#fff}
body.fs main a.fs-btn-ghost{color:var(--fs-ink)}
.fs-main{padding-bottom:8px}
body.fs section{padding:8px 0;scroll-margin-top:84px}
body.fs h1{font-size:34px;margin:44px 0 10px;line-height:1.2}
body.fs h2{font-size:22px;margin:40px 0 10px}
body.fs h3{margin:0 0 6px;font-size:15px}
body.fs p{color:var(--fs-mut);margin:10px 0}
.fs-lead{font-size:18px;color:#333;max-width:720px}
.fs-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.fs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px}
.fs-card{border:1px solid var(--fs-bd);border-radius:14px;padding:16px;background:var(--fs-soft)}
body.fs .fs-card p{margin:0;font-size:14px}
.fs-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.fs-pill{border:1px solid var(--fs-bd);border-radius:999px;padding:6px 12px;font-size:13px;background:#fff}
ol.fs-steps{margin:14px 0 0;padding-inline-start:22px;color:#333}
ol.fs-steps li{margin:8px 0}
.fs-note{border-inline-start:4px solid var(--fs-g);background:var(--fs-soft);padding:14px 16px;border-radius:8px;margin-top:14px;font-size:14px;color:#333}
.fs-note ul{margin:8px 0 0;padding-inline-start:20px}
.fs-note li{margin:4px 0}
.fs-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}
.fs-table th,.fs-table td{border:1px solid var(--fs-bd);padding:10px 12px;text-align:start;vertical-align:top}
.fs-table th{background:var(--fs-soft);font-weight:600}
.fs-table code{font-size:13px;background:#fff;border:1px solid var(--fs-bd);border-radius:6px;padding:1px 6px}
body.fs ul.fs-list{margin:10px 0;padding-inline-start:22px;color:#333}
ul.fs-list li{margin:6px 0}
body.fs address{font-style:normal;color:#333;font-size:15px;line-height:1.9}
.fs-he{direction:rtl;text-align:right;color:#333;margin-top:28px}
.fs-small{font-size:13px}
@media (max-width:640px){body.fs h1{font-size:27px;margin-top:28px}.fs-nav{margin-inline-start:0}body.fs section{scroll-margin-top:150px}}
