/* The solution pages (remittance, payroll, intercompany, on & off-ramp, AI & API monetization).
   Each has its own working picture of the job it does; they share the stage, the chips and the
   type with the rest of the site. */

.t3{font-size:clamp(1.9rem,2.6vw,2.4rem);line-height:1.1;font-weight:500;letter-spacing:-.04em}
.fx__val{display:inline-block;font-family:var(--mono);font-size:.85rem;color:var(--blue);letter-spacing:0}
.note{margin-top:1.5rem;font-size:.95rem;color:var(--grey-600)}
.split .note,.zig__txt .note{text-align:left;margin-left:0;max-width:none}

/* ── Split hero: the words on the left, the product working on the right ─ */
.shero{position:relative;padding:9.5rem 0 6.5rem;overflow:hidden}
.shero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:4.5rem;align-items:center}
.shero .t1p{margin:1.6rem 0 0;font-size:clamp(2.6rem,4.7vw,4.5rem);max-width:13ch}
.shero .phero__sub{margin:1.6rem 0 0;font-size:1.175rem;max-width:30em}
.shero .hero__btns{justify-content:flex-start;margin-top:2.25rem}

/* ── The stage every hero visual sits on ─────────────────────────────── */
.stage{position:relative;min-height:33rem;border-radius:var(--r-24);overflow:hidden;isolation:isolate;display:grid;place-items:center;padding:3rem 2rem;
  background:radial-gradient(120% 95% at 50% 0%,#2e6cf5 0%,#0b3a87 50%,#05162e 100%);box-shadow:0 40px 80px -50px rgba(5,22,46,.65)}
.stage__map{position:absolute;left:-25%;top:6%;width:150%;max-width:none;opacity:.16;z-index:-1;pointer-events:none}
.stage__glow{position:absolute;width:75%;aspect-ratio:1;left:12%;top:28%;border-radius:50%;background:radial-gradient(circle,rgba(132,176,252,.5),transparent 65%);filter:blur(30px);z-index:-1;animation:ps-glow 7s ease-in-out infinite alternate}
.stage--light{background:linear-gradient(160deg,#f6f9ff 0%,#e3edff 60%,#d6e5ff 100%);box-shadow:inset 0 0 0 1px #dbe6fb,0 40px 80px -60px rgba(11,58,135,.45)}
.stage--light .stage__map{opacity:.45;filter:invert(1) brightness(.6) sepia(1) hue-rotate(185deg) saturate(3)}
.stage--light .stage__glow{background:radial-gradient(circle,rgba(255,255,255,.9),transparent 65%)}
.card-ui{background:#fff;border-radius:1.1rem;box-shadow:0 30px 60px -30px rgba(3,18,42,.55),0 0 0 1px rgba(5,22,46,.04);font-size:.9rem}

.chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem .55rem .6rem;border-radius:2rem;background:#fff;font-size:.82rem;color:var(--grey-700);box-shadow:0 18px 36px -18px rgba(0,0,0,.55);animation:chip-bob 5s ease-in-out infinite alternate}
.chip b{color:var(--ink);font-weight:600}
.chip img{width:1.35rem;height:1.35rem;border-radius:50%;object-fit:cover}
.chip__dot{width:.55rem;height:.55rem;margin:0 .1rem 0 .3rem;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-bg)}
.chip--tl{left:1.4rem;top:1.4rem}.chip--tr{right:1.4rem;top:1.4rem}
.chip--br{right:1.4rem;bottom:1.4rem;animation-delay:-2.5s}
@keyframes chip-bob{to{transform:translateY(-6px)}}
.chip.is-pop{animation:chip-pop .6s var(--expo)}
@keyframes chip-pop{from{transform:scale(.85);opacity:.3}}

/* ── Sections on navy ────────────────────────────────────────────────── */
.sec--navy{background:radial-gradient(90% 70% at 85% 0%,#0b3a87 0%,#05162e 60%),#05162e;color:#fff;position:relative;overflow:hidden}
.sec--navy .lede{color:rgba(255,255,255,.72)}
.sec--navy .eyebrow{color:var(--blue-300)}
.sec--navy .note{color:rgba(255,255,255,.55)}

/* ── Three cards that each show their claim ──────────────────────────── */
.fx3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.fx{display:flex;flex-direction:column;border-radius:var(--r-24);background:var(--grey-0);border:1px solid var(--grey-100);overflow:hidden;transition:transform .6s var(--expo),border-color .4s}
.fx:hover{transform:translateY(-6px);border-color:var(--blue-200)}
.fx__vis{position:relative;height:17rem;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(180deg,var(--blue-50),var(--blue-100));overflow:hidden}
.fx__txt{padding:1.9rem 2rem 2.2rem}
.fx__txt h3{margin-top:.6rem}
.fx__txt p{margin-top:.8rem;color:var(--grey-700);font-size:1.0625rem}
.sec--navy .fx{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.sec--navy .fx:hover{border-color:rgba(132,176,252,.45)}
.sec--navy .fx__vis{background:linear-gradient(180deg,rgba(46,108,245,.28),rgba(11,58,135,.12))}
.sec--navy .fx__txt p{color:rgba(255,255,255,.72)}
.sec--navy .fx__val{color:var(--blue-300)}

/* ── Zig-zag rows ────────────────────────────────────────────────────── */
.zig{display:flex;flex-direction:column;gap:6rem;margin-top:5rem}
.zig__row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5rem;align-items:center}
.zig__row--rev{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.zig__row--rev .zig__txt{order:2}
.zig__txt h3{margin-top:.8rem}
.zig__txt p{margin-top:1.1rem;color:var(--grey-700);font-size:1.125rem;max-width:26em}
.panel{position:relative;border-radius:var(--r-24);padding:2rem;background:linear-gradient(160deg,var(--blue-50),#e3edff);border:1px solid #dde8fb;overflow:hidden}

/* ── Sliders ─────────────────────────────────────────────────────────── */
.rng{display:block}
.rng+.rng{margin-top:1.6rem}
.rng__h{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;color:var(--grey-700)}
.rng__h b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.rng input{-webkit-appearance:none;appearance:none;width:100%;height:1.6rem;margin-top:.4rem;background:transparent;cursor:pointer;--p:50%}
.rng input::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--blue) var(--p),var(--grey-100) var(--p))}
.rng input::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--blue) var(--p),var(--grey-100) var(--p))}
.rng input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-shadow:0 4px 12px -4px rgba(11,87,244,.6);transition:transform .2s}
.rng input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--blue)}
.rng input:active::-webkit-slider-thumb{transform:scale(1.15)}
.rng input:focus-visible{outline:2px solid var(--blue-300);outline-offset:4px;border-radius:6px}

/* ════════════════════════ Remittance ════════════════════════ */
.tx{position:relative;width:min(100%,24rem);padding:1.4rem;background:#fff;border-radius:1.25rem;box-shadow:0 30px 60px -30px rgba(3,18,42,.6);font-size:.9rem}
.tx__h{display:flex;justify-content:space-between;align-items:center;color:var(--grey-600);font-size:.8rem}
.tx__h b{font-family:var(--mono);font-weight:500;color:var(--ink)}
.tx__leg{display:grid;grid-template-columns:2.4rem 1fr auto;gap:.8rem;align-items:center;margin-top:1rem;padding:.85rem;border-radius:.9rem;background:var(--grey-0);border:1px solid var(--grey-100)}
.tx__leg img{width:2.4rem;height:2.4rem;border-radius:50%;object-fit:cover}
.tx__leg small{display:block;font-size:.75rem;color:var(--grey-600)}
.tx__leg b{display:block;font-size:1.2rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tx__leg>span{font-family:var(--mono);font-size:.75rem;color:var(--grey-600)}
.tx__mid{display:flex;align-items:center;gap:.7rem;margin:.6rem 0 0 1.95rem;font-size:.75rem;color:var(--blue);font-weight:500}
.tx__line{position:relative;display:block;width:2px;height:1.6rem;background:var(--grey-100);border-radius:2px;overflow:hidden}
.tx__line i{position:absolute;inset:0 0 auto;height:0;background:var(--blue);transition:height .4s}
.tx__steps{margin-top:1.1rem;display:grid;gap:.15rem}
.tx__steps div{display:grid;grid-template-columns:1rem 1fr auto;gap:.6rem;align-items:center;padding:.38rem 0;color:var(--grey-500);transition:color .4s}
.tx__steps i{width:.7rem;height:.7rem;border-radius:50%;border:1.5px solid var(--grey-300);transition:all .4s var(--expo)}
.tx__steps em{font-style:normal;font-family:var(--mono);font-size:.75rem}
.tx__steps .is-done{color:var(--ink)}
.tx__steps .is-done i{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100)}
.tx__steps .is-now i{border-color:var(--blue);animation:ping-soft 1s infinite}
@keyframes ping-soft{50%{box-shadow:0 0 0 5px rgba(11,87,244,.18)}}
.tx__clock{display:flex;justify-content:space-between;align-items:center;margin-top:.9rem;padding-top:.9rem;border-top:1px dashed var(--grey-100);color:var(--grey-600);font-size:.8rem}
.tx__clock b{font-family:var(--mono);font-size:1.1rem;color:var(--ink);font-weight:500}
.tx.is-swap .tx__leg,.tx.is-swap .tx__mid{animation:tx-in .6s var(--expo)}
@keyframes tx-in{from{opacity:0;transform:translateY(8px)}}

/* float draining out of four markets */
.drain{position:relative;display:flex;align-items:flex-end;gap:1.1rem;height:100%;width:100%;justify-content:center;padding-top:2.4rem}
.drain__col{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:3.4rem}
.drain__col b{font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.drain__col small{font-family:var(--mono);font-size:.7rem;color:var(--grey-600)}
.drain__col img{width:1.4rem;height:1.4rem;border-radius:50%;object-fit:cover}
.drain__bar{position:relative;width:2.4rem;height:7.2rem;border-radius:.6rem;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px #d4e2ff;overflow:hidden}
.drain__bar i{position:absolute;inset:auto 0 0;height:var(--h);background:linear-gradient(180deg,var(--blue-400),var(--blue));border-radius:.5rem;transition:height 1.4s var(--expo)}
.drain.is-empty .drain__bar i{height:3%}
.drain__tag{position:absolute;top:-.4rem;left:50%;transform:translateX(-50%);padding:.3rem .7rem;border-radius:2rem;background:#fff;font-size:.75rem;color:var(--grey-600);white-space:nowrap;box-shadow:0 8px 20px -12px rgba(11,58,135,.5);opacity:0;transition:opacity .6s .9s}
.drain__tag b{color:var(--blue)}
.drain.is-empty .drain__tag{opacity:1}

/* a 24-hour dial with the cut-off struck out */
.dial{position:relative;width:13rem;aspect-ratio:1}
.dial svg{width:100%;height:100%}
.dial__track{fill:#fff;stroke:#d4e2ff;stroke-width:2}
.dial__sweep{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-dasharray:0 100;transform:rotate(-90deg);transform-origin:center;opacity:.9}
.dial__ticks line{stroke:var(--grey-300);stroke-width:1.5}
.dial__cut line{stroke:var(--grey-400);stroke-width:2;stroke-dasharray:3 3}
.dial__cut circle{fill:#fff;stroke:var(--grey-400);stroke-width:1.5}
.dial__cut path{stroke:var(--grey-500);stroke-width:1.5;stroke-linecap:round}
.dial__hand{transform-origin:100px 100px}
.dial__hand line{stroke:var(--ink);stroke-width:3;stroke-linecap:round}
.dial__hand circle{fill:var(--ink)}
.dial__read{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3.4rem;text-align:center;pointer-events:none}
.dial__read small{font-size:.7rem;color:var(--grey-600)}
.dial__read b{font-family:var(--mono);font-size:1.05rem;font-weight:500}
.dial__read span{font-size:.68rem;color:var(--blue);font-weight:600}

/* a quote ticket, rate locked */
.qt{width:min(100%,17rem);padding:1.1rem;background:#fff;border-radius:1rem;box-shadow:0 20px 40px -24px rgba(11,58,135,.5);font-size:.8rem}
.qt__h{display:flex;justify-content:space-between;color:var(--grey-600)}
.qt__h b{color:var(--blue);font-weight:600;font-family:var(--mono);font-size:.72rem}
.qt__rate{display:flex;align-items:center;gap:.6rem;margin-top:.5rem}
.qt__rate span{font-size:2.2rem;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.qt__lock{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--blue);position:relative}
.qt__lock::before{content:"";position:absolute;left:50%;top:22%;width:.55rem;height:.45rem;transform:translateX(-50%);border:1.6px solid #fff;border-bottom:0;border-radius:.3rem .3rem 0 0}
.qt__lock::after{content:"";position:absolute;left:50%;bottom:24%;width:.75rem;height:.5rem;transform:translateX(-50%);background:#fff;border-radius:.12rem}
.qt__rows{margin-top:.7rem;border-top:1px solid var(--grey-100)}
.qt__rows div{display:flex;justify-content:space-between;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--grey-50);color:var(--grey-600)}
.qt__rows b{color:var(--ink);font-weight:600;white-space:nowrap}

/* the corridor board beside the map */
.corr{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:4rem;align-items:center}
.board{margin-top:2.75rem;border-radius:1.1rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);overflow:hidden;font-size:.88rem}
.board__h,.board__row{display:grid;grid-template-columns:4.2rem minmax(0,1.25fr) minmax(0,1fr) 7.8rem;gap:.8rem;align-items:center;padding:.8rem 1.1rem}
.board__h{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.08)}
.board__rows{height:18.4rem;overflow:hidden}
.board__row{border-bottom:1px solid rgba(255,255,255,.06);animation:board-in .7s var(--expo)}
@keyframes board-in{from{opacity:0;transform:translateY(-100%)}}
.board__row time{font-family:var(--mono);font-size:.8rem;color:rgba(255,255,255,.55)}
.board__c{display:flex;align-items:center;gap:.35rem;font-family:var(--mono);font-size:.8rem;white-space:nowrap}
.board__c img{width:1.1rem;height:1.1rem;border-radius:50%;object-fit:cover}
.board__c i{color:rgba(255,255,255,.4);font-style:normal}
.board__a{font-variant-numeric:tabular-nums;color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board__s{justify-self:start;display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:2rem;font-size:.75rem;font-weight:600;white-space:nowrap;background:rgba(132,176,252,.14);color:var(--blue-300)}
.board__s::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:currentColor;animation:blink 1s infinite}
.board__s.is-paid{background:rgba(36,150,132,.18);color:#6fe0cc}
.board__s.is-paid::before{animation:none}
.worldmap--dark{margin:0}
.worldmap--dark>img{opacity:.22}
.worldmap--dark .arcs__node{fill:var(--blue-300)}
.worldmap--dark .arcs__arc{stroke:var(--blue-200)}
.worldmap--dark .arcs__comet{fill:#fff}
.worldmap--dark .arcs__soon{fill:transparent;stroke:rgba(255,255,255,.45)}
.worldmap--dark .arcs__ping{stroke:var(--blue-300)}
.worldmap--dark .worldmap__legend{color:rgba(255,255,255,.6)}

/* the float calculator */
.calc{padding:2.25rem;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100);box-shadow:0 30px 60px -50px rgba(5,22,46,.5)}
.calc__out{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.calc__out div{padding:1.1rem 1.2rem;border-radius:1rem;background:var(--blue-50)}
.calc__out div:first-child{background:linear-gradient(160deg,#1d5cf0,#0b3a87);color:#fff}
.calc__out div:first-child small{color:rgba(255,255,255,.75)}
.calc__out small{display:block;font-size:.85rem;color:var(--grey-600)}
.calc__out b{display:block;margin-top:.3rem;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.calc__bars{margin-top:1.6rem;display:grid;gap:.7rem;font-size:.85rem;color:var(--grey-600)}
.calc__bars>div{display:grid;grid-template-columns:7rem 1fr 2.5rem;gap:.8rem;align-items:center}
.calc__bars>div>i{display:block;height:.7rem;border-radius:1rem;background:var(--grey-50);overflow:hidden}
.calc__bars>div>i>i{display:block;height:100%;border-radius:1rem;background:var(--grey-400);transition:width .5s var(--expo)}
.calc__bars b{color:var(--blue);font-weight:600;white-space:nowrap}
.calc__bars b.is-grey{color:var(--grey-600)}
.calc__bars>div{grid-template-columns:7rem 1fr 3.4rem}

/* ════════════════════════ Payroll ════════════════════════ */
.run{position:relative;width:min(100%,27rem);padding:1.3rem;background:#fff;border-radius:1.25rem;box-shadow:0 30px 60px -36px rgba(11,58,135,.55),0 0 0 1px rgba(11,58,135,.05)}
.run__h{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.run__h small{display:block;font-size:.75rem;color:var(--grey-600)}
.run__h>div>b{display:block;margin-top:.15rem;font-size:1.05rem;font-weight:600;letter-spacing:-.02em}
.run__count{font-size:.8rem;color:var(--grey-600);white-space:nowrap}
.run__count b{font-size:1.05rem;color:var(--ink);font-variant-numeric:tabular-nums}
.run__bar{height:.35rem;margin-top:.9rem;border-radius:1rem;background:var(--grey-50);overflow:hidden}
.run__bar i{display:block;height:100%;width:0;border-radius:1rem;background:linear-gradient(90deg,var(--blue-400),var(--blue));transition:width .5s var(--expo)}
.run__list{margin-top:.6rem}
.run__row{display:grid;grid-template-columns:1.9rem minmax(0,1fr) auto 4.6rem;gap:.7rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--grey-50);font-size:.85rem}
.run__row img{width:1.9rem;height:1.9rem;border-radius:50%;object-fit:cover}
.run__row b{display:block;font-weight:600;font-size:.86rem}
.run__row small{display:block;font-size:.72rem;color:var(--grey-600)}
.run__row em{font-style:normal;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}
.run__st{justify-self:end;padding:.2rem .55rem;border-radius:2rem;font-style:normal;font-size:.7rem;font-weight:600;background:var(--grey-50);color:var(--grey-600);transition:background .3s,color .3s}
.run__st[data-st="converting"]{background:var(--blue-100);color:var(--blue)}
.run__st[data-st="paid"]{background:var(--green-bg);color:var(--green);animation:chip-pop .5s var(--expo)}
.run__f{display:flex;justify-content:space-between;margin-top:.8rem;font-size:.75rem;color:var(--grey-600)}

/* one funding fanning out */
.fan{position:relative;aspect-ratio:560/380}
.fan svg{position:absolute;inset:0;width:100%;height:100%}
.fan path{fill:none;stroke-width:2}
.fan__base path{stroke:#c9daf8}
.fan__flow path{stroke:var(--blue);stroke-dasharray:6 94;stroke-dashoffset:100;opacity:0}
.fan.is-in .fan__flow path{opacity:1;animation:fan-flow 2.2s var(--d) linear infinite}
@keyframes fan-flow{to{stroke-dashoffset:0}}
.fan__from{position:absolute;left:0;top:50%;transform:translateY(-50%);width:29%;padding:.9rem 1rem;border-radius:1rem;background:linear-gradient(160deg,#1d5cf0,#0b3a87);color:#fff;box-shadow:0 20px 40px -20px rgba(11,58,135,.7)}
.fan__from small{display:block;font-size:.72rem;color:rgba(255,255,255,.75)}
.fan__from b{display:block;margin-top:.2rem;font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums}
.fan__to{position:absolute;right:0;transform:translateY(-50%) scale(.6);display:flex;align-items:center;gap:.45rem;padding:.3rem .7rem .3rem .3rem;border-radius:2rem;background:#fff;font-family:var(--mono);font-size:.8rem;box-shadow:0 8px 20px -12px rgba(11,58,135,.45);opacity:0;transition:transform .6s var(--expo) var(--d),opacity .4s var(--d)}
.fan__to img{width:1.4rem;height:1.4rem;border-radius:50%;object-fit:cover}
.fan.is-in .fan__to{opacity:1;transform:translateY(-50%) scale(1)}

/* pay dates on two calendars */
.cals{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cal{padding:1rem;border-radius:1rem;background:#fff;box-shadow:0 14px 30px -24px rgba(11,58,135,.5)}
.cal__t b{display:block;font-size:.85rem;font-weight:600}
.cal__t small{font-size:.72rem;color:var(--grey-600)}
.cal--new .cal__t b{color:var(--blue)}
.cal__w,.cal__g{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;text-align:center}
.cal__w{margin-top:.7rem;font-size:.62rem;color:var(--grey-500)}
.cal__g{margin-top:.25rem}
.cal__d{position:relative;aspect-ratio:.9;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:.2rem;border-radius:.45rem;font-size:.72rem;color:var(--grey-700);font-variant-numeric:tabular-nums}
.cal__d.is-wk{color:var(--grey-400)}
.cal__d.is-pay{background:var(--blue-100);color:var(--blue);font-weight:700;box-shadow:inset 0 0 0 1.5px var(--blue)}
.cal__d>i{position:absolute;left:50%;bottom:12%;display:flex;align-items:center;transform:translateX(-50%)}
.cal__d img,.cal__d em{width:.95rem;height:.95rem;margin-left:-.4rem;border-radius:50%;border:1.5px solid #fff;object-fit:cover;opacity:0;transform:translateY(-.8rem);transition:opacity .4s,transform .6s var(--expo)}
.cal__d em{display:grid;place-items:center;width:auto;min-width:1.1rem;padding:0 .15rem;border-radius:1rem;background:var(--blue);color:#fff;font-style:normal;font-size:.55rem;font-weight:700;line-height:1}
.cal__d>i>:first-child{margin-left:0}
.cals.is-in .cal__d img,.cals.is-in .cal__d em{opacity:1;transform:none;transition-delay:calc(var(--k) * 90ms + var(--at, 0ms))}
.cals__key{display:flex;gap:1.4rem;margin-top:1rem;font-size:.78rem;color:var(--grey-600)}
.cals__key span{display:inline-flex;align-items:center;gap:.4rem}
.cals__key i{width:.8rem;height:.8rem;border-radius:.2rem;background:var(--blue-100);box-shadow:inset 0 0 0 1.5px var(--blue)}
.cals__key img{width:.8rem;height:.8rem;border-radius:50%}

/* two people, one rate */
.same{max-width:26rem;margin:0 auto;padding:1.2rem;border-radius:1rem;background:#fff;box-shadow:0 14px 30px -24px rgba(11,58,135,.5);font-size:.85rem}
.same__h{display:flex;justify-content:space-between;gap:1rem;color:var(--grey-600);font-size:.78rem}
.same__h b{color:var(--blue);font-family:var(--mono);font-weight:500}
.same__row{display:grid;grid-template-columns:1.9rem 1fr auto 3.6rem;gap:.7rem;align-items:center;margin-top:.7rem;padding:.6rem .7rem;border-radius:.8rem;background:var(--grey-0);border:1px solid var(--grey-100)}
.same__row img{width:1.9rem;height:1.9rem;border-radius:50%;object-fit:cover}
.same__row b{display:block;font-weight:600}
.same__row small{display:block;font-size:.72rem;color:var(--grey-600)}
.same__row em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}
.same__row>i{justify-self:end;padding:.2rem .45rem;border-radius:.4rem;background:var(--blue-100);color:var(--blue);font-style:normal;font-family:var(--mono);font-size:.72rem}
.same__eq{margin:.7rem auto 0;width:max-content;padding:.25rem .7rem;border-radius:2rem;background:var(--green-bg);color:var(--green);font-size:.75rem;font-weight:600}
.same__old{display:flex;align-items:center;gap:.9rem;margin-top:1rem;padding-top:.8rem;border-top:1px dashed var(--grey-100);font-size:.75rem;color:var(--grey-500)}
.same__old small{margin-right:auto}
.same__old s{font-family:var(--mono)}
.same.is-in .same__row:last-of-type>i,.same.is-in .same__row:first-of-type>i{animation:chip-pop .6s var(--expo)}

/* the comparison that flips between today and Elytra */
.flip{margin-top:4rem;max-width:58rem;margin-left:auto;margin-right:auto}
.flip__sw{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(100%,26rem);margin:0 auto;padding:.3rem;border-radius:2rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.flip__sw button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1rem;border-radius:2rem;font-size:.95rem;font-weight:500;color:rgba(255,255,255,.7);transition:color .35s}
.flip__sw button img{width:15px;filter:brightness(0) invert(1)}
.flip__sw button[aria-selected="true"]{color:var(--ink)}
.flip__sw button[aria-selected="true"] img{filter:none}
.flip__sw>i{position:absolute;top:.3rem;bottom:.3rem;left:.3rem;width:calc(50% - .3rem);border-radius:2rem;background:#fff;transition:transform .5s var(--expo)}
.flip[data-on="new"] .flip__sw>i{transform:translateX(100%)}
.flip__list{margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.1)}
.flip__row{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:2rem;align-items:center;padding:1.4rem .25rem;border-bottom:1px solid rgba(255,255,255,.1)}
.flip__k{font-size:1.05rem;font-weight:500;color:rgba(255,255,255,.6)}
.flip__v{display:grid}
.flip__v>span{grid-area:1/1;font-size:1.3rem;letter-spacing:-.02em;line-height:1.35;transition:opacity .45s var(--ease),transform .55s var(--expo),filter .45s}
.flip__old{color:rgba(255,255,255,.75)}
.flip__new{color:#fff;opacity:0;transform:translateY(12px);filter:blur(4px)}
.flip__new::before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.7rem;vertical-align:.18em;border-radius:50%;background:var(--blue-300);box-shadow:0 0 0 4px rgba(132,176,252,.2)}
.flip[data-on="new"] .flip__old{opacity:0;transform:translateY(-12px);filter:blur(4px)}
.flip[data-on="new"] .flip__new{opacity:1;transform:none;filter:none}
.flip[data-on="new"] .flip__k{color:var(--blue-200)}
.flip__row:nth-child(2) .flip__v>span{transition-delay:.05s}.flip__row:nth-child(3) .flip__v>span{transition-delay:.1s}.flip__row:nth-child(4) .flip__v>span{transition-delay:.15s}.flip__row:nth-child(5) .flip__v>span{transition-delay:.2s}.flip__row:nth-child(6) .flip__v>span{transition-delay:.25s}
.callout--glass{max-width:58rem;margin:3rem auto 0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}

/* ════════════════════════ Intercompany ════════════════════════ */
.grp{position:relative;width:100%;aspect-ratio:600/460}
.grp__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.grp__lines path{fill:none;stroke:rgba(189,214,254,.55);stroke-width:1.6;stroke-dasharray:3 5}
.grp__lines .comet{fill:#fff;filter:drop-shadow(0 0 6px #84b0fc)}
.ent{position:absolute;width:max-content;display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem .6rem .6rem;border-radius:1rem;background:#fff;box-shadow:0 18px 36px -20px rgba(0,0,0,.6);transform:translate(-50%,-50%);white-space:nowrap;transition:box-shadow .4s,transform .5s var(--expo)}
.ent img{width:1.9rem;height:1.9rem;border-radius:50%;object-fit:cover}
.ent b{display:block;font-size:.82rem;font-weight:600}
.ent small{display:block;font-size:.7rem;color:var(--grey-600)}
.ent--parent{left:50%;top:50%;padding:.85rem 1rem .85rem .8rem;z-index:2;box-shadow:0 0 0 6px rgba(255,255,255,.12),0 24px 48px -20px rgba(0,0,0,.7)}
.ent--parent img{width:2.3rem;height:2.3rem}
.ent--parent b{font-size:.95rem}
.ent--tl{left:21.7%;top:20%}.ent--tr{left:78.3%;top:20%}.ent--bl{left:21.7%;top:80%}.ent--br{left:78.3%;top:80%}
.ent.is-hot{box-shadow:0 0 0 4px rgba(132,176,252,.55),0 18px 36px -20px rgba(0,0,0,.6);transform:translate(-50%,-50%) scale(1.04)}
.grp__dot{position:absolute;z-index:1;width:.7rem;height:.7rem;margin:-.35rem 0 0 -.35rem;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(132,176,252,.35),0 0 14px #84b0fc;opacity:0;transition:opacity .3s;pointer-events:none}
.grp__ev{position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%);display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;border-radius:2rem;background:rgba(5,22,46,.55);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:rgba(255,255,255,.85);font-size:.78rem;white-space:nowrap}
.grp__ev i{width:.45rem;height:.45rem;border-radius:50%;background:#6fe0cc}
.grp__ev b{font-family:var(--mono);font-weight:500;color:#fff}
.grp__ev.is-pop{animation:tx-in .6s var(--expo)}

.bento2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem}
.b2{display:flex;flex-direction:column;border-radius:var(--r-24);background:var(--grey-0);border:1px solid var(--grey-100);overflow:hidden;transition:border-color .4s}
.b2:hover{border-color:var(--blue-200)}
.b2--big{grid-column:1/-1;flex-direction:row-reverse}
.b2--big .b2__vis{flex:1.5;padding:2.5rem}
.b2--big .b2__txt{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2.5rem}
.b2--big .mirror{max-width:40rem}
.b2__vis{position:relative;flex:1;min-height:14rem;display:grid;place-items:center;padding:1.75rem;background:linear-gradient(180deg,var(--blue-50),var(--blue-100))}
.b2__txt{padding:1.8rem 2rem 2.1rem}
.b2__txt h3{margin-top:.6rem}
.b2__txt p{margin-top:.8rem;color:var(--grey-700);font-size:1.0625rem}

.mirror{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:center;width:100%}
.led{padding:1rem;border-radius:1rem;background:#fff;box-shadow:0 18px 36px -26px rgba(11,58,135,.55);font-size:.78rem}
.led__h{display:flex;align-items:center;gap:.55rem;padding-bottom:.7rem;border-bottom:1px solid var(--grey-100)}
.led__h img{width:1.7rem;height:1.7rem;border-radius:50%;object-fit:cover}
.led__h b{display:block;font-size:.8rem;font-weight:600}
.led__h small{display:block;font-size:.7rem;color:var(--grey-600)}
.led__r{display:flex;justify-content:space-between;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--grey-50);color:var(--grey-600)}
.led__r b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.led__r b.neg{color:var(--grey-700)}
.led__r b.pos{color:var(--green)}
.led__f{display:flex;justify-content:space-between;margin-top:.55rem;padding:.4rem .55rem;border-radius:.5rem;background:var(--blue-50);color:var(--grey-600)}
.led__f b{font-family:var(--mono);color:var(--blue);font-weight:500;transition:background .3s}
.mirror.is-in .led__f{animation:led-hi 1.2s .6s var(--expo) both}
@keyframes led-hi{40%{background:var(--blue-200)}}
.mirror__mid{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.mirror__ref{font-family:var(--mono);font-size:.62rem;color:var(--grey-600);writing-mode:vertical-rl;transform:rotate(180deg)}
.mirror__eq{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-weight:700;font-size:1.1rem;box-shadow:0 0 0 6px rgba(11,87,244,.15)}
.mirror__ok{padding:.2rem .5rem;border-radius:2rem;background:var(--green-bg);color:var(--green);font-size:.65rem;font-weight:700;opacity:0;transform:scale(.6);transition:opacity .4s 1.4s,transform .6s 1.4s var(--expo)}
.mirror.is-in .mirror__ok{opacity:1;transform:none}

.race{width:100%;max-width:22rem;font-size:.8rem}
.race__ask{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;border-radius:.9rem;background:#fff;box-shadow:0 14px 28px -22px rgba(11,58,135,.55)}
.race__ask img{width:1.7rem;height:1.7rem;border-radius:50%;object-fit:cover}
.race__ask b{display:block;font-weight:600}
.race__ask small{display:block;font-size:.72rem;color:var(--grey-600)}
.race__lane{display:grid;grid-template-columns:7.6rem 1fr 4.4rem;white-space:nowrap;gap:.6rem;align-items:center;margin-top:.8rem;color:var(--grey-600)}
.race__lane>i{position:relative;height:.5rem;border-radius:1rem;background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px #d4e2ff;overflow:hidden}
.race__lane>i>i{position:absolute;inset:0 auto 0 0;width:0;border-radius:1rem;background:var(--blue)}
.race__lane b{font-family:var(--mono);font-weight:500;color:var(--ink);text-align:right}
.race__lane--old>i>i{background:var(--grey-400)}
.race__lane--old b{color:var(--grey-500)}
.race.is-in .race__lane--new>i>i{animation:race-fill .9s .3s var(--expo) forwards}
.race.is-in .race__lane--old>i>i{animation:race-fill 5.5s .3s linear forwards}
@keyframes race-fill{to{width:100%}}

.sweep{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:1.1rem;width:100%;height:11rem;padding-top:1.6rem}
.sweep__col{display:flex;flex-direction:column;align-items:center;gap:.4rem}
.sweep__col img{width:1.2rem;height:1.2rem;border-radius:50%;object-fit:cover}
.sweep__bar{position:relative;display:block;width:2.2rem;height:7.5rem}
.sweep__keep,.sweep__extra{position:absolute;left:0;right:0;border-radius:.45rem}
.sweep__keep{bottom:0;height:var(--keep);background:linear-gradient(180deg,var(--blue-400),var(--blue))}
.sweep__extra{bottom:var(--keep);height:calc(var(--h) - var(--keep));background:repeating-linear-gradient(135deg,var(--blue-300) 0 4px,var(--blue-200) 4px 8px);border-radius:.45rem .45rem 0 0;transform-origin:bottom;transition:transform 1s var(--expo),opacity 1s}
.sweep.is-swept .sweep__extra{transform:translateY(-1.6rem) scaleY(0);opacity:0}
.sweep__line{position:absolute;left:8%;right:8%;bottom:calc(1.6rem + 7.5rem * .55);border-top:1.5px dashed var(--grey-500)}
.sweep__line em{position:absolute;left:0;top:-1.25rem;font-style:normal;font-size:.68rem;color:var(--grey-600)}
.sweep__to{position:absolute;top:0;left:50%;transform:translateX(-50%);padding:.25rem .65rem;border-radius:2rem;background:#fff;font-size:.72rem;color:var(--grey-600);white-space:nowrap;box-shadow:0 8px 20px -12px rgba(11,58,135,.5);opacity:0;transition:opacity .5s .8s}
.sweep__to b{color:var(--blue)}
.sweep.is-swept .sweep__to{opacity:1}

.cc6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.cc{display:flex;flex-direction:column;padding:1.75rem;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100);transition:transform .6s var(--expo),box-shadow .5s}
.cc:hover{transform:translateY(-5px);box-shadow:0 30px 50px -40px rgba(11,58,135,.6)}
.cc__k{font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--grey-600)}
.cc__old{margin-top:1rem;font-size:.98rem;color:var(--grey-500);text-decoration:line-through;text-decoration-color:rgba(126,147,169,.55)}
.cc__new{display:flex;gap:.6rem;align-items:flex-start;margin-top:auto;padding-top:1.25rem;font-size:1.12rem;line-height:1.35;letter-spacing:-.02em;font-weight:500}
.cc__new img{width:1.1rem;margin-top:.2rem;flex:none}
.cc6+.callout{margin-top:1.25rem}

/* ════════════════════════ On & off-ramp ════════════════════════ */
.swap{position:relative;width:min(100%,24rem);padding:1.1rem;background:#fff;border-radius:1.4rem;box-shadow:0 30px 60px -30px rgba(3,18,42,.6)}
.swap__seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:.25rem;border-radius:2rem;background:var(--grey-50)}
.swap__seg button{position:relative;z-index:1;padding:.5rem;font-size:.85rem;font-weight:600;color:var(--grey-600);transition:color .3s}
.swap__seg button.is-on{color:var(--ink)}
.swap__seg>i{position:absolute;top:.25rem;bottom:.25rem;left:.25rem;width:calc(50% - .25rem);border-radius:2rem;background:#fff;box-shadow:0 2px 8px -3px rgba(5,22,46,.25);transition:transform .5s var(--expo)}
.swap[data-dir="off"] .swap__seg>i{transform:translateX(100%)}
.swap__f{margin-top:.6rem;padding:.9rem 1rem;border-radius:1rem;background:var(--grey-0);border:1px solid var(--grey-100)}
.swap__f small{font-size:.75rem;color:var(--grey-600)}
.swap__f>div{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.25rem}
.swap__f>div>b{font-size:1.45rem;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums;transition:opacity .3s}
.tok{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem .3rem .3rem;border-radius:2rem;background:#fff;border:1px solid var(--grey-100);font-size:.85rem}
.tok img{width:1.4rem;height:1.4rem;border-radius:50%;object-fit:cover}
.tok b{font-weight:600}
.swap__btn{position:relative;z-index:1;display:grid;place-items:center;width:2.4rem;height:2.4rem;margin:-.95rem auto -.95rem;border-radius:.8rem;background:#fff;border:1px solid var(--grey-100);color:var(--ink);box-shadow:0 6px 16px -8px rgba(5,22,46,.4);transition:transform .6s var(--expo)}
.swap__btn svg{width:1.1rem;height:1.1rem}
.swap[data-dir="off"] .swap__btn{transform:rotate(180deg)}
.swap.is-swap .swap__f>div>*{animation:tx-in .55s var(--expo)}
.swap__depth{margin-top:.9rem;font-size:.75rem;color:var(--grey-600)}
.swap__depth>i{display:block;height:.4rem;margin-top:.4rem;border-radius:1rem;background:var(--grey-50);overflow:hidden}
.swap__depth>i>i{display:block;height:100%;width:30%;border-radius:1rem;background:linear-gradient(90deg,var(--blue-400),var(--blue));transition:width 1s var(--expo)}
.swap__rows{margin-top:.7rem;font-size:.78rem}
.swap__rows div{display:flex;justify-content:space-between;gap:.6rem;padding:.4rem 0;border-top:1px solid var(--grey-50);color:var(--grey-600)}
.swap__rows b{color:var(--ink);font-weight:600}

.slipc{padding:1.75rem;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100);box-shadow:0 30px 60px -50px rgba(5,22,46,.5)}
.slipc__h{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;font-size:.9rem;color:var(--grey-600)}
.slipc__h .rng__h{justify-content:flex-end}
.slipc__h .rng__h>span{display:none}
.slipc__h .rng input{margin-top:0}
.slipc__h .rng{display:grid;grid-template-columns:1fr 6.5rem;gap:1rem;align-items:center}
.slipc__h .rng .rng__h{order:2}
.slipc__chart{position:relative;margin-top:1.4rem;aspect-ratio:400/220;border-radius:1rem;background:linear-gradient(180deg,var(--blue-50),#fff);overflow:hidden}
.slipc__chart svg{position:absolute;inset:0;width:100%;height:100%}
.slipc__grid line{stroke:var(--grey-100);stroke-width:1;vector-effect:non-scaling-stroke}
.slipc__old{fill:none;stroke:var(--grey-500);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:d .5s var(--expo)}
.slipc__new{fill:none;stroke:var(--blue);stroke-width:3;vector-effect:non-scaling-stroke}
.slipc__lab{position:absolute;right:.8rem;padding:.2rem .55rem;border-radius:2rem;font-size:.72rem;font-weight:600;background:#fff;box-shadow:0 6px 14px -10px rgba(5,22,46,.4)}
.slipc__lab--old{top:.8rem;color:var(--grey-600)}
.slipc__lab--new{bottom:.8rem;color:var(--blue)}
.slipc__out{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem}
.slipc__out div{padding:1rem 1.1rem;border-radius:1rem;background:var(--grey-0)}
.slipc__out small{display:block;font-size:.8rem;color:var(--grey-600)}
.slipc__out b{display:block;margin-top:.25rem;font-size:1.6rem;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.slipc__out b.is-blue{color:var(--blue)}

.legs{display:grid;grid-template-columns:1fr minmax(4rem,1fr) 1fr minmax(4rem,1fr) 1fr;align-items:center;margin-top:4.5rem}
.leg{align-self:stretch;justify-content:center;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.8rem 1rem;border-radius:var(--r-24);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.leg__ic{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#fff;margin-bottom:.4rem}
.leg__ic img{width:2.6rem;height:2.6rem;border-radius:50%;object-fit:cover}
.leg b{font-size:1.15rem;font-weight:500}
.leg small{font-size:.88rem;color:rgba(255,255,255,.62);max-width:14em}
.leg--us{background:linear-gradient(180deg,rgba(46,108,245,.35),rgba(11,58,135,.2));border-color:rgba(132,176,252,.4)}
.leg--us .leg__ic img{width:1.7rem;height:1.7rem;border-radius:0}
.legs__rail{position:relative;display:flex;flex-direction:column;gap:1.4rem;padding:0 .4rem}
.legs__rail>i{position:relative;display:block;height:2px;background:repeating-linear-gradient(90deg,rgba(189,214,254,.55) 0 4px,transparent 4px 9px)}
.legs__rail>i::after{content:"";position:absolute;top:50%;width:.55rem;height:.55rem;margin-top:-.275rem;border-radius:50%;background:#fff;box-shadow:0 0 10px #84b0fc}
.legs__on::after{left:0;animation:leg-r 2.4s linear infinite}
.legs__off::after{right:0;animation:leg-l 2.4s 1.2s linear infinite}
@keyframes leg-r{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}
@keyframes leg-l{from{right:0;opacity:0}15%{opacity:1}85%{opacity:1}to{right:100%;opacity:0}}
.legs__rail em{position:absolute;left:50%;transform:translateX(-50%);font-style:normal;font-size:.72rem;color:var(--blue-200);white-space:nowrap}
.legs__on em{bottom:.6rem}.legs__off em{top:.6rem}
.legs__note{max-width:34rem;margin:3.5rem auto 0;text-align:center}
.legs__note h3{margin-top:.5rem}
.legs__note p{margin-top:.7rem;color:rgba(255,255,255,.72);font-size:1.0625rem}

.mkts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.9rem}
.mkt{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.3rem 1.1rem;border-radius:1.2rem;background:var(--grey-0);border:1px solid var(--grey-100);transition:transform .5s var(--expo),border-color .3s}
.mkt:hover{transform:translateY(-4px);border-color:var(--blue-200)}
.mkt img{width:2.2rem;height:2.2rem;border-radius:50%;object-fit:cover;margin-bottom:.5rem}
.mkt b{font-size:1.15rem;font-weight:600}
.mkt small{font-size:.82rem;color:var(--grey-600)}
.mkt__dir{display:flex;gap:.3rem;margin-top:.6rem}
.mkt__dir i{padding:.15rem .5rem;border-radius:2rem;background:var(--blue-100);color:var(--blue);font-style:normal;font-size:.7rem;font-weight:600}
.mkt--coins{background:linear-gradient(160deg,#1d5cf0,#0b3a87);border-color:transparent;color:#fff}
.mkt--coins small{color:rgba(255,255,255,.7)}
.mkt--coins img{display:inline-block;margin-right:-.6rem;border:2px solid #fff}
.mkt--coins img+img{margin-top:-2.7rem;margin-left:1.6rem}

/* ════════════════════════ AI & API monetization ════════════════════════ */
.use{position:relative;width:min(100%,25rem);padding:1.2rem;background:#fff;border-radius:1.25rem;box-shadow:0 30px 60px -30px rgba(3,18,42,.6)}
.use__h{display:flex;justify-content:space-between;align-items:center}
.use__h b{display:block;font-size:1rem;font-weight:600}
.use__h small{font-size:.75rem;color:var(--grey-600)}
.use__cap{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;align-items:center;margin-top:1rem;padding:.9rem;border-radius:1rem;background:var(--grey-0);border:1px solid var(--grey-100)}
.use__cap svg{width:5.5rem;height:5.5rem;transform:rotate(-90deg)}
.use__track{fill:none;stroke:var(--grey-100);stroke-width:10}
.use__fill{fill:none;stroke:var(--blue);stroke-width:10;stroke-linecap:round;stroke-dasharray:24.8 100;transition:stroke-dasharray .6s var(--expo)}
.use__cap small{display:block;font-size:.75rem;color:var(--grey-600)}
.use__cap b{display:block;margin-top:.1rem;font-size:1.7rem;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.use__cap span{font-size:.75rem;color:var(--grey-600);font-variant-numeric:tabular-nums}
.use__log{margin-top:.8rem;height:11.2rem;overflow:hidden;font-family:var(--mono);font-size:.72rem;-webkit-mask:linear-gradient(180deg,#000 70%,transparent);mask:linear-gradient(180deg,#000 70%,transparent)}
.use__ln{display:grid;grid-template-columns:3.4rem 1fr 2.2rem 4rem;gap:.5rem;align-items:center;padding:.42rem .2rem;border-bottom:1px solid var(--grey-50);color:var(--grey-700);animation:board-in .5s var(--expo)}
.use__ln em{font-style:normal;color:var(--grey-600)}
.use__ln i{font-style:normal;color:var(--green);font-weight:500}
.use__ln b{justify-self:end;color:var(--ink);font-weight:500}

.coins{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}
.coins__g{display:grid;grid-template-columns:repeat(12,.75rem);gap:.35rem}
.coins__g i{width:.75rem;height:.75rem;border-radius:50%;background:rgba(132,176,252,.25);transition:background .3s,transform .6s var(--expo)}
.coins__g i.is-on{background:var(--blue-300);box-shadow:0 0 8px rgba(132,176,252,.6)}
.coins.is-set .coins__g i{transform:scale(.3);background:var(--blue-300)}
.coins__set{display:flex;align-items:center;gap:.7rem;padding:.55rem .9rem;border-radius:2rem;background:#fff;color:var(--ink);font-size:.8rem;opacity:.35;transform:scale(.92);transition:opacity .5s,transform .6s var(--expo)}
.coins__set small{color:var(--grey-600)}
.coins.is-set .coins__set{opacity:1;transform:none}

.capv{width:100%;max-width:17rem;padding:1rem;border-radius:1rem;background:#fff;color:var(--ink);font-size:.78rem}
.capv__h{display:flex;justify-content:space-between;color:var(--grey-600)}
.capv__h b{color:var(--ink)}
.capv__bar{position:relative;height:.55rem;margin-top:.6rem;border-radius:1rem;background:var(--grey-50)}
.capv__bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:1rem;background:linear-gradient(90deg,var(--blue-400),var(--blue))}
.capv__bar em{position:absolute;right:-1px;top:-.3rem;bottom:-.3rem;width:2px;background:var(--ink)}
.fx.is-in .capv__bar i,.capv.is-in .capv__bar i{animation:cap-fill 4s var(--ease) infinite}
@keyframes cap-fill{0%{width:0}70%,100%{width:100%}}
.capv__rows{margin-top:.6rem}
.capv__rows div{display:flex;justify-content:space-between;gap:.6rem;padding:.35rem 0;border-bottom:1px solid var(--grey-50);color:var(--grey-600)}
.capv__rows b{color:var(--ink);font-weight:600}
.capv__rev{margin-top:.7rem;width:100%;padding:.5rem;border-radius:2rem;border:1px solid var(--grey-100);font-size:.75rem;font-weight:600;color:var(--ink);pointer-events:none}

.t402{display:flex;flex-direction:column;width:100%;max-width:18rem;padding:1rem 1.1rem;border-radius:1rem;background:#020b18;border:1px solid rgba(255,255,255,.1);font-family:var(--mono);font-size:.74rem;line-height:1.7;color:#cfe0ff}
.t402 .term__ln{opacity:0;transform:translateX(-6px)}
.t402.is-in .term__ln{animation:t402 .4s var(--expo) forwards;animation-delay:calc(var(--i) * .45s)}
@keyframes t402{to{opacity:1;transform:none}}
.t402 .c{color:#7e93a9}.t402 .ok{color:#6fe0cc}.t402 .err{color:#ffb4a8}.t402 .k{color:#84b0fc}.t402 .s{color:#ffd28a}

.pp{margin-top:4rem;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100);box-shadow:0 30px 60px -50px rgba(5,22,46,.5);overflow:hidden}
.pp__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--grey-100)}
.pp__tabs button{position:relative;padding:1.2rem 1rem;font-size:1rem;font-weight:500;color:var(--grey-600);transition:color .3s,background .3s}
.pp__tabs button::after{content:"";position:absolute;left:1rem;right:1rem;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transition:transform .45s var(--expo)}
.pp__tabs button[aria-selected="true"]{color:var(--ink)}
.pp__tabs button[aria-selected="true"]::after{transform:none}
.pp__tabs button:hover{background:var(--grey-0)}
.pp__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;padding:2.5rem}
.pp__pane p{font-size:1.2rem;letter-spacing:-.02em}
.pp__pane code{display:inline-block;margin-top:1rem;padding:.4rem .75rem;border-radius:.5rem;background:var(--blue-50);color:var(--blue);font-family:var(--mono);font-size:.9rem}
.pp__left .rng{margin-top:2.5rem}
.pp__inv{padding:1.5rem;border-radius:1.1rem;background:var(--grey-0);border:1px solid var(--grey-100);font-size:.95rem}
.pp__inv-h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:.9rem;border-bottom:1px solid var(--grey-100);font-weight:600}
.pp__inv-h small{font-weight:400;font-size:.78rem;color:var(--grey-500)}
.pp__line{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--grey-100);color:var(--grey-700)}
.pp__line b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.pp__line--tot{border-bottom:0}
.pp__line--tot b{font-size:1.5rem;font-weight:500;letter-spacing:-.03em;color:var(--blue)}
.pp__note{margin-top:.6rem;font-size:.82rem;color:var(--grey-600)}

.fee{margin-top:4rem;padding:2rem 2.25rem;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100)}
.fee__h{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;color:var(--grey-600)}
.fee__h .rng{display:grid;grid-template-columns:1fr 5rem;gap:1rem;align-items:center}
.fee__h .rng .rng__h{order:2;justify-content:flex-end}
.fee__h .rng__h>span{display:none}
.fee__h .rng input{margin-top:0}
.fee__h .rng__h b{font-size:1.2rem}
.fee__row{display:grid;grid-template-columns:13rem 1fr 6rem;gap:1.2rem;align-items:center;margin-top:1.3rem;font-size:.95rem;color:var(--grey-700)}
.fee__row b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.fee__bar{position:relative;display:block;height:1.1rem;border-radius:.4rem;background:var(--grey-50);overflow:hidden}
.fee__bar>i{position:absolute;inset:0 auto 0 0;border-radius:.4rem;background:var(--blue);transition:width .5s var(--expo)}
.fee__bar--card>i{background:repeating-linear-gradient(135deg,var(--grey-500) 0 5px,var(--grey-400) 5px 10px)}
.fee__bar--card.is-over{box-shadow:inset 0 0 0 1.5px var(--grey-500)}
.fee__say{margin-top:1.4rem;font-size:1.05rem;color:var(--ink)}


/* ════════════════════════ Shared: consoles, mini cards, playgrounds ════════════════════════ */
.con__log{margin-top:.8rem;height:15.5rem;overflow:hidden;-webkit-mask:linear-gradient(180deg,#000 72%,transparent);mask:linear-gradient(180deg,#000 72%,transparent)}
.cln{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.6rem .15rem;border-bottom:1px solid var(--grey-50);animation:board-in .5s var(--expo)}
.cln__f{position:relative;width:2.5rem;height:1.8rem}
.cln__f img{position:absolute;top:0;width:1.8rem;height:1.8rem;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff}
.cln__f img:first-child{left:0}.cln__f img+img{left:.75rem}
.cln__f img:only-child{left:.35rem}
.cln b{display:block;font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cln small{display:block;font-size:.72rem;color:var(--grey-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.cln em{font-style:normal;text-align:right;font-family:var(--mono);font-size:.7rem;color:var(--grey-600);white-space:nowrap}
.cln em i{display:block;font-style:normal;font-family:var(--font);font-size:.72rem;font-weight:600;color:var(--green)}
.con .use__cap span i{font-style:normal}

.mini{width:100%;max-width:18rem;padding:1rem;border-radius:1rem;background:#fff;color:var(--ink);font-size:.78rem;box-shadow:0 24px 48px -28px rgba(0,0,0,.6)}
.mini--wide{max-width:20rem}
.mini__f{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.7rem;padding-top:.6rem;border-top:1px dashed var(--grey-100);color:var(--grey-600)}
.mini__f b{color:var(--ink);font-weight:600;display:inline-flex;align-items:center;gap:.35rem}

.mfloat{margin-top:.7rem;display:grid;gap:.55rem}
.mfloat__r{display:grid;grid-template-columns:1.3rem 2.2rem 1fr 3.2rem;gap:.5rem;align-items:center}
.mfloat__r img{width:1.3rem;height:1.3rem;border-radius:50%;object-fit:cover}
.mfloat__r span{font-family:var(--mono);font-size:.7rem;color:var(--grey-600)}
.mfloat__r>i{display:block;height:.5rem;border-radius:1rem;background:var(--grey-50);overflow:hidden}
.mfloat__r>i>i{display:block;height:100%;width:var(--h);border-radius:1rem;background:linear-gradient(90deg,var(--blue-400),var(--blue));transition:width 1.3s var(--expo)}
.mfloat.is-empty .mfloat__r>i>i{width:3%}
.mfloat__r b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}

.mfan{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.7rem}
.mfan span{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.45rem .2rem;border-radius:.6rem;background:var(--grey-0);box-shadow:inset 0 0 0 1px var(--grey-100);font-family:var(--mono);font-size:.62rem;color:var(--grey-500);transition:background .3s,box-shadow .3s,color .3s}
.mfan span img{width:1.2rem;height:1.2rem;border-radius:50%;object-fit:cover;filter:grayscale(1);opacity:.6;transition:filter .3s,opacity .3s}
.mfan span.is-on{background:var(--blue-50);box-shadow:inset 0 0 0 1.5px var(--blue);color:var(--ink)}
.mfan span.is-on img{filter:none;opacity:1}

.mled{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center;margin-top:.7rem}
.mled>div{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.6rem;border-radius:.7rem;background:var(--grey-0);box-shadow:inset 0 0 0 1px var(--grey-100)}
.mled>div img{width:1.3rem;height:1.3rem;border-radius:50%;object-fit:cover}
.mled small{display:block;font-size:.62rem;color:var(--grey-600)}
.mled b{display:block;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.mled b.pos{color:var(--green)}
.mled>i{padding:.2rem .35rem;border-radius:.35rem;background:var(--blue);color:#fff;font-style:normal;font-family:var(--mono);font-size:.62rem}
.mled__ok{color:var(--green) !important}
.mini .sweep{height:8.6rem;padding-top:1.5rem}
.mini .sweep__bar{height:5.4rem}
.mini .sweep__line{bottom:calc(1.6rem + 5.4rem * .55)}
.mini .sweep__to{top:-.1rem}

.mchart{display:block;width:100%;height:5.5rem;margin-top:.7rem;border-radius:.6rem;background:linear-gradient(180deg,var(--blue-50),#fff)}
.mchart__old{fill:none;stroke:var(--grey-500);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:400;stroke-dashoffset:400}
.mchart__new{fill:none;stroke:var(--blue);stroke-width:3;vector-effect:non-scaling-stroke}
.fx.is-in .mchart__old{animation:mchart 3.5s var(--ease) infinite}
@keyframes mchart{0%{stroke-dashoffset:400}60%,100%{stroke-dashoffset:0}}
.mk{display:inline-block;width:.8rem;height:3px;border-radius:2px;background:var(--blue);vertical-align:middle;margin-right:.3rem}
.mk--old{background:var(--grey-500)}

.mtog__seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:.2rem;border-radius:2rem;background:var(--grey-50);font-weight:600;color:var(--grey-600);text-align:center}
.mtog__seg span{position:relative;z-index:1;padding:.35rem;transition:color .3s}
.mtog__seg span.is-on{color:var(--ink)}
.mtog__seg i{position:absolute;top:.2rem;bottom:.2rem;left:.2rem;width:calc(50% - .2rem);border-radius:2rem;background:#fff;box-shadow:0 2px 6px -2px rgba(5,22,46,.25);transition:transform .5s var(--expo)}
.mtog.is-off .mtog__seg i{transform:translateX(100%)}
.mtog__r{display:flex;align-items:center;gap:.55rem;margin-top:.55rem;padding:.55rem .65rem;border-radius:.7rem;background:var(--grey-0);box-shadow:inset 0 0 0 1px var(--grey-100)}
.mtog__r img{width:1.4rem;height:1.4rem;border-radius:50%;object-fit:cover}
.mtog__r b{font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}
.mtog__arrow{text-align:center;color:var(--grey-500);margin-top:.3rem;line-height:1}
.mtog.is-swap .mtog__r{animation:tx-in .5s var(--expo)}

.sec--cards .fx__vis{height:19rem}
.sec--cards .t402{max-width:19rem}

/* playgrounds (built by solutions.js) */
.pg .pp__tabs button{white-space:nowrap}
.pg__desc{font-size:1.2rem;letter-spacing:-.02em;line-height:1.45}
.pg__chip{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.45rem .8rem;border-radius:.5rem;background:var(--blue-50);color:var(--blue);font-family:var(--mono);font-size:.85rem}
.pg__chip img{width:1.2rem;height:1.2rem;border-radius:50%;object-fit:cover}
.pg .pp__line span{display:inline-flex;align-items:center;gap:.5rem}
.pg .pp__line span img{width:1.2rem;height:1.2rem;border-radius:50%;object-fit:cover}
.pg .pp__line b{transition:color .3s}
.pg .pp__line.is-flash b{color:var(--blue)}
.pg__legs .pp__line{padding:.6rem 0}

/* payroll: when payday lands */
.pdate{margin-top:4rem;padding:2rem 2.25rem;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100)}
.pdate__h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:1.05rem;color:var(--ink)}
.pdate__k{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--grey-600)}
.pdate__k i{width:.9rem;height:.6rem;border-radius:.2rem;margin-left:.6rem}
.pdate__k i.is-bank,.pdate__bar i.is-bank{background:repeating-linear-gradient(135deg,var(--grey-500) 0 5px,var(--grey-400) 5px 10px)}
.pdate__k i.is-ely,.pdate__bar i.is-ely{background:var(--blue)}
.pdate__r{display:grid;grid-template-columns:1.8rem 11rem 1fr 6.5rem;gap:1rem;align-items:center;margin-top:1.1rem}
.pdate__r img{width:1.8rem;height:1.8rem;border-radius:50%;object-fit:cover}
.pdate__r b{display:block;font-weight:600;font-size:.95rem}
.pdate__r small{display:block;font-size:.78rem;color:var(--grey-600)}
.pdate__r em{font-style:normal;text-align:right;font-family:var(--mono);font-size:.8rem;color:var(--grey-600)}
.pdate__bar{position:relative;display:grid;gap:.3rem;padding:.2rem 0;background:linear-gradient(90deg,transparent calc(25% - 1px),var(--grey-100) calc(25% - 1px),var(--grey-100) 25%,transparent 25%) 0 0/25% 100%}
.pdate__bar i{display:block;height:.55rem;border-radius:.3rem;width:0;transition:width 1.1s var(--expo)}
.pdate.is-in .pdate__bar i.is-bank{width:calc(6% + var(--d) * 25%)}
.pdate.is-in .pdate__bar i.is-ely{width:6%}
.pdate__n{margin-top:1.4rem;font-size:.85rem;color:var(--grey-600)}

@media (max-width:767px){
  .pdate{padding:1.4rem}
  .pdate__r{grid-template-columns:1.6rem minmax(0,1fr) 5.2rem;gap:.4rem .8rem}
  .pdate__bar{grid-column:1/-1;grid-row:2}
  .sec--cards .fx__vis{height:auto;min-height:15rem;padding:1.5rem 1rem}
  .pg .pp__tabs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .pg .pp__tabs button{white-space:normal;font-size:.85rem;padding:.9rem .6rem;line-height:1.3}
  .pg .pp__line--tot b{font-size:1.2rem;text-align:right}
}


/* ════════════════════════ v3: four anatomies ════════════════════════ */
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn--ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}

/* centred hero with a wide product below it */
.chero{position:relative;padding:9.5rem 0 6rem;overflow:hidden;text-align:center}
.chero__in{position:relative}
.chero .t1p{max-width:16ch}
.chero__below{position:relative;margin-top:4rem}
.chero--dark{background:radial-gradient(70% 60% at 50% 0%,#0b3a87 0%,#05162e 62%),#05162e;color:#fff}
.chero--dark .kicker{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#dee3e8}
.chero--dark .phero__sub{color:rgba(255,255,255,.72)}

/* remittance: the corridor map */
.cmap{position:relative;border-radius:2rem;padding:1.5rem 1.5rem 0;background:radial-gradient(80% 90% at 50% 0%,#0b3a87 0%,#05162e 70%);color:#fff;overflow:hidden;box-shadow:0 50px 100px -50px rgba(5,22,46,.7);text-align:left}
.cmap__top{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem}
.cmap__top>span:first-child{display:inline-flex;align-items:center;gap:.8rem}
.cmap__top b{font-weight:600}
.cmap__legend{display:flex;gap:1.2rem;color:rgba(255,255,255,.6);font-size:.82rem}
.cmap__legend span{display:inline-flex;align-items:center;gap:.4rem}
.cmap__legend i{width:9px;height:9px;border-radius:50%}
.cmap__legend .lg-soon{border:1px solid rgba(255,255,255,.6)}
.cmap__map{position:relative;max-width:68rem;margin:1rem auto 0;aspect-ratio:105.71/60.43}
.cmap__map .worldmap__legend{display:none}
.cmap__toasts{position:absolute;inset:0;pointer-events:none}
.ctoast{position:absolute;display:flex;align-items:center;gap:.55rem;padding:.45rem .75rem .45rem .45rem;border-radius:.8rem;background:#fff;color:var(--ink);font-size:.78rem;white-space:nowrap;box-shadow:0 18px 36px -14px rgba(0,0,0,.6);transform:translate(-50%,calc(-100% - 14px));animation:ctoast 3.2s var(--expo) forwards}
.ctoast::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#fff;transform:translateX(-50%) rotate(45deg)}
.ctoast img{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover}
.ctoast b{display:block;font-weight:600}
.ctoast small{display:block;font-size:.68rem;color:var(--grey-600)}
.ctoast em{font-style:normal;font-family:var(--mono);font-size:.7rem;color:var(--green);margin-left:.3rem}
@keyframes ctoast{0%{opacity:0;transform:translate(-50%,calc(-100% - 2px)) scale(.9)}12%{opacity:1;transform:translate(-50%,calc(-100% - 14px))}80%{opacity:1}100%{opacity:0;transform:translate(-50%,calc(-100% - 22px))}}
.cmap__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 -1.5rem;border-top:1px solid rgba(255,255,255,.1)}
.cmap__stats div{padding:1.4rem 1.75rem}
.cmap__stats div+div{border-left:1px solid rgba(255,255,255,.1)}
.cmap__stats b{display:block;font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:500;letter-spacing:-.04em}
.cmap__stats span{font-size:.9rem;color:rgba(255,255,255,.6)}

/* remittance: the quote widget */
.qw{width:min(100%,27rem);margin:0 auto;padding:1.4rem;border-radius:1.5rem;background:#fff;border:1px solid var(--grey-100);box-shadow:0 40px 80px -50px rgba(5,22,46,.5);font-size:.9rem}
.qw__h{display:flex;justify-content:space-between;align-items:center}
.qw__h b{font-size:1.1rem;font-weight:600}
.qw__hold{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.8rem;color:var(--blue)}
.qw__hold svg{width:1.6rem;height:1.6rem;transform:rotate(-90deg)}
.qw__ring-t{fill:none;stroke:var(--blue-100);stroke-width:4}
.qw__ring{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-dasharray:100 100;transition:stroke-dasharray 1s linear}
.qw__pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.qw__pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem .4rem .4rem;border-radius:2rem;background:var(--grey-0);box-shadow:inset 0 0 0 1px var(--grey-100);font-size:.8rem;font-weight:500;color:var(--grey-700);transition:background .25s,box-shadow .25s,color .25s}
.qw__pill img{width:1.2rem;height:1.2rem;border-radius:50%;object-fit:cover}
.qw__pill:hover{color:var(--ink)}
.qw__pill.is-on{background:var(--blue-50);box-shadow:inset 0 0 0 1.5px var(--blue);color:var(--ink)}
.qw__f{margin-top:.8rem;padding:.9rem 1rem;border-radius:1rem;background:var(--grey-0);border:1px solid var(--grey-100)}
.qw__f small{font-size:.75rem;color:var(--grey-600)}
.qw__f>div{display:flex;justify-content:space-between;align-items:baseline;margin-top:.2rem}
.qw__f>div b{font-size:1.6rem;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.qw__f>div span{font-family:var(--mono);font-size:.85rem;color:var(--grey-600)}
.qw__f input{-webkit-appearance:none;appearance:none;width:100%;height:1.2rem;margin-top:.4rem;background:transparent;cursor:pointer;--p:12%}
.qw__f input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--blue) var(--p),var(--grey-100) var(--p))}
.qw__f input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:#fff;border:2px solid var(--blue)}
.qw__f input::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--blue) var(--p),var(--grey-100) var(--p))}
.qw__f input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--blue)}
.qw__f--to{background:var(--blue-50);border-color:var(--blue-100)}
.qw__f--to>div b{color:var(--blue)}
.qw__rows{margin-top:.6rem}
.qw__rows div{display:flex;justify-content:space-between;padding:.45rem .2rem;border-bottom:1px solid var(--grey-50);color:var(--grey-600)}
.qw__rows b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.qw__go{display:block;width:100%;margin-top:1rem;padding:.85rem;border-radius:2rem;background:var(--ink);color:#fff;font-weight:600;transition:background .25s}
.qw__go:hover{background:#171c22}
.qw__go[disabled]{opacity:.6;cursor:default}
.qw__steps{margin-top:.9rem;max-height:0;overflow:hidden;transition:max-height .6s var(--expo)}
.qw.is-run .qw__steps{max-height:12rem}
.qw__n{margin-top:.8rem;font-size:.75rem;color:var(--grey-500)}

/* value statements as a list */
.vlist{margin-top:2.5rem;display:grid;gap:1.6rem}
.vlist__i{display:grid;grid-template-columns:3rem 1fr;gap:1.1rem}
.vlist__ic{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.9rem;background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100)}
.vlist__ic svg{width:1.4rem;height:1.4rem;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vlist h3{margin-top:.3rem;font-size:1.3rem;font-weight:500;letter-spacing:-.03em}
.vlist p{margin-top:.4rem;color:var(--grey-700);font-size:1.0625rem;max-width:30em}
.vrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-top:3.5rem}
.vrow h3{margin-top:.6rem;font-size:1.3rem;font-weight:500;letter-spacing:-.03em}
.vrow p{margin-top:.6rem;color:var(--grey-700);font-size:1.0625rem}
.vrow .vlist__ic{margin-bottom:1.1rem}

/* payroll: the desktop app */
.app{border-radius:1.25rem;background:#fff;overflow:hidden;text-align:left;box-shadow:0 0 0 1px rgba(5,22,46,.08),0 60px 120px -60px rgba(5,22,46,.55)}
.app__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:2.6rem;padding:0 1rem;border-bottom:1px solid var(--grey-100);background:#f7f8fa}
.app__bar .ph__dots{display:flex;gap:.35rem}
.app__bar .ph__dots i{width:.6rem;height:.6rem;border-radius:50%;background:#dfe3e8}
.app__url{padding:.25rem 1rem;border-radius:.4rem;background:#fff;box-shadow:inset 0 0 0 1px var(--grey-100);font-size:.75rem;color:var(--grey-600)}
.app__body{display:grid;grid-template-columns:13rem minmax(0,1fr);min-height:32rem}
.app__side{display:flex;flex-direction:column;gap:.15rem;padding:1.2rem .8rem;border-right:1px solid var(--grey-100);background:var(--grey-0);font-size:.88rem;color:var(--grey-600)}
.app__logo{display:flex;align-items:center;gap:.5rem;padding:0 .6rem 1rem;font-weight:600;color:var(--ink)}
.app__logo img{width:1.2rem}
.app__side>span:not(.app__logo){display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:.5rem}
.app__side>span i{width:.9rem;height:.9rem;border-radius:.25rem;border:1.5px solid currentColor;opacity:.7}
.app__side>span.is-on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(5,22,46,.08)}
.app__main{padding:1.5rem 1.75rem}
.app__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.app__head b{display:block;font-size:1.35rem;font-weight:600;letter-spacing:-.02em}
.app__head small{display:block;margin-top:.2rem;font-size:.85rem;color:var(--grey-600)}
.app__acts{display:flex;gap:.5rem}
.app__btn{padding:.55rem 1rem;border-radius:2rem;background:var(--ink);color:#fff;font-size:.82rem;font-weight:600;transition:transform .2s}
.app__btn--ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--grey-100)}
.app__btn.is-press{transform:scale(.94)}
.app__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.25rem}
.app__stats div{padding:.8rem .9rem;border-radius:.8rem;background:var(--grey-0);border:1px solid var(--grey-100)}
.app__stats small{display:block;font-size:.72rem;color:var(--grey-600)}
.app__stats b{display:block;margin-top:.2rem;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}
.app__bar2{height:.3rem;margin-top:1rem;border-radius:1rem;background:var(--grey-50);overflow:hidden}
.app__bar2 i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue-400),var(--blue));transition:width .5s var(--expo)}
.app__table{margin-top:1rem;font-size:.85rem}
.app__th,.app__tr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 6rem;gap:1rem;align-items:center;padding:.6rem .4rem}
.app__th{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--grey-500);border-bottom:1px solid var(--grey-100)}
.app__tr{border-bottom:1px solid var(--grey-50);transition:background .3s}
.app__tr.is-now{background:var(--blue-50)}
.app__who{display:flex;align-items:center;gap:.6rem}
.app__who i{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--blue-100);color:var(--blue);font-style:normal;font-size:.68rem;font-weight:700}
.app__who b{font-weight:600}
.app__ct{display:flex;align-items:center;gap:.45rem;color:var(--grey-700)}
.app__ct img{width:1.2rem;height:1.2rem;border-radius:50%;object-fit:cover}
.app__amt{font-weight:600;font-variant-numeric:tabular-nums}
.app__rail{color:var(--grey-600);font-size:.8rem}
.app__st{justify-self:start;padding:.22rem .6rem;border-radius:2rem;font-size:.72rem;font-weight:600;background:var(--grey-50);color:var(--grey-600)}
.app__st[data-st="converting"]{background:var(--blue-100);color:var(--blue)}
.app__st[data-st="paid"]{background:var(--green-bg);color:var(--green);animation:chip-pop .5s var(--expo)}

/* payroll: one funding split into legs */
.fsplit{padding:2rem;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100);box-shadow:0 30px 60px -50px rgba(5,22,46,.5)}
.fsplit__top{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:end}
.fsplit__seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:.25rem;border-radius:2rem;background:var(--grey-50)}
.fsplit__seg button{position:relative;z-index:1;padding:.45rem 1rem;font-size:.85rem;font-weight:600;color:var(--grey-600);transition:color .3s}
.fsplit__seg button.is-on{color:var(--ink)}
.fsplit__seg i{position:absolute;top:.25rem;bottom:.25rem;left:.25rem;width:calc((100% - .5rem) / 3);border-radius:2rem;background:#fff;box-shadow:0 2px 6px -2px rgba(5,22,46,.25);transition:transform .5s var(--expo)}
.fsplit__bar{display:flex;height:3rem;margin-top:1.75rem;border-radius:.8rem;overflow:hidden;gap:3px}
.fsplit__bar span{display:grid;place-items:center;min-width:0;color:#fff;font-family:var(--mono);font-size:.72rem;transition:flex-grow .6s var(--expo)}
.fsplit__legs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem 2rem;margin-top:1.25rem}
.fsplit__legs div{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--grey-50);font-size:.92rem}
.fsplit__legs span{display:inline-flex;align-items:center;gap:.5rem;color:var(--grey-700)}
.fsplit__legs i{width:.6rem;height:.6rem;border-radius:.2rem}
.fsplit__legs b{font-weight:600;font-variant-numeric:tabular-nums}
.fsplit__legs .is-tot{grid-column:1/-1;border-bottom:0;padding-top:.9rem}
.fsplit__legs .is-tot b{font-size:1.4rem;font-weight:500;letter-spacing:-.03em;color:var(--blue)}

/* intercompany: entity balances and the big mirrored ledgers */
.ent small em{font-style:normal;font-weight:600;color:var(--ink)}
.mledg{margin-top:3.5rem}
.mledg__ctl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2.5rem;align-items:end;max-width:56rem;margin:0 auto}
.mledg__ctl .qw__pills{margin-top:0}
.mirror--big{max-width:56rem;margin:2rem auto 0;gap:1rem}
.mirror--big .led{padding:1.4rem;font-size:.95rem;border:1px solid var(--grey-100);box-shadow:0 30px 60px -45px rgba(5,22,46,.5)}
.mirror--big .led__h img{width:2.2rem;height:2.2rem}
.mirror--big .led__h b{font-size:1rem}
.mirror--big .led__h small{font-size:.8rem}
.mirror--big .led__r{padding:.8rem 0}
.mirror--big .led__r b{font-size:1.05rem}
.mirror--big .mirror__eq{width:3rem;height:3rem;font-size:1.4rem}
.mirror--big .mirror__ref{font-size:.72rem}
.mirror--big.is-flash .led__f,.mirror--big.is-flash .mirror__ok{animation:led-hi 1s var(--expo)}
.mledg .note{text-align:center;margin-left:auto;margin-right:auto}

.duo{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:4rem}
.duo__i{padding:1.75rem;border-radius:var(--r-24);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.duo__vis{display:grid;place-items:center;min-height:17rem;padding:1.5rem;border-radius:1.1rem;background:rgba(255,255,255,.96);margin-bottom:1.6rem}
.duo__i .fx__val{color:var(--blue-300)}
.duo__i h3{margin-top:.5rem}
.duo__i p{margin-top:.6rem;color:rgba(255,255,255,.72);font-size:1.0625rem}
.race--big{max-width:28rem;font-size:.9rem}
.race--big .race__lane{grid-template-columns:9rem 1fr 4.6rem}
.sweep--big{height:14rem}
.sweep--big .sweep__bar{height:9.5rem;width:3rem}
.sweep--big .sweep__line{bottom:calc(1.6rem + 9.5rem * .55)}

/* ramp: the trading desk */
.desk{border-radius:1.75rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);padding:1.25rem;text-align:left;box-shadow:0 60px 120px -60px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.desk__top{display:flex;justify-content:space-between;align-items:center;padding:.2rem .4rem 1rem;color:#fff}
.desk__top b{display:block;font-weight:600}
.desk__top small{font-size:.8rem;color:rgba(255,255,255,.55)}
.desk__body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.25rem;align-items:stretch}
.desk__chart{display:flex;flex-direction:column;padding:1.1rem;border-radius:1.2rem;background:rgba(2,11,24,.6);border:1px solid rgba(255,255,255,.08)}
.desk__ch{display:flex;justify-content:space-between;font-size:.8rem;color:rgba(255,255,255,.55)}
.desk__px b{font-family:var(--mono);color:#fff;font-weight:500}
.desk__chart svg{flex:1;width:100%;min-height:16rem;margin-top:.8rem}
.desk__bid{fill:url(#dkB);stroke:#4180f9;stroke-width:1.5;vector-effect:non-scaling-stroke}
.desk__ask{fill:url(#dkA);stroke:#97a8ba;stroke-width:1.5;vector-effect:non-scaling-stroke}
.desk__midl{stroke:rgba(255,255,255,.25);stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.desk__ticket{fill:rgba(132,176,252,.12);stroke:#84b0fc;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;transition:width .8s var(--expo)}
.desk__lab{display:flex;justify-content:space-between;align-items:center;margin-top:.6rem;font-size:.75rem;color:rgba(255,255,255,.55)}
.desk__tk{padding:.25rem .6rem;border-radius:2rem;background:rgba(132,176,252,.16);color:#bdd6fe;font-weight:600}
.desk .swap{width:auto}

.mkt2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3.5rem}
.mkt2__t{padding:1.4rem;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100);transition:transform .5s var(--expo),box-shadow .5s}
.mkt2__t:hover{transform:translateY(-4px);box-shadow:0 30px 50px -40px rgba(11,58,135,.6)}
.mkt2__h{display:flex;align-items:center;gap:.8rem}
.mkt2__h img{width:2.4rem;height:2.4rem;border-radius:50%;object-fit:cover}
.mkt2__h b{display:block;font-size:1.1rem;font-weight:600}
.mkt2__h small{font-size:.82rem;color:var(--grey-600)}
.mkt2__px{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.1rem}
.mkt2__px div{padding:.6rem .75rem;border-radius:.7rem;background:var(--grey-0)}
.mkt2__px small{display:block;font-size:.7rem;color:var(--grey-500)}
.mkt2__px b{display:block;margin-top:.1rem;font-family:var(--mono);font-size:1rem;font-weight:500;transition:color .4s}
.mkt2__px b.is-up{color:var(--green)}
.mkt2__px b.is-dn{color:var(--grey-500)}
.mkt2__sp{display:block;width:100%;height:2.2rem;margin-top:.8rem}
.mkt2__sp path{fill:none;stroke:var(--blue);stroke-width:1.6;vector-effect:non-scaling-stroke}

@media (max-width:991px){
  .app__body{grid-template-columns:minmax(0,1fr)}
  .app__side{display:none}
  .desk__body{grid-template-columns:minmax(0,1fr)}
  .duo{grid-template-columns:minmax(0,1fr)}
  .mkt2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vrow{grid-template-columns:minmax(0,1fr);gap:2rem}
  .mledg__ctl{grid-template-columns:minmax(0,1fr);gap:1.25rem}
}
@media (max-width:767px){
  .chero{padding:8rem 0 4rem}
  .chero__below{margin-top:2.5rem}
  .cmap{padding:1rem 1rem 0;border-radius:1.25rem}
  .cmap__legend{display:none}
  .cmap__stats{grid-template-columns:minmax(0,1fr);margin:0 -1rem}
  .cmap__stats div+div{border-left:0;border-top:1px solid rgba(255,255,255,.1)}
  .cmap__stats div{padding:1rem 1.2rem}
  .ctoast{font-size:.66rem;padding:.3rem .55rem .3rem .3rem}
  .ctoast img{width:1.1rem;height:1.1rem}
  .ctoast small{display:none}
  .app__main{padding:1rem}
  .app__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app__acts .app__btn--ghost{display:none}
  .app__th{display:none}
  .app__tr{grid-template-columns:minmax(0,1fr) auto;gap:.2rem .6rem}
  .app__ct,.app__rail{display:none}
  .app__amt{grid-column:1;grid-row:2;padding-left:2.5rem;font-size:.8rem;color:var(--grey-700)}
  .app__st{grid-column:2;grid-row:1/span 2;align-self:center}
  .app__url{font-size:.62rem;padding:.2rem .5rem}
  .fsplit{padding:1.25rem}
  .fsplit__top{grid-template-columns:minmax(0,1fr)}
  .fsplit__legs{grid-template-columns:minmax(0,1fr)}
  .mirror--big{grid-template-columns:minmax(0,1fr)}
  .mirror--big .mirror__mid{flex-direction:row;justify-content:center}
  .mirror--big .mirror__ref{writing-mode:initial;transform:none}
  .duo__vis{min-height:13rem;padding:1rem}
  .desk{padding:.8rem;border-radius:1.25rem}
  .desk__chart svg{min-height:11rem}
  .mkt2{grid-template-columns:minmax(0,1fr)}
}


/* ════════════════════════ Payroll v4: payslips fanned from one funding ════════════════════════ */
.fan2{position:relative;height:34rem;border-radius:var(--r-24);overflow:hidden;isolation:isolate;
  background:radial-gradient(60% 55% at 50% 100%,rgba(11,87,244,.18),transparent 70%),radial-gradient(80% 70% at 50% 0%,#ffffff,#eef4ff 70%),#eef4ff;
  box-shadow:inset 0 0 0 1px #dfe8fb,0 40px 80px -60px rgba(11,58,135,.5)}
.fan2::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(11,58,135,.12) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask:radial-gradient(70% 60% at 50% 40%,#000,transparent);mask:radial-gradient(70% 60% at 50% 40%,#000,transparent)}
.fan2__slips{position:absolute;left:50%;bottom:12.5rem;width:0;height:0}
.slip2{--o:calc(var(--i) - (var(--n) - 1) / 2);position:absolute;left:-6.25rem;bottom:0;width:12.5rem;padding:1rem;border-radius:1.1rem;background:#fff;font-size:.78rem;color:var(--ink);z-index:var(--i);
  box-shadow:0 22px 40px -24px rgba(5,22,46,.55),0 0 0 1px rgba(5,22,46,.05);
  transform:translate(0,40%) rotate(0);opacity:0;transition:transform 1.1s var(--expo),opacity .5s,box-shadow .4s;transition-delay:calc(var(--i) * 70ms)}
.fan2.is-in .slip2{opacity:1;transform:translate(calc(var(--o) * 3.9rem),calc(var(--o) * var(--o) * .5rem)) rotate(calc(var(--o) * 5.5deg))}
.fan2.is-in .slip2.is-hot{transform:translate(calc(var(--o) * 3.9rem),calc(var(--o) * var(--o) * .5rem - 1.4rem)) rotate(calc(var(--o) * 5.5deg));box-shadow:0 34px 50px -24px rgba(11,87,244,.55),0 0 0 2px var(--blue)}
.slip2__h{display:flex;align-items:center;gap:.5rem}
.slip2__h img{width:1.6rem;height:1.6rem;border-radius:50%;object-fit:cover}
.slip2__h b{display:block;font-size:.8rem;font-weight:600;white-space:nowrap}
.slip2__h small{display:block;font-size:.66rem;color:var(--grey-600)}
.slip2__amt{margin-top:.8rem;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.slip2__f{display:flex;justify-content:space-between;align-items:center;margin-top:.6rem;padding-top:.55rem;border-top:1px dashed var(--grey-100);font-size:.62rem;color:var(--grey-500)}
.slip2__f em{font-style:normal;font-weight:600;color:var(--grey-500);transition:color .3s}
.slip2.is-paid .slip2__f em{color:var(--green)}
.fan2__top{position:absolute;left:50%;top:2.25rem;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.7rem;padding:.5rem .6rem .5rem 1rem;border-radius:2rem;background:#fff;font-size:.85rem;color:var(--grey-700);white-space:nowrap;box-shadow:0 14px 30px -18px rgba(11,58,135,.45),0 0 0 1px #dfe8fb}
.fan2__top b{color:var(--ink);font-variant-numeric:tabular-nums}
.fan2__top b span{padding:0;background:none;color:inherit;font-size:inherit;font-weight:inherit}
.fan2__top i{display:inline-block;width:5.5rem;height:.4rem;border-radius:1rem;background:var(--grey-50);overflow:hidden}
.fan2__top i i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue-400),var(--blue));transition:width .4s var(--expo)}
.fan2__top span{padding:.25rem .6rem;border-radius:2rem;background:var(--green-bg);color:var(--green);font-size:.75rem;font-weight:600}
.fan2__fund{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:min(22rem,86%);padding:1rem 1.2rem;border-radius:1.1rem;
  background:linear-gradient(140deg,#1d5cf0,#0b3a87 60%,#05162e);color:#fff;box-shadow:0 30px 60px -24px rgba(5,22,46,.7)}
.fan2__fund small{display:block;font-size:.72rem;color:rgba(255,255,255,.7)}
.fan2__fund b{display:block;margin-top:.15rem;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fan2__fund span{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:2rem;background:rgba(255,255,255,.14);font-size:.72rem;font-weight:600;white-space:nowrap}
.fan2__fund span i{width:.45rem;height:.45rem;border-radius:50%;background:#6fe0cc}

/* payday week */
.wk{margin-top:4rem;padding:1.75rem;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100);box-shadow:0 30px 60px -50px rgba(5,22,46,.45)}
.wk__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:1.05rem}
.wk__sw{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:.25rem;border-radius:2rem;background:var(--grey-50)}
.wk__sw button{position:relative;z-index:1;padding:.5rem 1rem;font-size:.85rem;font-weight:600;color:var(--grey-600);transition:color .3s}
.wk__sw button[aria-selected="true"]{color:var(--ink)}
.wk__sw i{position:absolute;top:.25rem;bottom:.25rem;left:.25rem;width:calc(50% - .25rem);border-radius:2rem;background:#fff;box-shadow:0 2px 6px -2px rgba(5,22,46,.25);transition:transform .5s var(--expo)}
.wk[data-m="ely"] .wk__sw i{transform:translateX(100%)}
.wk__grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin-top:1.5rem;height:calc(4.6rem + 7 * 2.6rem + 1rem)}
.wk__d{display:flex;flex-direction:column;align-items:center;padding-top:.8rem;border-radius:1rem;background:var(--grey-0);box-shadow:inset 0 0 0 1px var(--grey-100);font-size:.8rem;color:var(--grey-600)}
.wk__d b{font-weight:600;color:var(--ink)}
.wk__d span{font-size:1.4rem;font-weight:500;letter-spacing:-.03em;color:var(--ink)}
.wk__d small{font-size:.65rem;color:var(--blue);font-weight:600;min-height:1em}
.wk__d.is-wk{background:repeating-linear-gradient(135deg,var(--grey-0) 0 8px,#f2f4f7 8px 16px)}
.wk__d.is-pay{background:var(--blue-50);box-shadow:inset 0 0 0 1.5px var(--blue)}
.wk__chips{position:absolute;left:0;right:0;top:4.9rem;bottom:0;pointer-events:none}
.wk__c{position:absolute;top:calc(var(--row) * 2.6rem);left:calc((100% + .5rem) / 6 * var(--col, 0) + .35rem);width:calc((100% + .5rem) / 6 - 1.2rem);display:inline-flex;align-items:center;gap:.35rem;height:2.1rem;padding:0 .5rem 0 .3rem;border-radius:2rem;background:#fff;
  box-shadow:0 6px 14px -8px rgba(5,22,46,.45),0 0 0 1px var(--grey-100);font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;transition:left .9s var(--expo),box-shadow .3s;transition-delay:calc(var(--row) * 55ms)}
.wk__c img{width:1.4rem;height:1.4rem;border-radius:50%;object-fit:cover;flex:none}
.wk[data-m="ely"] .wk__c{box-shadow:0 6px 14px -8px rgba(11,87,244,.5),0 0 0 1.5px var(--blue-300)}
.wk__n{margin-top:1rem;font-size:.95rem;color:var(--grey-700)}

/* the three in big type */
.big3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:4.5rem}
.big3>div{padding-top:1.5rem;border-top:1px solid var(--grey-100)}
.big3__v{display:block;font-size:clamp(3rem,5vw,4.5rem);line-height:1;font-weight:500;letter-spacing:-.06em;color:var(--ink);margin-bottom:1rem}
.big3 h3{margin-top:.5rem;font-size:1.3rem;font-weight:500;letter-spacing:-.03em}
.big3 p{margin-top:.6rem;color:var(--grey-700);font-size:1.0625rem}

/* funding donut */
.dn{padding:2rem;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100);box-shadow:0 30px 60px -50px rgba(5,22,46,.5)}
.dn__ctl{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:end}
.dn__body{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:2rem;align-items:center;margin-top:1.75rem}
.dn__ring{position:relative;width:13rem;aspect-ratio:1}
.dn__ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.dn__ring circle{fill:none;stroke-width:16;transition:stroke-dasharray .7s var(--expo),stroke-dashoffset .7s var(--expo)}
.dn__c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.dn__c small{font-size:.72rem;color:var(--grey-600)}
.dn__c b{font-size:1.4rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.dn__c span{font-size:.72rem;color:var(--grey-500)}
.dn__legs div{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--grey-50);font-size:.9rem}
.dn__legs span{display:inline-flex;align-items:center;gap:.5rem;color:var(--grey-700)}
.dn__legs i{width:.6rem;height:.6rem;border-radius:.2rem}
.dn__legs b{font-weight:600;font-variant-numeric:tabular-nums}

@media (max-width:991px){
  .big3{grid-template-columns:minmax(0,1fr);gap:2rem}
}
@media (max-width:767px){
  .fan2{height:27rem}
  .fan2__slips{transform:scale(.62);transform-origin:50% 100%;bottom:8rem}
  .fan2__top{top:1.25rem;font-size:.75rem;gap:.5rem;padding:.4rem .5rem .4rem .8rem}
  .fan2__top>i{display:none}
  .fan2__fund{bottom:1.25rem;padding:.8rem 1rem}
  .fan2__fund b{font-size:1.1rem}
  .wk{padding:1.1rem}
  .wk__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem}
  .wk__d{font-size:.65rem;border-radius:.6rem}
  .wk__d span{font-size:1rem}
  .wk__d small{display:none}
  .wk__c{width:calc((100% + .25rem) / 6 - .4rem);left:calc((100% + .25rem) / 6 * var(--col, 0) + .2rem);padding:0;justify-content:center;font-size:0;gap:0}
  .wk__c img{width:1.5rem;height:1.5rem}
  .dn{padding:1.25rem}
  .dn__ctl,.dn__body{grid-template-columns:minmax(0,1fr)}
  .dn__ring{margin:0 auto;width:11rem}
}
@media (prefers-reduced-motion:reduce){.slip2,.wk__c{transition:none}}


/* ════════════════════════ Payroll v5 (after crossmint.com/solutions/payroll) ════════════════════════ */
.hl{color:var(--blue)}
.dlink2{display:inline-flex;align-items:center;gap:.4rem;padding:1rem .5rem;font-size:1rem;font-weight:500;color:var(--ink)}
.dlink2 i{font-style:normal;transition:transform .3s var(--ease)}
.dlink2:hover i{transform:translateX(4px)}
.kicker--soft{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue);font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.phx{position:relative;padding:9rem 0 4rem;overflow:hidden}
.phx__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:4rem;align-items:center}
.phx .t1p{margin:1.6rem 0 0;font-size:clamp(2.6rem,4.7vw,4.5rem);max-width:13ch}
.phx .phero__sub{margin:1.6rem 0 0;font-size:1.175rem;max-width:30em}
.phx .hero__btns{justify-content:flex-start;margin-top:2.25rem;align-items:center}

/* the layered product cards */
.prv{position:relative;height:33rem;border-radius:var(--r-24);overflow:hidden;background:radial-gradient(70% 70% at 80% 10%,#cfe0ff 0%,transparent 60%),radial-gradient(70% 80% at 10% 100%,#dbe8ff 0%,transparent 60%),linear-gradient(160deg,#eef4ff,#e2ecff);box-shadow:inset 0 0 0 1px #dbe6fb}
.prv::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(11,58,135,.1) 1px,transparent 1.3px);background-size:20px 20px;-webkit-mask:linear-gradient(180deg,#000,transparent 80%);mask:linear-gradient(180deg,#000,transparent 80%)}
.prv__send,.prv__list{position:absolute;padding:1.2rem;border-radius:1.25rem;background:#fff;box-shadow:0 30px 60px -30px rgba(5,22,46,.45),0 0 0 1px rgba(5,22,46,.04);font-size:.85rem}
.prv__send{right:1.75rem;top:1.75rem;width:17.5rem}
.prv__list{left:1.75rem;bottom:1.75rem;width:23rem}
.prv__h{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.prv__h b{font-size:.95rem;font-weight:600}
.prv__h span{font-size:.75rem;color:var(--grey-600)}
.prv__amt{margin-top:.9rem;padding:.9rem 1rem;border-radius:1rem;background:var(--blue-50)}
.prv__amt small{display:block;font-size:.72rem;color:var(--grey-600)}
.prv__amt b{font-size:1.9rem;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.prv__amt span{margin-left:.4rem;font-family:var(--mono);font-size:.85rem;color:var(--blue)}
.prv__meta{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.7rem}
.prv__meta div{padding:.5rem .6rem;border-radius:.6rem;background:var(--grey-0);border:1px solid var(--grey-100)}
.prv__meta span{display:block;font-size:.65rem;color:var(--grey-500)}
.prv__meta b{font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums}
.prv__btn{display:block;margin-top:.8rem;padding:.65rem;border-radius:2rem;background:var(--ink);color:#fff;text-align:center;font-weight:600;font-size:.85rem;transition:transform .2s}
.prv__btn.is-press{transform:scale(.95)}
.pl__r{display:grid;grid-template-columns:2rem minmax(0,1fr) auto 4.2rem;gap:.6rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--grey-50)}
.pl__r:last-child{border-bottom:0}
.pl__av{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--blue-100);color:var(--blue);font-style:normal;font-size:.65rem;font-weight:700}
.pl__r b{display:block;font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl__r small{display:block;font-size:.68rem;color:var(--grey-600)}
.pl__r em{display:inline-flex;align-items:center;gap:.35rem;font-style:normal;font-weight:600;font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.pl__r em img{width:1rem;height:1rem;border-radius:50%;object-fit:cover}
.pl__st{justify-self:end;padding:.18rem .5rem;border-radius:2rem;font-size:.66rem;font-weight:600;background:var(--grey-50);color:var(--grey-600)}
.pl__st[data-st="paid"]{background:var(--green-bg);color:var(--green);animation:chip-pop .5s var(--expo)}
.pstrip{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--grey-100);font-size:.95rem;color:var(--grey-600)}
.pstrip>div{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem}
.pstrip>div span{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--ink);font-size:1.05rem;letter-spacing:-.01em}
.pstrip img{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover}

/* three cards with small UIs */
.mi3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:3.5rem}
.mi{display:flex;flex-direction:column;padding:1.75rem 1.75rem 0;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100);overflow:hidden;transition:border-color .4s,box-shadow .5s}
.mi:hover{border-color:var(--blue-200);box-shadow:0 30px 60px -45px rgba(11,58,135,.5)}
.mi h3{font-size:1.35rem;font-weight:500;letter-spacing:-.03em}
.mi p{margin-top:.7rem;color:var(--grey-700);font-size:1rem}
.mi__vis{flex:1;display:grid;place-items:end center;margin-top:1.75rem;padding:1.25rem 1.25rem 0;min-height:13rem;border-radius:1.1rem 1.1rem 0 0;background:linear-gradient(180deg,var(--blue-50),#e6efff)}
.mi__vis>*{width:100%;max-width:17rem;padding:.9rem;border-radius:1rem 1rem 0 0;background:#fff;box-shadow:0 -10px 30px -20px rgba(11,58,135,.4);font-size:.75rem}
.mi__list>div{display:grid;grid-template-columns:1.3rem 1fr auto;gap:.55rem;align-items:center;padding:.45rem 0}
.mi__list>div+div{border-top:1px solid var(--grey-50)}
.mi__list img,.mi__rr img{width:1.3rem;height:1.3rem;border-radius:50%;object-fit:cover}
.mi__list b{display:block;font-weight:600}
.mi__list small{font-size:.65rem;color:var(--grey-500)}
.mi__list em{font-style:normal;font-weight:600;color:var(--green);font-variant-numeric:tabular-nums}
.mi__src{padding:.6rem .7rem;border-radius:.7rem;background:var(--ink);color:#fff}
.mi__src small{display:block;font-size:.62rem;color:rgba(255,255,255,.7)}
.mi__src b{font-size:1.05rem;font-weight:600}
.mi__arrow{display:block;width:2px;height:1rem;margin:.35rem auto;background:linear-gradient(var(--blue-300),var(--blue))}
.mi__chips{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}
.mi__chips span{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.3rem .2rem;border-radius:.5rem;background:var(--grey-0);box-shadow:inset 0 0 0 1px var(--grey-100);font-family:var(--mono);font-size:.6rem}
.mi__chips img{width:.85rem;height:.85rem;border-radius:50%;object-fit:cover}
.mi__rh{display:flex;justify-content:space-between;align-items:baseline}
.mi__rh small{color:var(--grey-600)}
.mi__rh b{font-size:1.6rem;font-weight:500;letter-spacing:-.03em;color:var(--blue);font-variant-numeric:tabular-nums}
.mi__rr{display:grid;grid-template-columns:1.3rem 1fr auto;gap:.55rem;align-items:center;margin-top:.5rem;padding:.5rem .6rem;border-radius:.6rem;background:var(--grey-0);box-shadow:inset 0 0 0 1px var(--grey-100)}
.mi__rr em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}

/* alternating feature sections */
.fsec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:5rem;align-items:center}
.fsec--rev{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.fsec .t2{margin-top:1.2rem}
.flist{margin-top:2.25rem;display:grid;gap:1.6rem}
.flist>div{display:grid;grid-template-columns:3rem 1fr;gap:1.1rem}
.flist h3{margin-top:.15rem;font-size:1.2rem;font-weight:500;letter-spacing:-.02em}
.flist p{margin-top:.35rem;color:var(--grey-700);font-size:1.0625rem;max-width:30em}
.fsec__btns{justify-content:flex-start;margin-top:2rem;align-items:center}
.fvis{position:relative;border-radius:var(--r-24);padding:1.75rem;background:radial-gradient(80% 70% at 85% 0%,#d6e5ff,transparent 60%),linear-gradient(160deg,#f1f6ff,#e3edff);box-shadow:inset 0 0 0 1px #dbe6fb;min-height:28rem;overflow:hidden}
.fvis__top{display:flex;align-items:center;gap:.9rem;width:max-content;padding:.6rem 1rem .6rem .6rem;border-radius:1rem;background:#fff;box-shadow:0 14px 30px -20px rgba(11,58,135,.5)}
.fvis__day{display:flex;flex-direction:column;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.7rem;background:var(--ink);color:#fff;font-size:1.1rem;font-weight:600;line-height:1}
.fvis__day b{font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.fvis__top b{display:block;font-weight:600}
.fvis__top small{font-size:.78rem;color:var(--grey-600)}
.nt__stack{position:relative;margin-top:1.25rem;height:17rem}
.nt{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:2rem 1fr auto;gap:.75rem;align-items:center;padding:.8rem 1rem;border-radius:1rem;background:#fff;font-size:.85rem;box-shadow:0 18px 36px -24px rgba(11,58,135,.5),0 0 0 1px rgba(5,22,46,.04);opacity:0;transform:translateY(-12px) scale(.96);transition:transform .7s var(--expo),opacity .4s}
.nt img{width:2rem;height:2rem;border-radius:50%;object-fit:cover}
.nt b{display:block;font-weight:600}
.nt small{display:block;font-size:.75rem;color:var(--grey-600)}
.nt em{font-style:normal;font-family:var(--mono);font-size:.75rem;color:var(--green)}
.nt.is-on{opacity:1;transform:translateY(calc(var(--pos) * 3.6rem)) scale(1)}
.fvis__chip{position:absolute;right:1.5rem;bottom:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:2rem;background:var(--ink);color:#fff;font-size:.8rem;box-shadow:0 18px 36px -18px rgba(5,22,46,.6)}
.fvis__chip i{width:.45rem;height:.45rem;border-radius:50%;background:#6fe0cc}

.fvis--appr{display:flex;flex-direction:column;gap:1rem}
.fvis--appr>*{padding:1rem 1.1rem;border-radius:1rem;background:#fff;box-shadow:0 18px 36px -26px rgba(11,58,135,.5),0 0 0 1px rgba(5,22,46,.04);font-size:.85rem}
.ap__h{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.ap__h b{display:block;font-size:1rem;font-weight:600}
.ap__h small{font-size:.78rem;color:var(--grey-600)}
.ap__st{padding:.3rem .7rem;border-radius:2rem;background:#fff4e0;color:#b45309;font-size:.75rem;font-weight:600;white-space:nowrap;transition:background .3s,color .3s}
.ap__st.is-ok{background:var(--green-bg);color:var(--green)}
.ap__who>div{display:grid;grid-template-columns:2.2rem 1fr auto;gap:.7rem;align-items:center;padding:.55rem 0}
.ap__who>div+div{border-top:1px solid var(--grey-50)}
.ap__who i{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--blue-100);color:var(--blue);font-style:normal;font-size:.7rem;font-weight:700}
.ap__who b{display:block;font-weight:600}
.ap__who small{font-size:.72rem;color:var(--grey-600)}
.ap__who em{font-style:normal;padding:.2rem .55rem;border-radius:2rem;font-size:.7rem;font-weight:600;background:var(--grey-50);color:var(--grey-600)}
.ap__who em.is-ok{background:var(--green-bg);color:var(--green)}
.ap__who em.is-view{background:var(--blue-50);color:var(--blue)}
.ap__log small{display:block;margin-bottom:.4rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--grey-500)}
.ap__log div{display:flex;gap:.8rem;padding:.3rem 0;color:var(--grey-700);transition:opacity .4s,transform .5s var(--expo)}
.ap__log span{font-family:var(--mono);font-size:.75rem;color:var(--grey-500)}
.ap__log .is-hide{opacity:0;transform:translateY(6px)}

.pcta{position:relative;padding:8rem 0 9rem;text-align:center;background:radial-gradient(60% 80% at 50% 100%,#dbe8ff,transparent 70%)}
.pcta .t1p{max-width:14ch}
.pcta .hero__btns{justify-content:center;align-items:center;margin-top:2.25rem}

@media (max-width:991px){
  .phx__grid,.fsec,.fsec--rev{grid-template-columns:minmax(0,1fr);gap:3rem}
  .fsec--rev>div:first-child{order:2}
  .mi3{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  .phx{padding:8rem 0 3rem}
  .prv{height:30rem}
  .prv__send{right:.8rem;top:.8rem;width:15rem;transform:scale(.9);transform-origin:top right}
  .prv__list{left:.8rem;right:.8rem;bottom:.8rem;width:auto}
  .pl__r{grid-template-columns:1.8rem minmax(0,1fr) auto}
  .pl__st{display:none}
  .fvis{padding:1.1rem;min-height:24rem}
  .fvis__chip{right:1rem;bottom:1rem;font-size:.72rem}
}


/* payroll: stablecoin payout preferences */
.fvis--pf{display:flex;flex-direction:column;gap:1rem}
.pf{padding:1.1rem;border-radius:1rem;background:#fff;box-shadow:0 18px 36px -26px rgba(11,58,135,.5),0 0 0 1px rgba(5,22,46,.04);font-size:.82rem}
.pf__h{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--grey-50)}
.pf__h b{display:block;font-size:.95rem;font-weight:600}
.pf__h small{font-size:.72rem;color:var(--grey-600)}
.pf__k{padding:.25rem .6rem;border-radius:2rem;background:var(--blue-50);color:var(--blue);font-size:.7rem;font-weight:600;white-space:nowrap}
.pf__r{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.1fr);gap:.8rem;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--grey-50);transition:background .3s}
.pf__r:last-child{border-bottom:0}
.pf__r.is-flash{background:linear-gradient(90deg,transparent,var(--blue-50),transparent)}
.pf__who{display:flex;align-items:center;gap:.55rem;min-width:0}
.pf__who img{width:1.6rem;height:1.6rem;border-radius:50%;object-fit:cover;flex:none}
.pf__who b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf__who small{font-size:.68rem;color:var(--grey-600)}
.pf__seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:.18rem;border-radius:2rem;background:var(--grey-50);font-size:.68rem;font-weight:600;color:var(--grey-500)}
.pf__seg span{position:relative;z-index:1;padding:.28rem .6rem;text-align:center;transition:color .3s}
.pf__seg i{position:absolute;top:.18rem;bottom:.18rem;left:.18rem;width:calc(50% - .18rem);border-radius:2rem;background:#fff;box-shadow:0 2px 6px -2px rgba(5,22,46,.25);transition:transform .45s var(--expo),background .3s}
.pf__r[data-pf="bank"] .pf__seg [data-v="bank"],.pf__r[data-pf="coin"] .pf__seg [data-v="coin"]{color:var(--ink)}
.pf__r[data-pf="coin"] .pf__seg i{transform:translateX(100%);background:var(--blue-50);box-shadow:inset 0 0 0 1.5px var(--blue)}
.pf__to{display:grid;justify-items:end;text-align:right}
.pf__to em{grid-area:1/1;display:inline-flex;align-items:center;gap:.35rem;font-style:normal;font-weight:600;font-size:.76rem;font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity .3s,transform .45s var(--expo)}
.pf__to em img{width:1rem;height:1rem;border-radius:50%}
.pf__to .is-coin{color:var(--blue)}
.pf__r[data-pf="bank"] .is-coin,.pf__r[data-pf="coin"] .is-bank{opacity:0;transform:translateY(6px)}
.pf__rail{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-radius:1rem;background:#fff;box-shadow:0 0 0 1px rgba(5,22,46,.05);font-size:.78rem;font-weight:600}
.pf__rail>span{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.pf__rail img{width:1.1rem;height:1.1rem;border-radius:50%;object-fit:cover}
.pf__rail>i{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--blue-300) 0 6px,transparent 6px 11px);background-size:22px 2px;animation:ov-run 1s linear infinite}
.pf__rail [data-pf-end].is-swap{animation:tx-in .5s var(--expo)}
.pf__rcpt{align-self:flex-end;display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem .6rem .6rem;border-radius:1rem;background:var(--ink);color:#fff;box-shadow:0 18px 36px -18px rgba(5,22,46,.6)}
.pf__rcpt img{width:1.8rem;height:1.8rem;border-radius:50%}
.pf__rcpt b{display:block;font-size:.9rem;font-weight:600}
.pf__rcpt small{font-size:.72rem;color:rgba(255,255,255,.7)}
.pf__rcpt.is-pop{animation:chip-pop .6s var(--expo)}
.pstrip>div span:nth-last-child(-n+2){color:var(--blue)}
@media (max-width:767px){
  .pf__r{grid-template-columns:minmax(0,1fr) auto;gap:.4rem .6rem}
  .pf__to{grid-column:1/-1;justify-items:start;padding-left:2.15rem}
  .pf__rail{font-size:.7rem}
}


/* portrait avatars, with the person's currency as a small badge */
.av{--s:2rem;position:relative;display:inline-block;flex:none;width:var(--s);height:var(--s)}
.av>img:first-child{display:block;width:100% !important;height:100% !important;border-radius:50% !important;object-fit:cover;background:var(--blue-50);box-shadow:0 0 0 1px rgba(5,22,46,.06)}
.av>.av__f{position:absolute;right:-2px;bottom:-2px;width:calc(var(--s) * .44) !important;height:calc(var(--s) * .44) !important;border-radius:50% !important;object-fit:cover;box-shadow:0 0 0 2px #fff}
.mi__list .av,.mi__rr .av{--s:1.7rem}
.nt .av{--s:2.2rem}
.pf__who .av{--s:2rem}
.ap__who .av{--s:2.3rem}
.pl__r .av{--s:2rem}

.mkt2__dir{display:grid;gap:.4rem;margin-top:1.1rem}
.mkt2__dir span{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:.7rem;background:var(--grey-0);font-family:var(--mono);font-size:.85rem}
.mkt2__dir i{padding:.12rem .45rem;border-radius:2rem;background:var(--blue-100);color:var(--blue);font-style:normal;font-family:var(--font);font-size:.7rem;font-weight:600}
.mkt2__p{margin-top:.8rem;font-size:.85rem;color:var(--grey-600)}
.mi__same{font-size:1.2rem !important}

/* ramp: six markets orbiting one stablecoin hub */
.orb{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:4rem;align-items:center;margin-top:3.5rem}
.orb__stage{position:relative;aspect-ratio:1;max-width:36rem;width:100%;margin:0 auto}
.orb__stage::before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(11,87,244,.14),transparent 70%);filter:blur(10px)}
.orb__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orb__ring{fill:none;stroke:var(--grey-100);stroke-width:.35;stroke-dasharray:1 1.6}
.orb__ring--in{stroke:var(--blue-100);stroke-dasharray:none;animation:orb-spin 40s linear infinite;transform-origin:50px 50px}
@keyframes orb-spin{to{transform:rotate(360deg)}}
.orb__spokes line{stroke:var(--grey-100);stroke-width:.45;transition:stroke .4s,stroke-width .4s}
.orb__spokes line.is-on{stroke:var(--blue-300);stroke-width:.7}
.orb__dot{fill:var(--blue)}
.orb__dot--out{fill:var(--green)}
.orb__glow{fill:rgba(11,87,244,.18)}
.orb__hub{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:50%;
  background:radial-gradient(circle at 30% 25%,#2e6cf5,#0b3a87 60%,#05162e);color:#fff;text-align:center;box-shadow:0 30px 60px -24px rgba(5,22,46,.7),0 0 0 10px rgba(11,87,244,.08)}
.orb__hub.is-pulse{animation:orb-pulse .7s var(--expo)}
@keyframes orb-pulse{40%{box-shadow:0 30px 60px -24px rgba(5,22,46,.7),0 0 0 22px rgba(11,87,244,.12)}}
.orb__coins{display:flex}
.orb__coins img{width:1.8rem;height:1.8rem;border-radius:50%;box-shadow:0 0 0 2px #0b3a87}
.orb__coins img+img{margin-left:-.5rem}
.orb__hub b{font-size:1rem;font-weight:600}
.orb__hub small{font-family:var(--mono);font-size:.68rem;color:rgba(255,255,255,.65)}
.orb__n{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem .75rem .55rem;border-radius:1.1rem;background:#fff;
  box-shadow:0 16px 34px -20px rgba(5,22,46,.5),0 0 0 1px var(--grey-100);cursor:pointer;transition:box-shadow .3s,transform .5s var(--expo)}
.orb__n img{width:2.4rem;height:2.4rem;border-radius:50%;object-fit:cover}
.orb__n b{font-family:var(--mono);font-size:.78rem;font-weight:500}
.orb__n:hover{transform:translate(-50%,-50%) scale(1.06)}
.orb__n.is-on{box-shadow:0 18px 36px -18px rgba(11,87,244,.6),0 0 0 2px var(--blue);transform:translate(-50%,-50%) scale(1.08)}
.orb__n.is-ping{animation:orb-ping .6s var(--expo)}
@keyframes orb-ping{40%{box-shadow:0 0 0 6px rgba(36,150,132,.25),0 16px 34px -20px rgba(5,22,46,.5)}}
.orb__live{display:inline-flex;align-items:center;gap:.7rem;padding:.5rem .9rem;border-radius:2rem;background:var(--grey-0);box-shadow:inset 0 0 0 1px var(--grey-100);font-family:var(--mono);font-size:.82rem}
.orb__live [data-orb-feed].is-swap{animation:tx-in .45s var(--expo)}
.orb__card{margin-top:1rem;padding:1.5rem;border-radius:var(--r-24);background:#fff;border:1px solid var(--grey-100);box-shadow:0 30px 60px -50px rgba(5,22,46,.5)}
.orb__card.is-swap{animation:tx-in .5s var(--expo)}
.orb__ch{display:flex;align-items:center;gap:.8rem}
.orb__ch img{width:2.8rem;height:2.8rem;border-radius:50%;object-fit:cover}
.orb__ch b{display:block;font-size:1.3rem;font-weight:600;letter-spacing:-.02em}
.orb__ch small{font-size:.85rem;color:var(--grey-600)}
.orb__dir{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;margin-top:.7rem;padding:.75rem .9rem;border-radius:.9rem;background:var(--grey-0)}
.orb__dir:first-of-type{margin-top:1.25rem}
.orb__dir i{padding:.15rem .55rem;border-radius:2rem;font-style:normal;font-size:.72rem;font-weight:600;background:var(--blue-100);color:var(--blue)}
.orb__dir.is-out i{background:var(--green-bg);color:var(--green)}
.orb__dir span{font-family:var(--mono);font-size:.92rem}
.orb__dir em{font-style:normal;font-size:.78rem;color:var(--grey-500)}
.orb__list{margin-top:1.1rem;padding:0;list-style:none;display:grid;gap:.5rem;font-size:.95rem;color:var(--grey-700)}
.orb__list li{display:flex;align-items:center;gap:.6rem}
.orb__list li::before{content:"";width:1.1rem;height:1.1rem;flex:none;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.3 2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.orb__hint{margin-top:1rem;font-size:.88rem;color:var(--grey-500)}
@media (max-width:991px){.orb{grid-template-columns:minmax(0,1fr);gap:2rem}}
@media (max-width:767px){
  .orb__n{padding:.4rem .45rem .35rem;border-radius:.8rem}
  .orb__n img{width:1.7rem;height:1.7rem}
  .orb__n b{font-size:.65rem}
  .orb__hub b{font-size:.78rem}.orb__hub small{display:none}.orb__coins img{width:1.3rem;height:1.3rem}
  .orb__dir{grid-template-columns:auto 1fr}.orb__dir em{display:none}
}

/* ── Smaller screens ─────────────────────────────────────────────────── */
@media (max-width:1100px){
  .mkts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .board__h,.board__row{grid-template-columns:3.6rem minmax(0,1.2fr) minmax(0,1fr) 7rem}
}
@media (max-width:991px){
  .shero{padding:8rem 0 4.5rem}
  .shero__grid,.corr,.zig__row,.bento2,.pp__body{grid-template-columns:minmax(0,1fr)}
  .shero__grid{gap:3rem}
  .zig{gap:4rem}
  .zig__row{gap:2rem}
  .zig__row--rev .zig__txt{order:0}
  .b2--big{grid-column:auto;flex-direction:column}
  .fx3,.cc6{grid-template-columns:minmax(0,1fr)}
  .legs{grid-template-columns:minmax(0,1fr);gap:0;max-width:24rem;margin-left:auto;margin-right:auto}
  .legs__rail{height:4.5rem;flex-direction:row;justify-content:center;gap:2.5rem;padding:0}
  .legs__rail>i{width:2px;height:100%;background:repeating-linear-gradient(180deg,rgba(189,214,254,.55) 0 4px,transparent 4px 9px)}
  .legs__rail>i::after{left:50%;margin:0 0 0 -.275rem;top:auto}
  .legs__on::after{animation:leg-d 2.4s linear infinite}
  .legs__off::after{animation:leg-u 2.4s 1.2s linear infinite}
  .legs__rail em{left:auto;right:.7rem;top:50%;bottom:auto;transform:translateY(-50%)}
  .legs__off em{right:auto;left:.7rem}
}
@keyframes leg-d{from{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:100%;opacity:0}}
@keyframes leg-u{from{top:100%;opacity:0}15%{opacity:1}85%{opacity:1}to{top:0;opacity:0}}
@media (max-width:640px){
  .stage{min-height:0;padding:3.6rem 1rem 3.2rem}
  .chip{font-size:.72rem}
  .chip--tl,.chip--tr{top:.8rem}.chip--tl{left:.8rem}.chip--tr{right:.8rem}
  .chip--br{right:.8rem;bottom:.8rem}
  .mkts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .board{font-size:.8rem}
  .board__h,.board__row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 6.2rem;padding:.7rem .8rem}
  .board__h>:first-child,.board__row time{display:none}
  .calc{padding:1.5rem}
  .calc__out{grid-template-columns:minmax(0,1fr)}
  .cals{grid-template-columns:minmax(0,1fr)}
  .panel{padding:1.1rem}
  .fan__to{font-size:.66rem;padding-right:.5rem}.fan__to img{width:1.05rem;height:1.05rem}
  .fan__from{width:34%;padding:.6rem .7rem}.fan__from b{font-size:.75rem}
  .mirror{grid-template-columns:minmax(0,1fr)}
  .mirror__mid{flex-direction:row;justify-content:center}
  .mirror__ref{writing-mode:initial;transform:none}
  .grp{aspect-ratio:auto;height:26rem}
  .ent{padding:.45rem .6rem .45rem .45rem}.ent img{width:1.4rem;height:1.4rem}.ent b{font-size:.7rem}.ent small{font-size:.62rem}
  .ent--tl,.ent--bl{left:27%}.ent--tr,.ent--br{left:73%}
  .grp__ev{font-size:.68rem;bottom:-.6rem}
  .flip__row{grid-template-columns:minmax(0,1fr);gap:.5rem}
  .flip__v>span{font-size:1.1rem}
  .pp__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp__body{padding:1.5rem;gap:2rem}
  .fee{padding:1.5rem}
  .fee__h,.slipc__h{grid-template-columns:minmax(0,1fr)}
  .fee__row{grid-template-columns:minmax(0,1fr) 5.4rem;gap:.4rem 1rem}
  .fee__row>span{grid-column:1/-1}
  .slipc__out b{font-size:1.25rem}
  .run{padding:1rem}
  .run__row{grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.15rem .6rem;font-size:.8rem}
  .run__row img{width:1.5rem;height:1.5rem;grid-row:span 2}
  .run__row>span b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .run__row em{grid-column:2;grid-row:2;font-size:.78rem;color:var(--grey-700)}
  .run__row>span small{display:none}
  .run__st{grid-column:3;grid-row:1/span 2}
}
@media (prefers-reduced-motion:reduce){
  .chip,.stage__glow,.legs__rail>i::after{animation:none}
}
.desk .swap,.duo__vis{color:var(--ink)}