@import url("./marketing-tokens.css");
@import url("./card-elevation.css");
/* Short contact shadows keep raised cards defined without a diffuse halo. */
.mk-page,
.mk-page .theme-light {
  --fl-walkthrough-shadow: var(--fl-crisp-card-shadow);
  --panel-shadow: var(--fl-crisp-card-shadow);
  --panel-shadow-hover: var(--fl-crisp-card-shadow-hover);
  --pop-shadow: var(--fl-crisp-card-shadow);
}

.mk-page .theme-dark {
  --panel-shadow: var(--fl-crisp-card-shadow);
  --panel-shadow-hover: var(--fl-crisp-card-shadow-hover);
  --pop-shadow: var(--fl-crisp-card-shadow);
}

.mk-page .fl-browser-demo {
  box-shadow: var(--fl-walkthrough-shadow);
}

.mk-page .fl-chat-composer {
  box-shadow: var(--fl-crisp-card-shadow);
}

.mk-page .fl-activity-demo {
  box-shadow: var(--fl-crisp-card-shadow);
}

.mk-page .landing-icon-card,
.mk-page .landing-icon-card:hover,
.mk-page .theme-dark .landing-icon-card:hover {
  filter: none;
  box-shadow: var(--fl-walkthrough-shadow);
  border-radius: var(--fl-card-radius);
}

.mk-page .fl-performance-card,
.mk-page .fl-performance-platforms {
  box-shadow: var(--fl-crisp-card-shadow);
}

/* Rectangular graphics and cards share a consistent corner shape. */
.mk-page :is(
  .rounded-3xl,
  .bg-card.shadow-panel,
  .landing-icon-card,
  .fl-demo-shell,
  .fl-browser-demo,
  .fl-post-preview,
  .fl-chat-composer,
  .fl-activity-demo,
  .fl-activity-summary > div,
  .fl-bottom-cta,
  .fl-performance-card,
  .fl-performance-platforms
) {
  border-radius: var(--fl-card-radius);
}

/* Graphic frames inherit the same corner token as their cards. */

.mk-page .mk-plate,
.fl-homepage .landing-top .fl-demo-shell {
  position: relative;
  padding: clamp(8px, 1vw, 12px);
  border: 1px solid #dfe3df;
  border-radius: var(--fl-marketing-frame-radius);
  background: var(--fl-marketing-frame-fill, #eff0ee);
  box-shadow: none;
}

.mk-page .fl-demo-shell { box-shadow: none; }

.mk-page .fl-product-page :is(.fl-product-card, .fl-product-links a, .fl-proposal-plan, .fl-comparison-scroll) {
  border-radius: var(--fl-card-radius);
}

/* A quiet content shadow adds separation inside simple, flat grey frames. */
.mk-page .mk-plate,
.fl-homepage .landing-top .fl-demo-shell {
  --panel-shadow: var(--fl-framed-card-shadow);
  --panel-shadow-hover: var(--fl-framed-card-shadow);
  --fl-walkthrough-shadow: var(--fl-framed-card-shadow);
}
.mk-page :is(.mk-plate, .landing-top .fl-demo-shell) :is(
  .fl-browser-demo, .fl-chat-composer, .fl-activity-demo, .fl-bottom-cta,
  .fl-performance-card, .fl-performance-platforms
) { box-shadow: var(--fl-framed-card-shadow); }