.use-case-catalogue{background-color:var(--surface-background)}.catalogue-container{max-width:var(--container-max-width);margin:0 auto;padding:0 1rem}.catalogue-hero{text-align:center;color:#fff;justify-content:center;align-items:center;height:45vh;min-height:350px;margin:-60px -1rem 0;display:flex;position:relative}@media (min-width:640px){.catalogue-hero{margin-left:-1.5rem;margin-right:-1.5rem}}@media (min-width:1024px){.catalogue-hero{margin-left:-2rem;margin-right:-2rem}}.catalogue-hero-overlay{z-index:1;background:linear-gradient(#111827b3,#111827e6);position:absolute;inset:0}.catalogue-hero-content{z-index:2;padding:1rem;position:relative}.catalogue-hero h1{text-shadow:0 2px 8px #000000b3;color:#fff;font-size:2.25rem;font-weight:700}.catalogue-hero p{color:#e5e7eb;text-shadow:0 1px 4px #000000b3;max-width:42rem;margin-top:1rem;margin-left:auto;margin-right:auto;font-size:1.125rem}@media (min-width:768px){.catalogue-hero h1{font-size:3.75rem}.catalogue-hero p{font-size:1.25rem}}.catalogue-layout{grid-template-columns:1fr;gap:2rem;padding:2rem 0;display:grid}@media (min-width:1024px){.catalogue-layout{grid-template-columns:280px 1fr}}.catalogue-sidebar{display:none}@media (min-width:1024px){.catalogue-sidebar{align-self:start;height:calc(100vh - 120px);display:block;position:sticky;top:100px;overflow-y:auto}}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.sidebar-header h3{color:var(--primary-text);font-size:1.25rem;font-weight:600}.sidebar-header button{color:var(--secondary-text);font-size:1.5rem}.sidebar-content{flex-direction:column;gap:1.5rem;padding:1rem;display:flex}.search-input-wrapper{position:relative}.search-input-icon{color:#9ca3af;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);background-color:var(--primary-background);border-radius:.75rem;width:100%;padding:.75rem .75rem .75rem 2.75rem;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{border-color:var(--interactive-blue);background-color:var(--surface-background);outline:none;box-shadow:0 0 0 4px #4f46e51a,0 4px 12px #0000001a}.filter-group h4{color:var(--primary-text);text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:.75rem;font-size:.9375rem;font-weight:600}.filter-group ul{flex-direction:column;gap:.375rem;display:flex}.filter-group ul li button{width:100%;color:var(--secondary-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:.75rem;justify-content:space-between;align-items:center;padding:.6rem .875rem;font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.filter-group ul li button:hover{background:var(--interactive-light);color:var(--interactive-blue);transform:translate(4px)}.filter-group ul li button.active{background:var(--interactive-blue);color:#fff;font-weight:600;box-shadow:0 4px 12px #4f46e533}.filter-count{opacity:.6;background:#0000000d;border-radius:2rem;padding:.125rem .5rem;font-size:.7rem;font-weight:700;transition:all .2s}:root[data-theme=dark] .filter-count{background:#ffffff1a}.filter-group ul li button.active .filter-count{color:#fff;opacity:1;background:#fff3}.mobile-filter-button{border:1px solid var(--border-color);background-color:var(--primary-background);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex}.mobile-filter-button svg{width:1.25rem;height:1.25rem}@media (min-width:1024px){.mobile-filter-button{display:none}}.mobile-filter-overlay{z-index:100;background-color:#00000080;position:fixed;inset:0}.catalogue-sidebar.is-mobile{background-color:var(--primary-background);z-index:110;width:80%;max-width:320px;animation:.3s forwards slide-in-left;display:block;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 10px 15px -3px #0000001a}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.catalogue-main-header{justify-content:space-between;align-items:center;margin-bottom:-1rem;display:flex}@media (min-width:1024px){.catalogue-main-header{margin-bottom:0}.catalogue-main-header .breadcrumb{margin-bottom:2rem}}.use-case-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.use-case-grid{grid-template-columns:repeat(2,1fr)}}.use-case-card{-webkit-backdrop-filter:blur(8px);cursor:pointer;text-align:left;background:#ffffffb3;border:1px solid #ffffff4d;border-radius:1.25rem;flex-direction:column;padding:1.75rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.use-case-card:before{content:"";opacity:.02;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}:root[data-theme=dark] .use-case-card:before{opacity:.04}.use-case-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(45deg,#0000,#ffffff08,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.use-case-card:hover:after{top:100%;left:100%}:root[data-theme=dark] .use-case-card{background:#11182766;border:1px solid #ffffff0d}.use-case-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px var(--interactive-blue);border-color:#0000;transform:translateY(-8px)scale(1.02)}.use-case-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.use-case-card-header p{color:var(--secondary-text);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.use-case-card-logos{align-items:center;gap:.5rem;display:flex}.use-case-card-logos svg{width:1.25rem;height:1.25rem}.use-case-card-body{z-index:2;flex-grow:1;position:relative}.use-case-card-body h4{color:var(--primary-text);margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.4}.use-case-card-body p{color:var(--secondary-text);font-size:.875rem;line-height:1.6}.use-case-card-footer{color:var(--secondary-text);border-top:1px solid var(--border-color-light);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;font-size:.875rem;font-weight:500;display:flex}.use-case-card-footer span{color:var(--interactive-blue);font-weight:600;transition:all .2s}.use-case-card:hover .use-case-card-footer span{padding-right:.5rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:.5rem;margin-left:.5rem;padding:.25rem .6rem;font-size:.7rem;font-weight:700;box-shadow:0 2px 4px #0000000d}.status-coming_soon{color:#9d174d;background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);border:1px solid #9d174d1a}.status-active{color:#15803d;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #15803d1a;display:inline-block}.status-beta{color:#1e40af;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #1e40af1a}:root[data-theme=dark] .status-coming_soon{color:#fca5a5;background:linear-gradient(135deg,#9d174d4d 0%,#8318434d 100%);border-color:#9d174d66}:root[data-theme=dark] .status-active{color:#a7f3d0;background:linear-gradient(135deg,#15803d4d 0%,#14532d4d 100%);border-color:#15803d66}:root[data-theme=dark] .status-beta{color:#93c5fd;background:linear-gradient(135deg,#1e40af4d 0%,#1d4ed84d 100%);border-color:#1e40af66}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-card{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;height:280px;padding:1.5rem;display:flex}.skeleton-line{background-color:var(--border-color);border-radius:.25rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.catalogue-no-results{text-align:center;color:var(--secondary-text);background:rgba(var(--surface-background-rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed var(--border-color);border-radius:1.5rem;flex-direction:column;align-items:center;gap:1.5rem;padding:6rem 2rem;display:flex}.catalogue-no-results p:first-child{color:var(--primary-text);background:linear-gradient(135deg,var(--interactive-blue),#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#111827cc;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:768px){.modal-overlay{align-items:center;padding:1rem}}.modal-container{background-color:var(--surface-background);border-top:1px solid var(--border-color);border-radius:1rem 1rem 0 0;flex-direction:column;width:100%;max-width:56rem;max-height:90vh;animation:.4s cubic-bezier(.25,1,.5,1) forwards slide-in-up;display:flex;box-shadow:0 -10px 25px -5px #0000001a}@media (min-width:768px){.modal-container{border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:768px){@keyframes slide-in-up{0%{opacity:0;transform:translateY(2rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}}