
/* Flow321 global visual consistency layer */
@font-face{font-family:Manrope;src:url('/fonts/manrope-variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
.flow-global-header{height:72px;background:#07171d;border-bottom:1px solid rgba(255,255,255,.08);font-family:Manrope,system-ui,sans-serif;position:relative;z-index:50}
.flow-global-header .fgh-wrap{width:min(calc(100% - 40px),1180px);height:72px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}
.flow-global-header .fgh-logo{display:inline-flex;align-items:center;color:#f4f8f7;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.flow-global-header .fgh-logo::before{content:'';width:9px;height:9px;border-radius:50%;background:#25d366;margin-right:9px;box-shadow:0 0 0 4px rgba(37,211,102,.08)}
.flow-global-header .fgh-nav{display:flex;justify-content:center;align-items:center;gap:30px}
.flow-global-header .fgh-nav a{color:#9eb0b4;text-decoration:none;font-size:13px;font-weight:500;transition:color .18s ease}
.flow-global-header .fgh-nav a:hover{color:#f5faf9}
.flow-global-header .fgh-actions{display:flex;align-items:center;gap:10px}
.flow-global-header .fgh-home,.flow-global-header .fgh-demo{display:inline-flex;align-items:center;justify-content:center;height:42px;border-radius:10px;padding:0 18px;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.flow-global-header .fgh-home{color:#f3f7f6;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.025)}
.flow-global-header .fgh-home:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.05)}
.flow-global-header .fgh-demo{background:#25d366;color:#041c0d;border:1px solid #25d366;box-shadow:0 8px 28px -18px rgba(37,211,102,.9)}
.flow-global-header .fgh-demo:hover{background:#31dd72;transform:translateY(-1px)}

.global-site-footer{font-family:Manrope,system-ui,sans-serif;background:#071318;border-top:1px solid rgba(255,255,255,.09);padding:54px 0 30px;color:#f5faf9}
.global-site-footer *{box-sizing:border-box}.global-site-footer a{text-decoration:none}
.global-site-footer .gsf-wrap{width:min(calc(100% - 40px),1180px);margin:0 auto}
.global-site-footer .gsf-top{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:44px;margin-bottom:36px}
.global-site-footer .gsf-brand{font-size:19px;font-weight:800;margin-bottom:13px;display:flex;align-items:center;gap:9px}.global-site-footer .gsf-dot{width:9px;height:9px;border-radius:50%;background:#25d366;display:inline-block}
.global-site-footer .gsf-brand-copy{color:#859ca1;font-size:13px;line-height:1.65;max-width:300px;margin:0}
.global-site-footer .gsf-col h5,.global-site-footer .gsf-wide h5{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#81979d;margin:0 0 15px;font-weight:700}
.global-site-footer .gsf-col a{display:block;color:#b4c3c5;font-size:13px;line-height:1.45;margin:0 0 9px}.global-site-footer a:hover{color:#fff}
.global-site-footer .gsf-wide{border-top:1px solid rgba(255,255,255,.075);padding-top:27px;margin-top:4px}
.global-site-footer .gsf-linkgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 28px}.global-site-footer .gsf-linkgrid a{color:#9eb0b4;font-size:12.5px;line-height:1.4}
.global-site-footer .gsf-bottom{border-top:1px solid rgba(255,255,255,.075);margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;color:#70868c;font-size:11.5px;line-height:1.5}
.global-site-footer .gsf-legal{display:flex;flex-wrap:wrap;gap:15px}.global-site-footer .gsf-legal a{color:#8ca0a4}

/* SEO context links: keep useful links, remove raw-strip appearance */
[data-seo-contextlinks="1"]{max-width:1180px!important;margin:20px auto 34px!important;padding:0 20px!important;color:#8da2a7!important;line-height:1.6!important}
[data-seo-contextlinks="1"] p{margin:0;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025);font-size:13px}
[data-seo-contextlinks="1"] a{color:#8de8b0!important;text-decoration:none!important;border-bottom:1px solid rgba(141,232,176,.4);padding-bottom:1px}

@media(max-width:900px){.flow-global-header .fgh-nav{display:none}.flow-global-header .fgh-wrap{grid-template-columns:1fr auto}.global-site-footer .gsf-top{grid-template-columns:1fr 1fr}.global-site-footer .gsf-brandbox{grid-column:1/-1}.global-site-footer .gsf-linkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.flow-global-header,.flow-global-header .fgh-wrap{height:64px}.flow-global-header .fgh-wrap{width:min(calc(100% - 24px),1180px);gap:10px}.flow-global-header .fgh-home{display:none}.flow-global-header .fgh-demo{height:40px;padding:0 14px;font-size:12.5px}.global-site-footer{padding-top:40px}.global-site-footer .gsf-wrap{width:min(calc(100% - 28px),1180px)}.global-site-footer .gsf-top{grid-template-columns:1fr;gap:28px}.global-site-footer .gsf-brandbox{grid-column:auto}.global-site-footer .gsf-linkgrid{grid-template-columns:1fr 1fr;gap:9px 18px}.global-site-footer .gsf-bottom{flex-direction:column}.global-site-footer .gsf-legal{gap:12px}}


/* v16: clearly interactive internal-link groups */
#final-topic-links{padding:42px 0!important}
#final-topic-links .wrap>h2{margin-bottom:18px!important}
#final-topic-links .wrap>p{display:flex!important;flex-wrap:wrap;gap:10px;margin:0!important;color:inherit!important;line-height:1.35!important}
#final-topic-links .wrap>p>a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid rgba(37,211,102,.28);border-radius:999px;background:rgba(37,211,102,.075);color:#8ef0b5!important;text-decoration:none!important;font-size:13.5px;font-weight:750;line-height:1.2;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;cursor:pointer}
#final-topic-links .wrap>p>a::after{content:'↗';font-size:13px;line-height:1;color:#25d366;transition:transform .18s ease}
#final-topic-links .wrap>p>a:hover,#final-topic-links .wrap>p>a:focus-visible{background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.6);color:#d8ffe6!important;transform:translateY(-1px);box-shadow:0 9px 24px -18px rgba(37,211,102,.9);outline:none}
#final-topic-links .wrap>p>a:hover::after,#final-topic-links .wrap>p>a:focus-visible::after{transform:translate(2px,-2px)}
#final-topic-links .wrap>p>a:focus-visible{outline:2px solid rgba(126,237,166,.8);outline-offset:3px}

/* Existing related-content groups: reinforce affordance consistently */
.seo-v4-links a{position:relative;padding-right:34px!important;text-decoration:none!important;transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease!important;cursor:pointer}
.seo-v4-links a::after{content:'→';position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#25d366;font-weight:800}
.seo-v4-links a:hover,.seo-v4-links a:focus-visible{background:rgba(37,211,102,.13)!important;border-color:rgba(37,211,102,.45)!important;color:#d8ffe6!important;transform:translateY(-1px);outline:none}
.side-card a{position:relative;padding:9px 34px 9px 11px!important;margin:8px 0!important;border:1px solid rgba(37,211,102,.14);border-radius:10px;background:rgba(37,211,102,.055);text-decoration:none!important;transition:background .18s ease,border-color .18s ease,color .18s ease!important}
.side-card a::after{content:'→';position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#25d366;font-weight:800}
.side-card a:hover,.side-card a:focus-visible{background:rgba(37,211,102,.12);border-color:rgba(37,211,102,.4);color:#d8ffe6!important;outline:none}
@media(max-width:620px){#final-topic-links .wrap>p{gap:8px}#final-topic-links .wrap>p>a{width:100%;justify-content:space-between;border-radius:12px;padding:11px 13px}.seo-v4-links a,.side-card a{min-height:44px}}
