.site-application-card {
  box-sizing: border-box;
  width: 100%;
  padding: clamp(16px, 4vw, 28px);
  border: 1px solid #e5e8ee;
  border-radius: 12px;
  background: #fff;
  color: #18223a;
}
.site-application-card h2 { margin: 0 0 8px; font-size: 22px; line-height: 1.2; }
.site-application-card p { margin: 0 0 14px; }
.site-application-card .w-button, .site-tool .w-button {
  background: #ffda24;
  color: #18223a;
  border-radius: 6px;
  font-weight: 700;
}
.site-tool {
  width: min(100% - 32px, 620px);
  margin: clamp(22px, 6vw, 70px) auto;
  color: #18223a;
  font-family: Inter, Arial, sans-serif;
  overflow-wrap: anywhere;
}
.site-tool h1 { font-size: clamp(26px, 6vw, 40px); line-height: 1.15; }
.site-tool .site-brand { display: inline-block; width: 120px; margin-bottom: 18px; }
.site-tool form { display: grid; gap: 12px; }
.site-tool label { display: grid; gap: 6px; }
.site-tool input, .site-tool select, .site-tool button { min-height: 44px; max-width: 100%; }
.site-tool fieldset { min-inline-size: 0; padding: 0; border: 0; }
.site-tool fieldset label { margin-block: 10px; }
.site-tool .input-flex-horizontal { display: grid; grid-template-columns: minmax(0, 1fr); }
.site-tool .input-area { width: 100%; margin-right: 0; }
.site-tool output { display: block; font-weight: 700; }
.payday-evidence .wrapper-2 { display: block; width: min(100% - 32px, 900px); margin-inline: auto; overflow-wrap: anywhere; }
.payday-evidence h2 { margin-block: 24px 8px; }
.payday-evidence p { max-width: 74ch; }
#application-vendor-mount { margin-top: 24px; }
.site-tool-footer { margin: 24px auto; padding-inline: 16px; text-align: center; }
.right-header-box, .hero-container > *, .w-layout-grid > * { min-width: 0; }
.hero-container, .hero-wrapper .login-form, .hero-wrapper .input-block-2 { max-width: 100%; }
.hero-container .home-hero-title {
  font-size: clamp(30px, 3.9vw, 45px);
  line-height: 1.15;
}
@media (max-width: 767px) {
  .hero-container { align-items: stretch; }
  .hero-container .right-header-box, .hero-container .image-cont { width: 100%; max-width: 100%; }
  .hero-container .site-application-card { margin-inline: auto; max-width: 440px; }
  .w-richtext img, .image-box img { max-width: 100%; height: auto; }
  h1, h2, h3, h4 { overflow-wrap: anywhere; }
}
@media (max-width: 359px) {
  .nav-container .nav-button-2 { padding-inline: 10px; white-space: nowrap; }
}