/* Shared Always On diagram, using the home’s established layout and motion. */
.insight-flow{background:#edf1e9;border-radius:8px;min-width:0;align-self:stretch;display:flex;flex-direction:column;padding:24px}.flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:"Space Mono",monospace;font-size:11px;color:#47604d}.flow-toolbar>span{display:flex;align-items:center;gap:8px}.flow-toolbar>span:before{content:"";width:6px;height:6px;border-radius:50%;background:#0b56f7}.flow-stage{position:relative;aspect-ratio:6/5;flex:1;min-height:360px}.flow-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route-base{stroke:#b6c9b7;stroke-width:1.3;fill:none}.signal-trails{stroke:#0b56f7;stroke-width:3;fill:none;stroke-linecap:round}.signal{stroke-dasharray:3 440;stroke-dashoffset:443;animation:signal-travel 4.5s cubic-bezier(.4,0,.25,1) infinite}.signal-b{animation-delay:1.5s}.signal-c{animation-delay:3s}.flow-source{position:absolute;left:5%;width:31%;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translateY(-25px);font-family:Outfit,sans-serif;font-size:16px;line-height:1.2;text-align:center;color:#284b36}.source-research{top:21%}.source-experiments{top:51%}.source-network{top:81%}.source-icon{display:grid;place-items:center;background:#f9fbf6;width:50px;height:50px;border-radius:50%;box-shadow:0 5px 15px #243c1710}.source-icon svg{width:25px;height:25px;stroke:#0b56f7;stroke-width:1.4}.flow-bank{position:absolute;left:62%;top:51%;width:34%;transform:translateY(-58px);text-align:center}.bank-stack{position:relative;width:98px;height:98px;margin:0 auto 25px;perspective:500px}.bank-stack i{position:absolute;inset:0;background:#c2d2f9;border-radius:13px;transform:translateY(16px) scale(.90);animation:bank-build 4.5s ease-in-out infinite}.bank-stack i:nth-child(2){transform:translateY(10px) scale(.95);background:#8aacfc;animation-delay:1.5s}.bank-stack i:nth-child(3){transform:translateY(5px) scale(.98);background:#507fee;animation-delay:3s}.bank-face{position:absolute;inset:0;display:grid;place-items:center;background:#0b56f7;border-radius:13px;box-shadow:0 12px 28px #0b56f726}.bank-face img{filter:brightness(0) invert(1);width:54px;height:54px}.flow-bank strong{display:block;font:500 24px/1.12 Outfit,sans-serif;letter-spacing:-.02em;color:#0b56f7}.flow-bank>span{display:block;font:12px/1.5 Inter,sans-serif;color:#4b6352;margin-top:10px}.flow-caption{font:11px/1.5 "Space Mono",monospace;color:#4b6352;margin-top:18px}.flow-paused .signal,.flow-paused .bank-stack i{animation-play-state:paused}.flow-offscreen .signal,.flow-offscreen .bank-stack i{animation-play-state:paused}
@keyframes signal-travel{0%{stroke-dashoffset:443;opacity:0}10%{opacity:1}78%{opacity:1}90%,100%{stroke-dashoffset:0;opacity:0}}@keyframes bank-build{0%,65%,100%{opacity:1}78%{opacity:.4}88%{opacity:1}}
@media(max-width:700px){.insight-flow{padding:20px 12px}.flow-stage{min-height:310px}.flow-source{font-size:14px}.source-icon{width:44px;height:44px}.bank-stack{width:76px;height:76px;margin-bottom:23px}.bank-face img{width:42px;height:42px}.flow-bank{transform:translateY(-46px)}.flow-bank strong{font-size:21px}.flow-bank>span{font-size:11px}.flow-toolbar{font-size:10px}.flow-caption{font-size:10px;margin-left:8px}.flow-bank{left:62%;width:36%}}
@media(prefers-reduced-motion:reduce){.signal,.bank-stack i{animation:none}.signal{stroke-dashoffset:0;opacity:0}}
.research-studio{display:block}.flow-network{position:relative}.flow-stage{max-width:600px;width:100%;height:370px;min-height:0;aspect-ratio:auto;margin:0 auto}.continuation-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.continuation-routes .signal{stroke-dasharray:.012 1;stroke-dashoffset:1.012;animation:continuation-travel 6s linear infinite;stroke-width:2.5}.flow-logs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:660px;margin:75px auto 0;text-align:center}.flow-log{position:relative;background:#edf1e9;padding:14px 5px}.log-mark{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 14px;background:#f9fbf6;border:1px solid #c8d6c7;border-radius:50%;font:11px "Space Mono",monospace;color:var(--blue)}.flow-log h3{font-size:25px;font-weight:500}.flow-log p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.6}.flow-vision{position:relative;text-align:center;max-width:600px;margin:80px auto 12px;background:#edf1e9;padding:12px}.vision-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#f9fbf6;margin:0 auto 18px}.flow-vision h3{font-size:36px;font-weight:500;color:var(--blue)}.flow-vision p{font-size:14px;line-height:1.7;color:var(--muted);margin:12px auto 0}.flow-caption{text-align:center}.flow-paused .continuation-routes .signal,.flow-offscreen .continuation-routes .signal{animation-play-state:paused}@keyframes continuation-travel{0%{stroke-dashoffset:1.012;opacity:0}5%{opacity:1}92%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:700px){.flow-stage{height:330px}.flow-logs{gap:36px;margin-top:65px}.flow-log h3{font-size:20px}.flow-log p{font-size:11px}.flow-vision{margin-top:65px}.flow-vision h3{font-size:29px}.flow-vision p{font-size:12px}.flow-vision p br{display:none}}
@media(prefers-reduced-motion:reduce){.continuation-routes .signal{animation:none;opacity:0}}
.flow-stage{height:355px;max-width:660px;margin-top:20px}.flow-source{top:12px;left:0;width:30%;transform:none;font-size:16px}.source-research{left:0}.source-experiments{left:35%}.source-network{left:70%}.flow-bank{top:175px;left:33%;width:34%;transform:none}.flow-logs{margin-top:65px}.flow-network{max-width:760px;width:100%;margin:0 auto}.flow-source,.flow-bank{background:#edf1e9}.flow-bank{padding-top:0}.flow-vision{margin-top:80px}@media(max-width:700px){.flow-stage{height:330px;margin-top:16px}.flow-source{font-size:12px;width:32%}.source-research{left:0}.source-experiments{left:34%}.source-network{left:68%}.flow-bank{top:165px;left:28%;width:44%;transform:none}.flow-logs{margin-top:45px;gap:36px}.flow-vision{margin-top:65px}}
.flow-log,.flow-vision{background:transparent}
/* Local preview only: horizontal learning flow. */
.insight-flow{padding:32px}
.flow-network{display:grid;grid-template-columns:1.05fr .85fr 1fr 1.25fr;align-items:center;gap:64px;max-width:none;margin:40px 0 24px;isolation:isolate}
.continuation-routes{z-index:-1}
.flow-inputs{display:grid;gap:24px}
.flow-input{position:relative;border:1px solid #bdcebc;border-radius:12px;background:#f6f8f2;padding:24px 16px;text-align:center;color:#284b36}
.flow-input h3{font-size:23px;font-weight:500;line-height:1.2}
.flow-input p{font-size:12px;line-height:1.5;margin:8px 0 16px;color:#4b6352}
.lab-icons{display:flex;justify-content:center;gap:12px}
.source-community>.source-icon{margin:0 auto 12px}
.flow-bank{position:relative;inset:auto;width:auto;transform:none;padding:16px 0}
.flow-logs{display:grid;grid-template-columns:1fr;gap:40px;margin:0;max-width:none}
.flow-log{padding:16px 4px;background:#edf1e9}
.flow-log h3{font-size:23px;line-height:1.2}
.flow-vision{margin:0;padding:16px 0;background:#edf1e9}
.flow-vision h3{font-size:30px;line-height:1.12}
.flow-vision p{font-size:12px;line-height:1.7}
.flow-vision p br{display:none}
.flow-caption{margin-top:24px}
@media(max-width:1100px) and (min-width:761px){.flow-network{gap:30px}.insight-flow{padding:24px}.flow-input{padding:20px 12px}.flow-input h3,.flow-log h3{font-size:20px}.flow-vision h3{font-size:26px}.bank-stack{width:76px;height:76px}}
@media(max-width:760px){.insight-flow{padding:24px 16px}.flow-network{grid-template-columns:1fr;gap:48px;margin-top:24px}.flow-inputs{grid-template-columns:1fr 1fr;gap:16px}.flow-input{padding:20px 8px}.flow-input h3{font-size:20px}.flow-input p{font-size:11px}.lab-icons{gap:8px}.flow-bank{width:160px;justify-self:center;left:auto;top:auto;transform:none}.flow-logs{grid-template-columns:1fr 1fr;gap:24px;width:100%}.flow-log h3{font-size:20px}.flow-vision{margin:0 auto;max-width:340px}.flow-vision h3{font-size:29px}.flow-vision p{font-size:12px}.flow-caption{font-size:9px}}
/* Community invitation: the whole box and its plus share one accessible link. */
:is(a.source-community,a.source-community-link){display:block;text-decoration:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.community-plus{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--blue);transition:background-color .2s ease,color .2s ease}
.community-plus svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
:is(a.source-community,a.source-community-link):focus-visible{outline:2px solid var(--blue);outline-offset:4px;box-shadow:0 6px 28px #0b56f740}
:is(a.source-community,a.source-community-link):focus-visible .community-plus{background:var(--blue);color:white}
@media(hover:hover) and (pointer:fine){:is(a.source-community,a.source-community-link):hover{border-color:var(--blue);background:#f3f6ff;box-shadow:0 6px 28px #0b56f740}:is(a.source-community,a.source-community-link):hover .community-plus{background:var(--blue);color:white}}
@media(prefers-reduced-motion:reduce){:is(a.source-community,a.source-community-link),.community-plus{transition:none}}
/* Sources lead the visual hierarchy; the insight bank supports the flow. */
.flow-network{grid-template-columns:1.25fr .65fr 1fr 1.25fr}
.flow-input{padding:28px 20px;background:#f9fbf6;border-color:#a7bea9}
.flow-input h3{font-size:30px;font-weight:600;color:#173d2b}
.flow-input p{font-size:14px}
.flow-bank .bank-stack{width:64px;height:64px;margin-bottom:20px}
.flow-bank .bank-face{background:#e1e9dc;box-shadow:none;border:1px solid #b6c9b7;border-radius:10px}
.flow-bank .bank-face img{width:34px;height:34px;filter:none}
.flow-bank .bank-stack i{background:#d4dfd0;border-radius:10px}
.flow-bank .bank-stack i:nth-child(2){background:#c9d8c5}
.flow-bank .bank-stack i:nth-child(3){background:#bdd0b9}
.flow-bank strong{font-size:19px;font-weight:500;color:#52605b}
.flow-bank>span{font-size:11px;color:#52605b}
@media(max-width:1100px) and (min-width:761px){.flow-input{padding:24px 12px}.flow-input h3{font-size:26px}.flow-input p{font-size:12px}.flow-bank strong{font-size:18px}}
@media(max-width:760px){.flow-network{grid-template-columns:1fr}.flow-input{padding:24px 8px}.flow-input h3{font-size:23px}.flow-input p{font-size:12px}.flow-bank .bank-stack{width:56px;height:56px}.flow-bank .bank-face img{width:30px;height:30px}.flow-bank strong{font-size:18px}}
.flow-bank .bank-face img{filter:brightness(0) saturate(100%) invert(35%) sepia(12%) saturate(589%) hue-rotate(92deg) brightness(94%) contrast(87%)}
/* Blue insight icon, retaining the bank's secondary visual weight. */
.flow-bank .bank-face img{filter:brightness(0) saturate(100%) invert(25%) sepia(100%) saturate(4738%) hue-rotate(220deg) brightness(98%) contrast(101%)}
/* Separate the white icon discs from both source boxes. */
.flow-input.source-lab,.flow-input.source-community{background:#e4edff;border-color:#b5caf3}
@media(hover:hover) and (pointer:fine){.flow-input.source-lab:hover,.flow-input.source-community:hover{background:#d8e6ff;border-color:var(--blue)}}