body.bk { background: #000; }
.bk main { display: block; overflow-x: clip; }
.bk-in { position: relative; z-index: 1; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 clamp(20px, 4.4vw, 72px); }
.bk .btn--fill { padding: 17px 30px; font-size: 14px; letter-spacing: .08em; text-align: center; }
.bk .eyebrow { margin-bottom: 10px; }
.nw { white-space: nowrap; }
.bk .btn svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s; }

.bk-band { position: relative; isolation: isolate; overflow: hidden; background: #030303; text-align: center;
  padding: clamp(36px, 5.2vh, 72px) 0 calc(var(--eh) + clamp(14px, 2vh, 28px)); }
.bk-band__tex { position: absolute; z-index: 0; inset: 0; pointer-events: none; background: url("../tex/grunge-dark.webp") 50% 0 / max(100%, 1400px) auto repeat-y; opacity: .9; }
.bk-band__tex::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 70% at 50% 30%, rgba(0,0,0,0), rgba(0,0,0,.55)); }
.bk-band__in { z-index: 2; }
.bk-band h1 { font-size: clamp(50px, 5.4vw, 96px); line-height: .88; text-transform: uppercase; color: #fff; margin: 0 0 14px; text-wrap: balance; }
.bk-band h1 em { color: var(--accent); }
.bk-band .lede { font-size: 17px; line-height: 1.5; color: #d6d6d6; max-width: 46ch; margin: 0 auto; text-wrap: balance; }

.chs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.4vw, 22px); max-width: 1320px; margin: clamp(26px, 3.6vh, 40px) auto 0; }
.ch { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; min-height: clamp(176px, 21vh, 208px);
  padding: 26px clamp(18px, 2vw, 32px) 22px; text-decoration: none; color: #fff; background: #070707; border: 2px solid #f2f2f2;
  transition: transform .22s ease, box-shadow .22s ease, background .22s, border-color .22s, color .22s; }
.ch__t { font-family: var(--head); font-weight: 700; font-size: clamp(24px, 2.1vw, 34px); line-height: 1; letter-spacing: .01em; text-transform: uppercase; text-wrap: balance; }
.ch__w { margin-top: 10px; font-size: 15.5px; line-height: 1.4; color: #cfcfcf; text-wrap: balance; transition: color .22s; }
.ch__go { display: inline-flex; align-items: center; gap: 10px; margin-top: 18px; font-family: var(--head); font-weight: 700; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent); transition: color .22s; }
.ch__go svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .22s; }
.ch__go-on { display: none; }
.ch:hover { transform: translate(-5px, -5px); box-shadow: 10px 10px 0 var(--accent); background: #0c0c0c; }
.ch:hover .ch__go svg { transform: translateX(6px); }
.ch:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
.ch[aria-selected="true"] { background: var(--accent); border-color: var(--accent); color: #000; transform: none; box-shadow: none; }
.ch[aria-selected="true"] .ch__w, .ch[aria-selected="true"] .ch__go { color: #000; }
.ch[aria-selected="true"] .ch__go-a { display: none; }
.ch[aria-selected="true"] .ch__go-on { display: inline; }
.ch[aria-selected="true"] .ch__go svg { transform: rotate(90deg); }
.ch[aria-selected="true"]::after { content: ''; position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%); border: 15px solid transparent; border-bottom: 0; border-top-color: var(--accent); }
.ch[aria-selected="true"]:focus-visible { outline-color: #fff; }


.bk-wall { --ex: -620px; position: relative; z-index: 2; isolation: isolate; margin-top: calc(-1 * var(--eh)); padding: calc(var(--eh) + clamp(34px, 3.6vw, 60px)) 0 clamp(72px, 7vw, 120px); }
.bk-wall::before, .bk-wall::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  -webkit-mask: url("../img/edge-ground.png") var(--ex) 0 / auto var(--eh) repeat-x, linear-gradient(#000, #000) 0 calc(var(--eh) - 1px) / 100% calc(100% - var(--eh) + 1px) no-repeat;
  mask: url("../img/edge-ground.png") var(--ex) 0 / auto var(--eh) repeat-x, linear-gradient(#000, #000) 0 calc(var(--eh) - 1px) / 100% calc(100% - var(--eh) + 1px) no-repeat; }
.bk-wall::before { background: hsl(60 2% 15%); }
.bk-wall::after { background: url("../tex/wall-flat-2400-mirror.webp") 50% 0 / max(100vw, 1400px) auto repeat; opacity: .6; mix-blend-mode: overlay; }
.bk-shade { z-index: 1; } .bk-shade i { -webkit-mask-position: -620px 0; mask-position: -620px 0; }
.bk-col { position: relative; z-index: 1; width: 100%; max-width: calc(640px + 2 * 20px); margin: 0 auto; padding: 0 20px; }

.pnl { scroll-margin-top: 90px; }
.pnl + .pnl { margin-top: 90px; padding-top: 60px; border-top: 1px solid rgba(255,255,255,.16); }
.js .pnl { display: none; }
.js .pnl + .pnl { margin-top: 0; padding-top: 0; border-top: 0; }
html[data-panel="request"] #request, html[data-panel="fee"] #fee, html[data-panel="pay"] #pay { display: block; }
.pnl.rise { animation: rise .5s cubic-bezier(.2,.7,.2,1) both; }
@keyframes rise { from { opacity: 0; transform: translateY(22px); } }
.pnl__hd { text-align: center; }
.pnl__hd h2 { font-size: clamp(38px, 4vw, 60px); line-height: .92; text-transform: uppercase; color: #fff; margin: 0 0 14px; text-wrap: balance; }
.pnl__hd h2 em { color: var(--accent); }
.pnl__lede { font-size: 17px; line-height: 1.6; color: #dcdcdc; max-width: 46ch; margin: 0 auto; text-wrap: balance; }
.pnl__back { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; font-size: 14px; color: #fff; text-decoration: none; background: linear-gradient(var(--accent), var(--accent)) 0 calc(100% - 10px) / 100% 1px no-repeat; transition: color .2s; }
.pnl__back:hover { color: var(--accent); }

.acc { margin-top: clamp(26px, 3vw, 36px); container-type: inline-size; }
.stgs { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.stg { --pad: clamp(16px, 5cqi, 34px); position: relative; background: rgba(8,8,8,.74); border: 1px solid #2c2c2c; border-top-width: 3px; border-top-color: #2c2c2c; transition: background .3s, border-color .3s; }
.stg__hd { display: flex; flex-direction: column; align-items: center; margin: 0; font: inherit; text-align: center; }
.stg__btn { all: unset; box-sizing: border-box; align-self: stretch; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 76px; padding: 16px var(--pad); }
.stg__k { order: -1; display: inline-flex; align-items: center; gap: 8px; font-size: 11px; line-height: 1.2; letter-spacing: .2em; text-transform: uppercase; color: #8c8c8c; transition: color .3s; }
.stg__t { font-family: var(--head); font-weight: 700; font-size: clamp(19px, 4cqi, 24px); line-height: 1.15; letter-spacing: .04em; text-transform: uppercase; color: #9a9a9a; transition: color .3s; }
.stg__sum { display: none; max-width: 100%; font-size: 14px; line-height: 1.45; color: #bdbdbd; overflow-wrap: anywhere; text-wrap: balance; }
.stg__edit { all: unset; box-sizing: border-box; display: none; align-items: center; min-height: 44px; margin: -12px auto 4px; padding: 0 6px; cursor: pointer; font-family: var(--head); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #fff; background: linear-gradient(var(--accent), var(--accent)) 6px calc(100% - 11px) / calc(100% - 12px) 1px no-repeat; transition: color .2s; }
.stg__edit:hover { color: var(--accent); }
.stg__edit:focus-visible, .stg__btn:focus-visible { outline: 2px solid var(--accent); outline-offset: -4px; }
.stg[data-state="locked"] .stg__k::after { content: ''; width: 12px; height: 12px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='1'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='1'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat; }
.stg[data-state="locked"] { background: rgba(8,8,8,.5); }
.stg[data-state="open"] { background: #0a0a0a; border-color: #333; border-top-color: var(--accent); box-shadow: 0 30px 60px -28px rgba(0,0,0,.8); }
.stg[data-state="open"] .stg__k { color: var(--accent); }
.stg[data-state="open"] .stg__t { color: #fff; font-size: clamp(22px, 5cqi, 30px); }
.stg[data-state="done"] .stg__btn { cursor: pointer; }
.stg[data-state="done"] .stg__k { color: var(--accent); }
.stg[data-state="done"] .stg__k::before { content: ''; width: 9px; height: 5px; margin: -3px 1px 0 0; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }
.stg[data-state="done"] .stg__t { color: #e6e6e6; }
.stg[data-state="done"] .stg__sum { display: block; }
.stg[data-state="done"] .stg__edit { display: inline-flex; }
.stg[data-state="done"]:hover { border-color: #444; border-top-color: #444; }
.stg__bd { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows .4s cubic-bezier(.3,.7,.2,1), visibility 0s .4s; }
.stg[data-state="open"] .stg__bd { grid-template-rows: 1fr; visibility: visible; transition: grid-template-rows .4s cubic-bezier(.3,.7,.2,1), visibility 0s; }
html:not(.js) .stg__bd { grid-template-rows: 1fr; visibility: visible; }
html:not(.js) [data-next], html:not(.js) .stg__edit { display: none; }
.stg__in { min-height: 0; overflow: hidden; padding: 0 var(--pad); }
.stg__in::before { content: ''; display: block; height: 4px; }
.stg__in::after { content: ''; display: block; height: clamp(26px, 5cqi, 34px); }
.stg__note { margin: 0 0 18px; padding: 0; font-size: 15px; line-height: 1.5; color: #c4c4c4; text-align: center; text-wrap: balance; }
.stg__in > .stg__note:not(:first-child) { margin: 14px 0 0; font-size: 14px; }
.stg__go { display: flex; align-items: center; justify-content: center; gap: 12px; min-width: 240px; margin: 28px auto 0; border: 0; cursor: pointer; }
.bk button.stg__go { font-family: var(--head); text-transform: uppercase; }
.stg__go:hover svg { transform: translateX(4px); }
.stg__go:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.stg__go--end { margin-top: 24px; }

.pair { margin-top: 24px; }
.pair__k { font-size: 16px; line-height: 1.3; font-weight: 700; color: #fff; }
.pair__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.pair .fld + .fld { margin-top: 0; }
.pair .fld > label { font-size: 13px; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; color: #cfcfcf; margin-bottom: 6px; }
.pair.bad .fld input { border-color: #ff9b8f; }

.fld { position: relative; min-width: 0; }
.fld + .fld { margin-top: 24px; }
.fld > label { display: block; margin-bottom: 8px; font-size: 16px; line-height: 1.3; font-weight: 700; color: #fff; }
.age { margin-top: 24px; }
.hint { margin: 4px 0 10px; font-size: 14px; line-height: 1.45; color: #a9a9a9; }
.bk input[type=text], .bk input[type=email], .bk input[type=tel], .bk textarea { display: block; width: 100%; min-height: 56px; font: inherit; font-size: 17px; line-height: 1.5; color: #fff; background: #141414; border: 1px solid #333; border-radius: 2px; padding: 14px 16px; transition: border-color .2s, background .2s, box-shadow .2s; }
.bk textarea { resize: vertical; min-height: 150px; }
.bk ::placeholder { color: #8a8a8a; opacity: 1; }
.bk input:hover, .bk textarea:hover { border-color: #4f4f4f; }
.bk input:focus, .bk textarea:focus { outline: none; border-color: var(--accent); background: #171717; box-shadow: inset 0 -2px 0 var(--accent); }
.err { display: none; margin-top: 8px; font-size: 14px; line-height: 1.4; color: #ff9b8f; }
.bad > .err, .age.bad .err, .err.on { display: block; }
.bk .bad input, .bk .bad textarea, .bk .bad input:hover { border-color: #ff9b8f; }
.chk { position: relative; display: inline-flex; align-items: center; gap: 14px; min-height: 44px; cursor: pointer; font-family: var(--head); font-size: 15px; letter-spacing: .06em; text-transform: uppercase; color: #fff; }
.chk input { position: absolute; left: 0; top: 50%; width: 24px; height: 24px; margin: -12px 0 0; opacity: 0; cursor: pointer; }
.chk i { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #6a6a6a; background: #131313; transition: background .2s, border-color .2s; }
.chk:hover i { border-color: var(--accent); }
.chk input:checked + i { background: var(--accent); border-color: var(--accent); }
.chk input:checked + i::after { content: ''; width: 11px; height: 6px; margin-top: -3px; border-left: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(-45deg); }
.chk input:focus-visible + i { outline: 2px solid var(--accent); outline-offset: 3px; }
.age.bad .chk i { border-color: #ff9b8f; }
.chk--row, .chk--agree { display: flex; width: 100%; padding: 14px 16px; border: 1px solid #3a3a3a; background: #111; transition: border-color .2s, background .2s; }
.chk--row input, .chk--agree input { left: 16px; }
.chk--row:hover, .chk--agree:hover { border-color: #6a6a6a; }
.chk--row:has(input:checked), .chk--agree:has(input:checked) { border-color: var(--accent); background: #07170e; }
.chk--agree { margin-top: 16px; font-family: var(--body); font-size: 16px; line-height: 1.45; letter-spacing: 0; text-transform: none; font-weight: 700; }
.age.bad .chk--row { border-color: #ff9b8f; }
.law { margin-top: 10px; font-size: 14px; line-height: 1.55; color: #a9a9a9; }
.lab-note { margin-top: 18px; padding: 12px 14px; border: 1px solid #2e2e2e; font-size: 14px; color: var(--pale); }

.file input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.fld.file > label { margin: 0; font-weight: 400; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 150px; padding: 22px 20px; text-align: center; border: 1.5px dashed #4a4a4a; background: #0f0f0f; cursor: pointer; transition: border-color .25s, background .25s; }
.file svg { width: 48px; height: 48px; margin-bottom: 4px; padding: 12px; border: 1px solid #3a3a3a; border-radius: 50%; fill: none; stroke: var(--accent); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: background .25s, stroke .25s, border-color .25s; }
.file b { font-family: var(--head); font-weight: 700; font-size: 16px; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.file b small { margin-left: 6px; font-family: var(--body); font-weight: 400; font-size: 10px; letter-spacing: .18em; color: #a9a9a9; vertical-align: 2px; }
.file span { max-width: 34ch; font-size: 14px; line-height: 1.45; color: #a9a9a9; overflow-wrap: anywhere; text-wrap: balance; }
.fld.file > label:hover, .file.over > label, .file input:focus-visible + label { border-color: var(--accent); background: #07170e; }
.fld.file > label:hover svg, .file.over svg { background: var(--accent); border-color: var(--accent); stroke: #000; }
.file input:focus-visible + label { outline: 2px solid var(--accent); outline-offset: 2px; }
.file.has > label { border-style: solid; border-color: var(--accent); }
.file.has span { color: #fff; }

.fees { border: 0; margin: 0; padding: 0; min-width: 0; }
.fees legend.stg__note { float: left; width: 100%; }
.fees__row { clear: both; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.fee { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 44px; padding: 18px; background: #0f0f0f; border: 1px solid #333; cursor: pointer; transition: border-color .25s, background .25s, box-shadow .25s; }
.fee input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.fee:hover { border-color: #6a6a6a; background: #141414; }
.fee:has(input:checked) { border-color: var(--accent); background: #07170e; box-shadow: inset 0 0 0 1px var(--accent); }
.fee:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 3px; }
.fee__k { font-size: 11px; line-height: 1.35; letter-spacing: .16em; text-transform: uppercase; color: #cfcfcf; padding-right: 30px; }
.fee__amt { display: block; margin-top: 16px; font-family: var(--head); font-weight: 700; font-size: clamp(40px, 8cqi, 54px); line-height: .82; color: #fff; white-space: nowrap; }
.fee__amt sup { position: relative; top: .1em; vertical-align: top; font-size: .38em; line-height: 1; margin-right: .06em; color: var(--accent); }
.fee__tick { position: absolute; top: 14px; right: 14px; width: 22px; height: 22px; border: 1px solid #6a6a6a; border-radius: 50%; display: grid; place-items: center; transition: background .2s, border-color .2s; }
.fee:has(input:checked) .fee__tick { background: var(--accent); border-color: var(--accent); }
.fee:has(input:checked) .fee__tick::after { content: ''; width: 10px; height: 5px; margin-top: -3px; border-left: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(-45deg); }
.err--stg { margin-top: 12px; }

.agree__t { margin: 0 0 14px; font-size: clamp(18px, 3.4cqi, 22px); line-height: 1.15; text-transform: uppercase; color: #fff; text-wrap: balance; }
.agree__stop { text-wrap: pretty; margin: 0 0 16px; padding: 14px 16px; border: 1px solid var(--accent); background: rgba(4,166,75,.1); font-weight: 700; font-size: 15px; line-height: 1.6; letter-spacing: .03em; color: #fff; }
.agree__wrap { position: relative; }
.agree__wrap::after { content: ''; position: absolute; left: 0; right: 0; bottom: 1px; height: 64px; pointer-events: none; background: linear-gradient(rgba(10,10,10,0), #0a0a0a 88%); transition: opacity .25s; }
.agree__wrap.end::after, .agree.open .agree__wrap::after { opacity: 0; }
.pol { max-height: 320px; overflow-y: auto; overscroll-behavior: contain; padding: 4px 16px 18px 2px; border-top: 1px solid #222; border-bottom: 1px solid #222; scrollbar-width: thin; scrollbar-color: #4a4a4a transparent; }
.pol:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.agree.open .pol { max-height: none; overflow: visible; }
.pol h5 { margin: 22px 0 8px; font-family: var(--head); font-weight: 400; font-size: 15px; line-height: 1.3; letter-spacing: .05em; text-transform: uppercase; color: var(--accent); }
.pol p, .pol-list li { font-size: 15.5px; line-height: 1.65; color: #d2d2d2; }
.pol > p:first-child { margin-top: 14px; }
.pol p + p, .pol-list + p { margin-top: 12px; }
.pol strong { font-weight: 700; color: #fff; }
.pol-list { list-style: none; margin: 10px 0 0; padding: 0; }
.pol-list li { position: relative; padding: 9px 0 9px 28px; border-top: 1px solid #1c1c1c; }
.pol-list li:last-child { border-bottom: 1px solid #1c1c1c; }
.pol-list li::before { content: ''; position: absolute; left: 2px; top: calc(9px + .82em - 1px); width: 11px; height: 2px; background: var(--accent); }
.pol-list--x li::before, .pol-list--x li::after { content: ''; position: absolute; left: 2px; top: calc(9px + .82em - 1px); width: 12px; height: 2px; background: var(--pale); transform: rotate(45deg); }
.pol-list--x li::after { transform: rotate(-45deg); }
.agree__open { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 6px; font-family: var(--head); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #fff; background: linear-gradient(var(--accent), var(--accent)) 0 calc(100% - 10px) / 100% 1px no-repeat; transition: color .2s; }
.agree__open[hidden] { display: none; }
.agree__open:hover { color: var(--accent); }
.agree__open:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.agree__open svg { width: 16px; height: 16px; fill: none; stroke: var(--accent); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s; }
.agree__open[aria-expanded="true"] svg { transform: rotate(180deg); }
.agree.nudge .chk--agree { animation: nudge .5s cubic-bezier(.36,.07,.19,.97); border-color: #ff9b8f; }
@keyframes nudge { 20%, 60% { transform: translateX(-5px); } 40%, 80% { transform: translateX(5px); } }

.go { display: grid; gap: 12px; margin-top: 4px; }
.go__btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: 100%; padding: 20px 30px; font-size: 15px; border: 1px solid var(--accent); cursor: pointer; }
.bk button.go__btn { font-family: var(--head); text-transform: uppercase; }
.go__btn[aria-disabled="true"] { background: #111; color: #a0a0a0; border: 1px dashed #5a5a5a; cursor: not-allowed; }
.go__btn[aria-disabled="true"]:hover { background: #161616; color: #d0d0d0; border-color: #8a8a8a; }
.go__btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.go__state { font-size: 14px; line-height: 1.5; color: #cfcfcf; }
.go__state.ok { color: #fff; }
.go__state.ok::before { content: ''; display: inline-block; width: 11px; height: 6px; margin: 0 10px 3px 2px; border-left: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(-45deg); }
.go__state.warn { color: #ffc2ba; }
.nojs { font-size: 15px; line-height: 1.7; color: #dadada; }
.nojs a { color: #fff; border-bottom: 1px solid var(--accent); text-decoration: none; }
html:not(.js) .go { display: none; }

.amt { display: flex; align-items: stretch; background: #141414; border: 1px solid #333; transition: border-color .2s, box-shadow .2s; }
.amt__cur { display: grid; place-items: center; padding: 0 4px 0 18px; font-family: var(--head); font-weight: 700; font-size: 32px; color: var(--accent); }
.bk .amt input { min-height: 66px; border: 0; background: transparent; padding: 10px 16px 10px 6px; font-family: var(--head); font-weight: 700; font-size: 32px; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.bk .amt input:focus { box-shadow: none; background: transparent; }
.amt:hover { border-color: #4f4f4f; }
.amt:focus-within { border-color: var(--accent); box-shadow: inset 0 -2px 0 var(--accent); }
.bad .amt { border-color: #ff9b8f; }

.hint, .err, .law, .go__state, .lab-note, .chk span { text-wrap: balance; }
.go__btn, .stg__go { text-wrap: balance; }

@container (max-width: 520px) {
  .fees__row { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .fee { flex-direction: row; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; min-height: 72px; }
  .fee__k { order: 1; padding-right: 0; font-size: 12px; }
  .fee__amt { order: 2; margin: 0 44px 0 auto; font-size: 40px; }
  .fee__tick { top: 50%; transform: translateY(-50%); right: 16px; }
  .pair__row { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .stg__go { width: 100%; min-width: 0; }
}

@media (max-width: 1100px) {
  .chs { grid-template-columns: minmax(0, 1fr); gap: 12px; max-width: 720px; }
  .ch { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 20px; align-items: center; justify-content: stretch; min-height: 108px; padding: 18px 22px 18px 26px; text-align: left; }
  .ch__t { align-self: end; font-size: clamp(22px, 3.4vw, 28px); }
  .ch__w { align-self: start; margin-top: 6px; font-size: 15px; }
  .ch__go { grid-column: 2; grid-row: 1 / 3; margin: 0; flex-direction: column; gap: 4px; min-width: 64px; font-size: 12px; letter-spacing: .14em; }
  .ch__go svg { order: -1; width: 30px; height: 30px; }
  .ch:hover { transform: translate(-4px, -4px); box-shadow: 8px 8px 0 var(--accent); }
  .ch[aria-selected="true"]::after { left: 50%; }
}

@media (max-width: 767px), (max-height: 500px) and (max-width: 1023px) {
  .bk-band { padding: 28px 0 calc(var(--eh) + 18px); }
  .bk-band h1 { font-size: min(42px, 9.6vw); margin-bottom: 10px; }
  .bk-band .lede { font-size: 15.5px; max-width: 30ch; }
  .chs { gap: 10px; margin-top: 22px; }
  .ch { min-height: 88px; padding: 14px 14px 14px 18px; column-gap: 12px; border-width: 1.5px; }
  .ch:hover { transform: none; box-shadow: none; }
  .ch__t { font-size: min(22px, 5.6vw); }
  .ch__w { margin-top: 5px; font-size: 14px; }
  .ch__go { min-width: 58px; font-size: 11px; letter-spacing: .1em; }
  .ch__go-on { max-width: 7ch; line-height: 1.15; text-align: center; }
  .ch__go svg { width: 26px; height: 26px; }
  .ch[aria-selected="true"]::after { bottom: -12px; border-width: 11px; border-bottom: 0; }
  .bk-wall { padding: calc(var(--eh) + 22px) 0 56px; }
  .bk-col { padding: 0 14px; }
  .pnl { scroll-margin-top: 16px; }
  .pnl__hd h2 { font-size: min(40px, 10.6vw); }
  .pnl__lede { font-size: 15.5px; }
  .acc { margin-top: 22px; }
  .stg__btn { min-height: 70px; padding: 14px var(--pad); }
  .agree__stop { padding: 12px 13px; font-size: 13.5px; }
  .pol { max-height: 46svh; padding-right: 10px; }
  .pol p, .pol-list li { font-size: 15px; }
  .chk--agree { font-size: 15px; padding: 12px; }
  .chk--agree input, .chk--row input { left: 12px; }
  .amt__cur, .bk .amt input { font-size: 28px; }
}
@media (min-width: 600px) and (max-width: 1023px) and (max-height: 500px) {
  .chs { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: none; }
  .ch { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 14px 10px; min-height: 0; }
  .ch__t { font-size: 17px; }
  .ch__w { display: none; }
  .ch__go { flex-direction: row; margin-top: 8px; }
  .ch__go svg { order: 0; width: 22px; height: 22px; }
}

@media (min-width: 2200px) {
  .bk-in, .bk-col { zoom: var(--wz); }
}

@media (prefers-reduced-motion: reduce) {
  .ch, .ch__go svg, .stg, .stg__k, .stg__bd, .fee, .agree__open svg { transition: none; }
  .pnl.rise, .agree.nudge .chk--agree { animation: none; }
}

.nw { white-space: nowrap; }
.stg__in, .fld > label, .hint, .err, .pair__k, .law, .go__state, .stg__note { text-align: center; }
.pair .fld > label { text-align: center; }
.hint { max-width: 52ch; margin-left: auto; margin-right: auto; text-wrap: balance; }
.chk--row, .chk--agree { justify-content: center; text-align: left; }
.chk--row input, .chk--agree input { left: 0; top: 0; width: 100%; height: 100%; margin: 0; }
.chk--row span { white-space: nowrap; }
.age .err { text-align: center; }
.law { max-width: 60ch; margin-left: auto; margin-right: auto; text-wrap: balance; }
.go { justify-items: center; text-align: center; }
.go__state { max-width: 46ch; text-wrap: balance; }
.fees legend.stg__note { text-align: center; }
.bk-band .lede { max-width: 64ch; margin-left: auto; margin-right: auto; text-wrap: balance; }
@media (min-width: 1024px) { .bk-col { max-width: calc(720px + 2 * 20px); } }
@media (min-width: 1600px) { .bk-in, .bk-col { zoom: 1.08; } }
@media (min-width: 1900px) { .bk-in, .bk-col { zoom: 1.16; } }
@media (min-width: 2200px) { .bk-in, .bk-col { zoom: 1.28; } }
@media (min-width: 2800px) { .bk-in, .bk-col { zoom: 1.5; } }
@media (max-width: 767px), (max-height: 500px) and (max-width: 1023px) { .bk-band .lede { max-width: 36ch; font-size: 15px; } }

.stgs[hidden] { display: none; }
.lab-note b { color: var(--white); }
.lab-note.warn { border-color: #ff9b8f; color: #ff9b8f; }
.lab-note a { color: inherit; text-decoration: underline; }