.runway-ui{--r-ink:#f3f6f2;--r-muted:#aebbb4;--r-mint:#c3e9d8;font:12px/1.5 Inter,Arial,sans-serif;color:var(--r-ink);background:#171a18;box-sizing:border-box;isolation:isolate;position:relative}.runway-ui:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:360px;background:radial-gradient(ellipse at 50% -30%,#b0cebd8c,transparent 70%),radial-gradient(#c5ddd140 .7px,transparent .8px) 0 0/17px 17px;mask-image:linear-gradient(#000,transparent)}.runway-ui *{box-sizing:border-box}.runway-ui>*{flex-shrink:0;position:relative}.runway-ui button,.runway-ui input{font:inherit}.runway-ui button{cursor:pointer;border:0;touch-action:manipulation}.runway-ui :is(button,input):focus-visible{outline:3px solid #4b97ff;outline-offset:3px}.runway-ui button:disabled{opacity:.4;cursor:default}.r-icon{width:19px;height:19px;flex-shrink:0}.runway-ui h2{font-size:29px;font-weight:400;letter-spacing:-1.1px;line-height:1.15;margin:14px 0}.runway-ui h3{font-size:14px;letter-spacing:-.3px;font-weight:400;margin:0}.r-face{display:inline-block;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:url(../../assets/bjak/visuals/people.png) 0 50%/400% auto;box-shadow:0 0 0 1px #ffffff48}.face-1{background-position:33.33% 50%}.face-2{background-position:66.67% 50%}.face-3{background-position:100% 50%}.r-app-head,.r-profile,.r-card-top,.r-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.r-profile{justify-content:flex-start}.r-profile small{display:block;font-size:8px;color:#bdcac2}.r-profile b{font-size:11px;font-weight:400}.r-bell{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff20!important;border-radius:50%;background:#ffffff08;color:#eef5ee}.r-bank-card{height:164px;border:1px solid #b4d7c75c;border-radius:18px;position:relative;overflow:hidden;padding:17px 18px;color:#f5fff8;background:linear-gradient(142deg,#899d8e55,#1b211d 48%,#63847355);box-shadow:inset 0 1px #d7f9e13d,0 12px 30px #0002;margin-top:20px}.r-bank-card:before{content:'';position:absolute;inset:-1px;background:radial-gradient(ellipse 60% 8% at 40% 0%,#d4fff1,transparent 90%),radial-gradient(#d8fce663 .6px,transparent .8px) 0 0/18px 18px;opacity:.7;mask-image:linear-gradient(#000,transparent 70%)}.r-bank-card>*{position:relative}.r-card-top{font-size:8px;color:#d0ddd4}.r-card-balance{margin-top:24px}.r-card-balance small{display:block;font-size:9px;color:#bdcfc3;margin-bottom:3px}.r-card-balance strong{font-size:30px;line-height:1.1;font-weight:400;letter-spacing:-1px}.r-card-balance em{font-size:14px;font-style:normal}.r-card-bottom{font-size:7px;letter-spacing:.08em;margin-top:17px}.r-card-brand{display:inline-flex}.r-neobank-logo{display:block;width:63px;height:18px;background:#fff;mask:url(../../assets/project-brands/neobank-mask.png) center/contain no-repeat}.r-quick-actions{display:flex;gap:7px;margin:15px 0 21px}.r-quick-actions button{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:40px;background:#43544a;color:#f0faf2;min-height:35px;font-size:9px;padding:8px 12px;white-space:nowrap}.r-quick-actions button:first-child{flex:1;background:#c3e9d8;color:#17271e}.r-quick-actions button:last-child{width:35px;padding:8px}.r-quick-actions .r-icon{width:15px;height:15px}.r-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.r-section-heading h2{font-size:13px;letter-spacing:-.25px;line-height:1;margin:0}.r-section-heading>span{font-size:8px;color:#aab9b0}.r-overview{background:linear-gradient(140deg,#26322a,#202622 70%);border:1px solid #ffffff12;border-radius:19px;padding:15px 16px 13px}.r-daily{display:flex;align-items:center;justify-content:space-between;margin:12px 0 0}.r-daily strong{font-size:40px;letter-spacing:-1.6px;line-height:1.1;font-weight:400}.r-daily small{font-size:14px;letter-spacing:-.3px;margin-right:5px}.r-daily strong>span{font-size:12px;letter-spacing:-.2px;color:#b1c2b7;margin-left:5px}.r-pill{border:1px solid #c8e1d033;border-radius:30px;padding:5px 8px;color:#c3dece;font-size:8px}.runway-ui .fine{font-size:9px;line-height:1.6;color:#a6b7ab;margin:10px 0}.r-overview .fine{font-size:8px;margin:7px 0 0}.r-ring{width:174px;height:174px;position:relative;margin:4px auto 0}.r-ring svg{width:100%;height:100%;display:block}.r-ring-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;pointer-events:none}.r-ring-copy>span{font-size:9px;color:#b2c1b7}.r-ring-copy strong{font-size:26px;line-height:1.2;font-weight:400;letter-spacing:-.8px}.r-ring-copy b{font-size:8px;font-weight:400;color:#94a89b}.r-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 12px;font-size:8px;color:#bdcbc2;margin-top:2px}.r-legend i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:#85bacc}.r-coming{margin:17px 0 9px}.runway-ui .inline{padding:0;background:none;color:#c3e9d8;font-size:8px}.white{background:#222824;border:1px solid #ffffff0b;border-radius:15px;overflow:hidden}.r-transaction{display:flex;gap:10px;align-items:center;padding:10px 12px}.r-transaction+.r-transaction{border-top:1px solid #ffffff0c}.bill-icon{width:30px;height:30px;border-radius:10px;background:#344038;display:grid;place-items:center;color:#bfddcc;flex-shrink:0}.bill-icon .r-icon{width:16px;height:16px}.r-transaction>div{flex:1}.r-transaction b{font-size:10px;font-weight:400}.r-transaction small{display:block;font-size:8px;color:#a5b4aa}.r-transaction strong{font-size:10px;font-weight:400}.r-stale{display:block;margin:13px auto;background:none;color:#93a99b;font-size:8px;text-decoration:underline}.r-bottom-nav{display:flex;justify-content:space-around;align-items:center;background:#101511e8;border:1px solid #ffffff0b;padding:7px;border-radius:40px;margin-top:12px}.r-bottom-nav button{width:40px;height:31px;display:grid;place-items:center;background:none;color:#b3c0b7;border-radius:25px}.r-bottom-nav button:first-child{background:#c3e9d8;color:#173225}.r-bottom-nav .r-icon{width:17px;height:17px}.back{display:flex;align-items:center;gap:6px;background:none;color:#d3ded6;font-size:9px;padding:0;margin:0 0 20px}.back .r-icon{width:16px;height:16px}.r-eyebrow{font-size:8px;color:#b4c9bc;letter-spacing:.08em;margin-top:12px}.screen-sub{font-size:11px;line-height:1.7;color:#adbbb2;margin:0 0 19px}.r-ai-note{display:flex;align-items:center;gap:9px;font-size:9px;color:#cee6d7;background:#ffffff07;border:1px solid #ffffff12;padding:10px 12px;border-radius:12px;margin:18px 0 15px}.r-ai-note .r-icon{width:16px;height:16px}.bill{display:flex;align-items:center;gap:10px;padding:15px 12px}.bill+.bill{border-top:1px solid #ffffff10}.bill label{flex:1;font-size:11px}.bill small{display:block;font-size:8px;color:#a5b6aa;margin-top:3px}.r-uncertain{font-size:7px;color:#e1ca92;font-style:normal;display:block;margin-top:4px}.bill input[type=checkbox]{appearance:none;width:32px;height:20px;border-radius:30px;background:#5d6761;position:relative;margin:0;cursor:pointer;flex-shrink:0;transition:background .2s}.bill input:before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;top:2px;left:2px;background:#f1f5ef;transition:transform .2s}.bill input:checked{background:#bce4d0}.bill input:checked:before{transform:translateX(12px);background:#23372b}.bottom{margin-top:auto;padding-top:18px}.row{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:10px 0 15px}.row strong{font-weight:400}.primary{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;background:#c3e9d8;color:#183324;border-radius:30px;padding:12px 17px;font-weight:400}.primary .r-icon{width:17px;height:17px}.secondary{display:block;width:100%;background:transparent;color:#bfd9c9;min-height:38px;margin-top:6px;padding:8px 10px;font-size:10px}.payment{border:1px solid #ffffff14;border-radius:18px;background:#222c25;padding:20px;text-align:center}.r-merchant{width:42px;height:42px;display:grid;place-items:center;background:#c3e9d8;border-radius:50%;color:#173827;margin:0 auto 9px}.payment>div{font-size:11px}.payment label{display:block;color:#b2c2b7;font-size:9px;margin:17px 0 6px}.r-input-money{display:flex;align-items:baseline;justify-content:center;gap:8px;font-size:17px}.amount-input{border:0;border-bottom:1px solid #bacfc14f;background:transparent;color:#f3fbf5;padding:3px;width:120px;font-size:38px!important;letter-spacing:-1px;outline-offset:4px;text-align:center}.pay-compare{display:flex;justify-content:space-between;align-items:center;padding:20px 10px;gap:12px;text-align:center;font-size:9px;color:#acbfb1}.pay-compare strong{display:block;font-size:26px;font-weight:400;color:#e5f7e8;margin-top:6px;letter-spacing:-.7px}.pay-compare small{font-size:11px;font-weight:400}.r-pay-reason{display:flex;gap:12px;padding:13px;border:1px solid #ffffff16;border-radius:13px}.r-pay-reason .r-icon{color:#c3e9d8}.r-pay-reason p{font-size:10px;line-height:1.7;margin:0;color:#b2c3b6}.r-pay-reason b{font-weight:400;color:#e5f2e6}.r-risk-hero{text-align:center;border:1px solid #c4ab6a55;border-radius:19px;background:#353026;padding:20px}.r-risk-hero .bill-icon{margin:0 auto 9px;background:#a38d5733;color:#f0d698}.r-risk-hero>span:not(.bill-icon){font-size:10px;color:#decfa9}.r-risk-hero strong{display:block;font-weight:400;font-size:40px;letter-spacing:-1px;color:#f0d698}.r-risk-hero strong small{font-size:13px;margin-left:6px;letter-spacing:0}.r-risk-hero p{font-size:9px;color:#d1c49d;margin:3px 0}.minor{display:block;font-size:8px;letter-spacing:.05em;color:#9eb4a6;margin:18px 0 9px}.option{display:flex;align-items:flex-start;gap:9px;border:1px solid #ffffff16;background:#222b25;border-radius:13px;padding:12px;margin:9px 0;font-size:11px;cursor:pointer}.option:has(input:checked){border-color:#a0cbb5;background:#324039}.option input{accent-color:#bce4d0;margin:3px 0 0;flex-shrink:0}.option small{display:block;font-size:9px;line-height:1.65;color:#b0c1b5;margin-top:3px}.r-income-card{height:120px;margin:15px 0}.r-income-bars{height:53px;display:flex;gap:20px;align-items:flex-end;margin-top:7px}.r-income-bars i{flex:1;background:linear-gradient(#d6f3e0,#537e64);border-radius:3px 3px 0 0;box-shadow:inset 1px 0 #fff5}.r-income-card .r-card-bottom{font-size:6px;letter-spacing:0;margin-top:4px}.r-income-input{width:100%;font-size:25px!important;text-align:left}.context,.success{padding:12px 14px;background:#2c3b31;border:1px solid #b0d8bb24;border-radius:12px;font-size:10px;line-height:1.7;color:#bdd6c5;margin-top:12px}.context strong,.success strong{display:block;font-weight:400;font-size:15px;color:#e3f5e8;margin-bottom:4px}.warn{padding:12px 14px;border:1px solid #b89e6555;background:#393326;color:#e6d6ae;border-radius:12px;font-size:10px;line-height:1.7;margin-top:12px}.r-new-cycle{text-align:center;padding:22px 0}.r-new-cycle>span,.r-new-cycle p{font-size:9px;color:#acc3b3}.r-new-cycle>strong{display:block;font-size:43px;font-weight:400;letter-spacing:-1.5px;margin:5px 0;color:#d2efdc}.r-new-cycle small{font-size:12px;letter-spacing:0}.breakdown{padding:1px 14px}.breakdown .row{padding:11px 0;font-size:10px;border-bottom:1px solid #ffffff12}.breakdown .row:last-child{border:0}.breakdown b{font-weight:400}.runway-ui input[type=date]{display:block;background:#29382e;color:#f4faf5;padding:8px;border:1px solid #7d9c88;border-radius:7px;max-width:100%;margin-top:7px}.runway-ui [hidden]{display:none!important}.runway-device{width:360px;height:792px;position:relative;display:flex;flex-direction:column;border:6px solid #303a34;border-radius:43px;overflow:hidden;background:#171a18;box-shadow:0 0 0 1px #a3b6a4,0 18px 35px #06170d25;flex-shrink:0}.runway-status{height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#edf6ef;font-size:10px;background:radial-gradient(ellipse at 50% 160%,#657b6d,#34423a)}.runway-status:after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:94px;height:23px;border-radius:30px;background:#0b110d}.runway-status>span{font-size:8px}.runway-home-bar{position:absolute;bottom:6px;width:105px;height:4px;border-radius:5px;background:#e3eee6;left:50%;transform:translateX(-50%);pointer-events:none}.runway-device>.runway-ui{padding:16px 18px 27px;flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.runway-ui::-webkit-scrollbar{display:none}.runway-ui[data-runway-preview]{pointer-events:none}.runway-ui[data-runway-preview=home] .r-bottom-nav{display:none}.runway-ui[data-runway-preview=home] .r-stale{display:none}.runway-ui[data-runway-preview=home] .r-transaction:last-child{display:none}
@media(prefers-reduced-motion:reduce){.runway-ui *{transition:none!important;scroll-behavior:auto!important}}
/* Compact review states keep the decision and its action together. */
.runway-ui:is([data-runway-preview=confirm],[data-runway-screen=confirm]) .back{margin-bottom:12px}
.runway-ui:is([data-runway-preview=confirm],[data-runway-screen=confirm]) .r-eyebrow{margin-top:0;font-size:7px}
.runway-ui:is([data-runway-preview=confirm],[data-runway-screen=confirm]) h2{font-size:27px;margin:10px 0}
.runway-ui:is([data-runway-preview=confirm],[data-runway-screen=confirm]) .screen-sub{font-size:10px;line-height:1.6;margin-bottom:12px}
.runway-ui:is([data-runway-preview=confirm],[data-runway-screen=confirm]) .r-ai-note{padding:8px 10px;margin:10px 0}
.runway-ui:is([data-runway-preview=confirm],[data-runway-screen=confirm]) .bill{padding:10px 12px}
.runway-ui:is([data-runway-preview=confirm],[data-runway-screen=confirm]) .bill small{font-size:7px}
.runway-ui:is([data-runway-preview=confirm],[data-runway-screen=confirm]) .bottom{padding-top:10px}
.runway-ui:is([data-runway-preview=confirm],[data-runway-screen=confirm]) .secondary{font-size:9px;min-height:30px}
.runway-ui:is([data-runway-preview=pay],[data-runway-screen=pay]) .back{margin-bottom:10px}
.runway-ui:is([data-runway-preview=pay],[data-runway-screen=pay]) h2{font-size:27px;margin:10px 0}
.runway-ui:is([data-runway-preview=pay],[data-runway-screen=pay]) .screen-sub{font-size:10px;margin-bottom:12px}
.runway-ui:is([data-runway-preview=pay],[data-runway-screen=pay]) .payment{padding:15px}
.runway-ui:is([data-runway-preview=pay],[data-runway-screen=pay]) .r-merchant{width:32px;height:32px;margin-bottom:5px}
.runway-ui:is([data-runway-preview=pay],[data-runway-screen=pay]) .payment label{margin-top:10px}
.runway-ui:is([data-runway-preview=pay],[data-runway-screen=pay]) .pay-compare{padding:14px 8px}
.runway-ui:is([data-runway-preview=pay],[data-runway-screen=pay]) .fine{font-size:8px;margin:8px 0}
.runway-ui:is([data-runway-preview=pay],[data-runway-screen=pay]) .r-pay-reason{padding:10px}
.runway-ui:is([data-runway-preview=pay],[data-runway-screen=pay]) .bottom{padding-top:12px}
/* Keep the product UI independent of case study typography and decoration. */
.runway-device{box-sizing:border-box}
.runway-ui h2,.runway-ui h3{border:0!important;outline:0;box-shadow:none!important;background-image:none!important;padding:0!important}
.runway-ui h2::before,.runway-ui h2::after,.runway-ui h3::before,.runway-ui h3::after{content:none!important;display:none!important}
.runway-ui .bill label{margin:0;padding:0;min-width:0;text-indent:0;line-height:1.5;overflow:visible;border:0;letter-spacing:normal}
.runway-ui .bill-icon{position:static;overflow:visible}
.runway-ui .r-icon{display:block;position:static;overflow:visible;max-width:none}
.runway-status{font:600 11px/1 Arial,sans-serif;height:34px;padding:0 22px}
.runway-status .r-status-icons{display:flex;align-items:center;gap:5px;height:14px;color:#edf6ef}
.r-status-icons svg{display:block;position:static;height:12px;width:auto;overflow:visible}