.product-umbrella{background:var(--jl-color-lightest-blue,#f7f9ff);overflow:hidden;padding:80px 0;position:relative}.product-umbrella:before{background-image:url(../../images/figma/product-umbrella-light-purple-bg-desktop.svg);background-position:top;background-repeat:no-repeat;background-size:100% 100%;content:"";height:100%;inset:0;pointer-events:none;position:absolute;transform:scaleX(-1);transform-origin:center;width:100%}.product-umbrella__inner{align-items:start;display:grid;gap:38px clamp(52px,6vw,92px);grid-template-columns:minmax(0,650px) minmax(360px,480px);justify-content:space-between;margin-inline:auto;position:relative;width:min(calc(100% - var(--jl-module-side-margin, var(--jl-page-gutter, 80px)) - var(--jl-module-side-margin, var(--jl-page-gutter, 80px))),var(--jl-max-width,1338px));z-index:1}.product-umbrella__copy{max-width:640px}.product-umbrella__heading{font-family:var(--jl-font-heading);font-weight:700;letter-spacing:0;margin:0}h1.product-umbrella__heading{color:var(--jl-type-h1-color,var(--jl-color-bright-blue,#4065d1));font-size:var(--jl-type-h1-size,50px);line-height:var(--jl-type-h1-line-height,58px)}h2.product-umbrella__heading{color:var(--jl-type-h2-color,var(--jl-color-dark-grey,#3c3e48));font-size:var(--jl-type-h2-size,38px);line-height:var(--jl-type-h2-line-height,48px)}h3.product-umbrella__heading{color:var(--jl-type-h3-color,var(--jl-color-dark-grey,#3c3e48));font-size:var(--jl-type-h3-size,28px);line-height:var(--jl-type-h3-line-height,36px)}.product-umbrella__body{color:var(--jl-color-body-grey,#56575e);font-family:var(--jl-font-body);font-size:16px;line-height:27px;margin-top:24px;max-width:610px}.product-umbrella__body p{margin:0 0 12px}.product-umbrella__body p:last-child{margin-bottom:0}.product-umbrella__media{aspect-ratio:4/3;width:min(100%,480px)}.product-umbrella__media img,.product-umbrella__placeholder{background:#d9d9d9;border-radius:var(--jl-card-radius,20px);color:var(--jl-color-dark-grey,#3c3e48);display:grid;font-family:var(--jl-font-heading);font-size:24px;font-weight:700;height:100%;overflow:hidden;place-items:center;width:100%}.product-umbrella__media img{display:block;object-fit:cover;object-position:center;transition:opacity .16s ease}.product-umbrella__resources{align-items:center;display:grid;gap:16px 24px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);margin-top:2px}.product-umbrella__resources-label{color:var(--jl-color-body-grey,#56575e);font-family:var(--jl-font-body);font-size:16px;font-weight:400;line-height:27px;margin:0}.product-umbrella__resource-list{display:flex;flex-wrap:nowrap;gap:14px;list-style:none;margin:0;padding:0}.product-umbrella__resource-list li{display:block;flex:1 1 0;min-width:0}.product-umbrella__resource-list button{align-items:center;appearance:none;background:#fff;border:var(--jl-border-width,2px) solid var(--jl-border-default,#edf1ff);border-radius:8px;color:var(--jl-color-dark-grey,#3c3e48);cursor:pointer;display:inline-flex;font-family:var(--jl-font-body);font-size:16px;font-weight:700;justify-content:center;line-height:20px;min-height:48px;padding:11px 24px;transition:background-color .16s ease,border-color .16s ease,color .16s ease;width:100%}.product-umbrella__resource-list button.is-previewing,.product-umbrella__resource-list button:focus,.product-umbrella__resource-list button:hover{background:#fff;border-color:var(--jl-border-active,var(--jl-color-bright-blue));color:var(--jl-color-body-grey,#56575e)}.product-umbrella__resource-list button:focus-visible{outline:var(--jl-focus-ring-width,2px) solid var(--jl-focus-ring-color,var(--jl-color-bright-blue));outline-offset:var(--jl-focus-ring-offset,3px)}.product-umbrella__hover-preview{aspect-ratio:4/3;background:#d9d9d9;border:var(--jl-border-width,2px) solid var(--jl-color-bright-blue,#4065d1);border-radius:var(--jl-card-radius,20px);box-shadow:var(--jl-card-shadow,0 14px 28px rgba(31,47,107,.08));box-sizing:border-box;display:block;isolation:isolate;left:var(--umbrella-preview-left,110px);overflow:visible;pointer-events:none;position:absolute;top:var(--umbrella-preview-top,238px);width:min(200px,calc(100vw - 40px));z-index:4}.product-umbrella__hover-preview[hidden]{display:none}.product-umbrella__hover-preview:after{background:var(--jl-color-bright-blue,#4065d1);border-radius:4px;content:"";height:32px;left:50%;position:absolute;top:calc(100% - 17px);transform:translateX(-50%) rotate(45deg);width:32px;z-index:-1}.product-umbrella__hover-preview img{border-radius:calc(var(--jl-card-radius, 20px) - 2px);display:block;height:100%;object-fit:cover;object-position:center;position:relative;width:100%;z-index:1}@media (max-width:980px){.product-umbrella{padding:72px 0 64px}.product-umbrella__inner{gap:32px;grid-template-columns:1fr;width:min(calc(100% - var(--jl-module-side-margin, var(--jl-page-gutter, 48px)) - var(--jl-module-side-margin, var(--jl-page-gutter, 48px))),var(--jl-max-width,1338px))}.product-umbrella__media{max-width:500px}}@media (max-width:767px){.product-umbrella:before{background-image:url(../../images/figma/product-umbrella-light-purple-bg-mobile.svg)}}@media (max-width:640px){.product-umbrella{padding:56px 0}.product-umbrella__inner{width:calc(100% - var(--jl-module-side-margin, var(--jl-page-gutter, 20px)) - var(--jl-module-side-margin, var(--jl-page-gutter, 20px)))}.product-umbrella__resources{grid-template-columns:1fr}.product-umbrella__resource-list li{flex:1 1 calc(50% - 6px);text-align:center}.product-umbrella__resource-list{flex-wrap:wrap}.product-umbrella__hover-preview{display:none}}