@layer reset;@layer base{.case-hero--daily-payments{background:radial-gradient(circle at 14% 18%,#34c47d3d,#0000 30rem),radial-gradient(circle at 88% 12%,#4e8ecf2e,#0000 26rem),linear-gradient(145deg,#154c3b 0%,#1c654b 56%,#0d322a 100%)}.case-hero--daily-payments .eyebrow{color:#b9f6d5}.case-hero--daily-payments .case-hero__copy h1{max-inline-size:22ch}}@layer layout;@layer components{.payments-demo{--payments-bg:#eef3f0;--payments-panel:#fff;--payments-soft:#f7f9f8;--payments-line:#cad7d1;--payments-text:#172923;--payments-muted:#65766f;--payments-primary:#197a55;--payments-primary-dark:#10543d;--payments-primary-soft:#e3f5eb;--payments-secondary:#315f91;--payments-secondary-soft:#eaf1f8;--payments-urgent:#9a3b24;--payments-urgent-soft:#fff0e9;color:var(--payments-text);background:var(--payments-bg);border:.0625rem solid #bacbc3;border-radius:1.5rem;overflow:clip;box-shadow:0 1.5rem 4rem #0f2a222e;container:payments/inline-size}.payments-demo :is(button,input){font:inherit}.payments-demo :is(button,input):focus-visible{outline-offset:.18rem;outline:.2rem solid #f4ad32}.payments-demo__toolbar{border-bottom:.0625rem solid var(--payments-line);background:var(--payments-panel);align-items:center;gap:1rem;min-block-size:4.9rem;padding:.9rem clamp(1rem,2cqi,1.6rem);display:flex}.payments-demo__identity,.payments-demo__date{align-items:center;gap:.75rem;min-inline-size:0;display:flex}.payments-demo__identity{border-inline-end:.0625rem solid var(--payments-line);padding-inline-end:1rem}.payments-demo__mark{aspect-ratio:1;background:linear-gradient(135deg,#116044,#2ba36f);border-radius:.9rem .9rem .9rem .3rem;flex:none;place-items:center;inline-size:2.8rem;display:grid;position:relative;box-shadow:0 .5rem 1.2rem #197a553d}.payments-demo__mark i:first-child{border:.18rem solid #fff;border-radius:50%;block-size:1.35rem;inline-size:1.35rem}.payments-demo__mark i:last-child{background:#fff;border-radius:999px;block-size:.18rem;inline-size:.55rem;position:absolute;transform:translate(.45rem,.45rem)rotate(45deg)}.payments-demo__identity div,.payments-demo__date div{gap:.1rem;min-inline-size:0;display:grid}.payments-demo__identity strong,.payments-demo__date strong{overflow-wrap:anywhere;font-size:1rem}.payments-demo__identity small,.payments-demo__date small{color:var(--payments-muted);font-size:.875rem}.payments-demo__date{margin-inline:auto}.payments-demo__date>span{aspect-ratio:1;min-inline-size:2.7rem;color:var(--payments-primary-dark);background:var(--payments-primary-soft);border:.0625rem solid #95cdb3;border-radius:.7rem;place-items:center;font-size:1rem;font-weight:900;display:grid}.payments-demo__send{color:#fff;background:var(--payments-primary);cursor:pointer;border:0;border-radius:.75rem;min-block-size:3rem;padding:.65rem 1rem;font-weight:850;transition:background-color .16s,transform .16s}.payments-demo__send:hover{background:var(--payments-primary-dark);transform:translateY(-.08rem)}.payments-demo__send:active{transform:translateY(0)}.payments-demo__summary{border-bottom:.0625rem solid var(--payments-line);background:radial-gradient(circle at 0 0, #197a551a, transparent 20rem), var(--payments-soft);grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;padding:.85rem clamp(1rem,2cqi,1.6rem);display:grid}.payments-demo__summary>div{border:.0625rem solid var(--payments-line);background:#fff;border-radius:.8rem;align-items:center;gap:.65rem;min-inline-size:0;padding:.7rem;display:flex}.payments-demo__summary-icon{aspect-ratio:1;inline-size:2.3rem;color:var(--payments-primary-dark);background:var(--payments-primary-soft);border-radius:.65rem;flex:none;place-items:center;font-size:.9rem;font-weight:900;display:grid}.payments-demo__summary-icon--urgent{color:var(--payments-urgent);background:var(--payments-urgent-soft)}.payments-demo__summary-icon--ready{color:#fff;background:var(--payments-primary)}.payments-demo__summary dl{min-inline-size:0;margin:0}.payments-demo__summary dt{color:var(--payments-muted);font-size:.875rem}.payments-demo__summary dd{overflow-wrap:anywhere;margin:.15rem 0 0;font-size:1rem;font-weight:900}.payments-demo__workspace{grid-template-columns:minmax(41rem,1.65fr) minmax(20rem,.72fr);min-inline-size:0;display:grid}.payments-demo__list,.payments-demo__details{min-inline-size:0;padding:clamp(1rem,2cqi,1.6rem)}.payments-demo__list{border-right:.0625rem solid var(--payments-line);background:var(--payments-panel)}.payments-demo__details{background:radial-gradient(circle at 100% 0,#315f911c,#0000 18rem),#eef2f1}.payments-demo__list-head{justify-content:space-between;align-items:end;gap:1rem;margin-block-end:.9rem;display:flex}.payments-demo__kicker{color:var(--payments-primary);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .3rem;font-size:.875rem;font-weight:850}.payments-demo h3{color:var(--payments-text);text-wrap:balance;margin:0;font-size:clamp(1.1rem,1.8cqi,1.4rem);font-weight:850;line-height:1.2}.payments-demo__filters{flex-wrap:wrap;justify-content:end;gap:.4rem;display:flex}.payments-demo__filters button{border:.0625rem solid var(--payments-line);min-block-size:2.75rem;color:var(--payments-text);cursor:pointer;background:#fff;border-radius:999px;padding:.55rem .75rem;font-size:.875rem;font-weight:750;transition:border-color .16s,background-color .16s}.payments-demo__filters button:hover{background:#f3f8f5;border-color:#78a891}.payments-demo__filters button.is-active{border-color:var(--payments-primary);color:#fff;background:var(--payments-primary)}.payments-demo__table{border:.0625rem solid var(--payments-line);border-radius:.9rem;overflow:hidden}.payments-demo__table-head,.payments-demo__row{grid-template-columns:minmax(18rem,1fr) minmax(9rem,.45fr) minmax(7rem,auto);align-items:center;gap:.75rem;display:grid}.payments-demo__table-head{min-block-size:2.8rem;color:var(--payments-muted);background:#f1f5f3;padding:.55rem .8rem;font-size:.875rem;font-weight:750}.payments-demo__table-head span:last-child{text-align:right}.payments-demo__rows{display:grid}.payments-demo__row{border:0;border-top:.0625rem solid var(--payments-line);min-block-size:4.65rem;color:var(--payments-text);cursor:pointer;text-align:left;background:#fff;padding:.65rem .8rem;transition:background-color .16s,box-shadow .16s}.payments-demo__row:hover{background:#f5faf7}.payments-demo__row.is-selected{background:var(--payments-primary-soft);box-shadow:inset .25rem 0 var(--payments-primary)}.payments-demo__payment{align-items:center;gap:.65rem;min-inline-size:0;display:flex}.payments-demo__payment>i{aspect-ratio:1;inline-size:2rem;color:var(--payments-urgent);background:var(--payments-urgent-soft);border:.0625rem solid #e6ad91;border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-style:normal;font-weight:900;display:grid}.payments-demo__payment>i.is-planned{color:var(--payments-primary-dark);background:var(--payments-primary-soft);border-color:#9bcbb5}.payments-demo__payment>span{gap:.15rem;min-inline-size:0;display:grid}.payments-demo__row strong,.payments-demo__row small,.payments-demo__owner{overflow-wrap:anywhere}.payments-demo__row strong{font-size:.875rem}.payments-demo__row small,.payments-demo__owner{color:var(--payments-muted);font-size:.875rem}.payments-demo__row b{text-align:right;white-space:nowrap;font-size:.875rem}.payments-demo__empty{border-top:.0625rem solid var(--payments-line);color:var(--payments-muted);margin:0;padding:1rem;font-size:.875rem}.payments-demo__amount{background:var(--payments-primary-soft);border:.0625rem solid #95cdb3;border-radius:.8rem;gap:.2rem;margin:1rem 0;padding:.85rem;display:grid}.payments-demo__amount span{color:#49675a;font-size:.875rem}.payments-demo__amount strong{overflow-wrap:anywhere;color:var(--payments-primary-dark);font-size:1.45rem}.payments-demo__facts{gap:.6rem;margin:0;display:grid}.payments-demo__facts div{border-bottom:.0625rem solid var(--payments-line);grid-template-columns:minmax(7rem,.75fr) minmax(0,1.25fr);gap:.6rem;padding-block-end:.6rem;display:grid}.payments-demo__facts dt,.payments-demo__facts dd{overflow-wrap:anywhere;font-size:.875rem}.payments-demo__facts dt{color:var(--payments-muted)}.payments-demo__facts dd{margin:0;font-weight:750}.payments-demo__check{border:.0625rem solid var(--payments-line);cursor:pointer;background:#fff;border-radius:.75rem;align-items:center;gap:.65rem;min-block-size:3rem;margin-block-start:.9rem;padding:.65rem .75rem;font-size:.875rem;font-weight:750;display:flex}.payments-demo__check:hover{border-color:#78a891}.payments-demo__check input{block-size:1.2rem;inline-size:1.2rem;accent-color:var(--payments-primary)}.payments-demo__message{color:#4d5f58;background:#ffffffb8;border-radius:.7rem;min-block-size:2.8rem;margin:.8rem 0 0;padding:.65rem .75rem;font-size:.875rem;line-height:1.4}.payments-demo__message.is-success{color:var(--payments-primary-dark);background:#dff3e8;font-weight:750}.payments-demo__caption{color:#52675f;text-align:center;margin:.8rem 0 0;font-size:.875rem}.value-formula--daily-payments{background:radial-gradient(circle at 90% 10%,#4e8ecf21,#0000 18rem),#154c3b;border-color:#86efac4d;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start}}@layer responsive{@container payments (inline-size<72rem){.payments-demo__workspace{grid-template-columns:minmax(35rem,1.45fr) minmax(19rem,.72fr)}.payments-demo__summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=42rem){.case-hero--daily-payments .case-hero__copy h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-inline-size:100%;font-size:clamp(1.9rem,9vw,2.9rem)}.payments-demo{border-radius:1rem}.payments-demo__toolbar,.payments-demo__summary,.payments-demo__list,.payments-demo__details{padding:1rem}.payments-demo__toolbar{flex-wrap:wrap}.payments-demo__identity{border-inline-end:0;inline-size:100%;padding-inline-end:0}.payments-demo__date{inline-size:100%;margin-inline:0}.payments-demo__send{inline-size:100%}.payments-demo__summary,.payments-demo__workspace{grid-template-columns:minmax(0,1fr)}.payments-demo__list{border-right:0;border-bottom:.0625rem solid var(--payments-line)}.payments-demo__list-head{flex-direction:column;align-items:stretch}.payments-demo__filters{justify-content:start}.payments-demo__filters button{flex:7rem}.payments-demo__table-head{display:none}.payments-demo__row{grid-template-columns:minmax(0,1fr) auto;gap:.4rem .75rem}.payments-demo__payment{grid-column:1/-1}.payments-demo__owner{padding-inline-start:2.65rem}.payments-demo__facts div{grid-template-columns:minmax(0,1fr);gap:.2rem}}@media (width<=24rem){.payments-demo__summary,.payments-demo__row{grid-template-columns:minmax(0,1fr)}.payments-demo__owner,.payments-demo__row b{text-align:left;white-space:normal;padding-inline-start:2.65rem}}@media (pointer:coarse){.payments-demo :is(button,input,label){min-block-size:3rem}}@media (prefers-reduced-motion:reduce){.payments-demo__send,.payments-demo__filters button,.payments-demo__row{transition:none}}@media (forced-colors:active){.payments-demo__filters button.is-active,.payments-demo__row.is-selected,.payments-demo__payment>i{border-color:highlight}}html[data-capture=card],html[data-capture=card] body{background:var(--payments-bg,#eef3f0);block-size:873px;min-block-size:873px;inline-size:1800px;min-inline-size:1800px;overflow:hidden}html[data-capture=card] .skip-link,html[data-capture=card] .case-header,html[data-capture=card] .case-footer,html[data-capture=card] article>section:not(.case-preview-section),html[data-capture=card] .case-preview-section .section-heading,html[data-capture=card] .payments-demo__caption{display:none}html[data-capture=card] main,html[data-capture=card] article,html[data-capture=card] .case-preview-section,html[data-capture=card] .case-preview-section .case-container{block-size:100%;inline-size:100%;max-inline-size:none;margin:0;padding:0}html[data-capture=card] .payments-demo{block-size:873px;inline-size:1800px;box-shadow:none;border:0;border-radius:0}html[data-capture=card] .payments-demo__workspace{block-size:691px}}