/* FlowBuddy · customer website, 2026-09. Styles are scoped to this product page.
   Shared AlphaFlow navigation, footer, appointment and tracking stay unchanged. */
.fb-footer .bottom-navigation-top { display:none !important; }
body.af-home-split #izl_rmenu { display:block !important; }
.fb {
  --red:#e60028; --ink:#143b56; --body:#243749; --muted:#607487;
  --line:#dfe7ee; --sky:#eff6fb; --radius:16px;
  color:var(--body); background:#fff;
  font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  overflow-wrap:break-word; isolation:isolate;
}
.fb *, .fb *::before, .fb *::after { box-sizing:border-box; }
.fb h1,.fb h2,.fb h3,.fb p { margin:0; }
.fb h1,.fb h2,.fb h3 { color:var(--ink); font-weight:700; line-height:1.4; }
.fb h1 { font-size:clamp(32px,3vw,44px); letter-spacing:-1.3px; }
.fb h2 { font-size:clamp(27px,2.4vw,36px); letter-spacing:-.7px; margin-bottom:18px; }
.fb h3 { font-size:19px; margin-bottom:12px; }
.fb p+p { margin-top:12px; }
.fb a { color:inherit; text-decoration:none; }
.fb a:hover { color:var(--red); }
.fb a:focus-visible,.fb summary:focus-visible { outline:3px solid #2683c4; outline-offset:5px; }
.fb .wrap { width:min(1200px,calc(100% - 64px)); margin:auto; }
.fb section { padding:80px 0; scroll-margin-top:85px; }
.fb .tint { background:#f5f8fb; }
.fb .lead { color:var(--muted); font-size:17px; max-width:1200px; line-height:1.9; }
.fb .muted { color:var(--muted); }
.fb .accent { color:var(--red); }
.fb .eyebrow { display:block; font-size:14px; font-weight:700; color:var(--red); letter-spacing:.06em; margin-bottom:16px; }
.fb .grid { display:grid; gap:20px; }
.fb .two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.fb .four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.fb .card { min-width:0; padding:26px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; }
.fb .card p,.fb .card li { color:var(--muted); }
.fb .card strong { color:var(--ink); }
.fb .num { display:block; color:var(--red); font-weight:700; font-size:13px; letter-spacing:.05em; margin-bottom:14px; }
.fb ul { margin:12px 0 0; padding-left:1.25em; }
.fb .tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.fb .tags span { display:inline-block; font-size:13px; padding:4px 12px; border-radius:5px; background:#f0f5f9; color:#4f6d83; }
.fb .actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }
.fb .button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:11px 24px; border-radius:6px; background:var(--red); border:1px solid var(--red); color:#fff; font-size:15px; font-weight:650; text-align:center; transition:background .18s,box-shadow .18s; }
.fb .button:hover { background:#c80023; color:#fff; box-shadow:0 6px 18px #e6002820; }
.fb .button.secondary { background:transparent; border-color:#9eb1c0; color:var(--ink); }
.fb .button.secondary:hover { background:#fff; border-color:var(--ink); color:var(--ink); }
.fb .note { margin-top:24px; padding:16px 20px; border-left:3px solid var(--body); background:#fafcfe; color:var(--ink); font-size:15px; font-weight:600; }

/* Brand opening: the product mascot is the focal point, rather than another text card. */
.fb .hero { position:relative; overflow:hidden; padding:24px 0 58px; background:linear-gradient(110deg,#fff 20%,#f1f7fc 65%,#eaf4fc); }
.fb .hero::after { content:""; position:absolute; pointer-events:none; width:680px; height:680px; border:1px solid #d9e9f580; border-radius:50%; top:-150px; right:-240px; z-index:-1; }
.fb .crumb { color:#6f8191; font-size:13px; margin-bottom:26px; }
.fb .hero-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:60px; align-items:center; }
.fb .hero h1 { margin-bottom:24px; max-width:680px; }
.fb .hero .slogan { font-size:21px; line-height:1.7; font-weight:650; margin-bottom:18px; color:var(--ink); }
.fb .hero .lead { font-size:16px; line-height:1.95; max-width:610px; }
.fb .promise { font-size:14px; letter-spacing:.16em; font-weight:700; color:var(--ink); margin-top:24px; }
.fb .visual { position:relative; padding:312px 24px 20px; text-align:center; min-width:0; }
.fb .fb-mascot { position:absolute; top:-20px; left:50%; transform:translateX(-50%); width:370px; height:370px; max-width:100%; object-fit:contain; mix-blend-mode:multiply; border-radius:50%; -webkit-mask-image:radial-gradient(ellipse 49% 49%,#000 74%,transparent 100%); mask-image:radial-gradient(ellipse 49% 49%,#000 74%,transparent 100%); pointer-events:none; }
.fb .visual small { position:relative; display:block; color:#647d91; font-size:13px; letter-spacing:.1em; }
.fb .visual>strong { position:relative; display:block; font-size:25px; color:var(--ink); line-height:1.3; margin:5px 0 7px; }
.fb .visual>p { position:relative; color:#61788b; font-size:14px; }
.fb .visual-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:20px; text-align:left; }
.fb .visual-flow div { display:flex; justify-content:space-between; align-items:center; gap:3px; min-width:0; background:#ffffffd9; border:1px solid #d9e6f0; border-radius:8px; padding:10px 15px; color:var(--ink); font-size:12px; font-weight:600; line-height:1.45; white-space:nowrap; box-shadow:0 4px 14px #163b5504; }
.fb .visual-flow span { flex:none; color:#94a9b9; font-size:11px; font-weight:500; }
.fb .visual-flow div:last-child { border-color:#edc3cc; background:#fff8fa; }
.fb .visual-flow div:last-child span { color:var(--red); }

/* Clear lifecycle and hand-off: light editorial rules, fewer nested cards. */
.fb #work .card { border:0; border-top:1px solid #cddde9; border-radius:0; padding:24px 20px 10px 0; position:relative; }
.fb #work .card::before { content:""; position:absolute; width:7px; height:7px; background:var(--red); border-radius:50%; top:-4px; left:0; }
.fb #work .card .num { color:#8a9fad; font-size:24px; font-weight:400; letter-spacing:-1px; margin-bottom:12px; }
.fb #work .note { background:transparent; padding:4px 18px; margin-top:30px; }
.fb #value .card { display:flex; flex-direction:column; border:0; border-top:3px solid #afc7da; border-radius:0 0 12px 12px; padding:24px; }
.fb #value .card:nth-child(2) { border-color:#9ac9c4; }
.fb #value .card:nth-child(3) { border-color:#a7b5d5; }
.fb #value .card:nth-child(4) { border-color:#dda9b4; }
.fb .fb-line-icon { width:33px; height:33px; margin-bottom:25px; color:var(--ink); }
.fb #value .num { font-size:13px; color:#6f8393; margin-bottom:6px; }
.fb #value h3 { font-size:20px; }
.fb #value .card>p:first-of-type { min-height:86px; }
.fb #value .tags { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:16px; }
.fb #value .tags span { padding:5px 4px; text-align:center; white-space:nowrap; }
.fb #value .card>p:last-child:not(:first-of-type) { padding-top:4px; font-size:14px; }

/* Keep the portrait background full size while reducing each character's visual scale. */
.fb #agents { background:#fff; }
.fb .agent { display:flex; flex-direction:column; overflow:hidden; position:relative; padding:0 22px 24px; transition:box-shadow .2s, border-color .2s; }
.fb .agent:hover { border-color:#b8cfdf; box-shadow:0 12px 30px #143b5610; }
.fb .fb-portrait { display:grid; place-items:center; position:relative; overflow:hidden; width:calc(100% + 44px); aspect-ratio:421/341; margin:0 -22px 20px; background:#ebf3fa; }
.fb .fb-portrait img { display:block; width:80%; height:80%; object-fit:contain; }
.fb .agent .num { font-size:12px; color:#7a8f9f; margin-bottom:5px; }
.fb .agent h3 { font-size:19px; margin-bottom:10px; }
.fb .agent p { flex:1; font-size:14px; line-height:1.8; }
.fb #agents>.wrap>.muted { font-size:14px; }

/* Two integration routes retain the same content and equal visual weight. */
.fb .compare h2 { max-width:900px; }
.fb .compare .card { padding:32px; background:#fff; border-top:3px solid #b6cddc; }
.fb .compare .card:last-child { border-top-color:var(--red); }
.fb .compare .num { font-size:12px; letter-spacing:.14em; color:#7d94a7; }
.fb .compare h3 { font-size:24px; }
.fb .compare .card>p:not(.note) { min-height:144px; }
.fb .compare .note { font-size:14px; margin-top:22px; padding:12px 16px; }
.fb #audit { padding:70px 0; }
.fb #audit .grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.fb #audit .card { border:0; border-radius:0; padding:12px 28px 0 0; }
.fb #audit .card+.card { border-left:1px solid var(--line); padding-left:34px; }
.fb #audit h2 { margin-bottom:32px; }
.fb #audit h3 { font-size:18px; }

/* Shared work entrances and task flow. */
.fb .entry-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.fb .entry-grid>.card { grid-column:span 2; }
.fb .entry-grid>.card:nth-child(n+4) { grid-column:span 3; }
.fb .entry { display:flex; flex-direction:column; }
.fb .entry .num { color:#768d9e; font-size:13px; }
.fb .entry h3 { font-size:20px; }
.fb .entry p { flex:1; }
.fb .entry code,.fb .sample code { display:block; white-space:pre-wrap; background:#f2f7fb; border:1px solid #e1ebf3; border-radius:10px 10px 10px 2px; padding:14px 16px; margin-top:22px; font:500 14px/1.85 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; color:#375770; }
.fb .flowline { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:28px; }
.fb .flowline span { background:#f0f5f9; border:1px solid #dfebf3; padding:13px 18px; border-radius:8px; font-size:14px; font-weight:600; color:var(--ink); }
.fb .flowline b { color:#99aebd; font-size:16px; font-weight:400; }
.fb #invocation .flowline { padding:28px; border:1px solid var(--line); border-radius:14px; justify-content:center; gap:12px; background:linear-gradient(110deg,#f8fbfe,#fff); }
.fb #invocation .flowline span:nth-of-type(3) { color:#fff; border-color:var(--ink); background:var(--ink); }
.fb .sample { background:#fafcfe; border:0; border-left:3px solid #bbcfde; border-radius:0; }
.fb .sample h3 { font-size:17px; }
.fb #context .tags { gap:12px; margin-top:26px; }
.fb #context .tags span { padding:12px 24px; background:#fff; border:1px solid var(--line); font-size:15px; border-radius:8px; }
.fb #context .note { background:transparent; padding:4px 18px; }
.fb #context .muted { font-size:14px; }

/* Core: PPT navy + red, a quieter technical foundation. */
.fb #core { position:relative; background:#012e4d; color:#fff; }
.fb #core h2 { color:#fff; font-size:40px; letter-spacing:-.9px; }
.fb #core .lead { color:#c5d8e5; }
.fb .core { grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; padding-top:12px; }
.fb .core .card { padding:24px; background:transparent; border:0; border-left:1px solid #ffffff26; border-radius:0; }
.fb .core .card:first-child { border-left:0; padding-left:0; }
.fb .core .num { color:#8eafc5; margin-bottom:26px; font-size:13px; }
.fb .core h3 { color:#fff; font-size:20px; }
.fb .core p { color:#c4d6e3; font-size:15px; }
.fb #core .muted { color:#a7c1d2; padding-top:24px; border-top:1px solid #ffffff26; font-size:14px; }
.fb #optimization .flowline { gap:6px; }
.fb #optimization .flowline span { padding:11px 12px; background:#fff; font-size:13px; }
.fb #optimization .note { padding:4px 18px; background:transparent; }
.fb .journey { list-style:none; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:32px 0; }
.fb .journey li { border:0; border-top:1px solid #ccdce7; padding:24px 10px 0 0; }
.fb .journey .num { font-size:28px; color:#a1b5c4; font-weight:400; line-height:1; margin-bottom:20px; }
.fb .journey strong { display:block; font-size:19px; color:var(--ink); margin-bottom:10px; }
.fb .journey p { color:var(--muted); font-size:15px; }

/* FAQ stays native and keyboard accessible. */
.fb #faq>.wrap { max-width:1000px; }
.fb #faq h2 { margin-bottom:30px; }
.fb details { border-bottom:1px solid var(--line); padding:20px 0; }
.fb details:first-of-type { border-top:1px solid var(--line); }
.fb summary { cursor:pointer; font-weight:600; font-size:17px; list-style:none; display:flex; justify-content:space-between; gap:20px; color:var(--ink); }
.fb summary::-webkit-details-marker { display:none; }
.fb summary::after { content:'+'; flex:none; color:var(--red); font-size:23px; font-weight:400; line-height:1.25; }
.fb details[open] summary::after { content:'−'; }
.fb details p { margin:16px 36px 0 0; color:var(--muted); font-size:15px; }
.fb .final { position:relative; background:#fff; color:var(--ink); text-align:center; padding:76px 0; }
.fb .final .lead { color:#5f798d; margin:auto; }
.fb .final .eyebrow { color:#687f90; font-weight:500; font-size:14px; }
.fb .final h2 { font-size:clamp(26px,2.5vw,36px); }
.fb .final .actions { justify-content:center; }

@media(min-width:1500px) { .fb .wrap { width:min(1280px,calc(100% - 96px)); } .fb .hero-grid { gap:80px; } }
@media(max-width:1100px) {
  .fb .hero-grid { gap:25px; grid-template-columns:1.1fr .9fr; }
  .fb .visual { padding:284px 0 12px; }
  .fb .fb-mascot { width:330px; height:330px; }
  .fb .card { padding:22px; }
  .fb .agent { padding:0 18px 20px; }
  .fb .fb-portrait { width:calc(100% + 36px); margin:0 -18px 18px; }
  .fb .agent h3 { font-size:17px; }
  .fb #value .card { padding:20px; }
  .fb .core .card { padding:20px 16px; }
  .fb #invocation .flowline { gap:8px; padding:20px; }
  .fb #invocation .flowline span { padding:11px 12px; }
}
@media(max-width:950px) {
  .fb .wrap { width:calc(100% - 48px); }
  .fb section { padding:60px 0; }
  .fb .four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fb .hero-grid { grid-template-columns:1fr 0.8fr; gap:20px; }
  .fb .hero h1 { font-size:32px; }
  .fb .hero .slogan { font-size:18px; }
  .fb .hero .lead { font-size:15px; }
  .fb .visual { padding-top:245px; }
  .fb .fb-mascot { width:290px; height:290px; top:0; }
  .fb .visual-flow { gap:5px; }
  .fb .visual-flow div { align-items:flex-start; padding:7px 4px; font-size:10px; gap:1px; white-space:normal; }
  .fb .visual-flow span { font-size:10px; }
  .fb #value .card>p:first-of-type { min-height:0; }
  .fb .compare .card { padding:26px; }
  .fb .compare .card>p:not(.note) { min-height:0; }
  .fb .entry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fb .entry-grid>.card,.fb .entry-grid>.card:nth-child(n+4) { grid-column:auto; }
  .fb .entry-grid>.card:last-child { grid-column:1/-1; }
  .fb .core { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .fb .core .card,.fb .core .card:first-child { padding:20px; border:1px solid #ffffff26; border-radius:10px; }
  .fb .journey { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  body.af-home-split #izl_rmenu { display:none !important; }
  .fb { font-size:15px; }
  .fb .wrap { width:calc(100% - 40px); }
  .fb section { padding:48px 0; scroll-margin-top:75px; }
  .fb h2 { font-size:27px; letter-spacing:-.4px; margin-bottom:16px; }
  .fb h3 { font-size:18px; }
  .fb .lead { font-size:15px; line-height:1.85; }
  .fb .hero { padding:20px 0 30px; }
  .fb .crumb { margin-bottom:26px; font-size:12px; }
  .fb .hero-grid { grid-template-columns:1fr; gap:20px; }
  .fb .hero h1 { font-size:32px; letter-spacing:-.8px; margin-bottom:20px; }
  .fb .hero .slogan { font-size:19px; margin-bottom:16px; }
  .fb .hero .lead { font-size:15px; }
  .fb .promise { margin-top:20px; font-size:13px; letter-spacing:.08em; }
  .fb .actions { gap:10px; margin-top:24px; }
  .fb .hero .actions { display:grid; grid-template-columns:1fr 1fr; }
  .fb .button { padding:11px 14px; font-size:14px; }
  .fb .visual { width:100%; max-width:410px; margin:0 auto; padding:250px 0 6px; }
  .fb .fb-mascot { top:-20px; width:305px; height:305px; }
  .fb .visual>strong { font-size:24px; }
  .fb .visual-flow { gap:8px; margin-top:16px; }
  .fb .visual-flow div { padding:9px 3px; font-size:clamp(9px,2.9vw,11px); }
  .fb .visual-flow span { font-size:9px; }
  .fb .grid { gap:14px; }
  .fb .two,.fb .entry-grid { grid-template-columns:1fr; }
  .fb .entry-grid>.card,.fb .entry-grid>.card:nth-child(n+4) { grid-column:auto; }
  .fb .card,.fb .compare .card { padding:22px; }
  .fb #work .card { padding:20px 8px 4px 0; }
  .fb #work .card .num { font-size:22px; }
  .fb #work .card h3 { font-size:17px; }
  .fb #work .card p { font-size:14px; }
  .fb #value .four { grid-template-columns:1fr; }
  .fb #value .card { padding:24px; position:relative; }
  .fb #value .fb-line-icon { position:absolute; right:24px; top:23px; width:29px; height:29px; }
  .fb #value h3 { padding-right:32px; }
  .fb #value .tags { grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
  .fb #value .tags span { font-size:12px; }
  .fb .agent { padding:0 13px 18px; border-radius:12px; }
  .fb .fb-portrait { width:calc(100% + 26px); margin:0 -13px 12px; aspect-ratio:421/341; }
  .fb .agent .num { font-size:11px; margin-bottom:5px; letter-spacing:0; }
  .fb .agent h3 { font-size:15px; line-height:1.5; letter-spacing:-.3px; margin-bottom:8px; }
  .fb .agent p { font-size:13px; line-height:1.7; }
  .fb #agents .actions .button { width:100%; }
  .fb .compare h3 { font-size:22px; }
  .fb .note { padding:12px 15px; font-size:14px; }
  .fb #audit { padding:48px 0; }
  .fb #audit .grid { grid-template-columns:1fr; }
  .fb #audit .card,.fb #audit .card+.card { padding:0; border:0; }
  .fb #audit .card+.card { padding-top:20px; border-top:1px solid var(--line); }
  .fb #invocation .flowline { padding:18px; gap:6px; }
  .fb #invocation .flowline span { font-size:13px; padding:8px 11px; }
  .fb .sample { padding:20px; }
  .fb #context .tags { gap:8px; }
  .fb #context .tags span { padding:8px 12px; font-size:13px; }
  .fb #core h2 { font-size:32px; }
  .fb .core { grid-template-columns:1fr; gap:0; }
  .fb .core .card,.fb .core .card:first-child { border:0; border-top:1px solid #ffffff26; border-radius:0; padding:20px 0 20px 40px; position:relative; }
  .fb .core .num { position:absolute; left:0; top:23px; margin:0; }
  .fb .core h3 { font-size:18px; margin-bottom:8px; }
  .fb .core p { font-size:14px; }
  .fb #core .muted { margin-top:0 !important; padding-top:16px; font-size:13px; }
  .fb #optimization .flowline { gap:6px; }
  .fb #optimization .flowline span { padding:8px 10px; }
  .fb .journey { gap:20px; }
  .fb .journey li { padding:20px 0 0; }
  .fb .journey p { font-size:14px; }
  .fb .journey .num { font-size:24px; }
  .fb #poc>.wrap>.button { width:100%; }
  .fb summary { font-size:16px; }
  .fb details p { margin-right:0; font-size:14px; }
  .fb .final { padding:50px 0; text-align:left; }
  .fb .final .actions { display:grid; grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { .fb *, .fb *::before, .fb *::after { transition:none !important; scroll-behavior:auto !important; } }

@media(max-width:1100px) { .fb .fb-desktop-break { display:none; } }
/* Keep short headings and the mobile slogan from ending in a single character. */
.fb .hero h1,.fb .hero .slogan,.fb h2 { text-wrap:balance; }
@media(max-width:1100px) { body.af-home-split #izl_rmenu { display:none !important; } }

/* Compact channel examples: original screenshots remain available at full resolution. */
.fb .fb-channel-examples { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:26px 0 28px; }
.fb .fb-channel-showcase { display:grid; grid-template-columns:minmax(0,1fr) 210px; align-items:center; gap:18px; margin:0; padding:22px; border:1px solid #dae6ef; border-radius:14px; background:linear-gradient(120deg,#fff,#f0f7fd); min-width:0; }
.fb .fb-channel-copy { min-width:0; }
.fb .fb-channel-brand { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:12px; font-size:12px; }
.fb .fb-channel-brand>span { display:inline-flex; align-items:center; border-radius:5px; background:#e9f3ff; color:#1475de; padding:2px 8px; font-weight:700; }
.fb .fb-channel-brand>b { color:#9bafbd; font-weight:400; }
.fb .fb-channel-brand>strong { color:var(--ink); font-size:14px; }
.fb [data-channel="workbuddy"] .fb-channel-brand>span { color:#65569b; background:#efecf7; }
.fb .fb-channel-copy h3 { font-size:19px; line-height:1.5; letter-spacing:-.3px; margin-bottom:10px; }
.fb .fb-channel-copy h3 br { display:none; }
.fb .fb-channel-copy>p { color:var(--muted); font-size:13px; line-height:1.75; }
.fb .fb-channel-steps { display:grid; gap:10px; list-style:none; margin:16px 0 0; padding:0; }
.fb .fb-channel-steps li { display:flex; align-items:flex-start; gap:9px; }
.fb .fb-channel-steps li>span { display:grid; place-items:center; flex:none; width:23px; height:23px; margin-top:1px; border:1px solid #cadde9; border-radius:50%; color:#5283a1; background:#fff; font-size:10px; line-height:1; }
.fb .fb-channel-steps strong { display:block; color:var(--ink); font-size:13px; font-weight:650; }
.fb .fb-channel-steps p { font-size:12px; color:#758b9a; margin:2px 0 0; }
.fb .fb-channel-window { overflow:hidden; border:1px solid #dfe7ef; border-radius:9px; background:#fff; box-shadow:0 6px 18px #1d52770d; min-width:0; }
.fb .fb-channel-windowbar { display:flex; align-items:center; justify-content:space-between; gap:6px; padding:8px; background:#fff; border-bottom:1px solid #e2eaf1; color:#5f7688; font-size:10px; }
.fb .fb-channel-windowbar>span { display:flex; align-items:center; gap:5px; }
.fb .fb-channel-windowbar i { display:block; flex:none; width:5px; height:5px; border-radius:50%; background:#2487e9; }
.fb [data-channel="workbuddy"] .fb-channel-windowbar i { background:#8577ae; }
.fb .fb-channel-windowbar a { color:#476f90; white-space:nowrap; }
.fb .fb-channel-windowbar a:hover { color:var(--red); }
.fb .fb-channel-screenshot { display:flex; align-items:center; justify-content:center; cursor:zoom-in; background:#f5f7fb; min-height:142px; }
.fb .fb-channel-screenshot img { display:block; width:100%; max-width:100%; height:auto; }
.fb .fb-channel-screenshot:focus-visible { outline-offset:-4px; }
@media(max-width:1100px) {
  .fb .fb-channel-examples { grid-template-columns:1fr; gap:14px; }
  .fb .fb-channel-showcase { grid-template-columns:minmax(0,1fr) 240px; gap:24px; }
  .fb .fb-channel-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
}
@media(max-width:700px) {
  .fb .fb-channel-showcase { grid-template-columns:1fr; padding:20px; gap:18px; }
  .fb .fb-channel-steps { grid-template-columns:1fr; gap:10px; }
  .fb .fb-channel-window { width:210px; max-width:100%; justify-self:center; }
}
.fb-image-dialog { box-sizing:border-box; width:min(1200px,96vw); max-width:96vw; max-height:92dvh; margin:auto; padding:12px; border:0; border-radius:14px; background:#fff; box-shadow:0 24px 70px rgba(0,0,0,.3); }
.fb-image-dialog::backdrop { background:rgba(10,18,33,.78); }
.fb-image-dialog[open] { display:flex; flex-direction:column; gap:10px; }
.fb-image-dialog__toolbar { display:flex; justify-content:flex-end; gap:8px; }
.fb-image-dialog__toolbar button { min-width:44px; min-height:40px; padding:0 14px; border:1px solid #dfe5ee; border-radius:8px; background:#fff; color:#172033; font-size:16px; cursor:pointer; }
.fb-image-dialog__toolbar button:focus-visible { outline:3px solid #e60028; outline-offset:2px; }
.fb-image-dialog__viewport { min-height:0; overflow:auto; }
.fb-image-dialog__viewport img { display:block; width:auto; max-width:100%; max-height:calc(92dvh - 86px); height:auto; margin:auto; }
.fb-image-dialog.is-zoomed .fb-image-dialog__viewport img { max-width:none; max-height:none; margin:0; }
@media(max-width:760px) {
  body.af-home-split .fb-footer .af-shared-footer .firm-info {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 100px;
    align-items:start;
    gap:10px;
    width:100%;
    padding:0 0 10px;
    border-bottom:1px solid #d9d9d9;
  }
  .fb-footer .firm-info .info-column-item-img { margin:0 0 8px; }
}

#mobileBackToTopMenu.af-mobile-back-to-top { display:none; }
@media(max-width:768px) {
  .fb .visual-flow div { justify-content:center; align-items:center; padding:10px 4px; font-size:13px; font-weight:700; line-height:1.4; text-align:center; }
  .fb .visual-flow span { display:none; }
  #mobileBackToTopMenu.af-mobile-back-to-top {
    position:fixed;
    right:12px;
    bottom:calc(132px + env(safe-area-inset-bottom));
    z-index:10010;
    display:block !important;
    margin:0;
    padding:0;
  }
  #mobileBackToTopMenu.af-mobile-back-to-top .sidebtn-top,
  #mobileBackToTopMenu.af-mobile-back-to-top .sidebtn-top:hover {
    display:none;
    width:48px;
    height:48px;
    margin:0;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.96);
    box-shadow:0 10px 24px rgba(15,23,42,.16);
    overflow:hidden;
    cursor:pointer;
  }
  #mobileBackToTopMenu.af-mobile-back-to-top .sidebtn-top img {
    display:block;
    width:49%;
    height:49%;
    margin:25.5%;
  }
}