.hero-card{ width:100%; display:flex; flex-direction:column; align-items:center; text-align:center; gap:32px; }
.hero-icon-square{ flex-shrink:0; width:64px; height:64px; border-radius:var(--md-radius-160,16px); background:var(--md-neutral-background-2-rest); color:var(--md-brand-foreground-1-rest); display:flex; align-items:center; justify-content:center; }
.hero-icon-square i{ font-size:var(--md-typography-font-size-800); }
.hero-text{ display:flex; flex-direction:column; align-items:center; gap:8px; width:100%; min-width:0; }
.hero-title, .hero-count{ font-family:var(--font-display); font-weight:var(--font-weight-light); color:var(--md-brand-foreground-1-rest); outline:none; width:fit-content; max-width:100%; margin:0 auto; }
.hero-title{ font-size:var(--md-typography-font-size-500); line-height:28px; }
.hero-count{ font-size:var(--md-typography-font-size-800); line-height:40px; }
.hero-description{ font-family:var(--font-sans); font-weight:var(--font-weight-light); font-size:var(--md-typography-font-size-500); line-height:28px; color:var(--md-neutral-foreground-1-rest); outline:none; width:fit-content; max-width:100%; margin:0 auto; white-space:pre-wrap; }
.hero-description-wrap{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; justify-content:center; width:100%; }
.hero-card[data-content-align="center"] .hero-description-wrap{ flex:0 0 auto; }
.hero-description-wrap:not(:has(.hero-description:not(:empty))){ display:none; }
.hero-card[data-content-align="center"]{ justify-content:center; }

.hero-card[data-size="M"]{ gap:48px; }
.hero-card[data-size="M"] .hero-icon-square{ width:100px; height:100px; }
.hero-card[data-size="M"] .hero-icon-square i{ font-size:48px; }
.hero-card[data-size="M"] .hero-title{ font-size:var(--md-typography-font-size-600); line-height:32px; }
.hero-card[data-size="M"] .hero-count{ font-size:var(--md-typography-font-size-1000); line-height:76px; }
.hero-card[data-size="M"] .hero-description{ font-size:var(--md-typography-font-size-600); line-height:32px; }

.hero-card[data-size="L"]{ gap:42px; }
.hero-card[data-size="L"] .hero-icon-square{ width:200px; height:200px; border-radius:var(--md-radius-320,32px); }
.hero-card[data-size="L"] .hero-icon-square i{ font-size:96px; }
.hero-card[data-size="L"] .hero-text{ gap:9px; }
.hero-card[data-size="L"] .hero-title{ font-size:var(--md-typography-font-size-800); line-height:40px; }
.hero-card[data-size="L"] .hero-count{ font-size:100px; line-height:normal; }
.hero-card[data-size="L"] .hero-description{ font-size:var(--md-typography-font-size-600); line-height:32px; }

.hero-card[data-style="stroke"]{ border:1px solid var(--md-neutral-stroke-1-rest); border-radius:var(--radius); padding:24px; }
.hero-card[data-style="accent"]{ background:var(--md-brand-background-inverted-rest); border-radius:var(--radius); padding:24px; }
.hero-card[data-style="stroke"][data-size="L"], .hero-card[data-style="accent"][data-size="L"]{ padding:48px; }
.hero-card[data-style="accent"] .hero-icon-square{ background:rgba(255,255,255,0.2); color:var(--md-color-grey-white); box-shadow:0 0 2px rgba(112,144,176,0.2), 0 4px 8px rgba(112,144,176,0.15); }
.hero-card[data-style="accent"] .hero-title, .hero-card[data-style="accent"] .hero-count{ color:var(--md-color-grey-white); }
.hero-card[data-style="accent"] .hero-description{ color:rgba(255,255,255,0.72); }

.hero-card[data-ai="true"] .hero-title, .hero-card[data-ai="true"] .hero-count{
  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;
}
.hero-card[data-ai="true"] .hero-icon-square{ color:var(--md-brand-foreground-1-rest); }
.hero-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%);
}
.hero-card[data-style="accent"][data-ai="true"] .hero-description{ color:var(--md-neutral-foreground-1-rest); }