.use-case-card{position:relative;height:100%;border-radius:1rem;border-width:1px;border-color:#1a1f3c80;padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;background:linear-gradient(145deg,#0d1128cc,#060918e6);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d}.use-case-card-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.use-case-card-header>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.use-case-card-title{font-family:Syne,Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.use-case-card-tag{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;border-color:#00d4ff4d;background-color:#00d4ff1a;padding:.375rem 1rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(77 227 255 / var(--tw-text-opacity, 1))}.use-case-card-description>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.use-case-card-description{font-size:.875rem;line-height:1.25rem;color:#e8eaf6b3}.use-case-card-description :global(h2){margin-top:1rem;margin-bottom:.5rem;font-family:Syne,Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.use-case-card-description :global(h2:first-child){margin-top:0}.use-case-card-description :global(p){line-height:1.625}.use-case-card-description :global(ul){margin-left:0;list-style-type:none}.use-case-card-description :global(ul)>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.use-case-card-description :global(li){display:flex;align-items:flex-start;gap:.5rem}.use-case-card-description :global(li:before){content:""}.use-case-card-description :global(li):before{margin-top:.5rem;height:.375rem;width:.375rem;flex-shrink:0;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(26 219 255 / var(--tw-bg-opacity, 1))}.use-case-card-description :global(strong){font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media(max-width:640px){.use-case-card-title{font-size:1.125rem;line-height:1.75rem}}.use-case-card-preview{display:block;display:flex;flex-direction:column;color:inherit;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.use-case-card-preview:hover{border-color:#00d4ff80}.use-case-card-preview .use-case-card-thumbnail{display:flex;min-height:100px;align-items:center;justify-content:center;overflow:hidden;border-top-left-radius:1rem;border-top-right-radius:1rem;border-bottom-width:1px;border-color:#1a1f3c4d;background-color:#06091866}.use-case-card-thumbnail-img,.use-case-card-thumbnail-video{height:100%;min-height:100px;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.use-case-card-thumbnail-poster{display:none}@media(prefers-reduced-motion:reduce){.use-case-card-thumbnail-video{display:none}.use-case-card-thumbnail-poster{display:block}}.use-case-card-preview-description{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.use-case-card-punchy-line{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;line-height:1.375;color:#e8eaf6cc}.use-case-card-link{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(26 219 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.group:hover .use-case-card-link,.use-case-card-preview:hover .use-case-card-link{gap:.75rem}
