/* Compact closed state; complete original content remains in native disclosures. */
#value.developer-outcomes-compact { padding: 32px 0; background: #f2f0eb; color: var(--ink); scroll-margin-top: var(--section-sm); }
#value .benefits-compact__inner { width: calc(100% - 11.1vw); max-width: 1440px; margin: 0 auto; }
#value .benefits-compact__header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 40px; align-items: start; margin-bottom: 26px; }
#value .benefits-compact__header h2 { margin: 0; color: var(--ink); font: var(--fw-bold) var(--fs-h2)/1.2 'Wix Madefor Display', sans-serif; letter-spacing: var(--ls-display); }
#value .benefits-compact__header > p { max-width: none; margin: 0; color: var(--muted-2); font: var(--fw-normal) var(--fs-body)/1.65 'Wix Madefor Text', sans-serif; }
#value .benefits-toggles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; align-items: start; }
#value .benefit-toggle { min-width: 0; margin: 0; padding: 0 22px; border: 1px solid #d8ddd3; background: #fff; }
#value .benefit-toggle--central, #value .benefit-toggle--last { grid-column: 1 / -1; }
#value .benefit-toggle--central { border-color: #0b1010; background: #0b1010; }
#value .benefit-toggle--last { border-color: #bfa66a; background: transparent; }
#value .benefit-toggle > summary { display: flex; align-items: center; gap: 20px; min-height: 66px; margin: 0; padding: 14px 0; box-sizing: border-box; border: 0; list-style: none; cursor: pointer; }
#value .benefit-toggle > summary::-webkit-details-marker { display: none; }
#value .benefit-toggle > summary > h3 { flex: 1; min-width: 0; margin: 0; padding: 0; border: 0; color: var(--ink); font: var(--fw-bold) var(--fs-lead)/1.4 'Wix Madefor Text', sans-serif; letter-spacing: var(--ls-tight); }
#value .benefit-toggle--central > summary > h3 { color: var(--on-dark); font-size: var(--fs-lead); }
#value .benefit-toggle > summary::after { content: ''; flex: 0 0 16px; width: 16px; height: 12px; margin-left: auto; background: linear-gradient(#a38540, #a38540) 0 0/100% 1px no-repeat, linear-gradient(#a38540, #a38540) 0 50%/100% 1px no-repeat, linear-gradient(#a38540, #a38540) 0 100%/100% 1px no-repeat; }
#value .benefit-toggle[open] > summary::after { background: linear-gradient(#a38540, #a38540) 0 50%/100% 1px no-repeat; }
#value .benefit-toggle > summary:focus-visible { outline: 2px solid #a38643; outline-offset: 3px; }
#value .benefit-toggle > summary:hover h3 { color: var(--gold-deep); }
#value .benefit-toggle--central > summary:hover h3 { color: var(--gold-soft); }
#value .benefit-toggle[open] > summary { border-bottom: 1px solid #d9dfd3; }
#value .benefit-toggle--central[open] > summary { border-color: #3a443b; }
#value .benefit-toggle__body { padding: 20px 0 24px; }
#value .benefit-toggle__body > p { max-width: var(--measure); margin: 0; color: var(--body); font: var(--fw-normal) var(--fs-body)/1.75 'Wix Madefor Text', sans-serif; }
#value .benefit-toggle__body strong { color: var(--spruce); }
#value .benefit-toggle--central .benefit-toggle__body > p { color: var(--disabled); }
#value .developer-outcomes__areas { display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 22px 0 0; padding: 20px 0 0; list-style: none; border-top: 1px solid #3a443b; }
#value .developer-outcomes__areas li { margin: 0; color: var(--on-dark-2); font: var(--fw-normal) var(--fs-small)/1.5 'Wix Madefor Text', sans-serif; }
@media (max-width: 800px) {
  #value.developer-outcomes-compact { padding-block: 40px; }
  #value .benefits-compact__inner { width: calc(100% - 40px); }
  #value .benefits-compact__header { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-bottom: 24px; }
  #value .benefits-compact__header h2 { font-size: var(--fs-h3); }
  #value .benefits-toggles { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  #value .benefit-toggle { padding-inline: 18px; }
  #value .benefit-toggle > summary { gap: 14px; }
  #value .benefit-toggle > summary > h3 { font-size: var(--fs-body); }
  #value .benefit-toggle--central > summary > h3 { font-size: var(--fs-lead); }
}
@media (max-width: 380px) { #value .benefits-compact__header h2 { font-size: var(--fs-h3); } }