.tool-logo,.tools-logo-mark{background:linear-gradient(#fffffff5,#f8fafce6)}.tool-logo img,.tools-logo-mark img{object-fit:contain;width:100%;height:100%;display:block}.tool-logo img{padding:.38rem}.tools-logo-mark img{padding:.34rem}.footer-subgroup{gap:.46rem;margin-top:clamp(1.2rem,2.4vw,1.8rem);display:grid}
.jasper-home .ja-product-section{position:relative}.jasper-home .ja-generated-workspace{isolation:isolate;min-height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:clamp(1.2rem,3vw,2.5rem);padding:clamp(1rem,2vw,1.5rem) 0 0;overflow:visible}.jasper-home .ja-generated-workspace:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 72% 34%,#d1fae5b8,#0000 21rem),linear-gradient(#fafaf800,#ecfdf5b8 48%,#fafaf800);height:clamp(18rem,35vw,29rem);position:absolute;inset:12% -8vw auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.jasper-home .ja-generated-workspace .ja-ui-sidebar{scrollbar-width:none;background:0 0;border:0;border-bottom:1px solid #065f4629;align-items:stretch;gap:clamp(.55rem,1.6vw,1.05rem);padding:0 0 .75rem;display:flex;overflow-x:auto}.jasper-home .ja-generated-workspace .ja-ui-sidebar::-webkit-scrollbar{display:none}.jasper-home .ja-generated-workspace .ja-ui-sidebar button{color:#3f4652;text-align:left;background:linear-gradient(#fff0,#065f4600);border:0;border-radius:999rem;flex:none;min-height:0;padding:.72rem .9rem .82rem 1.05rem;font-size:clamp(.9rem,1.35vw,1.08rem);font-weight:760;line-height:1.12;transition:color .18s,background .18s,box-shadow .18s,transform .18s;position:relative;box-shadow:inset 0 0 0 1px #0000}.jasper-home .ja-generated-workspace .ja-ui-sidebar button:before{content:"";transform-origin:0;background:#065f46;height:2px;transition:transform .18s;position:absolute;bottom:.36rem;left:1rem;right:1rem;transform:scaleX(0)}.jasper-home .ja-generated-workspace .ja-ui-sidebar button:hover,.jasper-home .ja-generated-workspace .ja-ui-sidebar button.is-active,.jasper-home .ja-generated-workspace .ja-ui-sidebar button[aria-pressed=true]{color:#101114;background:linear-gradient(#ffffffd1,#ecfdf5bd);box-shadow:inset 0 1px #ffffffdb,inset 0 0 0 1px #065f4629,0 .75rem 2.1rem #065f461a}.jasper-home .ja-generated-workspace .ja-ui-sidebar button:hover:before,.jasper-home .ja-generated-workspace .ja-ui-sidebar button.is-active:before,.jasper-home .ja-generated-workspace .ja-ui-sidebar button[aria-pressed=true]:before{transform:scaleX(1)}.jasper-home .ja-generated-workspace .ja-ui-sidebar button:active{transform:translateY(.06rem)scale(.99)}.jasper-home .ja-generated-ui-window{aspect-ratio:16/9;width:min(100%,62rem);min-height:0;box-shadow:none;background:linear-gradient(90deg,#fafaf8d6,#fafaf824 45%,#fafaf800 72%),#fafaf8;border:0;border-radius:0;place-self:center;transition:opacity .24s;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2.5rem calc(100% - 2.5rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 2.5rem calc(100% - 2.5rem),#0000 100%)}.jasper-home .ja-generated-ui-window.is-switching{animation:.52s cubic-bezier(.2,.75,.16,1) both ja-workspace-image-in}.jasper-home .ja-generated-ui-window:before{content:"";z-index:0;background:var(--workspace-image,url(/images/ai-agent-workflow-vendor-fit-green.png)) center right / cover no-repeat;filter:none;position:absolute;inset:0;transform:scale(1.012)}.jasper-home .ja-generated-ui-window[data-workspace-state=vendor-fit]{--workspace-image:url(/images/ai-agent-workflow-vendor-fit-green.png)}.jasper-home .ja-generated-ui-window[data-workspace-state=use-case]{--workspace-image:url(/images/ai-agent-workflow-use-case-green.png)}.jasper-home .ja-generated-ui-window[data-workspace-state=channels]{--workspace-image:url(/images/ai-agent-workflow-channels-green.png)}.jasper-home .ja-generated-ui-window[data-workspace-state=actions]{--workspace-image:url(/images/ai-agent-workflow-actions-green.png)}.jasper-home .ja-generated-ui-window[data-workspace-state=risk-controls]{--workspace-image:url(/images/ai-agent-workflow-risk-controls-green.png)}.jasper-home .ja-generated-ui-window:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 74% 28%,#065f460d,#0000 18rem),linear-gradient(90deg,#fafaf833,#fafaf80a 48%,#fafaf800 72%),linear-gradient(#fafaf800,#fafaf814);position:absolute;inset:0}.jasper-home .ja-product-workspace-image{display:none}.jasper-home .ja-workspace-caption{z-index:2;width:min(25.5rem,100% - 2rem);box-shadow:none;text-shadow:0 1px #ffffffa3;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#fafaf8c7,#fafaf861 72%,#fafaf800);border:0;border-left:3px solid #065f46;border-radius:0;gap:.45rem;padding:clamp(1rem,2vw,1.3rem) 0 clamp(1rem,2vw,1.3rem) clamp(1.15rem,2vw,1.45rem);transition:transform .22s,opacity .22s;bottom:clamp(1rem,4vw,3.4rem);left:clamp(1rem,4vw,3.4rem)}.jasper-home .ja-workspace-caption.is-switching{animation:.42s cubic-bezier(.2,.75,.16,1) both ja-workspace-caption-in}.jasper-home .ja-workspace-caption span{color:#065f46;letter-spacing:.09em}.jasper-home .ja-workspace-caption h3{color:#101114;font-size:clamp(1.35rem,2.4vw,2.1rem);line-height:1}.jasper-home .ja-workspace-caption p{color:#3f4652;font-size:clamp(.95rem,1.25vw,1.05rem);line-height:1.58}@media (max-width:860px){.jasper-home .ja-generated-workspace{grid-template-columns:1fr;gap:1.4rem}.jasper-home .ja-generated-workspace .ja-ui-sidebar{border-bottom:1px solid #065f4629;gap:.55rem;padding:0 0 .65rem;display:flex;overflow-x:auto}.jasper-home .ja-generated-workspace .ja-ui-sidebar button{white-space:nowrap;letter-spacing:0;padding:.68rem .85rem .78rem 1rem;font-size:.86rem}.jasper-home .ja-generated-workspace .ja-ui-sidebar button+button{border-top:0}.jasper-home .ja-generated-workspace .ja-ui-sidebar button:before{height:2px}.jasper-home .ja-generated-ui-window{width:100%}}@keyframes ja-workspace-image-in{0%{opacity:.72;transform:translateY(.28rem)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ja-workspace-caption-in{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:560px){.jasper-home .ja-generated-ui-window{aspect-ratio:1/1.05;-webkit-mask-image:none;mask-image:none}.jasper-home .ja-generated-ui-window:before{background-position:62%}.jasper-home .ja-workspace-caption{margin:0;position:absolute}.jasper-home .ja-workspace-caption h3{font-size:1.3rem}.jasper-home .ja-workspace-caption p{font-size:.9rem}}
