.public-site {
  --motion-feedback: 180ms;
  --motion-surface: 260ms;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.public-site .button,
.public-site input,
.public-site textarea,
.public-site select,
.public-site .search-form,
.public-site .form-panel,
.public-site .contact-details,
.public-site .detail-aside,
.public-site .faq-list details,
.public-site .job-list details {
  border-radius: 4px;
}

.public-site .button {
  min-height: 46px;
  box-shadow: none;
}

.public-site .section-heading h2 {
  font-weight: 650;
}

.public-site.detail-page:not(.detail-cases) .detail-heading {
  background: var(--surface-reading);
  color: var(--ink);
  border-bottom: 1px solid var(--line);
  min-height: 0;
  padding: 42px 0;
}

.public-site.detail-page:not(.detail-cases) .detail-heading h1 {
  max-width: 1040px;
  font-size: clamp(30px, 3vw, 44px);
}

.public-site.detail-page:not(.detail-cases) .detail-heading p,
.public-site.detail-page:not(.detail-cases) .detail-heading time,
.public-site.detail-page:not(.detail-cases) .detail-heading .breadcrumb {
  color: var(--muted);
}

.public-site.detail-page .detail-heading::after {
  display: none;
}

.public-site .detail-layout > article {
  border-radius: 4px;
  box-shadow: none;
}

.public-site .detail-body-section {
  background: #f6f8fa;
}

.public-site .product-masthead {
  background: var(--surface-paper);
}

.public-site .product-portrait {
  border-radius: 4px;
  background: #f1f4f7;
}

.public-site .product-intro-copy h1 {
  font-size: clamp(30px, 3vw, 46px);
  font-weight: 650;
}

.public-site .article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 25px;
  color: #52657c;
  font-size: 13px;
  margin: 23px 0 0;
}

.public-site .article-meta span {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}

.public-site .article-meta svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}

.public-site .product-intro-copy .article-meta {
  margin: 24px 0 30px;
}

.public-site .site-footer {
  background: #071d31;
  border-top: 1px solid #1f3c54;
}

.public-site .site-footer a:hover {
  color: #49cde7;
}

.public-site .cta {
  background: #0b2b46;
}

.public-site.about-page .value-card {
  border-radius: 4px;
}

.public-site .timeline time {
  color: var(--blue);
}

.public-site .contact-details {
  background: #071d31;
}

.public-site .support-download {
  background: #071d31;
  border-radius: 4px;
}

.public-site .section-links a[aria-current="location"] {
  border-bottom-color: var(--blue);
}

.public-site .page-block {
  border-radius: 0;
}

.public-site .block-dark {
  background: #071d31;
}

.public-site .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (max-width: 800px) {
.public-site.detail-page .detail-heading {
    padding: 0;
  }
}

@media (max-width: 700px) {
.public-site .article-meta {
    font-size: 13px;
    gap: 10px 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
.public-site .button {
    transition: none;
  }

html {
    scroll-behavior: auto;
  }
}