:root{--ubn-primary:#00527a;--ubn-primary-hover:#003d5c;--ubn-primary-soft:#e0f2fa;--ubn-ink:#101828;--ubn-muted:#415062;--ubn-identity:#009fdf;--ubn-accent:#fec400;--ubn-cream:#faf6ee;--surface:#fff;--ground:#f7f8fa;--ground-dark:#101828;--line:#eaecf0;--line-strong:#d0d5dd;--text:var(--ubn-ink);--text-muted:var(--ubn-muted);--text-subtle:#667085;--text-faint:#98a2b3;--text-invert:#fff;--success:#0f7a3d;--success-soft:#e7f8f0;--warning:#b54708;--warning-soft:#fff6ed;--warning-line:#f5d9bd;--danger:#b42318;--danger-soft:#fef3f2;--radius:.625rem;--radius-sm:8px;--radius-lg:14px;--radius-xl:20px;--lift-1:0 1px 2px #1018280d, 0 1px 3px #1018280a;--lift-2:0 2px 4px #1018280a, 0 6px 16px #1018280f;--lift-3:0 8px 20px #10182814, 0 24px 48px #10182814;--canvas:1440px;--rail:380px;--step:640px;--bo-min:820px;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Nunito,system-ui,-apple-system,sans-serif}a{color:var(--ubn-primary);font-weight:500;text-decoration:none}a:hover{color:var(--ubn-primary-hover);text-decoration:underline}button{font-family:inherit}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font-family:inherit}::selection{background:var(--ubn-primary-soft)}:focus-visible{outline:2px solid var(--ubn-primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}@media print{.noprint{display:none!important}body{background:#fff}}.t-display{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.2}.t-h1{letter-spacing:-.015em;font-size:24px;font-weight:700;line-height:1.25}.t-h2{font-size:18px;font-weight:600;line-height:1.35}.t-body{font-size:16px;font-weight:400;line-height:1.55}.t-small{font-size:14px;font-weight:400;line-height:1.5}.t-muted{color:var(--text-muted)}.t-subtle{color:var(--text-subtle)}.t-amount{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}.t-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--text-subtle);font-size:11px;font-weight:700}.btn{border-radius:var(--radius);cursor:pointer;min-height:48px;transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), transform .12s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--ubn-primary);color:var(--text-invert)}.btn-primary:hover:not(:disabled){background:var(--ubn-primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--line-strong)}.btn-secondary:hover:not(:disabled){background:var(--ground);border-color:var(--text-faint)}.btn-ghost{color:var(--ubn-primary);background:0 0;min-height:40px}.btn-ghost:hover:not(:disabled){background:var(--ubn-primary-soft)}.btn-danger{background:var(--danger);color:var(--text-invert)}.btn-block{width:100%}.btn:disabled{color:var(--text-faint);background:#e4e7ec;border-color:#0000}.btn-secondary:disabled,.btn-ghost:disabled{background:0 0}.field{margin-bottom:18px}.field-label{color:var(--text);margin-bottom:7px;font-size:14px;font-weight:600;display:block}.input{border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;min-height:52px;color:var(--text);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);padding:13px 15px;font-size:16px}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--ubn-primary);outline:none;box-shadow:0 0 0 4px #00527a1f}.input:disabled{background:var(--ground);color:var(--text-faint);cursor:not-allowed}.input-numeric{font-variant-numeric:tabular-nums;letter-spacing:.12em;font-weight:600}.field-hint{color:var(--text-muted);gap:7px;margin-top:8px;font-size:14px;line-height:1.45;display:flex}.field-error{color:var(--danger);gap:7px;margin-top:8px;font-size:14px;font-weight:600;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--lift-1)}.card-pad{padding:24px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-live{background:var(--success-soft);color:var(--success)}.badge-pending{background:var(--warning-soft);color:var(--warning)}.badge-fail{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--ground);color:var(--text-muted)}.badge-info{background:var(--ubn-primary-soft);color:var(--ubn-primary)}.notice{border-radius:var(--radius);gap:12px;padding:14px 16px;font-size:15px;line-height:1.5;display:flex}.notice-info{background:var(--ubn-primary-soft);color:#0b4a68}.notice-warning{background:var(--warning-soft);border:1px solid var(--warning-line);color:#7a3a08}.notice-danger{background:var(--danger-soft);color:#7a1610}.notice-neutral{background:var(--ground);border:1px solid var(--line);color:var(--text-muted)}.notice strong{margin-bottom:3px;font-weight:700;display:block}.table-scroll{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle);background:var(--ground);border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 14px;font-size:12px;font-weight:700}.table td{border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle;padding:13px 14px}.table tbody tr:hover{background:var(--ground)}.table tbody tr{cursor:pointer}.table .num{font-variant-numeric:tabular-nums;text-align:right}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.spacer{flex:1}.app{flex-direction:column;min-height:100vh;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field.has-error .input{border-color:var(--danger)}.modeswitch{z-index:50;background:var(--ground-dark);box-shadow:var(--lift-3);color:var(--text-faint);border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:flex;position:fixed;bottom:14px;right:14px}.modeswitch button{color:#cdd4e0;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}.modeswitch button.is-on{background:var(--ubn-primary);color:#fff}.topbar{background:var(--ground-dark);color:var(--text-faint);text-align:center;padding:9px 40px;font-size:13px}.topbar strong{color:#fff;font-weight:600}.masthead{background:var(--surface);border-bottom:1px solid var(--line)}.masthead-in{max-width:var(--canvas);justify-content:space-between;align-items:center;height:76px;margin:0 auto;padding:0 40px;display:flex}.footer{background:var(--surface);border-top:1px solid var(--line);margin-top:auto}.footer-in{max-width:var(--canvas);color:var(--text-muted);margin:0 auto;padding:22px 40px 30px;font-size:13px;line-height:1.55}.footer-in p{max-width:720px;margin:0 0 6px}.footer-url{color:var(--text);font-weight:600}.hero{border-bottom:1px solid var(--line);background-color:var(--ground-dark);background-image:linear-gradient(100deg,#101828ed 0%,#101828db 38%,#1018289e 72%,#1018287a 100%),url(/assets/refinery.jpg);background-position:50%,50% 38%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;position:relative}.hero-in{max-width:var(--canvas);grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);align-items:center;gap:56px;margin:0 auto;padding:58px 40px 60px;display:grid;position:relative}.hero .t-eyebrow{color:#8fd3f0}.hero-title{letter-spacing:-.03em;color:#fff;text-wrap:balance;max-width:20ch;margin:10px 0 14px;font-size:clamp(32px,3vw,46px);font-weight:700;line-height:1.08}.hero-sub{color:#ffffffdb;max-width:46ch;margin:0 0 30px;font-size:18px;line-height:1.55}.stats{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff29;border:1px solid #ffffff29;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;max-width:560px;margin:0;display:grid;overflow:hidden}.stat{background:#1018288c;padding:15px 18px}.stat dt{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;font-size:11px;font-weight:700}.stat dd{letter-spacing:-.015em;color:#fff;margin:5px 0 0;font-size:17px;font-weight:700}.stat-note{color:#ffffffa8;letter-spacing:.02em;margin-top:3px;font-size:11px;font-weight:600;display:block}@keyframes hero-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-lede>*,.hero-action{animation:hero-rise .5s var(--ease-out) both}.hero-lede>:nth-child(2){animation-delay:60ms}.hero-lede>:nth-child(3){animation-delay:.12s}.hero-lede>:nth-child(4){animation-delay:.18s}.hero-action{animation-delay:.15s}.action-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--lift-3);padding:28px}.action-title{margin:0 0 14px}.action-card.is-preoffer .action-title{margin-bottom:12px}.action-body{color:var(--text-muted);margin:0 0 14px;font-size:15px;line-height:1.6}.action-body:last-child{margin:0}.route{flex-direction:column;display:flex}.route-title{color:var(--text);margin:0 0 7px;font-size:18px;font-weight:700}.route-body{color:var(--text-muted);margin:0 0 20px;font-size:15px;line-height:1.5}.proto-wrap{background:var(--ground);border-bottom:1px solid var(--line)}.proto-in{max-width:var(--canvas);margin:0 auto;padding:20px 40px}.proto-reveal{background:var(--surface);border:1px dashed var(--text-faint);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:24px;padding:16px 20px;display:flex}.proto-copy{max-width:68ch}.proto-reveal .t-eyebrow{color:var(--text-muted)}.proto-reveal .btn{flex:none}.trust-wrap{background:var(--ubn-primary-soft)}.trust-in{max-width:var(--canvas);margin:0 auto;padding:34px 40px 38px}.trust-title{color:#0b4a68;margin:0 0 18px}.trust{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.trust li{border-radius:var(--radius);color:#0b4a68;background:#ffffffa8;border:1px solid #0b4a6824;margin:0;padding:16px 18px 16px 44px;font-size:15px;line-height:1.55;position:relative}.trust li:before{content:"";border-left:2.5px solid var(--ubn-primary);border-bottom:2.5px solid var(--ubn-primary);width:15px;height:9px;position:absolute;top:19px;left:16px;transform:rotate(-45deg)}.learn-wrap{background:var(--surface)}.learn-in{max-width:var(--canvas);margin:0 auto;padding:38px 40px 52px}.learn-title{margin:0 0 18px}.learn{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.learn-item{background:var(--ground);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.learn-term{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:700}.learn-body{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.flow{max-width:var(--canvas);grid-template-columns:var(--rail) minmax(0, 1fr);flex:1;align-items:start;gap:48px;width:100%;margin:0 auto;padding:34px 40px 60px;display:grid}.rail-sticky{flex-direction:column;gap:18px;display:flex;position:sticky;top:28px}.rail-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.rail-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.rail-token{flex:none}.rail-issuer{color:var(--text);margin-top:8px;font-size:17px;font-weight:700;line-height:1.3}.rail-ticker{letter-spacing:.1em;color:var(--text-subtle);margin-top:3px;font-size:13px;font-weight:600}.rail-price{color:var(--text);margin-top:14px;font-size:20px}.phases{flex-direction:column;gap:14px;margin:0;padding:0 4px;list-style:none;display:flex}.phase{color:var(--text-subtle);align-items:center;gap:11px;font-size:15px;display:flex}.phase-dot{border:2px solid var(--line-strong);background:var(--surface);border-radius:50%;flex:none;width:11px;height:11px}.phase.is-done{color:var(--text-muted)}.phase.is-done .phase-dot{background:var(--success);border-color:var(--success)}.phase.is-now{color:var(--text);font-weight:700}.phase.is-now .phase-dot{background:var(--ubn-primary);border-color:var(--ubn-primary)}.rail-total{background:var(--ground-dark);border-radius:var(--radius-lg);color:#fff;padding:16px 18px}.rail-total .t-eyebrow{color:var(--text-faint)}.rail-total-row{justify-content:space-between;align-items:baseline;gap:12px;margin-top:7px;font-size:14px;display:flex}.rail-total-row .t-amount{font-size:20px}.rail-note{color:var(--text-subtle);margin:0;padding:0 4px;font-size:13px;line-height:1.5}.step .rail-remove{text-align:left;color:var(--danger);margin:0 0 20px;padding:0 4px;font-size:13px;line-height:1.5;display:block}.step .rail-remove:hover{text-decoration-thickness:2px}.step .rail-remove:focus-visible{outline:2px solid var(--danger);outline-offset:3px;border-radius:2px}.step .rail-remove+.rail-note{margin:-12px 0 20px}.step{max-width:var(--step)}.step h1{margin:0 0 8px}.lede{color:var(--text-muted);margin:0 0 26px;font-size:17px;line-height:1.55}.backlink{color:var(--ubn-primary);cursor:pointer;background:0 0;border:0;padding:0 0 16px;font-size:15px;font-weight:600}.backlink:hover{text-decoration:underline}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.actions .btn{min-width:180px}.linkbtn{font-size:inherit;color:var(--ubn-primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.kv{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;padding:14px 18px;display:flex}.panel .kv:last-child{border-bottom:0}.kv-label{color:var(--text-muted);flex:none;font-size:14px}.kv-value{text-align:right;color:var(--text);font-size:16px;font-weight:600}.kv-value.is-strong{font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.kv-edit{margin-left:auto;font-size:14px}.tick-list{margin:10px 0 0;padding-left:20px}.tick-list li{color:var(--text);font-size:15px;line-height:1.7}.checkrow{color:var(--text);cursor:pointer;align-items:flex-start;gap:11px;font-size:15px;line-height:1.5;display:flex}.checkrow input{opacity:0;width:0;height:0;position:absolute}.checkrow-box{border:1.5px solid var(--line-strong);background:var(--surface);width:22px;height:22px;transition:all .14s var(--ease);border-radius:6px;flex:none;place-items:center;margin-top:1px;display:grid}.checkrow-box:after{content:"✓";color:#fff;transition:transform .14s var(--ease-out);font-size:14px;font-weight:700;transform:scale(0)}.checkrow input:checked+.checkrow-box{background:var(--ubn-primary);border-color:var(--ubn-primary)}.checkrow input:checked+.checkrow-box:after{transform:scale(1)}.checkrow input:focus-visible+.checkrow-box{outline:2px solid var(--ubn-primary);outline-offset:2px}.otp{grid-template-columns:repeat(6,1fr);gap:10px;max-width:400px;margin-bottom:14px;display:grid}.otp-box{aspect-ratio:1/1.15;text-align:center;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);transition:all .16s var(--ease);font-size:24px;font-weight:700}.otp-box:focus{border-color:var(--ubn-primary);outline:none;box-shadow:0 0 0 4px #00527a1f}.otp-box[data-filled=true]{border-color:var(--ubn-primary);background:var(--ubn-primary-soft)}.stepper{border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;max-width:300px;padding:10px 14px;display:flex}.stepper-btn{border:1px solid var(--line);background:var(--ground);width:44px;height:44px;color:var(--text);cursor:pointer;transition:all .14s var(--ease);border-radius:8px;flex:none;font-size:22px}.stepper-btn:hover:not(:disabled){background:var(--ubn-primary);border-color:var(--ubn-primary);color:#fff}.stepper-count{font-size:26px}.pills{gap:9px;max-width:300px;margin-top:11px;display:flex}.pill{border:1px solid var(--line-strong);background:var(--surface);color:var(--text-muted);font-variant-numeric:tabular-nums;cursor:pointer;transition:all .14s var(--ease);border-radius:999px;flex:1;padding:9px 4px;font-size:14px;font-weight:700}.pill:hover{border-color:var(--ubn-primary);color:var(--ubn-primary)}.pill[aria-pressed=true]{background:var(--ubn-primary);border-color:var(--ubn-primary);color:#fff}.resolved{border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;display:flex}.resolved-bank{color:var(--text);font-size:15px;font-weight:600}.resolved-name{letter-spacing:.04em;color:var(--text-muted);margin-top:3px;font-size:14px}.amountbar{border-radius:var(--radius-lg);background:var(--ground-dark);color:#fff;justify-content:space-between;align-items:baseline;gap:16px;margin-top:26px;padding:18px 22px;font-size:15px;display:flex}.amountbar-value{font-size:27px}.payblock{border:2px solid var(--ubn-primary);border-radius:var(--radius-lg);background:var(--surface);max-width:460px;overflow:hidden}.payrow{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 18px;display:flex}.payrow:last-child{border-bottom:0}.payrow-label{color:var(--text-muted);flex:none;width:118px;font-size:13px}.payrow-value{color:var(--text);overflow-wrap:anywhere;flex:1;font-size:16px;font-weight:600}.payrow-value.is-big{letter-spacing:.03em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.payrow-copy{border:1px solid var(--line-strong);background:var(--surface);color:var(--ubn-primary);cursor:pointer;border-radius:7px;flex:none;padding:6px 11px;font-size:12px;font-weight:700}.payrow-copy:hover{background:var(--ubn-primary-soft)}.donemark{background:var(--success-soft);width:62px;height:62px;color:var(--success);border-radius:50%;place-items:center;margin-bottom:18px;font-size:30px;font-weight:700;display:grid}.timeline{margin:0 0 18px;padding:0;list-style:none}.timeline li{gap:14px;padding-bottom:20px;display:flex;position:relative}.timeline li:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:28px;bottom:0;left:12px}.timeline li.is-done:not(:last-child):before{background:#0f7a3d59}.timeline-dot{z-index:1;background:var(--surface);border:2px solid var(--line-strong);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid;position:relative}.timeline li.is-done .timeline-dot{background:var(--success);border-color:var(--success)}.timeline-title{color:var(--text);font-size:16px;font-weight:700}.timeline-body{color:var(--text-muted);margin:4px 0 0;font-size:14.5px;line-height:1.5}.summary-strip{display:none}@media (width<=1279px){.flow{gap:36px;padding:30px 28px 56px}.hero-in,.trust-in,.learn-in,.proto-in,.masthead-in,.footer-in{padding-left:28px;padding-right:28px}.hero-in{gap:36px}}@media (width<=1023px){.flow{grid-template-columns:320px minmax(0,1fr);gap:28px}.hero-in{grid-template-columns:minmax(0,1fr);align-items:start;gap:30px}.hero-title{max-width:24ch;font-size:36px}.stats{grid-template-columns:repeat(2,1fr);max-width:none}.action-card{max-width:620px}.trust{grid-template-columns:repeat(2,minmax(0,1fr))}.learn{grid-template-columns:repeat(2,1fr)}}@media (width<=899px){.flow{grid-template-columns:minmax(0,1fr);gap:22px}.rail{display:none}.summary-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);display:block}.summary-head{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 18px;display:flex}.summary-title{color:var(--text);align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.summary-title img{flex:none;width:24px;height:24px}.summary-amount{color:var(--text);font-size:18px}.summary-body{border-top:1px solid var(--line);padding:0 18px 16px}.phases-row{flex-flow:wrap;gap:16px;padding:14px 0 0}.step{max-width:none}}@media (width<=767px){.topbar{padding:8px 18px;font-size:12px}.masthead-in{height:64px;padding:0 18px}.hero{background-image:linear-gradient(#101828cc 0%,#101828e6 55%,#101828f2 100%),url(/assets/refinery.jpg)}.hero-in{padding:32px 18px 30px}.hero-title{font-size:29px}.hero-sub{margin-bottom:26px;font-size:16px}.trust-in,.learn-in,.proto-in,.footer-in{padding-left:18px;padding-right:18px}.trust-in{padding-top:26px;padding-bottom:28px}.learn-in{padding-top:28px;padding-bottom:40px}.action-card{border-radius:var(--radius-lg);padding:22px}.trust{grid-template-columns:1fr}.proto-reveal{flex-direction:column;align-items:stretch;gap:14px}.proto-reveal .btn{width:100%}.flow{padding:22px 18px 92px}.learn{grid-template-columns:1fr}.otp{gap:7px;max-width:none}.otp-box{font-size:20px}.actions{z-index:20;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #1018280f}.actions .btn{flex:1;min-width:0}.modeswitch{bottom:86px}}@media (width<=479px){.stats{grid-template-columns:1fr 1fr}.stat{padding:12px 14px}.stat dd{font-size:15px}.pills{flex-wrap:wrap}.pill{flex:0 0 calc(50% - 5px)}.payrow{flex-wrap:wrap}.payrow-label{width:100%}}