.feature-card{
  background:transparent;
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  gap:0px;
  text-align:left;
}
.feature-icon{
  flex-shrink:0;
  width:72px; height:72px;
  border-radius:var(--md-radius-160);
  background:var(--md-neutral-background-2-rest);
  color:var(--md-brand-foreground-1-rest);
  display:flex; align-items:center; justify-content:center;
}
.feature-icon i{ font-size:var(--md-typography-font-size-800); }
.feature-body{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1 1 auto; padding:6px 0 16px; }
.feature-title-wrap{ order:1; }
.feature-divider{ order:2; display:none; width:100%; height:1px; background:var(--md-neutral-stroke-1-rest); flex-shrink:0; }
.feature-desc-wrap{ order:3; }
.feature-title{ font-family:var(--font-display); font-weight:var(--font-weight-light); font-size:var(--md-typography-font-size-600); line-height:32px; color:var(--md-brand-foreground-1-rest); outline:none; width:fit-content; max-width:100%; padding-top:16px; padding-bottom:4px; }
.feature-description{
  font-family:var(--font-sans); font-weight:var(--font-weight-light); font-size:var(--md-typography-font-size-600); line-height:32px;
  color:var(--md-neutral-foreground-1-rest); outline:none; width:fit-content; max-width:100%;
  white-space:pre-wrap;
}

.feature-card[data-orientation="vertical"]{ flex-direction:column; align-items:flex-start; text-align:left; gap:0px; }
.feature-card[data-orientation="vertical"] .feature-body{ gap:20px; padding:0; width:100%; }
.feature-card[data-orientation="vertical"] .feature-title-wrap{ order:3; padding-bottom:8px; }
.feature-card[data-orientation="vertical"] .feature-title{ padding-top:0; padding-bottom:0; }
.feature-card[data-orientation="vertical"] .feature-divider{ order:2; display:block; }
.feature-card[data-orientation="vertical"] .feature-desc-wrap{ order:1; flex:1 1 auto; min-height:0; display:flex; flex-direction:column; justify-content:flex-start; }
.feature-card[data-orientation="vertical"][data-desc-align="bottom"] .feature-desc-wrap{ justify-content:flex-end; }
.feature-card[data-orientation="vertical"] .feature-description{ max-height:none; }
.feature-card[data-orientation="vertical"] .feature-icon{ width:48px; height:48px; }
.feature-card[data-orientation="vertical"] .feature-icon i{ font-size:48px; }

.feature-card[data-style="solid"]{ background:var(--md-neutral-background-2-rest); border-radius:var(--radius); padding:20px 28px 20px 20px; }
.feature-card[data-style="accent"]{ background:var(--md-brand-background-inverted-rest); border-radius:var(--radius); padding:20px 28px 20px 20px; }
.feature-card[data-orientation="vertical"][data-style="solid"], .feature-card[data-orientation="vertical"][data-style="accent"]{ padding:24px; }
.feature-card[data-orientation="vertical"][data-style="solid"]:not([data-desc-align="bottom"]),
.feature-card[data-orientation="vertical"][data-style="accent"]:not([data-desc-align="bottom"]){ gap:20px; }
.feature-card[data-style="accent"] .feature-title, .feature-card[data-style="accent"] .feature-description{ color:var(--md-color-grey-white); }
.feature-card[data-style="accent"] .feature-icon{ background:transparent; color:var(--md-color-grey-white); }
.feature-card[data-style="accent"] .feature-divider{ background:rgba(255,255,255,0.24); }
.feature-card[data-size="S"] .feature-icon{ width:32px; height:32px; }
.feature-card[data-size="S"] .feature-icon i{ font-size:var(--md-typography-font-size-700); }
.feature-card[data-size="S"] .feature-title{ font-size:var(--md-typography-font-size-500); line-height:28px; }
.feature-card[data-size="S"] .feature-description{ font-size:var(--md-typography-font-size-500); line-height:28px; }
.feature-card[data-size="S"][data-style="solid"]:not([data-orientation="vertical"]) .feature-body,
.feature-card[data-size="S"][data-style="accent"]:not([data-orientation="vertical"]) .feature-body{ padding-top:0; }
.feature-card[data-size="S"][data-style="solid"]:not([data-orientation="vertical"]) .feature-title,
.feature-card[data-size="S"][data-style="accent"]:not([data-orientation="vertical"]) .feature-title{ padding-top:2px; }
.feature-card[data-size="S"][data-style="solid"]:not([data-orientation="vertical"]),
.feature-card[data-size="S"][data-style="accent"]:not([data-orientation="vertical"]){ gap:16px; }
.feature-card[data-size="L"] .feature-icon{ width:68px; height:68px; }
.feature-card[data-size="L"] .feature-icon i{ font-size:var(--md-typography-font-size-900); }
.feature-card[data-size="L"] .feature-title{ font-size:var(--md-typography-font-size-800); line-height:40px; }
.feature-card[data-size="L"] .feature-description{ font-size:var(--md-typography-font-size-800); line-height:40px; }
.feature-card[data-size="L"][data-style="solid"]:not([data-orientation="vertical"]) .feature-body,
.feature-card[data-size="L"][data-style="accent"]:not([data-orientation="vertical"]) .feature-body{ padding-top:0; }
.feature-card[data-size="L"][data-style="solid"]:not([data-orientation="vertical"]) .feature-title,
.feature-card[data-size="L"][data-style="accent"]:not([data-orientation="vertical"]) .feature-title{ padding-top:14px; }
.feature-card[data-size="L"][data-style="solid"]:not([data-orientation="vertical"]),
.feature-card[data-size="L"][data-style="accent"]:not([data-orientation="vertical"]){ gap:8px; }
.feature-card[data-icon-name=""] .feature-icon{ display:none; }

.feature-card[data-ai="true"] .feature-title{
  background-image:linear-gradient(160deg, var(--md-color-blue-500) 4%, var(--md-color-ai-lavender) 51%, var(--md-color-ai-berry) 94%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
}
.feature-card[data-style="accent"][data-ai="true"]{
  background:linear-gradient(135deg, rgba(131,195,229,0.1) 8%, rgba(224,147,244,0.1) 29%, rgba(235,77,114,0.1) 58%, rgba(242,180,77,0.1) 81%);
}
.feature-card[data-style="accent"][data-ai="true"] .feature-icon{ background:transparent; color:var(--md-brand-foreground-1-rest); }
.feature-card[data-style="accent"][data-ai="true"] .feature-description{ color:var(--md-neutral-foreground-1-rest); }
.feature-card[data-style="accent"][data-ai="true"] .feature-divider{ background:var(--md-neutral-stroke-1-rest); }

.feature-card:not([data-style="solid"]):not([data-style="accent"]) .feature-icon{
  background:transparent;
  width:36px; height:36px;
}
.feature-card:not([data-style="solid"]):not([data-style="accent"])[data-orientation="vertical"] .feature-icon{ width:52px; height:52px; }
.feature-card:not([data-style="solid"]):not([data-style="accent"])[data-size="S"] .feature-icon{ width:32px; height:32px; }
.feature-card:not([data-style="solid"]):not([data-style="accent"])[data-size="L"] .feature-icon{ width:44px; height:44px; }
.feature-card:not([data-style="solid"]):not([data-style="accent"]) .feature-body{ padding-top:0; }
.feature-card:not([data-style="solid"]):not([data-style="accent"]) .feature-title{ padding-top:2px; }
.feature-card:not([data-style="solid"]):not([data-style="accent"]){ gap:16px; }
.feature-card:not([data-style="solid"]):not([data-style="accent"])[data-orientation="vertical"]{ gap:16px; }
.feature-card:not([data-style="solid"]):not([data-style="accent"])[data-orientation="vertical"] .feature-title{ padding-top:0; }