.cu { max-width: 960px; margin: 0 auto; padding: 0 20px; }
.cu-window { margin: 30px 0 44px; padding: 46px 48px; border-radius: 200px 200px 22px 22px; background: linear-gradient(180deg, #2E2227 0%, #4A3440 55%, #7C5563 100%); color: #EBDCE1; text-align: center; position: relative; overflow: hidden; }
.cu-window::before, .cu-window::after { content: ""; position: absolute; top: 0; bottom: 0; width: 18%; background: repeating-linear-gradient(90deg, #D08088 0 10px, #C3707A 10px 20px); opacity: .9; }
.cu-window::before { left: 0; border-radius: 200px 0 0 0; }
.cu-window::after { right: 0; border-radius: 0 200px 0 0; }
.cu-window > * { position: relative; z-index: 1; max-width: 560px; margin-left: auto; margin-right: auto; }
.cu-kicker { font: 800 12px/1 var(--ln-sans); letter-spacing: .18em; text-transform: uppercase; color: #F7C3CF; padding-top: 30px; }
.cu-window h1 { color: #fff; }
.cu-promise { font: 400 21px/1.45 var(--ln-serif); color: #fff; margin: 0 auto; }
.cu-sub { font-size: 26px; margin-top: 10px; }
.cu-scroll { overflow-x: auto; margin-bottom: 40px; }
.cu-ledger { width: 100%; border-collapse: separate; border-spacing: 0 10px; font-size: 15px; }
.cu-ledger thead th { text-align: left; font: 800 12px/1 var(--ln-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--ln-mute); padding: 0 16px; }
.cu-ledger tbody th, .cu-ledger td { background: #fff; padding: 16px; text-align: left; vertical-align: top; border-top: 1px solid var(--ln-line); border-bottom: 1px solid var(--ln-line); }
.cu-ledger tbody th { border-left: 1px solid var(--ln-line); border-radius: 12px 0 0 12px; color: var(--ln-plum); }
.cu-ledger td:last-child { border-right: 1px solid var(--ln-line); border-radius: 0 12px 12px 0; background: var(--ln-blush); color: var(--ln-rose-deep); font-weight: 700; }
.cu-folds { border-top: 1px solid var(--ln-line); }
.cu-fold { border-bottom: 1px solid var(--ln-line); }
.cu-fold summary { cursor: pointer; padding: 18px 4px; font: 400 19px/1.3 var(--ln-serif); color: var(--ln-plum); list-style: none; display: flex; justify-content: space-between; }
.cu-fold summary::-webkit-details-marker { display: none; }
.cu-fold summary::after { content: "\25BE"; color: var(--ln-rose); }
.cu-fold[open] summary::after { content: "\25B4"; }
.cu-fold p { padding: 0 4px 18px; margin: 0; color: var(--ln-ink); }
.cu-date { font-size: 13px; color: var(--ln-mute); margin-top: 22px; }
@media (max-width: 760px) {
  .cu { padding: 0 16px; }
  .cu-window { padding: 30px 22px 34px; border-radius: 120px 120px 18px 18px; }
  .cu-window::before, .cu-window::after { width: 9%; }
  .cu-promise { font-size: 18px; }
  .cu-ledger, .cu-ledger tbody, .cu-ledger tr, .cu-ledger th, .cu-ledger td { display: block; }
  .cu-ledger thead { display: none; }
  .cu-ledger tr { margin-bottom: 14px; }
  .cu-ledger tbody th { border: 1px solid var(--ln-line); border-bottom: 0; border-radius: 12px 12px 0 0; font-size: 16px; }
  .cu-ledger td { border: 1px solid var(--ln-line); border-top: 0; border-bottom: 0; padding-top: 4px; }
  .cu-ledger td:last-child { border: 1px solid var(--ln-line); border-top: 0; border-radius: 0 0 12px 12px; padding-top: 12px; }
  .cu-ledger td::before { content: attr(data-l); display: block; font: 800 11px/1.4 var(--ln-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--ln-mute); margin-bottom: 4px; }
}