/*
 * Standard marketing card surface — light border + layered shadow.
 * Matches homepage `.card.feature-02.updated` styling.
 *
 * Styled-jsx pages cannot rely on the selectors below (higher specificity).
 * Use var(--marketing-card-border) and var(--marketing-card-shadow) in scoped styles.
 */

:root {
  --marketing-card-border: #edeff3;
  --marketing-card-shadow:
    0 1px 2px -1px #1a19250a, 0 1px 1px #1a19250a, 0 0.5px 0.5px #1a19250a;
}

.marketing-card-surface {
  border: 1px solid var(--marketing-card-border);
  box-shadow: var(--marketing-card-shadow);
}

/* Webflow content cards */
.card.feature-02,
.card.feature-02.updated,
.card.feature-02.testim,
.card.feature-02.extra,
.card.v2:not(.integration-strip):not(.pricing-contact):not(.integration-icons),
.card.accent,
.card.shadow,
.card-link-icon,
.card.link-card.pricing-item,
.card.link-card.pricing-item.halfh,
.card.link-card.pricing-item-popular,
.card.link-card.integration,
.card.link-card.search-item,
.card.link-card.card-team,
.card.link-card.career-item,
/* Bento & feature grids */
  .feature-card,
.feature-card-3,
.feature-card-4,
.bento-card,
.hiw-card,
.hiw-feature-card,
.content-feature-card,
.feature-card-link,
/* Pricing */
  .pricing_card,
.pricing-card-b,
.pricing-card-b-2,
/* Images framed as cards */
  .card-image,
/* Why Lockii content cards (scoped pages) */
  .gsf-launch-card,
.ent-highlight-card {
  border: 1px solid var(--marketing-card-border);
  box-shadow: var(--marketing-card-shadow);
}

/* Preserve featured pricing accent border while using standard shadow */
.pricing_card.is-featured,
.pricing_card.featured {
  border-color: var(--accent, #00c950);
  border-width: 2px;
  box-shadow: var(--marketing-card-shadow);
}