/* This code/file was created in whole or in part by generative AI. */

/* Landing page — page-specific styles only.
   Shared chrome, layout primitives and tokens live in
   /tools/shared/styles.css; nothing brand-related is hardcoded here. */
body { color: #000; }
.hero { padding: 40px 0;}
.hero-title{margin-bottom:16px;font-style:normal;font-weight:400;letter-spacing:-0.96px}
.hero-description{font-size:18px;font-weight:400;line-height:26px}
.hero-description p{margin:0 0 12px}
.hero-description p:last-child{ margin: 0;}
.hero-icon{margin-right:8px;display:inline-block;position:relative;top:5px}
.hero-icon img{display:block;width:15px}
.wz-tools-list { padding: 0 0 40px;}
.wz-tools-list-col {
  margin-bottom: 40px;
}
.wz-tool-item {
  height: 100%;
  min-height: 180px;
  display: flex;
  flex-wrap:wrap;
  padding: 24px;
  border-radius: 16px;
  background-color: #F8F8F8;
  position: relative;
}
.wz-tool-item__left{
  width: 100%;
  max-width: 56px;
  flex: 0 0 56px;
  margin-right: 12px;
}
.wz-tool-item__content{
  width: 100%;
  max-width: calc(100% - 56px);
  flex: 0 0 calc(100% - 68px);
}
.wz-tool-item__image{
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #BAEAFF;
}
.wz-tool-item__image img { width: 24px; height: auto; }
.wz-tool-item__callout {
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #F7DD9F;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  position: absolute;
  right: 16px;
  top: -12px;
}

.wz-tool-item__title {
  margin: 0 0 2px;
  font-size: 20px;
  line-height: 28px;
  font-weight:700;
}

.wz-tool-item__btn { margin-top: 12px;}
.wz-tool-item p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: #616161;
}


@media (min-width:992px){
.section-padding{padding:80px 0}
.wz-tools-list { padding: 0 0 40px;}
}

@media (min-width:1200px) {
  .hero-title{font-size:48px;line-height:56px;}
}