/* Modello di payout — fragment CMS (no nav/footer) */
body.page-modello-di-payout .main-content-page { background: #FAFAFA; }
.im-page-payout {
  --im-ink: #142E34;
  --im-muted: #494949;
  --im-line: #EAEAEA;
  --im-paper: #FAFAFA;
  --im-yellow: #EDDD18;
  --im-yellow-soft: #FFF8B0;
  --im-cyan: #A9FDFF;
  --im-teal: #407087;
  --im-sky: #67D2DF;
  --im-gray: #B9BBBD;
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  color: var(--im-ink);
  background: var(--im-paper);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.im-page-payout *, .im-page-payout *::before, .im-page-payout *::after { box-sizing: border-box; }
.im-page-payout a { color: var(--im-ink); }
.im-page-payout a:hover { color: var(--im-teal); }
.im-page-payout .im-btn { transition: transform .15s ease, background-color .15s ease; }
.im-page-payout .im-btn:hover { background-color: #FFF57D !important; color: var(--im-ink) !important; }
.im-page-payout .im-btn:active { transform: scale(.98); }
.im-page-payout .im-field:focus { outline: 3px solid #67D2DF; outline-offset: 1px; }
.im-page-payout a:focus-visible,
.im-page-payout button:focus-visible,
.im-page-payout input:focus-visible { outline: 3px solid #67D2DF; outline-offset: 2px; }
.im-page-payout input[type=range] {
  width: 100%; height: 28px; margin: 0; accent-color: var(--im-ink); cursor: pointer;
}
.im-page-payout .im-chip[aria-pressed="true"] { background: var(--im-ink) !important; color: #fff !important; }
.im-page-payout .im-chip[aria-pressed="false"] { background: #fff !important; color: var(--im-ink) !important; }
.im-page-payout [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  .im-page-payout .im-btn { transition: none; }
}
