@charset "utf-8";

@layer template {
  .TemplateCustomerStoryHighlights_grid { row-gap: 48px; }
  .TemplateCustomerStoryHighlights_heading { text-align: center; }
  .TemplateCustomerStoryHighlights_highlights { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(1, 1fr); gap: 36px; }
  @media (min-width: 600px) {
  .TemplateCustomerStoryHighlights_highlights { grid-template-columns: repeat(3, 1fr); gap: 16px; }
}
  @media (min-width: 1024px) {
  .TemplateCustomerStoryHighlights_highlights { gap: 82px; }
}
  .TemplateCustomerStoryHighlights_highlight { display: flex; flex-direction: column; gap: 24px; }
  .TemplateCustomerStoryHighlights_highlight h2 { margin: 0px; }
  .TemplateCustomerStoryHighlights_number { --annotation: "Subheading Large"; font-family: "Google Sans", "Google Sans Text", Roboto, Arial, "Noto Sans JP", "Noto Sans KR", sans-serif; font-size: 1.125rem; line-height: 1.44444; font-weight: 500; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 36px; height: 36px; background: rgb(26, 115, 232); border-radius: 30px; color: rgb(255, 255, 255); }
  [data-theme="dark"]:not(:has(.container--override-dark-theme)) .TemplateCustomerStoryHighlights_number { color: rgb(232, 234, 237); }
  @media (min-width: 600px) {
  .TemplateCustomerStoryHighlights_number { font-size: 1.375rem; line-height: 1.36364; font-weight: 500; letter-spacing: -0.015625rem; }
}
  @media (min-width: 1200px) {
  .TemplateCustomerStoryHighlights_number { font-size: 1.5rem; line-height: 1.33333; font-weight: 500; letter-spacing: -0.015625rem; }
}
  @media (min-width: 1024px) {
  .TemplateCustomerStoryHighlights_number { width: 44px; height: 44px; }
}
}

@layer template {
  .TemplateCustomerStoryIntro_content { display: flex; flex-direction: column; gap: 32px; }
  .TemplateCustomerStoryIntro_content h2 { margin: 0px 0px 16px; }
  @media (min-width: 1024px) {
  .TemplateCustomerStoryIntro_content { padding-inline-end: 58px; }
}
  .TemplateCustomerStoryIntro_aside { display: flex; flex-direction: column; gap: 32px; margin-top: 48px; }
  @media (min-width: 600px) and (max-width: 1023px) {
  .TemplateCustomerStoryIntro_aside { margin-top: 60px; }
}
  @media (min-width: 1024px) {
  .TemplateCustomerStoryIntro_aside { margin-top: 0px; }
}
  .TemplateCustomerStoryIntro_asideItem { display: flex; flex-direction: column; gap: 16px; }
  .TemplateCustomerStoryIntro_productIcons { display: flex; flex-flow: wrap; gap: 8px; }
  .TemplateCustomerStoryIntro_productIcon a { display: block; padding: 8px; border-radius: 8px; transition: box-shadow 0.2s ease-in-out; }
  .TemplateCustomerStoryIntro_productIcon a:has(:hover):hover { box-shadow: rgba(54, 64, 67, 0.3) 0px 1px 3px, rgba(54, 64, 67, 0.15) 0px 4px 8px 3px; }
  .TemplateCustomerStoryIntro_productIcon img { max-width: 36px; }
  @media (min-width: 1024px) {
  .TemplateCustomerStoryIntro_productIcon img { max-width: 40px; }
}
}

.ProductIcon_label { display: none; }

.TemplateTestimonial_content { display: flex; flex-direction: column; gap: 16px; text-align: center; margin: 0px; }

.TemplateTestimonial_content p { margin: 0px; }

.TemplateTestimonial_blockquote { --annotation: "Headline 6"; font-family: "Google Sans", "Google Sans Text", Roboto, Arial, "Noto Sans JP", "Noto Sans KR", sans-serif; color: rgb(32, 33, 36); font-size: 1.25rem; line-height: 1.4; font-weight: 500; margin: 0px; }

[data-theme="dark"]:not(:has(.container--override-dark-theme)) .TemplateTestimonial_blockquote { color: rgb(232, 234, 237); }

@media (min-width: 600px) {
  .TemplateTestimonial_blockquote { font-size: 1.625rem; line-height: 1.30769; font-weight: 500; letter-spacing: -0.015625rem; }
}

@media (min-width: 1200px) {
  .TemplateTestimonial_blockquote { font-size: 1.75rem; line-height: 1.28571; font-weight: 500; letter-spacing: -0.015625rem; }
}

.TemplateTestimonial_figcaption { --annotation: "Body Large"; font-family: "Google Sans Text", "Google Sans", Roboto, Arial, "Noto Sans JP", "Noto Sans KR", sans-serif; color: rgb(95, 99, 104); font-size: 1rem; line-height: 1.5; font-weight: 400; }

[data-theme="dark"]:not(:has(.container--override-dark-theme)) .TemplateTestimonial_figcaption { color: rgb(189, 193, 198); }

@media (min-width: 600px) {
  .TemplateTestimonial_figcaption { font-size: 1.125rem; line-height: 1.55556; font-weight: 400; }
}