.color-cycle[data-astro-cid-nlf54wxv]{color:var(--ncs-primary);animation:6.6s infinite inline-color-cycle}@media (prefers-reduced-motion:reduce){.color-cycle[data-astro-cid-nlf54wxv]{animation:none}}.inline-markup-color[data-astro-cid-5fchmami][data-color=primary-light]{color:var(--primary-light)}.inline-markup-color[data-astro-cid-5fchmami][data-color=yt]{color:red}.inline-markup-color[data-astro-cid-5fchmami]{color:var(--ncs-cc-primary-contrast)}.block-showcase{--text-color:var(--text);--bg-color:var(--background);color:var(--text-color);background-color:var(--bg-color);padding:var(--section-padding);& .title{&.h1{font-size:var(--font-xxxl)}&.h2{font-size:var(--font-xxl)}&.h3{font-size:var(--font-xl)}margin-bottom:16px;font-weight:800;line-height:1.2;position:relative}& h2.title{font-size:var(--font-xxl)}& h3.title{font-size:var(--font-xl)}& .title-underline{padding-bottom:12px;display:inline-block;position:relative}& .title-underline:after{content:"";background:var(--ncs-primary);border-radius:2px;width:60px;height:4px;position:absolute;bottom:0}& .block-showcase-content.align-start>.text>.title-underline:after{left:0;right:auto;transform:none}& .block-showcase-content.align-center>.text>.title-underline:after{left:50%;right:auto;transform:translate(-50%)}& .block-showcase-content.align-end>.text>.title-underline:after{left:auto;right:0;transform:none}& .rtl .block-showcase-content.align-start>.text>.title-underline:after{left:auto;right:0}& .rtl .block-showcase-content.align-end>.text>.title-underline:after{left:0;right:auto}& .description{font-size:var(--font-md);color:var(--text-faded);margin-bottom:24px;line-height:1.7}& .title,& .title>:not(.bn-styled){color:var(--text-color);font-weight:800;line-height:1.2}& .description,& .description>:not(.bn-styled){color:var(--text-faded);line-height:1.7}}.showcase-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.block-showcase-content.align-center{margin-inline:auto}.block-showcase-content.align-center .showcase-tags,.block-showcase-content.align-center .showcase-cta-group{justify-content:center}.block-showcase-content.align-end .showcase-tags,.block-showcase-content.align-end .showcase-cta-group{justify-content:flex-end}@media (width<=1360px){.block-showcase-content.a-1200:is(.align-start,.align-end) .showcase-tags,.block-showcase-content.a-1200:is(.align-start,.align-end) .showcase-cta-group{justify-content:center}.block-showcase-content.a-1200:is(.align-start,.align-end)>.text>.title-underline:after{left:50%;right:auto;transform:translate(-50%)}}@media (width<=991px){.block-showcase-content:not(.a-768):not(.a-never):is(.align-start,.align-end) .showcase-tags,.block-showcase-content:not(.a-768):not(.a-never):is(.align-start,.align-end) .showcase-cta-group{justify-content:center}.block-showcase-content:not(.a-768):not(.a-never):is(.align-start,.align-end)>.text>.title-underline:after{left:50%;right:auto;transform:translate(-50%)}}@media (width<=767px){.block-showcase-content:not(.a-never):is(.align-start,.align-end) .showcase-tags,.block-showcase-content:not(.a-never):is(.align-start,.align-end) .showcase-cta-group{justify-content:center}.block-showcase-content:not(.a-never):is(.align-start,.align-end)>.text>.title-underline:after{left:50%;right:auto;transform:translate(-50%)}}.showcase-tag{background:var(--tag-bg,var(--ncs-container-weak));font-size:var(--font-sm);color:var(--text-faded);white-space:nowrap;border:none;border-radius:999px;padding:6px 14px;font-weight:500}.bg-ncs-weak,.bg-neutral,#tool-showcase-tabs{--tag-bg:var(--background)}.block-showcase{--tag-bg:var(--ncs-container-weak)}#tool-showcase-tabs .block-showcase{--tag-bg:var(--background)}.showcase-cta-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}@media (width<=767px){.showcase-cta-group{flex-direction:column;justify-content:center;align-items:center;width:100%}}.showcase-image-cta{transition:opacity .2s;display:inline-block}.showcase-image-cta:hover{opacity:.8}.showcase-image-cta img{height:auto;display:block}.block-showcase.has-showcase .block-showcase-container{gap:clamp(25px,4vw,50px);&>:not(.ignore-stretch){width:100%}&>.block-showcase-content{max-width:830px}}.showcase-links{flex-direction:column;gap:10px;width:100%;margin-bottom:24px;display:flex}.block-showcase-content.align-center .showcase-links{align-items:center}.showcase-link{--card-pad:0px;--card-radius:12px;--msi-primary:var(--ncs-cc-primary);--msi-container-weak:var(--ncs-cc-container-weak);padding:var(--card-pad);border:1px solid var(--ncs-container-strong);border-radius:var(--card-radius);width:100%;color:inherit;background:0 0;text-decoration:none;transition:padding .2s,border-color .2s,box-shadow .2s;display:flex;overflow:visible}.showcase-link:hover{--card-pad:6px;border-color:color-mix(in srgb, var(--background) 40%, transparent);box-shadow:0 10px 30px color-mix(in srgb, var(--text-light) 10%, transparent)}.showcase-link-inner{border-radius:calc(var(--card-radius) - var(--card-pad));background:var(--background);align-items:center;gap:14px;width:100%;padding:14px 16px;transition:padding .2s,border-radius .2s,box-shadow .2s;display:flex}.showcase-link:hover .showcase-link-inner{box-shadow:0 10px 20px color-mix(in srgb, var(--text-light) 10%, transparent);padding:8px 10px}.showcase-link-icon{background-color:var(--msi-container-weak);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.showcase-link-icon>svg{content:"";width:22px;height:22px;color:var(--msi-primary);margin:auto;inset:0}.showcase-link-text{text-align:start;flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.showcase-link-title{font-weight:700;font-size:var(--font-md);color:var(--text);line-height:1.35}.showcase-link-description{font-size:var(--font-sm);color:var(--text-faded);line-height:1.5}.showcase-link-tags{flex-shrink:0;gap:6px;display:inline-flex}.showcase-link-tag{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:9999px;padding:3px 10px;font-weight:700}.showcase-link-tag.tag-upload{background-color:var(--ncs-transcription-container-weak);color:var(--ncs-base-primary-contrast)}.showcase-link-tag.tag-live{color:#dc0f0f;background-color:#dc0f0f0d}.showcase-link-tag.tag-live:before{content:"";width:6px;height:6px;vertical-align:center;background-color:currentColor;border-radius:50%;margin-inline-end:5px;display:inline-block}@media (width<=480px){.showcase-link-icon{width:40px;height:40px}.showcase-link-icon:after{width:20px;height:20px}.showcase-link-description{display:none}}.feature-checklist{justify-content:center;align-items:center;gap:calc(var(--font-sm) * .45) calc(var(--font-sm) * 1.7);text-align:center;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.feature-checklist-item{align-items:center;gap:calc(var(--font-sm) * .45);font-size:var(--font-sm);color:var(--text);display:inline-flex}.feature-checklist-check{width:calc(var(--font-sm) * 1.15);height:calc(var(--font-sm) * 1.15);color:var(--ncs-subtitle-primary);flex-shrink:0}.block-showcase.cta-hook-v2{--cta-hook-bg:var(--ncs-primary);--text-color:var(--ncs-on-primary);--text-faded:var(--ncs-on-primary);--cta-background:var(--ncs-container-weak);--cta-text-color:var(--ncs-primary-contrast);margin:0 auto;overflow-x:clip;& .block-showcase-container{background-color:var(--cta-hook-bg);border-radius:var(--border-radius);padding:2rem;position:relative;& .interpolate-bg{--offset:1%;--calc-offset:calc(30rem * var(--offset));--full-width:calc(100% + var(--calc-offset) * 2);bottom:calc(100% * var(--calc-offset) * -1);left:calc(var(--calc-offset) * -1);height:calc(100% + var(--calc-offset) * 2);width:var(--full-width);content:"";background:color-mix(in srgb, var(--cta-hook-bg) var(--opacity), var(--background));border-radius:calc(var(--border-radius) + var(--calc-offset));position:absolute}&>*{position:relative}}}.block-showcase.cta-hook-v2.has-showcase>.block-showcase-container>.cta{text-wrap:nowrap;--cta-bg:var(--cta-background);--cta-text:var(--cta-text-color);width:fit-content}.dark-mode .block-showcase.cta-hook-v2>.block-showcase-container,.block-showcase.cta-hook-v2.dark-mode>.block-showcase-container{border-bottom:1px solid var(--ncs-primary)}.single-main-content .block-showcase.cta-hook-v2{width:85%;margin:0 auto;overflow-x:visible;& .block-showcase-container,& .block-showcase-content,& .cta{box-sizing:border-box;max-width:100%}}