.ttd-wp-site {
  background-color: var(--page-bg);
  font-family: "Inter", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.ttd-wp-site button,
.ttd-wp-site input,
.ttd-wp-site select,
.ttd-wp-site textarea,
.ttd-wp-site .button,
.ttd-wp-site .btn, .ttd-wp-site h1, .ttd-wp-site, .ttd-wp-site h2, .ttd-wp-site h3, .ttd-wp-site h4, .ttd-wp-site h5, .ttd-wp-site h6 {
  font-family: "Inter", "Segoe UI", sans-serif !important;
}

.ttd-wp-site .page-wrapper,
.ttd-wp-site #main {
  background: transparent;
}

.ttd-wp-site #main {
  padding-top: 124px;
}

.ttd-wp-site.home-page #main {
  padding-top: 0;
}

.ttd-wp-site .entry-header,
.ttd-wp-site .page-title,
.ttd-wp-site .woocommerce-breadcrumb {
  display: none;
}

.ttd-wp-site .entry-content {
  padding-top: 0;
  padding-bottom: 0;
}

.ttd-wp-site .entry-content > *:first-child {
  margin-top: 0;
}

.ttd-wp-site .topbar,
.ttd-wp-site header.topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  padding-top: 14px;
}

.ttd-wp-site.admin-bar .topbar {
  top: 32px !important;
}

.ttd-wp-site .page-wrapper {
  padding-top: 0;
}

.ttd-wp-site.home-page .page-wrapper {
  padding-top: 0;
}

.ttd-wp-site .site-main > .content-area,
.ttd-wp-site .site-main > .content-area > .site-content,
.ttd-wp-site .site-main > .content-area > .site-content > .row,
.ttd-wp-site .site-main > .content-area > .site-content > .row > .large-12,
.ttd-wp-site .site-main > .content-area > .site-content > .row > .large-12 > .col-inner {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.ttd-wp-site .ux-builder-shortcode {
  width: 100%;
}

.ttd-wp-site .section,
.ttd-wp-site section {
  width: 100%;
}

.ttd-wp-site .section-content,
.ttd-wp-site .container,
.ttd-wp-site .container-xl {
  max-width: 1320px;
}

.ttd-wp-site .ttd-builder-row,
.ttd-wp-site .ttd-builder-col,
.ttd-wp-site .ttd-builder-col > .col-inner {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ttd-wp-site .ttd-builder-row {
  display: block !important;
}

.ttd-wp-site .ttd-builder-col {
  flex-basis: 100% !important;
}

.ttd-wp-site .page-hero,
.ttd-wp-site .about-intro {
  text-align: center;
}

.ttd-wp-site .page-hero .container,
.ttd-wp-site .page-hero .section-sub,
.ttd-wp-site .about-intro .container {
  margin-inline: auto;
}

.ttd-wp-site .section-title,
.ttd-wp-site .about-centered-title,
.ttd-wp-site .news-section-title,
.ttd-wp-site .careers-v2-section-head {
  letter-spacing: 0;
}

.ttd-wp-site .product-support-image {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 18px;
  margin-bottom: 1.25rem;
}

.ttd-wp-site .hero-slider-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  width: fit-content !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 1rem auto 0 !important;
  padding: 0.3rem 0.5rem !important;
  border-radius: 999px !important;
  line-height: 1 !important;
}

.ttd-wp-site .hero-dot,
.ttd-wp-site .hero-dot[type="button"] {
  display: block !important;
  width: 0.52rem !important;
  height: 0.52rem !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(119, 126, 140, 0.3) !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
}

.ttd-wp-site .hero-dot.is-active,
.ttd-wp-site .hero-dot[aria-current="true"] {
  width: 1.45rem !important;
  background: rgba(104, 109, 118, 0.72) !important;
}

.ttd-wp-site .ttd-native-hero {
  padding-top: 3rem !important;
  padding-bottom: 0 !important;
}

.ttd-wp-site .ttd-native-hero .section-content,
.ttd-wp-site .ttd-native-intro .section-content,
.ttd-wp-site .section-solutions .section-content {
  max-width: 1320px !important;
  width: min(100%, 1320px) !important;
  margin-inline: auto;
  padding-inline: 1rem;
}

.ttd-wp-site .ttd-native-hero .row,
.ttd-wp-site .ttd-native-intro .row,
.ttd-wp-site .section-solutions .row {
  max-width: 1320px !important;
  width: 100% !important;
  margin-inline: auto !important;
}

.ttd-wp-site .ttd-native-hero-shell {
  min-height: 560px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 1.35rem;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.68) 42%, rgba(255, 255, 255, 0.18) 68%),
    url("../img/content/home-hero-material.png") center right / cover no-repeat;
  box-shadow: 0 28px 70px rgba(92, 137, 195, 0.24);
  overflow: hidden;
}

.ttd-wp-site .ttd-native-hero-copy {
  max-width: 680px;
  padding: 4.5rem 3.5rem !important;
}

.ttd-wp-site .ttd-native-hero-copy .col-inner {
  max-width: 680px;
}

.ttd-wp-site .ttd-native-hero-copy h1 {
  margin: 0 0 1.5rem;
  color: #005fbd;
  font-size: clamp(2.55rem, 4vw, 4.65rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
}

.ttd-wp-site .ttd-native-hero-copy h1 span {
  color: #53669a;
}

.ttd-wp-site .ttd-native-hero-copy p {
  max-width: 650px;
  margin-bottom: 1.8rem;
  color: #1c3149;
  font-size: 1.06rem;
  font-weight: 500;
  line-height: 1.68;
}

.ttd-wp-site .ttd-native-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.ttd-wp-site .ttd-native-buttons .button {
  margin: 0;
  min-width: 200px;
  min-height: 52px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0;
}

.ttd-wp-site .ttd-native-buttons .button.primary {
  border-color: #0b7aea;
  background: #0b7aea;
  color: #fff;
  box-shadow: 0 12px 28px rgba(11, 122, 234, 0.3);
}

.ttd-wp-site .ttd-native-buttons .button.white {
  border: 1px solid rgba(200, 214, 236, 0.95);
  background: rgba(255, 255, 255, 0.92);
  color: #09335f;
  box-shadow: 0 8px 18px rgba(157, 178, 214, 0.3);
}

.ttd-wp-site .ttd-native-intro .intro-card {
  padding: clamp(1.5rem, 3vw, 3rem);
}

.ttd-wp-site .ttd-native-intro .ux-text,
.ttd-wp-site .section-solutions .ux-text {
  margin-bottom: 0;
}

.ttd-wp-site .ttd-solution-native-row {
  gap: 0;
}

.ttd-wp-site .ttd-solution-native-row .col-inner {
  height: 100%;
}

.ttd-wp-site .ttd-solution-native-row .solution-card {
  min-height: 100%;
}

@media (max-width: 849px) {
  .ttd-wp-site .ttd-native-hero {
    padding-top: 1.25rem !important;
  }

  .ttd-wp-site .ttd-native-hero-shell {
    min-height: 0;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.56) 48%, rgba(255, 255, 255, 0.1) 100%),
      url("../img/content/home-hero-material.png") center / cover no-repeat;
  }

  .ttd-wp-site .ttd-native-hero-copy {
    padding: 2.5rem 1.3rem 12rem !important;
    text-align: center;
  }

  .ttd-wp-site .ttd-native-hero-copy h1 {
    font-size: clamp(2.15rem, 11vw, 3.1rem);
  }

  .ttd-wp-site .ttd-native-buttons {
    justify-content: center;
  }

  .ttd-wp-site .ttd-native-buttons .button {
    width: 100%;
  }
}

@media (min-width: 783px) {
  .ttd-wp-site.admin-bar .topbar {
    top: 32px !important;
  }
}

@media (max-width: 782px) {
  .ttd-wp-site.admin-bar .topbar {
    top: 46px !important;
  }
}