.use-case-hero:where(.astro-yrkhf4xm){background:linear-gradient(135deg, var(--accent-dark) 0%, var(--accent-main) 50%, var(--accent-light) 100%);color:#fff;padding:6rem 0 4rem;position:relative;overflow:hidden}.container:where(.astro-yrkhf4xm){z-index:10;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.content:where(.astro-yrkhf4xm){text-align:center;max-width:600px;margin:0 auto}.title:where(.astro-yrkhf4xm){-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.1}.subtitle:where(.astro-yrkhf4xm){opacity:.9;margin-bottom:0;font-size:1.25rem;line-height:1.6}.decoration:where(.astro-yrkhf4xm){pointer-events:none;position:absolute;inset:0}.gradient-circle:where(.astro-yrkhf4xm){backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:50%;position:absolute}.gradient-circle:where(.astro-yrkhf4xm):first-child{width:400px;height:400px;animation:20s ease-in-out infinite float;top:-200px;right:-100px}.gradient-circle:where(.astro-yrkhf4xm).small{width:200px;height:200px;animation:15s ease-in-out infinite float-reverse;bottom:-100px;left:-50px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-reverse{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@media (width<=1024px){.decoration:where(.astro-yrkhf4xm){display:none}}@media (width<=768px){.use-case-hero:where(.astro-yrkhf4xm){padding:4rem 0 3rem}.title:where(.astro-yrkhf4xm){font-size:2.25rem}.subtitle:where(.astro-yrkhf4xm){font-size:1.125rem}.gradient-circle:where(.astro-yrkhf4xm):first-child{width:300px;height:300px;top:-150px;right:-75px}.gradient-circle:where(.astro-yrkhf4xm).small{width:150px;height:150px;bottom:-75px;left:-37px}}.use-case-card:where(.astro-mabihwcz){background:#fff;border-radius:16px;flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.use-case-card:where(.astro-mabihwcz):hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.featured-badge:where(.astro-mabihwcz){z-index:10;background:linear-gradient(135deg, var(--accent-main), var(--accent-light));color:#fff;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;position:absolute;top:1rem;left:1rem}.image-container:where(.astro-mabihwcz){width:100%;height:240px;position:relative;overflow:hidden}.use-case-image:where(.astro-mabihwcz){object-fit:cover;width:100%;height:100%;transition:transform .3s}.group:where(.astro-mabihwcz):hover .use-case-image:where(.astro-mabihwcz){transform:scale(1.05)}.image-overlay:where(.astro-mabihwcz){background:linear-gradient(#0000,#0000001a);position:absolute;inset:0}.content:where(.astro-mabihwcz){flex-direction:column;flex:1;padding:1.5rem;display:flex}.meta:where(.astro-mabihwcz){justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.industry:where(.astro-mabihwcz){background:var(--accent-light);color:#fff;border-radius:6px;padding:.25rem .75rem;font-weight:500}.members:where(.astro-mabihwcz){color:var(--grey);font-size:.875rem}.organization:where(.astro-mabihwcz){color:var(--main-dark);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.25rem;font-size:1rem;font-weight:600}.title:where(.astro-mabihwcz){color:var(--main-dark);margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3;transition:color .2s}.group:where(.astro-mabihwcz):hover .title:where(.astro-mabihwcz){color:var(--main)}.description:where(.astro-mabihwcz){color:var(--grey);flex:1;margin-bottom:1.5rem;line-height:1.6}.read-more:where(.astro-mabihwcz){color:var(--accent-main);align-items:center;gap:.5rem;font-weight:600;transition:color .2s;display:flex}.group:where(.astro-mabihwcz):hover .read-more:where(.astro-mabihwcz){color:var(--accent-dark)}.read-more-arrow:where(.astro-mabihwcz){transition:transform .2s}.group:where(.astro-mabihwcz):hover .read-more-arrow:where(.astro-mabihwcz){transform:translate(4px)}@media (width<=768px){.image-container:where(.astro-mabihwcz){height:200px}.content:where(.astro-mabihwcz){padding:1.25rem}.organization:where(.astro-mabihwcz){font-size:.875rem}.title:where(.astro-mabihwcz){font-size:1.125rem}.meta:where(.astro-mabihwcz){flex-wrap:wrap}}
