/* One conversion-button language shared by the homepage and SEO page. */
.site-cta{
  box-sizing:border-box;
  display:inline-flex;
  width:max-content;
  max-width:100%;
  min-width:0;
  min-height:54px;
  flex:0 0 auto;
  align-self:flex-start;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:0 24px;
  border:1px solid rgba(17,21,27,.42);
  border-radius:var(--dgrb-radius-control);
  background:transparent;
  color:var(--ink,#111);
  font:650 15px/1 "Manrope Variable",Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.01em;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:none;
  transition:transform .22s cubic-bezier(.16,1,.3,1),background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
}

.site-cta.site-cta--primary{
  border-color:var(--dgrb-brand);
  background:var(--dgrb-brand);
  color:#fff;
  box-shadow:none;
}

.site-cta.site-cta--secondary{
  border-color:rgba(17,21,27,.42);
  background:#fff;
  color:var(--ink,#111);
}

.site-cta>.site-cta__arrow{
  display:inline-block;
  width:auto;
  height:auto;
  flex:0 0 auto;
  place-items:unset;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font-size:1.08em;
  font-weight:600;
  line-height:1;
  transition:transform .22s cubic-bezier(.16,1,.3,1);
}

.site-cta>span:first-child{
  font:inherit;
  letter-spacing:inherit;
  line-height:inherit;
}

.site-cta:hover{transform:none}
.site-cta:hover>span:first-child{transform:none}
.site-cta:hover>.site-cta__arrow{transform:none}
.site-cta.site-cta--primary:hover{border-color:var(--dgrb-brand-hover);background:var(--dgrb-brand-hover);color:#fff;box-shadow:none}
.site-cta.site-cta--secondary:hover{border-color:var(--ink,#111);background:var(--ink,#111);color:#fff}
.site-cta:active{transform:translateY(0) scale(.985)}
.site-cta:focus-visible{outline:2px solid var(--orange,var(--dgrb-brand));outline-offset:4px}
.site-cta:disabled{opacity:.55;cursor:wait;transform:none}

.action-row>.site-cta,
.contact-actions>.site-cta,
.final-contact__actions>.site-cta,
.form-submit-row>.site-cta{margin:0}

.form-submit-row>.site-cta{
  align-self:center;
  justify-self:center;
}

.center-statement>.site-cta,
.shared-trust__statement>.site-cta{
  align-self:center;
  justify-self:center;
  margin-inline:auto;
}

.trust-section .center-statement>.site-cta{
  margin-top:42px;
}

body[data-page-template="procurement-seo"] .shared-trust__link.site-cta{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  min-height:54px;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:0 24px;
  border:1px solid rgba(17,21,27,.42);
  border-radius:var(--dgrb-radius-control);
  background:#fff;
  color:var(--ink,#111);
  font:650 15px/1 "Manrope Variable",Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.01em;
}

body[data-page-template="procurement-seo"] .shared-trust__link.site-cta>span:first-child{
  font:inherit;
}

body[data-page-template="procurement-seo"] .shared-trust__link.site-cta>.site-cta__arrow{
  font-size:1.08em;
  line-height:1;
}

body[data-page-template="procurement-seo"] .shared-trust__link.site-cta:hover{
  gap:16px;
  border-color:var(--ink,#111);
  background:var(--ink,#111);
  color:#fff;
}

body .procurement-process .process-link.site-cta{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  min-height:54px;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:0 24px;
  border:1px solid rgba(17,21,27,.42);
  border-radius:var(--dgrb-radius-control);
  background:#fff;
  color:var(--ink,#111);
  font:650 15px/1 "Manrope Variable",Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.01em;
}

body .procurement-process .process-link.site-cta:hover{
  border-color:var(--ink,#111);
  background:var(--ink,#111);
  color:#fff;
}

.contact-actions,
body .hero-copy .action-row,
body .cta-section .cta-copy .action-row{gap:14px}

.final-contact__actions{
  display:flex;
  max-width:none;
  grid-template-columns:none;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
}

.plans-section .plan-card .button.site-cta{
  width:max-content;
  max-width:100%;
  min-width:0;
  min-height:54px;
  align-self:center;
  justify-self:center;
  justify-content:center;
  gap:16px;
  padding:0 24px;
  border-radius:var(--dgrb-radius-control);
}

body .hero-copy .button.site-cta,
body .cta-section .cta-copy .button.site-cta,
body .project-modal .form-submit-row .button.site-cta{
  width:max-content;
  max-width:100%;
  min-width:0;
  min-height:54px;
  flex:0 0 auto;
  justify-content:center;
  gap:16px;
  padding:0 24px;
  border-radius:var(--dgrb-radius-control);
}

body .project-modal .form-submit-row .button.site-cta,
.quotation-form .form-submit-row .quotation-submit.site-cta{
  align-self:center;
  justify-self:center;
  font:650 15px/1 "Manrope Variable",Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.01em;
}

body .project-modal .form-submit-row .button.site-cta>span:first-child,
.quotation-form .form-submit-row .quotation-submit.site-cta>span:first-child{
  display:inline;
  width:auto;
  height:auto;
  margin:0;
  place-items:unset;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font:inherit;
}

.plans-section .plan-card .button.site-cta>.site-cta__arrow,
body .project-modal .form-submit-row .button.site-cta>.site-cta__arrow{
  display:inline-block;
  width:auto;
  height:auto;
  margin-left:0;
  place-items:unset;
  border-radius:0;
  background:transparent;
}

body.has-floating-nav .site-header .nav-links>.header-contact.site-cta{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  min-width:0;
  min-height:38px;
  flex:0 0 auto;
  align-self:center;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 clamp(12px,1.25vw,20px);
  border:1px solid var(--dgrb-brand);
  border-radius:10px;
  background:var(--dgrb-brand);
  color:#fff;
  font:650 clamp(11px,.82vw,13px)/1 "Manrope Variable",Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 6px 15px rgba(var(--dgrb-brand-rgb),.18);
}


body.has-floating-nav .site-header .nav-links>.header-contact.site-cta:hover{
  border-color:var(--dgrb-brand-hover);
  background:var(--dgrb-brand-hover);
  color:#fff;
  box-shadow:0 8px 18px rgba(var(--dgrb-brand-rgb),.22);
  transform:translateY(-1px);
}

/* Whole-card links for the homepage equipment and systems that have pages. */
.capability-card--linked,
.system-panel--linked,
.equipment-mobile-card--linked{position:relative;cursor:pointer}

.homepage-card-hitarea{
  position:absolute;
  z-index:8;
  inset:0;
  display:block;
  border-radius:inherit;
}

.homepage-card-hitarea:focus-visible{
  outline:3px solid var(--orange,var(--dgrb-brand));
  outline-offset:-3px;
}

.capability-card--linked,
.system-panel--linked{
  transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .24s ease,box-shadow .24s ease;
}

.capability-card--linked:hover,
.system-panel--linked:hover{transform:translateY(-3px)}

.capability-card--linked:hover h3,
.system-panel--linked:hover h3{color:var(--orange,var(--dgrb-brand))}

@media(max-width:1180px){
  body.has-floating-nav .site-header[data-collapse-at="1180"] .nav-links>.header-contact.site-cta{
    width:100%;
    min-height:44px;
    justify-self:stretch;
    justify-content:flex-start;
    margin:0;
    padding-inline:16px;
    border-radius:var(--dgrb-radius-control);
    font-size:13px;
  }
}

@media(max-width:820px){
  body.has-floating-nav .site-header .nav-links>.header-contact.site-cta{
    width:100%;
    min-height:44px;
    justify-self:stretch;
    justify-content:flex-start;
    margin:0;
    padding-inline:16px;
    border-radius:var(--dgrb-radius-control);
    font-size:13px;
  }

  .trust-section .center-statement>.site-cta{margin-top:34px}

  .contact-actions,
  .final-contact__actions{align-items:flex-start}

  .site-cta,
  .contact-action.site-cta,
  .final-contact__button.site-cta,
  .fire-faq__cta.site-cta,
  .quotation-submit.site-cta{
    width:max-content;
    max-width:100%;
    min-width:0;
  }
}

@media(prefers-reduced-motion:reduce){
  .site-cta,
  .site-cta>.site-cta__arrow{transition:none}
}

@media (hover:hover) and (pointer:fine) {
 .site-cta:hover{transform:translateY(-2px)}
 .site-cta:hover>.site-cta__arrow{transform:translateX(3px)}
}
html[data-input-mode="keyboard"] .site-cta, html[data-input-mode="keyboard"] .site-cta>* { transition:none!important; }