.case-card{--case-accent-rgb:0, 137, 123;-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border-radius:1.5rem;flex-direction:column;padding:1.5rem;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 10px 40px -15px #003d5b33,0 2px 8px #0000000a,inset 0 1px #fffc}.case-card[data-variant=retention]{--case-accent-rgb:16, 185, 129}.case-card[data-variant=media]{--case-accent-rgb:168, 85, 247}.case-card[data-variant=outreach]{--case-accent-rgb:236, 72, 153}.case-card[data-variant=creative]{--case-accent-rgb:14, 165, 233}.case-card[data-variant=intelligence]{--case-accent-rgb:245, 158, 11}.case-card[data-variant=conversational]{--case-accent-rgb:59, 130, 246}.case-card[data-variant=operations]{--case-accent-rgb:0, 137, 123}.case-card:before{content:"";background:linear-gradient(135deg, rgba(var(--case-accent-rgb), .5), rgba(var(--case-accent-rgb), .15));-webkit-mask-composite:xor;opacity:0;pointer-events:none;border-radius:calc(1.5rem + 2px);padding:2px;transition:opacity .4s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover) and (pointer:fine){.case-card:hover:before{opacity:1}.case-card:hover{box-shadow:0 20px 50px -20px rgba(var(--case-accent-rgb), .3), 0 10px 25px #003d5b1f, inset 0 1px 0 #fff;transform:translateY(-3px)}}.case-card-topline{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.case-card-category{border-radius:var(--radius-full);border:1px solid rgba(var(--case-accent-rgb), .25);background:linear-gradient(135deg, rgba(var(--case-accent-rgb), .14), rgba(var(--case-accent-rgb), .07));text-transform:uppercase;letter-spacing:.07em;color:color-mix(in srgb, rgb(var(--case-accent-rgb)) 72%, var(--color-text-dark));align-items:center;gap:.45rem;padding:.3rem .8rem;font-size:.72rem;font-weight:800;display:inline-flex}.case-card-live{border-radius:var(--radius-full);background:rgb(var(--case-accent-rgb));flex-shrink:0;width:.45rem;height:.45rem;animation:2.4s ease-out infinite case-live-pulse}@keyframes case-live-pulse{0%{box-shadow:0 0 0 0 rgba(var(--case-accent-rgb), .45)}70%{box-shadow:0 0 0 .4rem rgba(var(--case-accent-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--case-accent-rgb), 0)}}.case-card-index{font-family:var(--font-heading);letter-spacing:.08em;color:var(--color-text-muted);font-size:.8rem;font-weight:800}.case-card-heading{grid-template-columns:auto 1fr;align-items:center;gap:1rem;display:grid}.case-card-icon{border:1.5px solid rgba(var(--case-accent-rgb), .25);background:linear-gradient(135deg, rgba(var(--case-accent-rgb), .15), rgba(var(--case-accent-rgb), .08));width:3.25rem;height:3.25rem;box-shadow:0 8px 24px -12px rgba(var(--case-accent-rgb), .4), inset 0 1px 0 #ffffff4d;color:rgb(var(--case-accent-rgb));border-radius:1rem;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:inline-flex}@media (hover:hover) and (pointer:fine){.case-card:hover .case-card-icon{box-shadow:0 12px 32px -16px rgba(var(--case-accent-rgb), .6), inset 0 1px 0 #ffffff80;transform:scale(1.05)}}.case-card-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text-dark);margin:0;font-size:1.25rem;font-weight:800;line-height:1.25}.case-card-headline{color:var(--color-brand-base);margin:1.25rem 0 0;font-size:.98rem;font-weight:700;line-height:1.55}.case-card-summary{-webkit-line-clamp:3;line-clamp:3;color:var(--color-text-secondary);-webkit-box-orient:vertical;margin:.75rem 0 1.25rem;font-size:.9rem;line-height:1.65;display:-webkit-box;overflow:hidden}.case-card-actions{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.case-card-secondary{color:var(--color-text-secondary);border-radius:.5rem;font-size:.85rem;font-weight:600;transition:color .2s}.case-card-secondary:hover{color:var(--color-brand-base)}.case-card-secondary:focus-visible{outline:2px solid var(--color-accent-highlight);outline-offset:3px}.case-card-cta{color:var(--color-accent-emphasis);border-radius:.5rem;align-items:center;gap:.5rem;font-size:.9rem;font-weight:800;transition:color .2s,transform .14s cubic-bezier(.16,1,.3,1);display:inline-flex}.case-card-cta svg{transition:transform .2s}.case-card-cta:hover{color:var(--color-brand-base)}.case-card-cta:active{transform:scale(.98)}.case-card-cta:focus-visible{outline:2px solid var(--color-accent-highlight);outline-offset:3px}@media (hover:hover) and (pointer:fine){.case-card-cta:hover svg{transform:translate(4px)}}@media (min-width:768px){.case-card{padding:2rem}.case-card-title{font-size:1.375rem}}@media (prefers-reduced-motion:reduce){.case-card,.case-card-icon,.case-card-cta,.case-card-cta svg{transition:none}.case-card:hover,.case-card:hover .case-card-icon,.case-card-cta:hover svg,.case-card-cta:active{transform:none}.case-card:before{display:none}.case-card-live{animation:none}}.case-card-showcase{margin-top:1.25rem}.cases-quicknav{top:var(--header-offset,0px);z-index:30;-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #003d5b14;position:sticky}.cases-quicknav-track{scrollbar-width:none;gap:.5rem;max-width:80rem;margin:0 auto;padding:.75rem 1rem;display:flex;overflow-x:auto}.cases-quicknav-track::-webkit-scrollbar{display:none}.cases-quicknav-chip{white-space:nowrap;color:#003d5bbf;border:1px solid #003d5b26;border-radius:9999px;flex:none;padding:.4rem .95rem;font-size:.875rem;font-weight:500;transition:color .2s,background-color .2s,border-color .2s}.cases-quicknav-chip:hover{color:#00897b;border-color:#00897b66}.cases-quicknav-chip[data-active]{color:#fff;background:#00897b;border-color:#00897b}.cases-index-hero{padding:3.5rem 0 2rem}.cases-index-section{scroll-margin-top:calc(var(--header-offset,4rem) + 4rem);padding:2.5rem 0 1rem}.cases-index-section-header{align-items:center;gap:.85rem;margin-bottom:1.5rem;display:flex}.cases-index-section-icon{--case-accent-rgb:0, 137, 123;width:2.75rem;height:2.75rem;color:rgb(var(--case-accent-rgb));background:rgba(var(--case-accent-rgb), .12);border-radius:.9rem;justify-content:center;align-items:center;display:inline-flex}.cases-index-section-icon[data-variant=retention]{--case-accent-rgb:16, 185, 129}.cases-index-section-icon[data-variant=media]{--case-accent-rgb:168, 85, 247}.cases-index-section-icon[data-variant=outreach]{--case-accent-rgb:236, 72, 153}.cases-index-section-icon[data-variant=creative]{--case-accent-rgb:14, 165, 233}.cases-index-section-icon[data-variant=intelligence]{--case-accent-rgb:245, 158, 11}.cases-index-section-icon[data-variant=conversational]{--case-accent-rgb:59, 130, 246}.cases-index-section-icon[data-variant=operations]{--case-accent-rgb:0, 137, 123}.cases-index-section-title{letter-spacing:0;font-size:1.5rem;font-weight:700}.cases-index-section-count{font-variant-numeric:tabular-nums;color:#003d5b8c;margin-left:auto;font-size:.85rem}.cases-index-grid{grid-template-columns:1fr;gap:1rem;display:grid}.cases-index-grid>.reveal{display:flex}.cases-index-grid .case-card{flex:1}@media (min-width:768px){.cases-index-hero{padding:5rem 0 2.5rem}.cases-index-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1280px){.cases-index-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.cases-quicknav-chip{transition:none}}.case-detail-showcase{background:radial-gradient(600px circle at 20% 0%, #00897b14, transparent 60%), var(--color-background-alt);border:1px solid #003d5b0f;border-radius:1.5rem;margin-top:2.5rem;padding:2rem 1.25rem}.case-detail-showcase .showcase-body{width:100%;max-width:34rem;margin:0 auto}@media (min-width:768px){.case-detail-showcase{padding:2.5rem}}