/* Approved benefits design, isolated to the seller page. */
body[data-seller-page] .seller-benefits { background: #f6f3ec; }
body[data-seller-page] .seller-benefits__heading { margin-bottom: 34px; }
body[data-seller-page] .seller-benefits__heading .eyebrow { margin-bottom: 16px; }
body[data-seller-page] .seller-benefits__heading h2 {
  font-size: clamp(32px, 3.7vw, 49px);
  font-weight: 600;
  line-height: 1.13;
  letter-spacing: -.035em;
  margin: 0;
}
body[data-seller-page] .seller-benefits__heading h2 em {
  font-family: var(--font-serif);
  font-weight: 400;
  font-style: italic;
  color: var(--gold-ink);
  letter-spacing: -.02em;
  font-size: 1.15em;
}
body[data-seller-page] .seller-benefits__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 18px;
  align-items: stretch;
}
body[data-seller-page] .benefit-card {
  position: relative;
  isolation: isolate;
  min-width: 0;
  background: #fdfcf9;
  border: 1px solid #dbcaa7;
  border-radius: 15px;
  padding: 28px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body[data-seller-page] .benefit-card:not(.benefit-card--featured)::after {
  content: "";
  width: 112px;
  height: 112px;
  position: absolute;
  right: -68px;
  bottom: -68px;
  border: 1px solid #c8a866;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
}
body[data-seller-page] .benefit-card__meta { display: flex; align-items: center; gap: 22px; margin-bottom: 14px; }
body[data-seller-page] .benefit-card__number { font-family: var(--font-serif); font-size: 22px; line-height: 1; color: var(--gold-ink); align-self: flex-start; }
body[data-seller-page] .benefit-card__number::after { content: ""; display: block; width: 24px; height: 1px; margin-top: 10px; background: currentColor; }
body[data-seller-page] .benefit-card__icon { display: grid; place-items: center; width: 58px; height: 58px; flex: 0 0 58px; color: var(--gold-ink); border: 1px solid #d3b97c; border-radius: 50%; }
body[data-seller-page] .benefit-card__icon svg { width: 30px; height: 30px; }
body[data-seller-page] .benefit-card h3 {
  font-family: var(--font-serif);
  font-size: clamp(23px, 2.1vw, 29px);
  font-weight: 400;
  letter-spacing: -.018em;
  line-height: 1.1;
  color: var(--navy-950);
  margin: 0 0 14px;
}
body[data-seller-page] .benefit-card p { color: var(--navy-700); font-size: 15px; line-height: 1.6; margin: 0; }
body[data-seller-page] .benefit-card--featured {
  grid-row: span 2;
  padding: 30px;
  border-color: var(--navy-950);
  background: #0b1d30;
}
body[data-seller-page] .benefit-card--featured .benefit-card__number { color: var(--gold-400); }
body[data-seller-page] .benefit-card__art { margin: -8px -28px 18px; flex: 1; display: flex; align-items: center; min-height: 230px; }
body[data-seller-page] .benefit-card__art img { display: block; width: 100%; height: auto; mix-blend-mode: screen; }
body[data-seller-page] .benefit-card__featured-copy { position: relative; padding-top: 24px; }
body[data-seller-page] .benefit-card__featured-copy::before { content: ""; width: 72px; height: 1px; background: var(--gold-400); position: absolute; top: 0; left: 0; }
body[data-seller-page] .benefit-card--featured h3 { color: #fff; font-size: clamp(28px, 2.7vw, 37px); line-height: 1.08; margin-bottom: 20px; }
body[data-seller-page] .benefit-card--featured p { color: #e3e9ee; font-size: 16px; line-height: 1.65; }
@media (min-width: 1001px) {
  body[data-seller-page] .benefit-card:not(.benefit-card--featured) { min-height: 276px; }
}
@media (max-width: 1000px) and (min-width: 641px) {
  body[data-seller-page] .seller-benefits__grid { grid-template-columns: 1fr 1fr; }
  body[data-seller-page] .benefit-card--featured { grid-column: 1 / -1; grid-row: auto; display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; align-items: center; }
  body[data-seller-page] .benefit-card--featured > .benefit-card__number { grid-column: 1 / -1; }
  body[data-seller-page] .benefit-card__art { margin: 0 -20px; min-height: 210px; }
  body[data-seller-page] .benefit-card__featured-copy { margin-top: 20px; }
}
@media (max-width: 640px) {
  body[data-seller-page] .seller-benefits__heading { margin-bottom: 28px; }
  body[data-seller-page] .seller-benefits__heading h2 { font-size: clamp(30px, 7vw, 38px); }
  body[data-seller-page] .seller-benefits__heading h2 br { display: none; }
  body[data-seller-page] .seller-benefits__grid { grid-template-columns: 1fr; gap: 14px; }
  body[data-seller-page] .benefit-card, body[data-seller-page] .benefit-card--featured { padding: 26px; }
  body[data-seller-page] .benefit-card--featured { grid-row: auto; }
  body[data-seller-page] .benefit-card h3 { font-size: 29px; }
  body[data-seller-page] .benefit-card p { font-size: 16px; }
  body[data-seller-page] .benefit-card--featured h3 { font-size: 34px; }
  body[data-seller-page] .benefit-card__art { min-height: 180px; margin: -6px -24px 10px; }
}