@layer editorial {
  .ws-includes-stage { background: #e9e7df; border-color: #d2cbc1; }
  .ws-includes-stage .ws-benefit-card {
    isolation: isolate;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #14251b;
    color: #f9f5ec;
    border-color: #f9f5ec33;
    box-shadow: none;
  }
  .ws-benefit-photo { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--ws-photo-position, center); }
  .ws-includes-stage .ws-benefit-card::before { content: ''; position: absolute; z-index: -1; inset: 0; inline-size: auto; block-size: auto; opacity: 1; background: linear-gradient(180deg, #091b12b8, #08150dc7); pointer-events: none; }
  .ws-benefit-page { --ws-photo-position: 50% 40%; }
  .ws-benefit-hosting { --ws-photo-position: 50% 65%; }
  .ws-benefit-changes { --ws-photo-position: center; }
  .ws-benefit-domain { --ws-photo-position: 50% 85%; }
  .ws-benefit-devices { --ws-photo-position: 50% 30%; }
  .ws-benefit-metrics { --ws-photo-position: 50% 55%; }
  .ws-includes-stage .ws-benefit-card h3 { text-align: center; text-wrap: balance; }
  .ws-includes-stage .ws-benefit-card p { color: #f9f5ec; text-align: center; }
  .ws-includes-stage .ws-benefit-card .ws-benefit-icon { background: #f9f5ec26; color: #f9f5ec; }
  .ws-includes-stage .ws-benefit-preview { width: 100%; color: var(--ink); text-align: center; }
  .ws-includes-stage .ws-benefit-preview p { color: #58584d; }
  .ws-includes-stage .ws-benefit-link { align-self: center; justify-content: center; margin-top: .75rem; color: #f9f5ec; }
  .ws-includes-stage .ws-benefit-top { flex-direction: column; justify-content: center; }
  .ws-includes-stage .ws-benefit-tag { background: #f9f5ec26; color: #f9f5ec; }
  .ws-includes-stage .ws-benefit-quantity { justify-content: center; color: #f9f5ec; }
  .ws-includes-stage .ws-benefit-hosting,
  .ws-includes-stage .ws-benefit-devices,
  .ws-includes-stage .ws-benefit-metrics { flex-direction: column; gap: .75rem; }
  .ws-benefit-hosting > .ws-benefit-icon { order: -1; }
  .ws-includes-stage .ws-benefit-globe { margin: 0 auto 1.5rem; color: #f9f5ec; }
  .ws-includes-stage .ws-benefit-domain h3 { margin-top: 0; }
  .ws-includes-stage .ws-benefit-device-icons { display: block; margin-inline: 0; color: #f9f5ec; }
  .ws-includes-stage .ws-metrics-chart { width: 140px; margin-inline: 0; }
  .ws-metrics-chart path:first-child { stroke: #f9f5ec55; }
  .ws-metrics-chart path:last-of-type { stroke: #e4edc9; }
  .ws-metrics-chart circle { fill: #e4edc9; }
  .ws-benefit-domain::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(#f9f5ec0d 1px, transparent 1px), linear-gradient(90deg, #f9f5ec0d 1px, transparent 1px); background-size: 44px 44px; pointer-events: none; }
  .ws-includes-stage a:focus-visible { outline: 2px solid #f9f5ec; outline-offset: 4px; }
  .ws-pricing-consult { position: relative; isolation: isolate; overflow: hidden; background: #15251b; color: #f9f5ec; }
  .ws-consult-background { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .ws-pricing-consult::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(#07150e4d, #07150e66); pointer-events: none; }
  .ws-consult-person img.ws-consult-logo { width: 150px; height: auto; border: 0; border-radius: 0; object-fit: contain; margin-right: .6rem; }
  .ws-pricing-consult .ws-consult-person > span { color: var(--ink); }
  .ws-pricing-consult a:focus-visible { outline-color: #f9f5ec; }
}
