.dty-site-back-top {
  position: fixed;
  right: 24px;
  bottom: 122px;
  z-index: 2147482990;
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #ea9c4d, #6e3a06);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(110, 58, 6, .28);
  opacity: 0;
  pointer-events: none;
  transform: translateY(14px);
  transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.dty-site-back-top.is-visible,
.dty-site-back-top.show {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.dty-site-back-top:hover,
.dty-site-back-top:focus-visible {
  filter: brightness(1.08);
  box-shadow: 0 14px 30px rgba(110, 58, 6, .34);
  transform: translateY(-3px);
}

.dty-site-back-top:focus-visible {
  outline: 3px solid rgba(234, 156, 77, .42);
  outline-offset: 3px;
}

@media (max-width: 640px) {
  .dty-site-back-top {
    right: 12px;
    bottom: 102px;
    width: 42px;
    height: 42px;
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dty-site-back-top {
    transition: none;
  }
}

/* Shared responsive baseline: the product page is the reference for narrow layouts. */
@media (max-width: 1919.98px) {
  html.dty-page-about,
  html.dty-page-cases {
    overflow-x: hidden;
  }

  html.dty-page-about body,
  html.dty-page-cases body {
    min-width: 320px !important;
    overflow-x: hidden !important;
  }

  html.dty-page-about .design-page,
  html.dty-page-cases .page {
    position: relative !important;
    left: 50% !important;
    margin-right: 0 !important;
    margin-left: -960px !important;
    transform: scale(var(--dty-fixed-scale, 1));
    transform-origin: top center !important;
  }
}

/* The five CTA blocks use the product page's 200 x 50 gold action. */
html.dty-page-empower .cta-actions > .button,
html.dty-page-product .design-asset[data-slice-id="2"],
html.dty-page-subsystems .consultation .button-gold,
html.dty-page-team .consultation .pill-button--light,
html.dty-page-cases .cta-btn {
  display: inline-flex !important;
  width: 200px !important;
  min-width: 200px !important;
  height: 50px !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 25px !important;
  color: #fff !important;
  background-color: #c49d5f !important;
  background-image: none !important;
  font-family: "Source Han Sans CN", "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html.dty-page-empower .cta-actions > .button:hover,
html.dty-page-subsystems .consultation .button-gold:hover,
html.dty-page-team .consultation .pill-button--light:hover,
html.dty-page-cases .cta-btn:hover,
html.dty-page-empower .cta-actions > .button:focus-visible,
html.dty-page-subsystems .consultation .button-gold:focus-visible,
html.dty-page-team .consultation .pill-button--light:focus-visible,
html.dty-page-cases .cta-btn:focus-visible {
  background-color: #d8ad70 !important;
  box-shadow: 0 10px 22px rgba(110, 58, 6, .22) !important;
  transform: translateY(-3px);
}

html.dty-page-product .design-asset[data-slice-id="2"] {
  overflow: hidden;
  cursor: pointer;
}

html.dty-page-product .design-asset[data-slice-id="2"] img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 25px;
}

html.dty-page-product .design-text[data-text-name="点击咨询"] {
  display: flex !important;
  width: 200px !important;
  height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html.dty-page-product .design-text[data-text-name="点击咨询"] .text-inner {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 1120px) {
  html.dty-page-home body,
  html.dty-page-empower body,
  html.dty-page-product body,
  html.dty-page-subsystems body,
  html.dty-page-team body,
  html.dty-page-materials body,
  html.dty-page-news body,
  html.dty-page-contact body {
    min-width: 320px !important;
    overflow-x: hidden !important;
    background: #fffdf8;
  }

  html.dty-page-home .page-width,
  html.dty-page-empower .section-inner,
  html.dty-page-subsystems .content-width,
  html.dty-page-team .section-inner,
  html.dty-page-materials .container,
  html.dty-page-news .container,
  html.dty-page-contact .form-layout,
  html.dty-page-contact .network-layout,
  html.dty-page-contact .footer-content {
    width: min(100% - 36px, 720px) !important;
    max-width: 720px !important;
  }

  html.dty-page-empower .hero {
    height: auto !important;
    min-height: 0 !important;
    padding: 58px 0 34px !important;
  }

  html.dty-page-empower .hero-inner {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  html.dty-page-empower .hero-copy {
    max-width: none !important;
    padding: 28px 22px !important;
    border-radius: 22px;
    color: #fff;
    background: linear-gradient(135deg, #8a5a2c, #6e3a06);
    box-shadow: 0 16px 34px rgba(82, 43, 8, .18);
  }

  html.dty-page-empower .hero h1 {
    max-width: none !important;
    font-size: 32px !important;
    line-height: 1.25 !important;
  }

  html.dty-page-empower .hero-lead {
    max-width: none !important;
    margin-top: 16px !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  html.dty-page-empower .hero-actions {
    gap: 10px !important;
    margin-top: 22px !important;
    transform: none !important;
  }

  html.dty-page-empower .hero-visual {
    display: grid !important;
    min-height: 0 !important;
    gap: 10px;
    margin-top: 16px;
    padding: 0 !important;
  }

  html.dty-page-empower .hero-image {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: none !important;
    border-radius: 16px;
  }

  html.dty-page-empower .hero-badge {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    margin: 0 !important;
  }

  html.dty-page-empower .overview,
  html.dty-page-empower .meeting,
  html.dty-page-empower .growth,
  html.dty-page-empower .service,
  html.dty-page-empower .cta,
  html.dty-page-empower .contact {
    min-height: 0 !important;
    padding: 34px 0 !important;
  }

  html.dty-page-empower .overview-inner,
  html.dty-page-empower .meeting-inner,
  html.dty-page-empower .growth-inner,
  html.dty-page-empower .service-inner,
  html.dty-page-empower .contact-inner {
    padding-top: 0 !important;
  }

  html.dty-page-empower .overview-grid,
  html.dty-page-empower .meeting-cards,
  html.dty-page-empower .growth-list,
  html.dty-page-empower .service-grid,
  html.dty-page-empower .contact-grid {
    grid-template-columns: 1fr !important;
  }

  html.dty-page-empower .overview-grid,
  html.dty-page-empower .meeting-cards,
  html.dty-page-empower .growth-list,
  html.dty-page-empower .service-grid {
    gap: 12px !important;
  }

  html.dty-page-empower .growth-layout,
  html.dty-page-empower .contact-heading {
    display: block !important;
  }

  html.dty-page-empower .section-heading h2,
  html.dty-page-empower .service-heading .section-heading h2 {
    font-size: 24px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  html.dty-page-empower .overview-card,
  html.dty-page-empower .meeting-card,
  html.dty-page-empower .growth-card,
  html.dty-page-empower .service-card {
    border-radius: 16px;
  }

  html.dty-page-empower .cta-inner {
    min-height: 0 !important;
    align-items: flex-start !important;
    padding: 28px 22px !important;
    border-radius: 20px;
    background: linear-gradient(135deg, #8a5a2c, #6e3a06);
    box-shadow: 0 16px 34px rgba(82, 43, 8, .18);
  }

  html.dty-page-empower .cta-copy {
    max-width: none !important;
  }

  html.dty-page-empower .cta h2 {
    font-size: 28px !important;
    line-height: 1.35 !important;
  }

  html.dty-page-empower .cta p {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  html.dty-page-subsystems .hero {
    min-height: 0 !important;
    padding: 58px 0 34px !important;
  }

  html.dty-page-subsystems .hero-inner {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  html.dty-page-subsystems .hero-copy {
    max-width: none !important;
    padding: 28px 22px !important;
    border-radius: 22px;
    background: linear-gradient(135deg, #8a5a2c, #6e3a06);
    box-shadow: 0 16px 34px rgba(82, 43, 8, .18);
  }

  html.dty-page-subsystems .hero h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
  }

  html.dty-page-subsystems .hero-description {
    max-width: none !important;
    margin-top: 16px !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  html.dty-page-subsystems .hero-actions {
    gap: 10px !important;
    margin-top: 22px !important;
  }

  html.dty-page-subsystems .hero-visual {
    display: block !important;
    padding-top: 16px !important;
  }

  html.dty-page-subsystems .hero-image-card,
  html.dty-page-subsystems .hero-image-card img {
    width: 100% !important;
    height: auto !important;
  }

  html.dty-page-subsystems .hero-caption {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 12px;
  }

  html.dty-page-subsystems .growth,
  html.dty-page-subsystems .systems,
  html.dty-page-subsystems .consultation {
    min-height: 0 !important;
    padding: 34px 0 !important;
  }

  html.dty-page-subsystems .section-heading {
    margin-bottom: 26px !important;
  }

  html.dty-page-subsystems .section-heading h2,
  html.dty-page-subsystems .system-sidebar h2,
  html.dty-page-subsystems .consultation h2 {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }

  html.dty-page-subsystems .growth-grid,
  html.dty-page-subsystems .system-layout {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html.dty-page-subsystems .system-sidebar {
    position: relative !important;
    top: auto !important;
    min-height: 0 !important;
    padding: 28px 22px !important;
    border-radius: 20px;
  }

  html.dty-page-subsystems .system-list {
    gap: 12px !important;
  }

  html.dty-page-subsystems .system-card-body {
    padding: 22px !important;
  }

  html.dty-page-subsystems .system-title-row h3 {
    font-size: 24px !important;
  }

  html.dty-page-subsystems .system-slogan,
  html.dty-page-subsystems .system-principle,
  html.dty-page-subsystems .system-info p {
    font-size: 14px !important;
  }

  html.dty-page-subsystems .system-info-grid {
    grid-template-columns: 1fr !important;
  }

  html.dty-page-subsystems .system-tags span {
    width: auto !important;
    flex: 1 1 140px !important;
  }

  html.dty-page-subsystems .consultation-inner {
    min-height: 0 !important;
    padding: 28px 22px !important;
    border-radius: 20px;
    background: linear-gradient(135deg, #263c52, #111b25);
  }

  html.dty-page-team .hero {
    min-height: 0 !important;
    padding: 58px 0 34px !important;
  }

  html.dty-page-team .hero-inner {
    display: block !important;
    padding-top: 0 !important;
  }

  html.dty-page-team .hero-copy {
    width: auto !important;
    padding: 28px 22px !important;
    border-radius: 22px;
    background: linear-gradient(135deg, #8a5a2c, #6e3a06);
    box-shadow: 0 16px 34px rgba(82, 43, 8, .18);
  }

  html.dty-page-team .hero h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
  }

  html.dty-page-team .hero-description {
    max-width: none !important;
    margin-top: 16px !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  html.dty-page-team .hero-actions {
    gap: 10px !important;
    margin-top: 22px !important;
  }

  html.dty-page-team .hero-media {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 16px;
    aspect-ratio: 1;
    border-radius: 16px;
  }

  html.dty-page-team .hero-note {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    min-height: 0 !important;
    margin-top: 12px;
    padding: 18px 22px !important;
    font-size: 14px !important;
  }

  html.dty-page-team .hero-note span {
    white-space: normal !important;
  }

  html.dty-page-team .founders,
  html.dty-page-team .experts,
  html.dty-page-team .partners,
  html.dty-page-team .consultation,
  html.dty-page-team .contact {
    min-height: 0 !important;
    padding: 34px 0 !important;
  }

  html.dty-page-team .section-heading h2,
  html.dty-page-team .experts-intro h2,
  html.dty-page-team .consultation h2 {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }

  html.dty-page-team .founder-grid,
  html.dty-page-team .partner-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }

  html.dty-page-team .founder-card,
  html.dty-page-team .partner-card {
    width: auto !important;
    min-height: 0 !important;
  }

  html.dty-page-team .founder-photo {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 218 / 360;
  }

  html.dty-page-team .experts-inner {
    display: block !important;
    padding-top: 0 !important;
  }

  html.dty-page-team .expert-links a {
    width: auto !important;
    min-height: 50px;
  }

  html.dty-page-team .expert-list {
    margin-top: 16px;
  }

  html.dty-page-team .expert-card {
    grid-template-columns: 1fr !important;
  }

  html.dty-page-team .expert-card img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    transform: none !important;
  }

  html.dty-page-team .expert-card > div {
    padding: 22px !important;
  }

  html.dty-page-team .partner-card {
    grid-template-columns: 1fr !important;
  }

  html.dty-page-team .partner-card img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 303 / 262;
  }

  html.dty-page-team .partner-card > div {
    padding: 22px !important;
  }

  html.dty-page-team .consultation-inner {
    min-height: 0 !important;
    padding: 28px 22px !important;
    border-radius: 20px;
    background: linear-gradient(135deg, #8a5a2c, #6e3a06);
  }

  html.dty-page-materials .hero {
    min-height: 0 !important;
    padding: 58px 0 34px !important;
  }

  html.dty-page-materials .hero-layout {
    display: block !important;
    min-height: 0 !important;
  }

  html.dty-page-materials .hero-copy {
    margin-top: 0 !important;
    padding: 28px 22px !important;
    border-radius: 22px;
    background: linear-gradient(135deg, #8a5a2c, #6e3a06);
    box-shadow: 0 16px 34px rgba(82, 43, 8, .18);
  }

  html.dty-page-materials .hero h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
  }

  html.dty-page-materials .hero-intro {
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  html.dty-page-materials .hero-actions {
    gap: 10px !important;
    margin-top: 22px !important;
  }

  html.dty-page-materials .hero-media {
    display: block !important;
    margin: 16px 0 0 !important;
  }

  html.dty-page-materials .hero-media > img {
    width: 100% !important;
    height: auto !important;
    border-radius: 16px;
  }

  html.dty-page-materials .hero-callout {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    margin-top: 12px;
    padding: 18px 22px !important;
  }

  html.dty-page-materials .section,
  html.dty-page-materials .principles {
    padding: 34px 0 !important;
  }

  html.dty-page-materials .principles-grid,
  html.dty-page-materials .rules-layout,
  html.dty-page-materials .download-layout {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html.dty-page-materials .principle-card,
  html.dty-page-materials .category-card,
  html.dty-page-materials .rule-item,
  html.dty-page-materials .download-item {
    border-radius: 16px;
  }

  html.dty-page-materials .category-card {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  html.dty-page-materials .category-copy {
    padding: 22px !important;
  }

  html.dty-page-materials .category-card > img {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
  }

  html.dty-page-materials .rule-item {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    padding: 20px !important;
    text-align: left !important;
  }

  html.dty-page-materials .download-item {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html.dty-page-materials .download-button {
    grid-column: 2;
    justify-self: start;
  }

  html.dty-page-news .site-hero {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 34px !important;
  }

  html.dty-page-news .site-hero > .hero-copy {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: min(100% - 36px, 720px) !important;
    margin: 0 auto !important;
    padding-top: 112px !important;
  }

  html.dty-page-news .hero-copy h1 {
    width: auto !important;
    font-size: 32px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  html.dty-page-news .hero-description {
    width: auto !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  html.dty-page-news .category-inner {
    width: min(100% - 36px, 720px) !important;
    min-height: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 14px 0 16px !important;
  }

  html.dty-page-news .category-tabs,
  html.dty-page-news .search-form {
    width: 100% !important;
  }

  html.dty-page-news .search-form {
    flex-basis: auto !important;
    margin-left: 0 !important;
  }

  html.dty-page-news .news-main,
  html.dty-page-news .news-main-inner {
    min-height: 0 !important;
  }

  html.dty-page-news .news-main-inner {
    padding-top: 26px !important;
    padding-bottom: 34px !important;
  }

  html.dty-page-news .article-card.is-featured {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 16px !important;
    border-radius: 16px;
  }

  html.dty-page-news .article-card.is-featured .date-selected {
    position: static !important;
    float: left;
    width: 100px !important;
    height: 145px !important;
    margin: 0 16px 4px 0;
    padding-top: 18px !important;
  }

  html.dty-page-news .article-card.is-featured .date-selected > img {
    width: 100px !important;
    height: 145px !important;
  }

  html.dty-page-news .is-featured .article-content {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html.dty-page-news .is-featured .article-title,
  html.dty-page-news .is-standard .article-title {
    max-width: none !important;
    font-size: 23px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
  }

  html.dty-page-news .is-featured .article-excerpt,
  html.dty-page-news .is-standard .article-excerpt {
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    clear: both;
  }

  html.dty-page-news .is-featured .article-thumb {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    margin-top: 18px !important;
  }

  html.dty-page-news .article-card.is-standard {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 0 22px !important;
  }

  html.dty-page-news .is-standard .article-content {
    padding: 8px 0 0 !important;
  }

  html.dty-page-news .is-standard .article-thumb,
  html.dty-page-news .is-standard .article-thumb.is-cropped {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    margin-top: 16px !important;
  }

  html.dty-page-contact {
    --page-gutter: 18px;
  }

  html.dty-page-contact .form-layout,
  html.dty-page-contact .network-layout,
  html.dty-page-contact .footer-content {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  html.dty-page-contact .contact-info,
  html.dty-page-contact .footer-card-content {
    padding: 22px !important;
  }

  html.dty-page-contact .region-card {
    max-width: none !important;
    border-radius: 16px;
  }

  html.dty-page-contact .footer-cards {
    gap: 16px !important;
  }

  html.dty-page-home .page-width {
    width: min(100% - 36px, 720px) !important;
  }

  html.dty-page-home .hero-content {
    width: min(100% - 36px, 720px) !important;
    padding-left: 0 !important;
  }

  html.dty-page-product .mobile-contact a {
    width: 200px !important;
    min-width: 200px !important;
    height: 50px !important;
    padding: 0 !important;
    border-radius: 25px !important;
    color: #fff !important;
    background: #c49d5f !important;
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  html.dty-page-cases .cta-btn {
    font-size: 16px !important;
    transform: scale(var(--dty-fixed-inverse-scale, 1));
    transform-origin: top left;
  }

  html.dty-page-cases .cta-btn:hover,
  html.dty-page-cases .cta-btn:focus-visible {
    transform: scale(var(--dty-fixed-inverse-scale, 1)) translateY(-3px);
  }

  html.dty-page-empower .cta-actions > .button,
  html.dty-page-subsystems .consultation .button-gold,
  html.dty-page-team .consultation .pill-button--light {
    font-size: 16px !important;
  }
}

@media (min-width: 721px) and (max-width: 1120px) {
  html.dty-page-empower .meeting-cards,
  html.dty-page-empower .growth-list,
  html.dty-page-empower .service-grid,
  html.dty-page-subsystems .growth-grid,
  html.dty-page-team .founder-grid,
  html.dty-page-team .partner-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.dty-page-team .expert-card {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  html.dty-page-team .expert-card img {
    height: 100% !important;
    aspect-ratio: auto;
  }
}

@media (max-width: 720px) {
  html.dty-page-empower .cta-actions,
  html.dty-page-subsystems .hero-actions,
  html.dty-page-team .hero-actions,
  html.dty-page-materials .hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  html.dty-page-empower .cta-actions > .button,
  html.dty-page-subsystems .hero-actions .button,
  html.dty-page-team .hero-actions .pill-button,
  html.dty-page-materials .hero-actions .button {
    width: 200px !important;
  }
}

/* Shared footer CTA hover feedback: keep each page's normal color and geometry. */
.dty-home-chrome-footer-button,
html.dty-page-home .contact-actions > .image-button,
html.dty-page-about .footer-btn,
html.dty-page-empower .contact-actions > .button,
html.dty-page-product .footer-actions > .footer-btn,
html.dty-page-subsystems .footer-actions > .button,
html.dty-page-team .contact-actions > .small-button,
html.dty-page-cases .footer-actions > .footer-action,
html.dty-page-materials .footer-actions > .button,
html.dty-page-news .footer-cta > .button,
html.dty-page-contact .footer-hero .cta-pill {
  cursor: pointer;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease !important;
  will-change: transform;
}

html.dty-page-about .footer-btn.btn-gold,
html.dty-page-empower .contact-actions > .button:not(.button--muted),
html.dty-page-product .footer-actions > .footer-btn-primary,
html.dty-page-subsystems .footer-actions > .button-brown,
html.dty-page-team .contact-actions > .small-button--gold,
html.dty-page-cases .footer-actions > .primary,
html.dty-page-materials .footer-actions > .button-brown,
html.dty-page-news .footer-cta > .button-primary,
html.dty-page-contact .footer-hero .cta-pill:first-of-type {
  --dty-footer-cta-bg: #996633;
}

html.dty-page-about .footer-btn.btn-gray,
html.dty-page-empower .contact-actions > .button--muted,
html.dty-page-product .footer-actions > .footer-btn-secondary,
html.dty-page-subsystems .footer-actions > .button-muted,
html.dty-page-team .contact-actions > .small-button:not(.small-button--gold),
html.dty-page-cases .footer-actions > .secondary,
html.dty-page-materials .footer-actions > .button-gray,
html.dty-page-news .footer-cta > .button-secondary,
html.dty-page-contact .footer-hero .cta-pill:last-of-type {
  --dty-footer-cta-bg: #666;
}

/* The shared homepage footer is the live footer on pages that use global chrome. */
.dty-home-chrome-footer-button:hover,
.dty-home-chrome-footer-button:focus-visible,
html.dty-page-home .contact-actions > .image-button:hover,
html.dty-page-home .contact-actions > .image-button:focus-visible,
html.dty-page-about .footer-btn:hover,
html.dty-page-about .footer-btn:focus-visible,
html.dty-page-empower .contact-actions > .button:hover,
html.dty-page-empower .contact-actions > .button:focus-visible,
html.dty-page-product .footer-actions > .footer-btn:hover,
html.dty-page-product .footer-actions > .footer-btn:focus-visible,
html.dty-page-subsystems .footer-actions > .button:hover,
html.dty-page-subsystems .footer-actions > .button:focus-visible,
html.dty-page-team .contact-actions > .small-button:hover,
html.dty-page-team .contact-actions > .small-button:focus-visible,
html.dty-page-cases .footer-actions > .footer-action:hover,
html.dty-page-cases .footer-actions > .footer-action:focus-visible,
html.dty-page-materials .footer-actions > .button:hover,
html.dty-page-materials .footer-actions > .button:focus-visible,
html.dty-page-news .footer-cta > .button:hover,
html.dty-page-news .footer-cta > .button:focus-visible,
html.dty-page-contact .footer-hero .cta-pill:hover,
html.dty-page-contact .footer-hero .cta-pill:focus-visible {
  transform: translateY(-3px) scale(1.03) !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 10px 22px rgba(110, 58, 6, .22) !important;
}

html.dty-page-about .footer-btn:hover,
html.dty-page-about .footer-btn:focus-visible,
html.dty-page-empower .contact-actions > .button:hover,
html.dty-page-empower .contact-actions > .button:focus-visible,
html.dty-page-product .footer-actions > .footer-btn:hover,
html.dty-page-product .footer-actions > .footer-btn:focus-visible,
html.dty-page-subsystems .footer-actions > .button:hover,
html.dty-page-subsystems .footer-actions > .button:focus-visible,
html.dty-page-team .contact-actions > .small-button:hover,
html.dty-page-team .contact-actions > .small-button:focus-visible,
html.dty-page-cases .footer-actions > .footer-action:hover,
html.dty-page-cases .footer-actions > .footer-action:focus-visible,
html.dty-page-materials .footer-actions > .button:hover,
html.dty-page-materials .footer-actions > .button:focus-visible,
html.dty-page-news .footer-cta > .button:hover,
html.dty-page-news .footer-cta > .button:focus-visible,
html.dty-page-contact .footer-hero .cta-pill:hover,
html.dty-page-contact .footer-hero .cta-pill:focus-visible {
  background-color: var(--dty-footer-cta-bg) !important;
}

@media (prefers-reduced-motion: reduce) {
  .dty-home-chrome-footer-button,
  html.dty-page-home .contact-actions > .image-button,
  html.dty-page-about .footer-btn,
  html.dty-page-empower .contact-actions > .button,
  html.dty-page-product .footer-actions > .footer-btn,
  html.dty-page-subsystems .footer-actions > .button,
  html.dty-page-team .contact-actions > .small-button,
  html.dty-page-cases .footer-actions > .footer-action,
  html.dty-page-materials .footer-actions > .button,
  html.dty-page-news .footer-cta > .button,
  html.dty-page-contact .footer-hero .cta-pill {
    transition: none !important;
  }

  .dty-home-chrome-footer-button:hover,
  .dty-home-chrome-footer-button:focus-visible,
  html.dty-page-home .contact-actions > .image-button:hover,
  html.dty-page-home .contact-actions > .image-button:focus-visible,
  html.dty-page-about .footer-btn:hover,
  html.dty-page-about .footer-btn:focus-visible,
  html.dty-page-empower .contact-actions > .button:hover,
  html.dty-page-empower .contact-actions > .button:focus-visible,
  html.dty-page-product .footer-actions > .footer-btn:hover,
  html.dty-page-product .footer-actions > .footer-btn:focus-visible,
  html.dty-page-subsystems .footer-actions > .button:hover,
  html.dty-page-subsystems .footer-actions > .button:focus-visible,
  html.dty-page-team .contact-actions > .small-button:hover,
  html.dty-page-team .contact-actions > .small-button:focus-visible,
  html.dty-page-cases .footer-actions > .footer-action:hover,
  html.dty-page-cases .footer-actions > .footer-action:focus-visible,
  html.dty-page-materials .footer-actions > .button:hover,
  html.dty-page-materials .footer-actions > .button:focus-visible,
  html.dty-page-news .footer-cta > .button:hover,
  html.dty-page-news .footer-cta > .button:focus-visible,
  html.dty-page-contact .footer-hero .cta-pill:hover,
  html.dty-page-contact .footer-hero .cta-pill:focus-visible {
    transform: none !important;
  }
}