/* Cover typography and product-button styles only.
   Original section backgrounds, copy, layout, imagery, tables and footers stay intact. */
#dw-site #dedicated-hero-title,
#dw-site #dedicated-problem-title,
#dw-site #dedicated-reservation-title,
#dw-site #dedicated-deployment-title,
#dw-site #dedicated-modality-title,
#dw-site #streaming-wf-hero-title,
#dw-site #streaming-wf-models-title,
#dw-site #streaming-wf-performance-title,
#dw-site #streaming-wf-comparison-title,
#dw-site #streaming-wf-research-title,
#dw-site #streaming-asr-offer-title,
#dw-site #streaming-voicechat-offer-title,
#dw-site #dedicated-main .problem-item h3,
#dw-site .page-serverless .wf-site .wf-metrics h3,
#dw-site .page-serverless .wf-site .wf-picture-articles .wf-picture-card h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

/* The cover's Arial is used on prose and text links, without changing ancestors
   that supply the original typography to protected tables and page footers. */
#dw-site .page-dedicated .section:not(#dedicated-reservation) .hero-description,
#dw-site .page-dedicated .section:not(#dedicated-reservation) .section-description,
#dw-site #dedicated-main .problem-item > p:not(.small-label),
#dw-site #dedicated-main .dedicated-modality-list,
#dw-site .page-dedicated .section .actions .inline-link,
#dw-site .page-serverless .wf-site .wf-section .wf-promise,
#dw-site .page-serverless .wf-site .wf-section .wf-definition,
#dw-site .page-serverless .wf-site .wf-section .sf-benchmark-note,
#dw-site .page-serverless .wf-site .wf-section .wf-offer-model-link,
#dw-site .page-serverless .wf-site .wf-section .wf-picture-copy p,
#dw-site .page-serverless .wf-site .wf-section .wf-offer-copy p,
#dw-site .page-serverless .wf-site .wf-section .wf-offer-docs,
#dw-site .page-serverless .wf-site .wf-section .wf-link {
  font-family: Arial, Helvetica, sans-serif;
}

/* These are the actual rectangular Dedicated/Serverless buttons from fresco.css.
   The cover's separate Sign in control and the original footer CTAs stay as supplied. */
#dw-site .page-dedicated .section .actions .button,
#dw-site .page-serverless .wf-site .wf-section .wf-actions .wf-button,
#dw-site .page-serverless .wf-site .wf-section .wf-offer-start {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  min-width: 174px;
  min-height: 46px;
  height: auto;
  padding: 11px 25px;
  border: 1px solid #24211d;
  border-radius: 1px;
  font: 400 clamp(16px, 1.15vw, 19px)/1.2 Georgia, "Times New Roman", serif;
  letter-spacing: normal;
  box-shadow: none;
  transform: none;
  transition: background-color 160ms ease, color 160ms ease;
}
#dw-site .page-dedicated .section .actions .primary,
#dw-site .page-serverless .wf-site .wf-section .wf-actions .wf-button {
  color: #fffdf8;
  background: #24211d;
}
#dw-site .page-serverless .wf-site .wf-section .wf-offer-start {
  color: #24211d;
  background: #fff;
}
#dw-site .page-dedicated .section .actions .primary:hover,
#dw-site .page-serverless .wf-site .wf-section .wf-actions .wf-button:hover {
  background: #3d3932;
}
#dw-site .page-serverless .wf-site .wf-section .wf-offer-start:hover {
  color: #24211d;
  background: #f9f9fb;
}
#dw-site .page-dedicated .section .actions .button > span,
#dw-site .page-serverless .wf-site .wf-section .wf-actions .wf-button > span,
#dw-site .page-serverless .wf-site .wf-section .wf-offer-start > span {
  font-family: Arial, sans-serif;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
}

@media (min-width: 681px) and (max-width: 1050px) {
  #dw-site .page-dedicated .section .actions .button,
  #dw-site .page-serverless .wf-site .wf-section .wf-actions .wf-button,
  #dw-site .page-serverless .wf-site .wf-section .wf-offer-start {
    min-width: 155px;
    min-height: 46px;
    padding-inline: 18px;
  }
}
@media (max-width: 680px) {
  #dw-site .page-dedicated .section .actions .button,
  #dw-site .page-serverless .wf-site .wf-section .wf-actions .wf-button,
  #dw-site .page-serverless .wf-site .wf-section .wf-offer-start {
    min-width: 0;
    min-height: 46px;
    padding: 12px 15px;
    font-size: 16px;
    gap: 13px;
  }
}

@media (max-width: 1020px) 
@media (max-width: 700px)