.moby-cs-featured-story {
  --moby-featured-overlay-start: #071B63;
  --moby-featured-overlay-end: #071B63;
  --moby-featured-overlay-start-opacity: .96;
  --moby-featured-overlay-end-opacity: .35;
  --moby-featured-overlay-angle: 90deg;
  --moby-featured-link-arrow: #FFB800;
  --moby-featured-link-arrow-hover: #FFFFFF;
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 480px;
  border-radius: 16px;
  background-color: #071B63;
  background-repeat: no-repeat;
  background-size: cover;
  isolation: isolate;
  overflow: hidden;
  color: #FFFFFF;
}

.moby-cs-featured-overlay { position: absolute; inset: 0; z-index: -1; background: linear-gradient(var(--moby-featured-overlay-angle), color-mix(in srgb, var(--moby-featured-overlay-start) calc(var(--moby-featured-overlay-start-opacity) * 100%), transparent) 0%, color-mix(in srgb, var(--moby-featured-overlay-end) calc(var(--moby-featured-overlay-end-opacity) * 100%), transparent) 100%); }
.moby-cs-featured-story:not(.has-overlay) .moby-cs-featured-overlay { display: none; }
.moby-cs-featured-content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: min(100%, 980px); padding: 52px 64px; }
.moby-cs-featured-badge { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 18px; padding: 7px 15px; border-radius: 24px; background: #FFB800; color: #071B63; font-size: 12px; font-weight: 700; letter-spacing: .02em; line-height: 1; }
.moby-cs-featured-company { margin: 0 0 18px; color: #BBD3FF; font-size: 16px; font-weight: 600; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; }
.moby-cs-featured-metrics { display: flex; align-items: stretch; gap: 42px; width: 100%; margin: 0 0 26px; }
.moby-cs-featured-metric-group { display: flex; flex: 0 1 auto; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-width: 0; }
.moby-cs-featured-metric-group + .moby-cs-featured-metric-group { padding-left: 42px; border-left: 1px solid rgba(255,255,255,.35); }
.moby-cs-featured-metric, .moby-cs-featured-metric-two { color: #FFFFFF; font-size: clamp(42px, 5vw, 72px); font-weight: 800; letter-spacing: -.03em; line-height: .98; }
.moby-cs-featured-metric-two { color: #FFB800; }
.moby-cs-featured-metric-label, .moby-cs-featured-metric-two-label { max-width: 290px; margin-top: 10px; color: #DDE7FF; font-size: 16px; font-weight: 400; line-height: 1.35; }
.moby-cs-featured-metric-two-label { color: #FFF1BF; }
.moby-cs-featured-testimonial { max-width: 820px; margin: 0 0 18px; color: #FFFFFF; font-size: 22px; font-weight: 600; line-height: 1.35; }
.moby-cs-featured-attribution { margin: 0; }
.moby-cs-featured-name { color: #FFFFFF; font-size: 15px; font-weight: 700; line-height: 1.35; }
.moby-cs-featured-position { color: #DDE7FF; font-size: 14px; font-weight: 400; line-height: 1.35; }
.moby-cs-featured-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: #FFFFFF; font-size: 16px; font-weight: 600; line-height: 1.3; text-decoration: none; }
.moby-cs-featured-link-arrow { color: var(--moby-featured-link-arrow); font-size: 21px; line-height: 1; }
.moby-cs-featured-link:hover, .moby-cs-featured-link:focus-visible { color: inherit; }
.moby-cs-featured-link:hover .moby-cs-featured-link-arrow, .moby-cs-featured-link:focus-visible .moby-cs-featured-link-arrow { color: var(--moby-featured-link-arrow-hover); }
.moby-cs-featured-empty { padding: 24px; border: 1px dashed #B8C4E6; border-radius: 12px; color: #071B63; font-size: 14px; }

@media (max-width: 767px) {
  .moby-cs-featured-story { min-height: 520px; background-position: 68% center; }
  .moby-cs-featured-content { width: 100%; justify-content: flex-end; padding: 34px 24px; }
  .moby-cs-featured-company { font-size: 13px; }
  .moby-cs-featured-metrics { flex-direction: column; gap: 22px; }
  .moby-cs-featured-metric-group + .moby-cs-featured-metric-group { padding-top: 22px; padding-left: 0; border-top: 1px solid rgba(255,255,255,.35); border-left: 0; }
  .moby-cs-featured-metric, .moby-cs-featured-metric-two { font-size: 42px; }
  .moby-cs-featured-metric-label, .moby-cs-featured-metric-two-label { max-width: 100%; font-size: 14px; }
  .moby-cs-featured-testimonial { font-size: 18px; }
}