/* ==============================================
   RUT SECTION
   ============================================== */
.rut-section {
  padding: var(--section-spacing-desktop) 0;
  background: var(--gradient-brand);
}
.rut-wrapper {
  position: relative;
  z-index: 1;
  width: calc(100% - 48px);
  max-width: var(--container);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.rut-content {
  color: var(--white);
}
.rut-content h2 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  color: var(--white);
}
.rut-content h2 i {
  font-size: 2rem;
  color: var(--white);
}
.rut-content p {
  margin-bottom: 20px;
  font-size: 1.0625rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.9);
}
/* An inline link inherits the orange from base.less, which on the orange band is all but
   invisible. On this ground the link reads as white and underlined instead. */
.rut-content p a {
  color: var(--white);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rut-content p a:hover {
  color: var(--dark);
  text-decoration-color: var(--dark);
}
.rut-content .link-arrow {
  color: var(--white);
  font-weight: 600;
}
.rut-content .link-arrow:hover {
  color: var(--dark);
}
.rut-visual {
  background: var(--white);
  padding: 40px;
  border-radius: var(--radius-lg);
  border: none;
  box-shadow: 0 24px 50px rgba(32, 32, 30, 0.22);
}
.rut-visual-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border);
}
.rut-badge {
  flex-shrink: 0;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: var(--gradient-brand);
  color: white;
  font-size: 1.375rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(243, 146, 1, 0.28);
}
.rut-badge-label {
  font-weight: 700;
  color: var(--text);
  margin: 0;
}
.rut-badge-sub {
  font-size: var(--font-size-small);
  color: var(--text-soft);
  margin: 2px 0 0;
}
.rut-example {
  background: var(--cream);
  border-radius: var(--radius-md);
  padding: 20px 22px;
  margin-bottom: 24px;
}
.rut-example-title {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 700;
  color: var(--text-soft);
  margin: 0 0 12px;
}
.rut-calc-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
}
.rut-calc-label {
  font-size: var(--font-size-small);
  color: var(--text-soft);
}
.rut-calc-value {
  font-weight: 600;
  color: var(--text);
}
.rut-calc-row--discount .rut-calc-value {
  color: var(--brand-rust);
}
.rut-calc-divider {
  border-top: 1.5px dashed var(--border);
  margin: 8px 0;
}
.rut-calc-row--total {
  padding-top: 10px;
}
.rut-calc-row--total .rut-calc-label {
  color: var(--text);
  font-weight: 600;
}
.rut-calc-row--total .rut-calc-value {
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--brand-orange-dark);
}
.rut-ctas {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.rut-ctas-link {
  justify-content: center;
  color: var(--text-soft);
  font-size: var(--font-size-small);
}
.rut-ctas-link:hover {
  color: var(--brand-orange);
}
@media (max-width: 1024px) {
  .rut-wrapper {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .rut-section {
    padding: var(--section-spacing-mobile) 0;
  }
  .rut-visual {
    padding: 28px;
  }
  .rut-badge {
    width: 64px;
    height: 64px;
    font-size: 1.125rem;
  }
}
.rut-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}
@media (max-width: 768px) {
  .rut-ctas .btn {
    width: 100%;
  }
}
/* The worked example and its calls to action share the panel, so the stack sits under
   the table rather than back in the prose column. */
.rut-visual .rut-ctas {
  margin-top: 22px;
}
/* btn-block is only defined for the hero form in the design's stylesheet. */
.rut-ctas .btn-block {
  display: flex;
  width: 100%;
  justify-content: center;
}
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=data:application/json;charset=utf8;base64,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 */