/* Public page button and heading polish */

.sg-site,
.sg-site * {
  box-sizing: border-box;
}

.sg-site {
  overflow-wrap: anywhere;
}

.sg-site img,
.sg-site svg,
.sg-site video,
.sg-contact-page img,
.sg-default-page img,
.sg-404-page img {
  max-width: 100%;
  height: auto;
}

.sg-site table {
  max-width: 100%;
}

.sg-site .sg-container,
.sg-site [class*="grid"],
.sg-site [class*="card"],
.sg-site [class*="column"],
.sg-site [class*="table-wrap"],
.sg-contact-page .sg-container,
.sg-default-page .sg-container {
  min-width: 0;
}

.sg-site a,
.sg-contact-page a,
.sg-default-page a {
  overflow-wrap: anywhere;
}

.sg-site .sg-button,
.sg-site .sg-software-button,
.sg-site .sg-software-page-button,
.sg-site .sg-software-detail-button,
.sg-site .sg-beads-button,
.sg-site .sg-update-button,
.sg-site .sg-license-button,
.sg-contact-page .sg-contact-form input[type="submit"] {
  min-width: 190px;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .06em;
  text-align: center;
  transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.sg-site .sg-button:hover,
.sg-site .sg-software-button:hover,
.sg-site .sg-software-page-button:hover,
.sg-site .sg-software-detail-button:hover,
.sg-site .sg-beads-button:hover,
.sg-site .sg-update-button:hover,
.sg-site .sg-license-button:hover,
.sg-contact-page .sg-contact-form input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(6,182,212,.22);
}

.sg-site .sg-license-button.is-secondary,
.sg-site .sg-compare-button-outline {
  background: #ffffff !important;
  border: 1px solid #cbd5e1;
  color: #0f172a !important;
}

.sg-site .sg-license-button.is-secondary:hover,
.sg-site .sg-compare-button-outline:hover {
  background: #f1f5f9 !important;
  border-color: #06b6d4;
  color: #0e7490 !important;
}

.sg-site .sg-hero .sg-button-outline {
  background: transparent !important;
  border-color: rgba(255,255,255,.72);
  color: #ffffff !important;
}

.sg-site .sg-hero .sg-button-outline:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: #06b6d4;
  color: #ffffff !important;
}

.sg-site .sg-eyebrow,
.sg-contact-page .sg-eyebrow {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .16em;
}

.sg-site .sg-software-page-hero h1,
.sg-site .sg-software-detail-hero-text h1,
.sg-site .sg-beads-hero h1,
.sg-site .sg-update-hero h1,
.sg-site .sg-license-hero h1,
.sg-site .sg-page-hero h1,
.sg-contact-page .sg-contact-hero h1,
.sg-default-page .sg-default-page-hero h1,
.sg-404-page .sg-404-hero h1 {
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.35;
  letter-spacing: .03em;
}

.sg-site .sg-section h2,
.sg-site .sg-contact h2,
.sg-site .sg-software-page-card-body h2,
.sg-site .sg-software-detail-heading h2,
.sg-site .sg-beads-text h2,
.sg-site .sg-beads-detail-table-heading h2,
.sg-site .sg-beads-detail-card h2,
.sg-site .sg-update-heading h2,
.sg-site .sg-start-intro h2,
.sg-site .sg-start-flow h2,
.sg-site .sg-start-contact h2,
.sg-site .sg-page-message h2,
.sg-site .sg-policy-block h2,
.sg-contact-page .sg-contact-form-heading h2 {
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.42;
}

@media (max-width: 640px) {
  .sg-site .sg-container,
  .sg-contact-page .sg-container,
  .sg-default-page .sg-container {
    padding-left: 18px;
    padding-right: 18px;
  }
}

.sg-site .sg-license-login-notice h2,
.sg-site .sg-license-safe-note h2,
.sg-site .sg-license-confirm-box h2,
.sg-site .sg-license-plan h2,
.sg-contact-page .sg-contact-card h2 {
  line-height: 1.42;
}

@media (max-width: 640px) {
  .sg-site .sg-button,
.sg-site .sg-software-button,
.sg-site .sg-software-page-button,
.sg-site .sg-software-detail-button,
.sg-site .sg-beads-button,
.sg-site .sg-update-button,
.sg-site .sg-license-button,
.sg-contact-page .sg-contact-form input[type="submit"] {
    width: 100%;
    min-width: 0;
  }
}
