#synapse-showcase{--sy-bg:#f5f5f9;--sy-paper:#fff;--sy-ink:#222139;--sy-muted:#706f8b;--sy-line:#e0e1eb;--sy-teal:#00b5aa;--sy-soft:#e5f7f5;--sy-blue:#137eaa;font:400 12px/1.6 Inter,sans-serif;color:var(--sy-ink);background:var(--sy-bg);border:1px solid var(--sy-line);border-radius:14px;overflow:hidden;text-align:left}
#synapse-showcase *{box-sizing:border-box}#synapse-showcase [hidden]{display:none!important}#synapse-showcase button,#synapse-showcase input,#synapse-showcase textarea{font:inherit}#synapse-showcase button{cursor:pointer}#synapse-showcase button:focus-visible,#synapse-showcase input:focus-visible{outline:2px solid #168bb6;outline-offset:3px}#synapse-showcase button:disabled{cursor:default}#synapse-showcase .sy-welcome-heading,#synapse-showcase h2,#synapse-showcase h3,#synapse-showcase p{margin:0}#synapse-showcase .sy-welcome-heading{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.8px}#synapse-showcase h2{font-size:15px;font-weight:500;line-height:1.45;letter-spacing:-.25px}#synapse-showcase h3{font-size:12px;font-weight:500;line-height:1.5}#synapse-showcase small{font-size:11px;color:var(--sy-muted)}#synapse-showcase svg.lucide{width:16px;height:16px;flex-shrink:0;stroke-width:1.5}#synapse-showcase .sy-layout{display:grid;grid-template-columns:170px minmax(0,1fr)}
#synapse-showcase .sy-sidebar{background:white;border-right:1px solid var(--sy-line);padding:24px 10px 18px;display:flex;flex-direction:column;gap:8px}#synapse-showcase .sy-logo{padding:0 9px 30px}#synapse-showcase .sy-logo svg{width:101px;height:32px;display:block}#synapse-showcase .sy-navlabel{padding:17px 12px 7px;font-size:10px;letter-spacing:.06em;color:#77758e;font-weight:500}#synapse-showcase .sy-nav{border:0;background:none;display:flex;align-items:center;gap:11px;width:100%;padding:12px;border-radius:9px;text-align:left;color:#646080;font-size:11px;line-height:1.4}#synapse-showcase .sy-nav[aria-pressed=true]{background:var(--sy-soft);color:#009f96}#synapse-showcase .sy-nav:hover{background:#f0f4f7}#synapse-showcase .sy-nav-static{display:flex;gap:11px;padding:12px;color:#7f7b94;font-size:11px}#synapse-showcase .sy-person{display:flex;gap:10px;align-items:center;margin-top:auto;padding:30px 10px 0}#synapse-showcase .sy-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#dcf1ed;color:#25867f;font-size:10px;flex-shrink:0}#synapse-showcase .sy-person b{font-size:11px;font-weight:500}#synapse-showcase .sy-person small{font-size:10px;display:block}
#synapse-showcase .sy-main{min-width:0}#synapse-showcase .sy-topbar{display:flex;align-items:center;gap:20px;min-height:62px;padding:12px 23px;background:white;border-bottom:1px solid var(--sy-line)}#synapse-showcase .sy-workspace{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.03em}#synapse-showcase .sy-brand-icon svg{width:25px;height:25px;display:block}#synapse-showcase .sy-search{background:var(--sy-bg);border:1px solid var(--sy-line);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:9px;color:#77728e;flex:1;max-width:340px;font-size:11px}#synapse-showcase .sy-search svg{color:#20abd4}#synapse-showcase .sy-badge{margin-left:auto;font-size:10px;color:#7d7b94;white-space:nowrap}#synapse-showcase .sy-page{min-height:590px}#synapse-showcase .sy-pagehead{background:#fff;padding:22px 24px 17px;border-bottom:1px solid var(--sy-line);display:flex;align-items:center;justify-content:space-between;gap:16px}#synapse-showcase .sy-pagehead small{display:block;margin-top:5px}#synapse-showcase .sy-tag{background:#e4f5fd;border-radius:30px;color:#1685af;padding:5px 11px;font-size:10px;white-space:nowrap}#synapse-showcase .sy-tabline{display:flex;align-items:center;gap:20px;padding:10px 20px;border-bottom:1px solid var(--sy-line);background:#fff;font-size:11px;color:#77748e}#synapse-showcase .sy-tabline .sy-on{background:var(--sy-soft);padding:5px 12px;border-radius:5px;color:#009f94}#synapse-showcase .sy-sectionlabel{font-size:10px;letter-spacing:.045em;text-transform:uppercase;font-weight:500;color:#77758f;display:block;margin-bottom:16px}
/* The source / conversation / studio composition follows the actual project screen. */
#synapse-showcase .sy-project{display:grid;grid-template-columns:154px minmax(0,1fr) 175px;min-height:490px}#synapse-showcase .sy-sources{padding:22px 14px;border-right:1px solid var(--sy-line)}#synapse-showcase .sy-source-group{font-size:9px;letter-spacing:.03em;text-transform:uppercase;color:#807d96;margin:24px 0 12px}#synapse-showcase .sy-source{display:flex;align-items:flex-start;gap:7px;margin:0 0 19px;cursor:pointer}#synapse-showcase .sy-source input{accent-color:#06b7aa;margin:3px 0 0;width:13px;height:13px;flex-shrink:0}#synapse-showcase .sy-source strong{display:block;font-size:10px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}#synapse-showcase .sy-source small{display:block;font-size:9px;line-height:1.6;margin-top:5px}#synapse-showcase .sy-source-summary{font-size:10px;color:#087e7c;background:#e3f3f2;border-radius:6px;padding:8px 10px;line-height:1.5}
#synapse-showcase .sy-conversation{min-width:0;padding:19px 21px 20px}#synapse-showcase .sy-conversation-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#67647f;margin-bottom:20px}#synapse-showcase .sy-query{background:#e9ecf4;border:1px solid #e0e3ed;padding:11px 14px;border-radius:12px 12px 3px 12px;margin:0 0 23px 25px;font-size:11px;line-height:1.75}#synapse-showcase .sy-response{font-size:11px;line-height:1.9;color:#4f4c68}#synapse-showcase .sy-response h3{color:#25243e;margin:13px 0 8px;font-size:13px}#synapse-showcase .sy-response .sy-aihead{display:flex;gap:8px;align-items:center;color:#0c9c9a;font-size:10px;margin-bottom:10px}#synapse-showcase .sy-plot{margin:17px 0;background:#fff;border:1px solid var(--sy-line);border-radius:12px;padding:17px 16px 13px}#synapse-showcase .sy-plot h3{margin:0 0 13px;font-size:11px}#synapse-showcase .sy-hbars{display:grid;gap:13px;margin-top:13px}#synapse-showcase .sy-hbars>div{display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:9px;font-size:10px;color:#726c8a}#synapse-showcase .sy-hbars i{height:13px;background:#244a68;border-radius:3px;width:var(--v)}#synapse-showcase .sy-hbars b{font-size:10px;font-weight:500;text-align:right}#synapse-showcase .sy-plot>small{display:block;margin-top:14px;font-size:9px;color:#89839b}#synapse-showcase .sy-cites{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}#synapse-showcase .sy-cites span{background:white;border:1px solid #e2e4ed;border-radius:5px;font-size:9px;padding:3px 7px;color:#737187}#synapse-showcase .sy-composer{margin-top:21px;background:white;border:1px solid #dddfea;border-radius:14px;padding:13px 14px;box-shadow:0 8px 22px -14px #34314c40}#synapse-showcase .sy-composer>p{font-size:11px;color:#8a849f}#synapse-showcase .sy-composer-tools{display:flex;gap:13px;align-items:center;margin-top:19px;color:#9390a9}#synapse-showcase .sy-send{margin-left:auto;border-radius:50%;background:var(--sy-soft);padding:6px;color:#4ea69e;display:grid;place-items:center}
#synapse-showcase .sy-studio{border-left:1px solid var(--sy-line);padding:22px 12px}#synapse-showcase .sy-studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}#synapse-showcase .sy-output{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:transparent;border:1px solid #dedfeb;border-radius:9px;padding:13px 3px;color:#74708f;font-size:9px;min-height:71px}#synapse-showcase .sy-output[aria-pressed=true]{border-color:#00aabb;background:#e1f3f4;color:#008f8b;box-shadow:inset 0 0 0 2px #fff}#synapse-showcase .sy-deliverable{margin-top:24px;border-top:1px solid var(--sy-line);padding-top:18px}#synapse-showcase .sy-document{padding:18px 13px;border:1px solid #e0e1eb;border-radius:5px;background:white;box-shadow:0 7px 18px -13px #49466166;min-height:153px;position:relative}#synapse-showcase .sy-document:after{content:'';position:absolute;inset:5px -4px -5px 4px;border:1px solid #e3e4ed;border-radius:5px;z-index:-1;background:#fff}#synapse-showcase .sy-document small{font-size:9px;color:#9691a7}#synapse-showcase .sy-document h3{margin:10px 0;font-size:14px;letter-spacing:-.4px;color:#2c314d}#synapse-showcase .sy-lines{height:30px;background:repeating-linear-gradient(0deg,transparent 0,transparent 8px,#e6e8ef 8px,#e6e8ef 9px)}#synapse-showcase .sy-document-footer{font-size:9px;color:#079b92;margin-top:12px}
/* Quiet conversational entry point, preserving the actual product's hierarchy. */
#synapse-showcase .sy-welcome{padding:80px 38px 62px;max-width:620px;margin:auto;text-align:center}#synapse-showcase .sy-welcome-mark{width:54px;height:54px;margin:0 auto 24px}#synapse-showcase .sy-welcome-mark svg{width:54px;height:54px}#synapse-showcase .sy-welcome h2{font-size:30px;letter-spacing:-1.2px}#synapse-showcase .sy-welcome>p{font-size:13px;color:#7a7293;margin:9px 0 27px}#synapse-showcase .sy-welcome .sy-composer{text-align:left;padding:19px 18px;border-radius:18px;box-shadow:0 14px 34px -16px #423d5940}#synapse-showcase .sy-output-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:15px}#synapse-showcase .sy-output-chips span{display:flex;gap:6px;align-items:center;background:#fff;border:1px solid var(--sy-line);border-radius:30px;padding:7px 11px;font-size:10px;color:#625e80}#synapse-showcase .sy-output-chips svg{width:12px;height:12px}#synapse-showcase .sy-ideas{margin-top:38px}#synapse-showcase .sy-idea-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#synapse-showcase .sy-idea{border:1px solid #e0e1eb;border-radius:10px;padding:16px;background:#fff;text-align:left;box-shadow:0 2px 2px #302c4810;color:#56516f;font-size:11px;line-height:1.65}#synapse-showcase .sy-idea small{color:#009e95;font-size:9px;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:7px}#synapse-showcase .sy-idea:nth-child(2) small{color:#c28752}
/* A readable crop of the workflow canvas, not a miniature screenshot. */
#synapse-showcase .sy-workflow-body{display:grid;grid-template-columns:130px minmax(0,1fr);min-height:500px}#synapse-showcase .sy-toolbox{background:#fff;padding:22px 12px;border-right:1px solid var(--sy-line)}#synapse-showcase .sy-tool{display:flex;gap:8px;align-items:center;border:1px solid #e0e2ec;border-radius:8px;padding:11px 9px;font-size:10px;color:#5c5878;margin-bottom:7px}#synapse-showcase .sy-tool svg{color:#00aaa2;width:14px;height:14px}#synapse-showcase .sy-canvas{padding:42px 26px 25px;background-image:radial-gradient(#d3d4e2 .7px,transparent .7px);background-size:15px 15px;min-width:0}#synapse-showcase .sy-flow{display:grid;grid-template-columns:1fr 1fr;gap:28px 35px;max-width:580px;margin:4px auto 32px;position:relative}#synapse-showcase .sy-flow-node{position:relative;z-index:1;background:white;border:1px solid #dee0eb;border-radius:12px;padding:16px;text-align:left;box-shadow:0 5px 14px -10px #2b284c40;min-height:120px;color:#38334e}#synapse-showcase .sy-flow-node[aria-pressed=true]{border-color:#e3a464;box-shadow:0 0 0 3px #f8ecdf}#synapse-showcase .sy-flow-node>small{font-size:9px;color:#00a69c;display:flex;align-items:center;gap:8px;margin-bottom:13px}#synapse-showcase .sy-flow-node h3{font-size:12px;margin-bottom:5px}#synapse-showcase .sy-flow-node p{font-size:10px;line-height:1.7;color:#817a95}#synapse-showcase .sy-flow-node:nth-child(1):after,#synapse-showcase .sy-flow-node:nth-child(3):after{content:'→';position:absolute;right:-26px;top:50%;color:#9690ab;font-size:19px}#synapse-showcase .sy-flow-node:nth-child(2):before{content:'↓';position:absolute;bottom:-28px;left:50%;color:#9690ab;font-size:19px}#synapse-showcase .sy-flow-node:nth-child(3){grid-column:2;grid-row:2}#synapse-showcase .sy-flow-node:nth-child(4){grid-column:1;grid-row:2}#synapse-showcase .sy-flow-node:nth-child(3):after{content:'←';right:auto;left:-26px}#synapse-showcase .sy-flow-node.sy-human>small{color:#be7b3d}#synapse-showcase .sy-flow-detail{background:white;border:1px solid var(--sy-line);border-radius:10px;padding:18px 20px;max-width:580px;margin:auto;font-size:11px;color:#726b87;line-height:1.8}#synapse-showcase .sy-flow-detail strong{font-size:12px;font-weight:500;display:block;color:#3b3652;margin-bottom:5px}#synapse-showcase .sy-state{border:1px solid #d9e5e6;border-radius:24px;padding:5px 12px;font-size:10px;color:#08a195;background:#effbf9;white-space:nowrap}
/* Analysis uses anonymous, illustrative usage figures. */
#synapse-showcase .sy-analytics{padding:26px;max-width:890px;margin:auto}#synapse-showcase .sy-analytics-chart{background:white;border:1px solid var(--sy-line);border-radius:14px;padding:23px 24px}#synapse-showcase .sy-chart-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px}#synapse-showcase .sy-chart-top p{font-size:10px;color:#888099;margin-top:3px}#synapse-showcase .sy-chart-top span{font-size:10px;color:#7c718b;background:#f3f3f9;border-radius:20px;padding:5px 10px;white-space:nowrap}#synapse-showcase .sy-linechart{width:100%;height:180px;display:block;overflow:visible}#synapse-showcase .sy-chart-ticks{display:flex;justify-content:space-between;color:#8b839c;font-size:9px;margin:12px 0 0}#synapse-showcase .sy-analytics-lists{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}#synapse-showcase .sy-ranking{background:white;border:1px solid var(--sy-line);border-radius:13px;padding:20px}#synapse-showcase .sy-ranking h3{margin-bottom:20px}#synapse-showcase .sy-ranking-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0eff5;font-size:11px}#synapse-showcase .sy-ranking-row:last-child{border:0;padding-bottom:0}#synapse-showcase .sy-ranking-row small{font-size:9px;display:block}#synapse-showcase .sy-ranking-row>b{font-weight:400;font-size:10px;color:#8a8098;margin-left:auto;white-space:nowrap}#synapse-showcase .sy-ranking-row .sy-avatar{width:25px;height:25px;font-size:9px}#synapse-showcase .sy-footnote{padding:13px 22px;border-top:1px solid var(--sy-line);font-size:10px;color:#88819b;background:#fff;text-align:right}
@media(max-width:900px){#synapse-showcase .sy-layout{grid-template-columns:145px minmax(0,1fr)}#synapse-showcase .sy-project{grid-template-columns:140px minmax(0,1fr)}#synapse-showcase .sy-studio{grid-column:1/-1;border-left:0;border-top:1px solid var(--sy-line);display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:22px}#synapse-showcase .sy-deliverable{margin:0;border:0;padding:0}#synapse-showcase .sy-studio-grid{grid-template-columns:repeat(3,1fr)}#synapse-showcase .sy-document{min-height:135px}#synapse-showcase .sy-workflow-body{grid-template-columns:110px minmax(0,1fr)}#synapse-showcase .sy-canvas{padding:30px 19px}#synapse-showcase .sy-badge{display:none}}
@media(max-width:620px){#synapse-showcase .sy-layout{grid-template-columns:1fr}#synapse-showcase .sy-sidebar{border-right:0;border-bottom:1px solid var(--sy-line);padding:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}#synapse-showcase .sy-logo{grid-column:1/-1;padding:0 4px 10px}#synapse-showcase .sy-nav{padding:10px 5px;font-size:10px;justify-content:center;flex-direction:column;gap:6px}#synapse-showcase .sy-navlabel,#synapse-showcase .sy-nav-static,#synapse-showcase .sy-person{display:none}#synapse-showcase .sy-topbar{padding:12px 15px;gap:14px}#synapse-showcase .sy-workspace{display:none}#synapse-showcase .sy-search{max-width:none}#synapse-showcase .sy-project{grid-template-columns:1fr}#synapse-showcase .sy-sources{border:0;border-bottom:1px solid var(--sy-line);display:flex;flex-wrap:wrap;gap:12px;padding:17px}#synapse-showcase .sy-sources .sy-sectionlabel{width:100%;margin:0}#synapse-showcase .sy-source-group{display:none}#synapse-showcase .sy-source{margin:0;flex:1;min-width:110px}#synapse-showcase .sy-source small{display:none}#synapse-showcase .sy-source-summary{width:100%}#synapse-showcase .sy-conversation{padding:23px 20px}#synapse-showcase .sy-studio{grid-template-columns:1fr;gap:22px}#synapse-showcase .sy-pagehead{padding:20px 17px;align-items:flex-start}#synapse-showcase .sy-pagehead h2{font-size:14px}#synapse-showcase .sy-tag{font-size:9px}#synapse-showcase .sy-workflow-body{grid-template-columns:1fr}#synapse-showcase .sy-toolbox{display:none}#synapse-showcase .sy-flow{gap:28px 25px}#synapse-showcase .sy-flow-node{padding:13px;min-height:133px}#synapse-showcase .sy-flow-node:nth-child(1):after{right:-20px}#synapse-showcase .sy-flow-node:nth-child(3):after{left:-20px}#synapse-showcase .sy-analytics{padding:18px 14px}#synapse-showcase .sy-analytics-chart{padding:20px 15px}#synapse-showcase .sy-analytics-lists{grid-template-columns:1fr}#synapse-showcase .sy-welcome{padding:50px 21px}#synapse-showcase .sy-welcome h2{font-size:28px}#synapse-showcase .sy-tabline{gap:15px;flex-wrap:wrap}#synapse-showcase .sy-page{min-height:0}#synapse-showcase .sy-footnote{text-align:left}}

#synapse-showcase{box-shadow:0 30px 60px -32px #1b3b5955}#synapse-showcase .sy-sidebar{min-height:600px}#synapse-showcase .sy-footnote{display:none}@media(max-width:620px){#synapse-showcase .sy-sidebar{min-height:0}}