.focofy-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:box-shadow var(--card-transition) ease,transform var(--card-transition) ease,border-color var(--card-transition) ease}.focofy-card--elevated{box-shadow:var(--shadow-md)}.focofy-card--interactive{cursor:pointer}.focofy-card--interactive:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px);border-color:var(--color-border-strong)}.focofy-card--interactive:focus-visible{outline:var(--focus-ring-size) solid var(--focus-ring-color);outline-offset:2px}.focofy-card--flat{box-shadow:none;border-color:#fff0}.focofy-card--outlined{background:#fff0;border-color:var(--color-border-strong);box-shadow:none}.focofy-card--dark,[data-bg="dark"] .focofy-card{background:color-mix(in srgb,var(--color-surface-dark) 80%,white 20%);border-color:color-mix(in srgb,white 10%,transparent)}.focofy-card__header{margin-bottom:var(--card-gap)}.focofy-card__body{display:flex;flex-direction:column;gap:var(--card-gap)}.focofy-card__footer{margin-top:var(--card-gap);padding-top:var(--space-4);border-top:1px solid var(--card-border)}.focofy-card__title{font-family:var(--font-heading);font-weight:var(--fw-heading);color:var(--color-heading);margin-bottom:var(--space-2)}.focofy-card__description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--lh-normal)}.focofy-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 12%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);flex-shrink:0}.focofy-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--grid-gap)}@media (min-width:768px){.focofy-cards-grid--2,.focofy-cards-grid--3,.focofy-cards-grid--4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.focofy-cards-grid--3{grid-template-columns:repeat(3,1fr)}.focofy-cards-grid--4{grid-template-columns:repeat(4,1fr)}}