.co{--co-ease: cubic-bezier(.23, 1, .32, 1);--co-night: #161826;--co-night-ink: #e9e9ed;--co-night-mute: #9397ab;--co-night-edge: rgba(233, 233, 237, .1);--co-due: #b5abfc;--co-day: #f6f7fd;--co-paper: #ffffff;--co-ink: #161826;--co-mute: #595d6c;--co-faint: #686c7e;--co-line: #dfe2ef;--co-line-strong: #d3d6e4;--co-focus: #796cbf;--co-bad: #b42318;--co-bad-bg: #fdecea;--co-good-bg: #eef0fb;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(calc(100vh - var(--nx-nav-h, 72px)),720px);font:400 16px/1.5 var(--font-body)}.co :focus-visible{outline:2px solid var(--co-focus);outline-offset:2px}.co__summary{color-scheme:dark;background:var(--co-night);color:var(--co-night-ink);display:flex;justify-content:flex-end;padding:clamp(32px,6vw,72px) clamp(24px,5vw,64px)}.co__summary-in{width:100%;max-width:440px;display:flex;flex-direction:column;gap:28px}@media (min-width: 861px){.co__summary{position:sticky;top:var(--co-top, 72px);align-self:start;height:calc(100vh - var(--co-top, 72px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}.co__back{align-self:flex-start;display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--co-night-mute);text-decoration:none;transition:color .14s ease}@media (hover: hover) and (pointer: fine){.co__back:hover{color:var(--co-night-ink)}}.co__merchant{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--co-night-mute)}.co__merchant b{color:var(--co-night-ink);font-weight:500}.co__amount{display:flex;flex-direction:column;gap:6px}.co__amount-label{font-size:15px;color:var(--co-night-mute)}.co__amount-value{font:600 clamp(32px,3.2vw,40px)/1 var(--font-heading);letter-spacing:-.025em;color:var(--co-due);font-variant-numeric:tabular-nums}.co__amount-value.is-paid{color:var(--co-night-ink)}.co__amount-sub{font-size:14px;color:var(--co-night-mute)}.co-lines{display:flex;flex-direction:column}.co-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:12px 0;font-variant-numeric:tabular-nums}.co-line+.co-line{box-shadow:inset 0 1px 0 var(--co-night-edge)}.co-line small{display:block;font-size:13px;color:var(--co-night-mute);margin-top:2px}.co-line__amt{text-align:right;font-weight:600}.co-line.is-muted .co-line__amt{font-weight:400;color:var(--co-night-mute)}.co-line.is-total{box-shadow:inset 0 1px #e9e9ed38;padding-top:14px}.co__notes{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--co-night-mute)}.co__notes a,.co__fine a{color:var(--co-night-ink);text-underline-offset:3px}.co__fine{margin:0;font-size:13px;color:var(--co-night-mute)}.co-payee{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:10px;background:#e9e9ed0d}.co-payee b{font-weight:500}.co-payee span{font-size:14px;color:var(--co-night-mute)}.co-next{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;counter-reset:none}.co-next li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:14px;align-items:baseline;font-size:15px}.co-next li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--co-night-edge);box-shadow:inset 0 0 0 1px #e9e9ed59;transform:translateY(-1px)}.co-next li.is-on:before{background:var(--co-due);box-shadow:none}.co-next small{display:block;color:var(--co-night-mute);font-size:13px}.co__bar{display:none}.co__form{color-scheme:light;background:var(--co-day);color:var(--co-ink);padding:clamp(32px,6vw,72px) clamp(24px,5vw,64px)}.co__form-in{width:100%;max-width:460px;display:flex;flex-direction:column;gap:24px}.co__form a{color:var(--co-ink);text-underline-offset:3px}.co__steps{display:flex;gap:6px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--co-faint);flex-wrap:wrap}.co__steps li{display:inline-flex;align-items:center;gap:6px}.co__steps li+li:before{content:"›";color:var(--co-line-strong)}.co__steps li.is-done{color:var(--co-mute)}.co__steps li.is-on{color:var(--co-ink);font-weight:500}.co__title{margin:0;font:500 clamp(22px,2.2vw,26px)/1.2 var(--font-heading);letter-spacing:-.015em}.co__lede{margin:-12px 0 0;color:var(--co-mute);font-size:15px}.co-step{display:flex;flex-direction:column;gap:20px;animation:co-rise .22s var(--co-ease) both}@keyframes co-rise{0%{opacity:0;transform:translateY(8px)}}.co-section{display:flex;flex-direction:column;gap:10px}.co-section__label{font-size:14px;font-weight:500;color:var(--co-ink)}.co-help{margin:0;font-size:14px;color:var(--co-mute)}.co-group{background:var(--co-paper);border:1px solid var(--co-line-strong);border-radius:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.co-group>*{min-width:0}.co-cell{position:relative;display:block;grid-column:span 2}.co-cell.is-half{grid-column:span 1}.co-cell+.co-cell{box-shadow:inset 0 1px 0 var(--co-line)}.co-cell.is-half+.co-cell.is-half{box-shadow:inset 1px 0 0 var(--co-line),inset 0 1px 0 var(--co-line)}.co-group>.co-cell:first-child.is-half+.co-cell.is-half{box-shadow:inset 1px 0 0 var(--co-line)}.co-cell__label{position:absolute;left:14px;top:9px;font-size:12px;color:var(--co-faint);pointer-events:none}.co-cell input,.co-cell select{display:block;width:100%;height:56px;padding:24px 14px 8px;border:0;background:transparent;color:var(--co-ink);font:400 16px var(--font-body);border-radius:10px}.co-cell select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23686c7e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - 14px) 62%;background-size:12px 12px;background-repeat:no-repeat}.co-cell input::-moz-placeholder{color:#b3b6c4}.co-cell input::placeholder{color:#b3b6c4}.co-cell input:focus-visible,.co-cell select:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-focus);position:relative;z-index:1}.co-cell input[aria-invalid=true],.co-cell select[aria-invalid=true]{box-shadow:0 0 0 2px var(--co-bad);position:relative;z-index:1}.co-cell input:-moz-read-only{color:var(--co-mute)}.co-cell input:read-only{color:var(--co-mute)}.co-err{margin:6px 0 0;font-size:13px;color:var(--co-bad)}@media (max-width: 560px){.co-cell.is-half{grid-column:span 2}.co-cell.is-half+.co-cell.is-half{box-shadow:inset 0 1px 0 var(--co-line)}}.co-held{background:var(--co-paper);border:1px solid var(--co-line);border-radius:10px;padding:14px 16px;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 18px;margin:0;font-size:15px}.co-held dt{color:var(--co-faint)}.co-held dd{margin:0;overflow-wrap:anywhere}.co-choices{display:flex;flex-direction:column;gap:8px;border:0;margin:0;padding:0}.co-choices legend{padding:0;margin-bottom:10px;font-size:14px;font-weight:500}.co-choice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-radius:10px;border:1px solid var(--co-line-strong);background:var(--co-paper);cursor:pointer;transition:box-shadow .16s ease,border-color .16s ease,transform .16s var(--co-ease)}.co-choice:active{transform:scale(.99)}@media (hover: hover) and (pointer: fine){.co-choice:hover{border-color:var(--co-faint)}}.co-choice:has(input:checked){border-color:var(--co-ink);box-shadow:inset 0 0 0 1px var(--co-ink)}.co-choice:has(input:focus-visible){outline:2px solid var(--co-focus);outline-offset:2px}.co-choice input{accent-color:var(--co-ink);width:18px;height:18px;margin:0}.co-choice small{display:block;font-size:13px;color:var(--co-mute);margin-top:2px}.co-choice__amt{font-weight:600;font-variant-numeric:tabular-nums}.co-check{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:14px;color:var(--co-mute);cursor:pointer}.co-check input{accent-color:var(--co-ink);width:18px;height:18px;margin:1px 0 0}.co-otp{display:flex;gap:8px}.co-otp input{width:48px;height:56px;text-align:center;font:600 22px/1 var(--font-body);font-variant-numeric:tabular-nums;color:var(--co-ink);background:var(--co-paper);border:1px solid var(--co-line-strong);border-radius:10px;transition:border-color .14s ease,box-shadow .14s ease}.co-otp input:focus-visible{outline:none;border-color:var(--co-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--co-focus) 35%,transparent)}.co-otp[aria-invalid=true] input{border-color:var(--co-bad)}@media (max-width: 380px){.co-otp{gap:6px}.co-otp input{width:42px}}.co-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;font:500 16px/1 var(--font-body);cursor:pointer;text-decoration:none;transition:transform .16s var(--co-ease),background-color .14s ease,opacity .14s ease}.co-btn:active:not(:disabled){transform:scale(.97)}.co-btn--pay{width:100%;background:var(--co-ink);color:#fff}@media (hover: hover) and (pointer: fine){.co-btn--pay:hover:not(:disabled){background:#2b2e45}.co-btn--quiet:hover:not(:disabled){background:var(--co-paper)}}.co-btn--quiet{background:transparent;color:var(--co-ink);border-color:var(--co-line-strong)}.co-btn--link{height:auto;padding:0;background:none;border:0;color:var(--co-mute);text-decoration:underline;text-underline-offset:3px;font-size:14px}.co-btn:disabled{opacity:.55;cursor:not-allowed}.co-btn[aria-busy=true]{cursor:progress}.co-spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:co-spin .6s linear infinite}@keyframes co-spin{to{transform:rotate(360deg)}}.co-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.co-secure{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:13px;color:var(--co-faint)}.co-alert{padding:12px 14px;border-radius:10px;background:var(--co-bad-bg);color:var(--co-bad);font-size:14px;animation:co-rise .18s var(--co-ease) both}.co-ok{padding:14px 16px;border-radius:10px;background:var(--co-good-bg);font-size:15px}.co-bank{background:var(--co-paper);border:1px solid var(--co-line);border-radius:10px;display:grid;grid-template-columns:max-content minmax(0,1fr) auto;gap:0 14px;margin:0;font-size:15px}.co-bank>*{padding:11px 0}.co-bank dt{padding-left:16px;color:var(--co-faint)}.co-bank dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.co-bank>:nth-child(n+4){box-shadow:inset 0 1px 0 var(--co-line)}.co-bank .co-btn--link{padding-right:16px}@media (max-width: 860px){.co{grid-template-columns:minmax(0,1fr);min-height:0}.co__summary{padding:0;display:block}.co__summary-in{display:none;max-width:none;padding:8px 20px 24px}.co[data-open=true] .co__summary-in{display:flex;animation:co-rise .2s var(--co-ease) both}.co__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 20px;background:none;border:0;color:var(--co-night-ink);font:inherit;cursor:pointer}.co__bar-amt{font:600 20px/1 var(--font-heading);color:var(--co-due);font-variant-numeric:tabular-nums}.co__bar-toggle{font-size:14px;color:var(--co-night-mute)}.co__amount{display:none}.co__form{padding:28px 20px 48px}.co__form-in{max-width:none}}@media (prefers-reduced-motion: reduce){.co-step,.co-alert,.co[data-open=true] .co__summary-in{animation:co-fade .16s ease both}.co-btn,.co-choice{transition:background-color .14s ease,border-color .14s ease}.co-btn:active:not(:disabled),.co-choice:active{transform:none}}@keyframes co-fade{0%{opacity:0}}