/* ===== DEPOSIT LIMITS ===== */
.dl-intro { padding: 56px 0; border-bottom: 1px solid var(--line); }
.dl-crumbs { margin-bottom: 24px; }
.dl-intro__grid { display: flex; align-items: flex-start; gap: 48px; }
.dl-intro__left { flex: 1; display: flex; flex-direction: column; gap: 16px; }
.dl-intro__left h1 { font: 700 64px/60px var(--f-narrow); color: var(--cream); }
.dl-intro__desc { display: flex; flex-direction: column; gap: 12px; }
.dl-intro__lead { font: 500 18px/26px var(--f-sans); color: var(--cream); }
.dl-intro__desc p:not(.dl-intro__lead) { font: 400 14px/22px var(--f-sans); color: var(--gray); }
.dl-callout { flex: none; width: 400px; display: flex; flex-direction: column; justify-content: center; gap: 0; height: 200px; padding: 32px; background: var(--bg-2); border: 1px solid var(--line); border-radius: 2px; }
.dl-callout h2 { font: 700 32px/38px var(--f-narrow); color: var(--cream); }
.dl-callout p { margin-top: 0; font: 400 13px/20px var(--f-sans); color: var(--gray); }

.dl-grid__in { display: flex; max-width: var(--wrap); margin: 0 auto; }
.dl-control { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 40px; padding: 56px 48px 56px var(--gutter); }
.dl-block { display: flex; flex-direction: column; gap: 24px; }
.dl-block__head { display: flex; flex-direction: column; gap: 6px; }
.dl-block__head span { font: 700 11px var(--f-mono); letter-spacing: 1px; color: var(--red); }
.dl-block__head h2 { font: 700 20px var(--f-narrow); color: var(--cream); }
.dl-panel { display: flex; flex-direction: column; gap: 12px; padding: 40px; background: var(--bg-2); border: 1px solid var(--line); border-radius: 2px; }
.dl-panel__eyebrow { font: 700 12px var(--f-sans); letter-spacing: 1.5px; color: var(--gray); }
.dl-panel__value { display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; }
.dl-panel__value b { font: 700 80px var(--f-mono); color: var(--cream); letter-spacing: -1px; }
.dl-panel__value span { font: 700 24px var(--f-narrow); color: var(--gray); }
.dl-panel > p { font: 400 13px var(--f-sans); color: var(--gray); }
.dl-pending { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; background: var(--red-10); border: 1px solid var(--red); border-radius: 2px; }
.dl-pending__tag { font: 700 10px var(--f-mono); letter-spacing: 1px; color: var(--red); }
.dl-pending p { font: 400 12px/18px var(--f-sans); color: var(--cream); }
.dl-pending p b { font-family: var(--f-mono); }
.dl-pending__cancel { align-self: flex-start; font: 700 11px var(--f-sans); color: var(--red); text-decoration: underline; text-underline-offset: 3px; }
.dl-guest p { font: 400 12px var(--f-sans); color: var(--gray); }
.dl-guest button { font: 700 12px var(--f-sans); color: var(--red); text-decoration: underline; text-underline-offset: 3px; }
.dl-actions { display: flex; align-items: center; gap: 16px; }
.dl-change { height: 45px; padding: 0 24px; border: 1px solid var(--cream); border-radius: 2px; font: 700 13px var(--f-sans); color: var(--cream); }
.dl-change:hover { background: var(--cream); color: var(--ink); }
.dl-actions span { font: 400 12px var(--f-sans); color: var(--gray); }
.dl-form { display: flex; flex-direction: column; gap: 16px; padding: 24px; background: var(--bg-2); border: 1px solid var(--line); border-radius: 2px; }
.dl-form__row { display: flex; gap: 24px; }
.dl-form__row .field { flex: 1; }
.dl-form .field label { font: 700 11px var(--f-sans); letter-spacing: 1px; color: var(--gray); }
.dl-form__periods { display: flex; gap: 8px; }
.dl-period { flex: 1; cursor: pointer; }
.dl-period input { position: absolute; opacity: 0; width: 0; height: 0; }
.dl-period span { display: flex; align-items: center; justify-content: center; height: 48px; background: var(--ink); border: 1px solid var(--line); border-radius: 2px; font: 700 11px var(--f-sans); letter-spacing: .5px; color: var(--gray); }
.dl-period input:checked + span { background: var(--red); border-color: var(--red); color: #fff; }
.dl-form__preview { font: 400 12px/18px var(--f-sans); color: var(--gray); }
.dl-form__preview b { color: var(--cream); }
.dl-form__btns { display: flex; gap: 12px; }
.dl-rule { border-color: var(--line); }
.dl-cycle { display: flex; flex-direction: column; gap: 16px; }
.dl-cycle__labels { display: flex; justify-content: space-between; align-items: baseline; }
.dl-cycle__title { display: flex; align-items: baseline; gap: 12px; }
.dl-cycle__title h3 { font: 700 16px var(--f-narrow); color: var(--cream); }
.dl-cycle__title span { font: 400 11px var(--f-mono); color: var(--gray); }
.dl-cycle__labels b { font: 700 13px var(--f-mono); color: var(--red); }
.dl-cycle__bar { display: flex; flex-direction: column; gap: 8px; }
.dl-cycle__track { height: 4px; border-radius: 2px; background: var(--line); overflow: hidden; }
.dl-cycle__track i { display: block; height: 100%; background: var(--red); border-radius: 2px; transition: width .6s; }
.dl-cycle__anchors { display: flex; justify-content: space-between; font: 400 10px var(--f-mono); color: var(--gray); }
.dl-explain { display: flex; flex-direction: column; gap: 10px; }
.dl-explain h3 { font: 700 14px var(--f-narrow); letter-spacing: .5px; color: var(--cream); }
.dl-explain p { font: 400 13px/20px var(--f-sans); color: var(--gray); }
.dl-grid__div { flex: none; width: 1px; background: var(--line); }
.dl-help { flex: none; width: 412px; display: flex; flex-direction: column; gap: 32px; padding: 56px var(--gutter) 56px 48px; }
.dl-help h2 { font: 700 18px var(--f-narrow); letter-spacing: .5px; color: var(--cream); }
.dl-help hr { border-color: var(--line); }
.dl-help__block { display: flex; flex-direction: column; gap: 12px; }
.dl-help__block h3 { font: 700 14px var(--f-narrow); color: var(--cream); }
.dl-help__block p { font: 400 13px/18px var(--f-sans); color: var(--gray); }
.dl-phone { display: flex; flex-direction: column; gap: 4px; padding: 16px; background: var(--bg-2); border: 1px solid var(--line); border-radius: 2px; }
.dl-phone span { font: 400 10px var(--f-mono); color: var(--gray); }
.dl-phone a { font: 700 32px var(--f-narrow); color: var(--red); }
.dl-phone small { font: 400 11px var(--f-sans); color: var(--gray); }

.dl-timeline { padding: 64px 0; background: var(--bg-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.dl-timeline__head { display: flex; flex-direction: column; gap: 8px; margin-bottom: 40px; max-width: 510px; }
.dl-timeline__head h2 { font: 700 36px var(--f-narrow); color: var(--cream); }
.dl-stages { display: flex; align-items: flex-start; gap: 40px; }
.dl-stage { flex: 1; display: flex; flex-direction: column; gap: 16px; }
.dl-stage__head { display: flex; justify-content: space-between; align-items: center; }
.dl-stage__head span { font: 700 28px var(--f-mono); color: var(--red); }
.dl-stage__head i { width: 12px; height: 12px; border-radius: 50%; background: var(--red); }
.dl-stage__body { display: flex; flex-direction: column; gap: 8px; }
.dl-stage__body h3 { font: 700 18px var(--f-narrow); color: var(--cream); }
.dl-stage__body p { font: 400 13px/20px var(--f-sans); color: var(--gray); }
.dl-stage__body small { font: 400 11px var(--f-sans); color: var(--gray-2); }
.dl-stages__div { flex: none; width: 1px; height: 120px; background: var(--line); }

@media (max-width: 1180px) {
  .dl-panel__value b { font-size: 60px; }
  .dl-help { width: 340px; }
}
@media (max-width: 1023px) {
  .dl-intro__grid { flex-direction: column; }
  .dl-callout { width: 100%; height: auto; }
  .dl-grid__in { flex-direction: column; }
  .dl-control { padding-right: var(--gutter); }
  .dl-help { width: 100%; padding: 0 var(--gutter) 40px; }
  .dl-stages { flex-direction: column; }
  .dl-stages__div { width: 100%; height: 1px; }
}
@media (max-width: 767px) {
  .dl-intro { padding: 16px 0 0; border-bottom: 0; }
  .dl-crumbs { margin-bottom: 16px; font-size: 10px; gap: 6px; }
  .dl-intro__grid { gap: 32px; }
  .dl-intro__left .sindex__num { font-size: 10px; letter-spacing: .5px; }
  .dl-intro__left h1 { font-size: 44px; line-height: 42px; }
  .dl-intro__lead { font-size: 15px; line-height: 22px; }
  .dl-intro__desc p:not(.dl-intro__lead) { font-size: 13px; line-height: 18px; }
  .dl-callout { gap: 10px; padding: 16px; border: 0; margin: 0 calc(-1 * var(--gutter)); }
  .dl-callout h2 { font-size: 18px; line-height: normal; }
  .dl-callout p { font-size: 12px; line-height: 18px; }
  .dl-control { gap: 0; padding: 32px 0 0; }
  .dl-block { gap: 0; }
  .dl-block__head { gap: 4px; padding: 0 var(--gutter) 16px; }
  .dl-block__head span { font-size: 10px; letter-spacing: .5px; }
  .dl-block__head h2 { font-size: 18px; }
  .dl-panel { padding: 24px; border-left: 0; border-right: 0; border-radius: 0; }
  .dl-panel__eyebrow { font: 700 10px var(--f-mono); letter-spacing: .5px; }
  .dl-panel__value { flex-direction: column; align-items: flex-start; gap: 2px; }
  .dl-panel__value b { font: 700 56px/56px var(--f-narrow); letter-spacing: 0; }
  .dl-panel__value span { font-size: 15px; letter-spacing: .5px; }
  .dl-panel > p { font-size: 12px; line-height: 16px; }
  .dl-actions { flex-direction: column; align-items: stretch; gap: 12px; padding: 16px var(--gutter) 24px; }
  .dl-change { width: 100%; }
  .dl-actions span { font-size: 11px; line-height: 16px; }
  .dl-form { margin: 0 var(--gutter) 24px; padding: 16px; }
  .dl-form__row { flex-direction: column; gap: 16px; }
  .dl-form__btns { flex-direction: column; }
  .dl-rule { display: none; }
  .dl-cycle { gap: 12px; padding: 16px var(--gutter) 24px; }
  .dl-cycle__title { flex-direction: column; gap: 2px; }
  .dl-cycle__title h3 { font-size: 14px; }
  .dl-cycle__title span { font-size: 10px; }
  .dl-cycle__labels b { font-size: 11px; }
  .dl-cycle__anchors { font-size: 9px; }
  .dl-explain { gap: 8px; padding: 0 var(--gutter) 32px; border-bottom: 1px solid var(--line); }
  .dl-explain h3 { font-size: 13px; }
  .dl-explain p { font-size: 13px; line-height: 18px; }
  .dl-help { gap: 24px; padding: 32px var(--gutter); border-bottom: 1px solid var(--line); }
  .dl-help__block { gap: 8px; }
  .dl-help__block p { font-size: 12px; line-height: 16px; }
  .dl-help__block .arrow-link { font-size: 12px; }
  .dl-phone span { font-size: 9px; }
  .dl-phone a { font-size: 28px; }
  .dl-phone small { font-size: 10px; }
  .dl-timeline { padding: 40px 0; }
  .dl-timeline__head { gap: 4px; margin-bottom: 24px; }
  .dl-timeline__head .sindex__num { font-size: 10px; letter-spacing: .5px; }
  .dl-timeline__head h2 { font-size: 26px; }
  .dl-stages { gap: 0; }
  .dl-stages__div { display: none; }
  .dl-stage { flex-direction: row; gap: 16px; padding-bottom: 20px; }
  .dl-stage__head { flex: none; flex-direction: column; align-items: center; gap: 4px; width: 24px; }
  .dl-stage__head span { order: 2; font-size: 11px; }
  .dl-stage__head i { order: 1; }
  .dl-stage__body { flex: 1; gap: 6px; }
  .dl-stage__body h3 { font-size: 16px; }
}