@charset "UTF-8";
/* ==========================================================================
   11. BENEFITS
   ========================================================================== */
.nexdata-widget .nex-benefits__grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--nex-sp-5);
  align-items: start;
}
.nexdata-widget.nex-benefits--bento .nex-benefits__grid {
  grid-auto-flow: dense;
}
.nexdata-widget .nex-benefit {
  background: #fff;
  border: 1px solid var(--nex-line);
  border-radius: var(--nex-r-lg);
  padding: var(--nex-sp-6);
  transition: transform var(--nex-dur) var(--nex-ease),
              box-shadow var(--nex-dur) var(--nex-ease),
              border-color var(--nex-dur) var(--nex-ease);
  position: relative; overflow: hidden;
}
.nexdata-widget .nex-benefit::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: var(--nex-grad-brand);
  transform: scaleX(0); transform-origin: left;
  transition: transform var(--nex-dur-slow) var(--nex-ease);
}
.nexdata-widget .nex-benefit:hover { transform: translateY(-5px); box-shadow: var(--nex-sh-md); border-color: var(--nex-blue-200); }
.nexdata-widget .nex-benefit:hover::before { transform: scaleX(1); }
.nexdata-widget .nex-benefit:hover .nex-icon-tile { background: var(--nex-grad-brand); color: #fff; transform: scale(1.04); }
.nexdata-widget .nex-benefit__t { font-size: var(--nex-fs-h3); margin: var(--nex-sp-5) 0 var(--nex-sp-2); }
.nexdata-widget .nex-benefit__d { font-size: var(--nex-fs-sm); color: var(--nex-ink-3); }
.nexdata-widget .nex-benefit__image { width: 30px; height: 30px; object-fit: contain; }
.nexdata-widget .nex-benefit__badge {
  display: inline-flex;
  margin-top: var(--nex-sp-4);
  padding: 4px 9px;
  border-radius: var(--nex-r-pill);
  background: var(--nex-grad-brand-soft);
  color: var(--nex-blue-700);
  font-size: var(--nex-fs-xs);
  font-weight: 700;
}
.nexdata-widget .nex-benefit__cta {
  display: inline-flex;
  margin-top: var(--nex-sp-4);
  color: var(--nex-blue-600);
  font-size: var(--nex-fs-sm);
  font-weight: 700;
}
.nexdata-widget .nex-benefit.is-highlighted {
  border-color: var(--nex-blue-200);
  box-shadow: var(--nex-sh-md);
}
.nexdata-widget .nex-benefit--wide { grid-column: span 2; }
.nexdata-widget.nex-benefits--equal .nex-benefits__grid { align-items: stretch; }
.nexdata-widget.nex-benefits--equal .nex-benefit { height: 100%; }

@media (max-width: 1100px) {
  .nexdata-widget .nex-benefits__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .nexdata-widget .nex-benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .nexdata-widget .nex-benefits__grid { grid-template-columns: 1fr; }
  .nexdata-widget .nex-benefit--wide { grid-column: auto; }
}