.customer-story-card:where(.astro-kkjminoh){display:grid;grid-template-columns:412px minmax(0,1fr) 380px;gap:48px;align-items:stretch;width:100%;background:#f6f6f4;padding:48px;color:#151413}.customer-story-card--dark:where(.astro-kkjminoh){position:relative;overflow:hidden;background:#0b0a0ab8;border:0;color:#fff;backdrop-filter:blur(64px)}.customer-story-card--dark:where(.astro-kkjminoh):before,.customer-story-card--dark:where(.astro-kkjminoh):after{content:"";position:absolute;inset:0;padding:1px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.customer-story-card--dark:where(.astro-kkjminoh):before{z-index:2;background:conic-gradient(from var(--customer-story-border-angle),transparent 0deg,transparent 278deg,rgba(242,137,84,.95) 305deg,rgba(242,137,84,.2) 322deg,transparent 342deg,transparent 360deg);animation:customer-story-border-spin 22s linear infinite}.customer-story-card--dark:where(.astro-kkjminoh):after{z-index:1;background:linear-gradient(90deg,#fff,#fff3);opacity:.12}@property --customer-story-border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes customer-story-border-spin{to{--customer-story-border-angle: 360deg}}.customer-story-card--dark:where(.astro-kkjminoh)>:where(.astro-kkjminoh){position:relative;z-index:3}.customer-story-card--featured:where(.astro-kkjminoh){grid-template-columns:minmax(280px,360px) minmax(320px,1fr) minmax(260px,320px);gap:40px;min-height:420px;padding:40px}.customer-story-card__image:where(.astro-kkjminoh){display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#151413}.customer-story-card__backdrop:where(.astro-kkjminoh),.customer-story-card__placeholder:where(.astro-kkjminoh){width:100%;height:100%;object-fit:cover;display:block}.customer-story-card--featured:where(.astro-kkjminoh) .customer-story-card__image:where(.astro-kkjminoh){height:100%;aspect-ratio:auto}.customer-story-card__placeholder:where(.astro-kkjminoh){background:linear-gradient(135deg,#151413,#57534e)}.customer-story-card__integration:where(.astro-kkjminoh){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px}.customer-story-card__app-icon:where(.astro-kkjminoh){display:flex;align-items:center;justify-content:center;width:clamp(112px,11vw,172px);aspect-ratio:1;border-radius:28px;box-shadow:0 24px 80px #00000059}.customer-story-card__app-icon--praktik:where(.astro-kkjminoh){background:#242321}.customer-story-card__app-icon--customer:where(.astro-kkjminoh){background:#fff}.customer-story-card__app-icon:where(.astro-kkjminoh) img:where(.astro-kkjminoh),.customer-story-card__app-icon:where(.astro-kkjminoh) img{display:block;width:68%;height:68%;object-fit:contain}.customer-story-card__connector:where(.astro-kkjminoh){display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-inline:-24px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#15141366;color:#ffffffb8;font-size:18px;backdrop-filter:blur(8px);z-index:2}.customer-story-card__app-icon--customer:where(.astro-kkjminoh) span:where(.astro-kkjminoh){color:#151413;font-size:56px;font-weight:600}.customer-story-card__copy:where(.astro-kkjminoh){display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding-block:24px;min-width:0}.customer-story-card__top:where(.astro-kkjminoh),.customer-story-card__bottom:where(.astro-kkjminoh){display:flex;flex-direction:column;align-items:flex-start;gap:20px}.customer-story-card__bottom:where(.astro-kkjminoh){gap:32px}.customer-story-card:where(.astro-kkjminoh) h3:where(.astro-kkjminoh){font-family:Geist,system-ui,sans-serif;font-size:clamp(24px,2.2vw,28px);font-weight:500;line-height:1.33;letter-spacing:-.02em;margin:0}.customer-story-card--featured:where(.astro-kkjminoh) h3:where(.astro-kkjminoh){font-size:clamp(24px,2vw,30px);line-height:1.22}.customer-story-card:where(.astro-kkjminoh) h3:where(.astro-kkjminoh) a:where(.astro-kkjminoh){color:inherit;text-decoration:none}.customer-story-card__bottom:where(.astro-kkjminoh) p:where(.astro-kkjminoh),.customer-story-card__quote:where(.astro-kkjminoh) p:where(.astro-kkjminoh){margin:0;color:#57534e;font-size:17px;line-height:1.6}.customer-story-card--dark:where(.astro-kkjminoh) .customer-story-card__bottom:where(.astro-kkjminoh) p:where(.astro-kkjminoh),.customer-story-card--dark:where(.astro-kkjminoh) .customer-story-card__quote:where(.astro-kkjminoh) p:where(.astro-kkjminoh){color:#948d8a}.customer-story-card__quote:where(.astro-kkjminoh){border-left:1px solid rgba(21,20,19,.12);display:flex;flex-direction:column;justify-content:flex-end;gap:32px;padding:48px 0 24px 40px}.customer-story-card--dark:where(.astro-kkjminoh) .customer-story-card__quote:where(.astro-kkjminoh){border-left-color:#ffffff1f}.customer-story-card__quote:where(.astro-kkjminoh)>div:where(.astro-kkjminoh){display:flex;align-items:center;gap:20px}.customer-story-card__quote-logo:where(.astro-kkjminoh){max-width:80px;max-height:36px;object-fit:contain}.customer-story-card__quote-mark:where(.astro-kkjminoh){width:32px;height:32px;background:#f28954;display:inline-block}.customer-story-card__quote:where(.astro-kkjminoh) strong:where(.astro-kkjminoh),.customer-story-card__quote:where(.astro-kkjminoh) span:where(.astro-kkjminoh){display:block;font-size:15px;line-height:1.5}.customer-story-card__quote:where(.astro-kkjminoh) strong:where(.astro-kkjminoh){color:inherit;font-weight:600}.customer-story-card__quote:where(.astro-kkjminoh) span:where(.astro-kkjminoh){color:#57534e}.customer-story-card--dark:where(.astro-kkjminoh) .customer-story-card__quote:where(.astro-kkjminoh) span:where(.astro-kkjminoh){color:#948d8a}@media(max-width:1100px){.customer-story-card:where(.astro-kkjminoh),.customer-story-card--featured:where(.astro-kkjminoh){grid-template-columns:320px minmax(0,1fr)}.customer-story-card--featured:where(.astro-kkjminoh){min-height:0}.customer-story-card__quote:where(.astro-kkjminoh){grid-column:1 / -1;padding:32px 0 0;border-left:0;border-top:1px solid rgba(21,20,19,.12)}.customer-story-card--dark:where(.astro-kkjminoh) .customer-story-card__quote:where(.astro-kkjminoh){border-top-color:#ffffff1f}}@media(max-width:760px){.customer-story-card:where(.astro-kkjminoh){grid-template-columns:1fr;gap:28px;padding:24px}.customer-story-card__copy:where(.astro-kkjminoh){padding-block:0}.customer-story-card__integration:where(.astro-kkjminoh){gap:10px}.customer-story-card__connector:where(.astro-kkjminoh){width:30px;height:30px;margin-inline:-18px}}