/* Zypa v38 (30 September 2026), refined after an independent design review (Codex): flatter surfaces, one
   composition per highlight, a mechanical flap board, a shorter film, quieter timeline and pricing.
   Zypa v37: v36's story and palette, made richer: a dark photographic film, an
   editorial hero, photographs of the businesses we serve, the mission over a bridge at first light and a
   deep jade closing. Photographs were generated for Zypa with Codex (img/README.md); they carry no words.
   Palette, used by meaning:
   - surfaces: white, Apple grey #F5F5F7, the film's dark jade #06110D, one black chapter, a jade closing;
   - ink #1D1D1F for text and neutral interface, greys for secondary text and lines;
   - jade #0B7D56 (mint #3DD39B on dark) only for action and success; red only for what one bank costs;
   - flags stay small; partner logos are monochrome. */
:root{
  --paper:#FFFFFF;--mist:#F5F5F7;--mist-2:#E8E8ED;--hair:#D2D2D7;
  --ink:#1D1D1F;--ink-2:#424245;--muted:#6E6E73;
  --jade:#0B7D56;--jade-deep:#08684A;--jade-tint:#E7F4EE;--jade-bright:#3DD39B;
  --loss:#C0392B;--loss-tint:#FBECEA;
  --night:#000000;--night-1:#1D1D1F;--night-2:#2C2C2E;--night-text:#F5F5F7;--night-muted:#A1A1A6;
  --r-xl:28px;--r-l:20px;--r-s:12px;--sec:120px;
  --sh-win:0 0 0 .5px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04),0 18px 40px -22px rgba(0,0,0,.28);
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
}
@media (max-width:734px){:root{--sec:76px}}
body{background:#fff;transition:none}
body{background:#fff!important}
#p-home{background:transparent}
#p-home>section{position:relative;background:transparent;overflow-x:clip}
footer{margin-top:0;border-radius:0}
.za-flag{width:16px;height:16px;flex:none;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.za-flag{stroke:none}
.js-motion [data-rv]{transform:translate3d(0,16px,0);transition:opacity .9s var(--ease-apple) var(--d,0ms),transform .9s var(--ease-apple) var(--d,0ms)}
.t2{font-size:clamp(34px,4.2vw,56px);line-height:1.06;font-weight:600;letter-spacing:-.03em;max-width:15em}
.t3{font-size:28px;line-height:1.12;font-weight:600;letter-spacing:-.02em}
.on-dark-sec{color:var(--night-text)}
.on-dark-sec .lede,.on-dark-sec .fine{color:var(--night-muted)}
.tlink{color:var(--jade)}
.btn-brand{background:var(--jade)}.btn-brand:hover{background:var(--jade-deep)}
.wrap-film{max-width:1300px}
/* monochrome partner logos: black on light, white on dark */
.mono-logo{filter:grayscale(1) brightness(0);opacity:.86}

/* ---------- hero: headline, one line, two actions; then the film ---------- */
.h36{padding-top:84px}
.h36-copy{text-align:center}
.h36-t{font-size:clamp(42px,5.6vw,80px);line-height:1.03;font-weight:600;letter-spacing:-.034em;max-width:12.5em;margin:0 auto}
.h36-l{max-width:690px;margin:22px auto 0;font-size:19px;line-height:1.47;letter-spacing:-.008em;color:var(--ink-2)}
.h36-cta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 28px;margin-top:30px}
.h36-cta .tlink{font-size:17px}
.h36-fine{margin-top:16px;font-size:14px;color:var(--muted);letter-spacing:-.016em}
.f36{max-width:none;margin:56px auto 0}
.f36 .fm-view{background:var(--mist);border-radius:var(--r-xl);box-shadow:none}
.f36 .fm-sum{background:rgba(245,245,247,.97)}
.f36 .fm-ben>div{box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 10px 24px -18px rgba(0,0,0,.25)}
.f36 .fm-cap{min-height:2.8em;max-width:720px;margin:22px auto 0;font-size:19px;line-height:1.42;letter-spacing:-.01em;color:var(--ink-2)}
/* Apple's media controls: dots that stretch into a progress pill, and a round play button */
.f36 .fm-bar,.hl36-ctl{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px}
.f36 .fm-chaps{flex:none}
.f36 .fm-chaps,.hl36-dots{display:flex;align-items:center;gap:12px;height:44px;padding:0 20px;border-radius:980px;background:var(--mist)}
.f36 .fm-chaps button,.hl36-dots button{position:relative;display:block;width:8px;height:8px;padding:0;border:0;background:none;cursor:pointer;transition:width .5s var(--ease-apple)}
.f36 .fm-chaps button::after,.hl36-dots button::after{content:"";position:absolute;inset:-12px -6px}
.f36 .fm-chaps button.on,.hl36-dots button[aria-selected="true"]{width:44px}
.f36 .fm-chaps i,.hl36-dots i{display:block;width:100%;height:8px;border-radius:4px;background:#AEAEB2;overflow:hidden;transition:background .3s var(--ease-std)}
.f36 .fm-chaps button.on i,.hl36-dots button[aria-selected="true"] i{background:#C7C7CC}
.f36 .fm-chaps b,.hl36-dots b{display:block;width:0;height:100%;border-radius:4px;background:var(--ink)}
.f36 .fm-chaps button:hover i,.hl36-dots button:hover i{background:#8E8E93}
.f36 .fm-play,.hl36-play{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--mist);cursor:pointer;transition:background .24s var(--ease-std),transform .24s var(--ease-std)}
.f36 .fm-play:hover,.hl36-play:hover{background:var(--mist-2)}.f36 .fm-play:active,.hl36-play:active{transform:scale(.92)}
.f36 .fm-play svg,.hl36-play svg{width:14px;height:14px;fill:var(--ink);stroke:var(--ink)}
.hl36-play .ip{display:none}.hl36-play.paused .ip{display:block}.hl36-play.paused .ia{display:none}
.fz-foot{margin-top:14px;text-align:center}
@media (max-width:734px){.h36{padding-top:52px}.h36-t{font-size:40px;letter-spacing:-.03em}.h36-l{font-size:17px}.f36{margin-top:36px}.f36 .fm-view{border-radius:20px}.f36 .fm-cap{font-size:16px}}
/* the film on its grey stage: calm neutral chips, jade only when something fits or is open */
.f36 .zcnt{background:var(--ink)}
.fm-stage .nd.plat img{filter:grayscale(1) brightness(0);opacity:.86}
.fm-stage .nd,.fm-stage .zco,.fm-stage .zapp{box-shadow:var(--sh-win)}

/* ---------- highlights: a gallery of four short motion tiles ---------- */
.hl36{padding:var(--sec) 0 calc(var(--sec) - 30px)}
.hl36-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 40px;flex-wrap:wrap}
.hl36-head .tlink{margin-bottom:10px;font-size:17px}
.hl36-gal{--tw:min(1060px,calc(100vw - 120px));margin-top:44px;overflow:hidden}
.hl36-track{display:flex;gap:24px;padding-inline:calc((100% - var(--tw)) / 2);transition:transform .9s var(--ease-apple);will-change:transform}
.hl36-tile{position:relative;flex:none;width:var(--tw);height:640px;border-radius:var(--r-xl);background:var(--mist);overflow:hidden;cursor:pointer;transition:opacity .6s var(--ease-std)}
.hl36-tile.on{cursor:default}
.hl36-tile:not(.on){opacity:.55}
.hl36-cap{position:relative;z-index:2;max-width:560px;padding:40px 44px 0;font-size:19px;line-height:1.42;letter-spacing:-.01em;color:var(--muted)}
.hl36-cap b{color:var(--ink);font-weight:600}
.hl36-ui{position:absolute;left:0;right:0;bottom:0;top:178px;display:grid;place-items:center;padding:0 44px 40px}
.hl36-ctl{margin-top:28px}
.hl36-fine{margin-top:18px;text-align:center}
@media (max-width:734px){
  .hl36-gal{--tw:calc(100vw - 40px);margin-top:30px}
  .hl36-track{gap:12px}
  .hl36-tile{height:640px;border-radius:22px}
  .hl36-cap{padding:26px 22px 0;font-size:17px}
  .hl36-ui{top:176px;padding:0 14px 18px}
}
/* the window the interface sits in */
.hw{width:100%;max-width:760px;background:#fff;border-radius:18px;box-shadow:var(--sh-win);overflow:hidden}
.hw-h{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--mist-2)}
.hw-h b{font-size:15px;font-weight:600;letter-spacing:-.012em}
.hw-h span{font-size:13px;color:var(--muted)}
.hw-tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:980px;background:var(--mist);font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.hw-tag .za-flag{width:15px;height:15px}
.hw-tag.ok{background:var(--jade-tint);color:var(--jade)}
.hw-mk{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--mist);flex:none}
.hw-mk .za-mark{width:17px;height:17px}
.hw-mk img{width:22px;height:22px;object-fit:contain}
.hw-ck{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #D2D2D7;flex:none;transition:background .25s,box-shadow .25s}
.hw-ck svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .2s}
.hw-ck.pass{background:var(--jade);box-shadow:none}.hw-ck.pass svg{opacity:1}
.hw-ck.fail{background:#fff;box-shadow:inset 0 0 0 1.5px #E3A49C}
.hw-ck.fail::after{content:"";width:9px;height:1.8px;border-radius:1px;background:var(--loss)}
/* find */
.hf-row{display:grid;grid-template-columns:30px minmax(0,1fr) repeat(4,62px) 188px;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--mist-2);transition:opacity .5s var(--ease-std)}
.hf-row:last-child{border-bottom:0}
.hf-row.hf-thead{padding-block:9px;font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.01em}
.hf-row.hf-thead span{text-align:center}
.hf-row.hf-thead span:first-child{grid-column:1/3;text-align:left}
.hf-row.hf-thead span:last-child{text-align:left}
.hf-row b{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.012em}
.hf-row small{display:block;font-size:12.5px;color:var(--muted)}
.hf-row>.hw-ck{justify-self:center}
.hf-res{font-size:13px;font-weight:600;white-space:nowrap;opacity:0}
.hf-res.fit{color:var(--jade)}.hf-res.no{color:var(--muted);font-weight:500}
.hf-row.dim{opacity:.42}
.hf-row.fitrow{background:linear-gradient(90deg,rgba(11,125,86,.06),rgba(11,125,86,0) 70%)}
.hf-cnt{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);white-space:nowrap}
.hf-cnt b{color:var(--ink);font-weight:600}
.hw-tag .sm{display:none}
.ho-axis i{font-style:normal}
/* open */
.ho-axis,.ho-row{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:18px;padding:0 20px}
.ho-axis{height:34px;border-bottom:1px solid var(--mist-2)}
.ho-axis div{display:grid;grid-template-columns:repeat(6,1fr);font-size:11.5px;font-weight:600;color:var(--muted)}
.ho-row{height:66px;border-bottom:1px solid var(--mist-2)}
.ho-row:last-child{border-bottom:0}
.ho-who{display:flex;align-items:center;gap:10px;min-width:0}
.ho-who b{display:block;font-size:14px;font-weight:600;letter-spacing:-.012em;white-space:nowrap}
.ho-who small{display:block;font-size:12px;color:var(--muted);white-space:nowrap}
.ho-track{position:relative;height:30px}
.ho-track::before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:3px;background:var(--mist)}
.ho-bar{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:3px;background:var(--jade);transform-origin:0 50%;transform:scaleX(0)}
.ho-st{position:absolute;top:50%;transform:translate(-50%,-50%);height:24px;padding:0 9px;border-radius:980px;background:#fff;box-shadow:0 0 0 1px var(--mist-2),0 4px 10px -6px rgba(0,0,0,.25);display:flex;align-items:center;font-size:11.5px;font-weight:600;white-space:nowrap}
.ho-st span{display:none}.ho-st span.on{display:inline}
.ho-st .s2{color:var(--jade)}
.ho-row.ghost .ho-bar{background:#C7C7CC}
.ho-row.ghost b,.ho-row.ghost small{color:var(--muted)}
.ho-more{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;opacity:0}
.ho-row.ghost .ho-track::before,.ho-row.ghost .ho-bar{right:150px}
/* save */
.hs-body{padding:18px 20px 20px}
.hs-to{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--mist-2)}
.hs-to div b{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:600;letter-spacing:-.012em}
.hs-to div small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.hs-amt{font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hs-lab{margin:14px 0 10px;font-size:12.5px;font-weight:600;color:var(--muted)}
.hs-opt{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--mist-2);transition:box-shadow .35s var(--ease-std),background .35s var(--ease-std)}
.hs-opt+.hs-opt{margin-top:10px}
.hs-opt .rd{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #C7C7CC;transition:box-shadow .3s var(--ease-std)}
.hs-opt.sel .rd{box-shadow:inset 0 0 0 6px var(--ink)}
.hs-opt.sel.best .rd{box-shadow:inset 0 0 0 6px var(--jade)}
.hs-opt.sel{box-shadow:inset 0 0 0 2px var(--ink)}
.hs-opt.sel.best{box-shadow:inset 0 0 0 2px var(--jade);background:rgba(11,125,86,.04)}
.hs-opt b{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;letter-spacing:-.012em}
.hs-opt small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.hs-fee em{font-style:normal}
.hs-fee{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.hs-opt.worst .hs-fee{color:var(--loss)}
.hs-opt.best .hs-fee{color:var(--jade)}
.hs-opt.out .hs-fee{text-decoration:line-through;text-decoration-thickness:1.5px;opacity:.7}
.hs-best{height:22px;padding:0 8px;border-radius:980px;background:var(--jade);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;opacity:0}
.hs-sum{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mist-2);opacity:0}
.hs-sum b{font-size:15px;font-weight:600;color:var(--jade)}
.hs-sum span{font-size:12.5px;color:var(--muted)}
/* grow */
.hg-row{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid var(--mist-2)}
.hg-row:last-child{border-bottom:0}
.hg-logo img{display:block;height:24px;width:auto;max-width:150px;object-fit:contain}
.hg-use{font-size:13px;color:var(--muted);line-height:1.4}
.hg-use b{display:block;font-size:14px;color:var(--ink);font-weight:600;letter-spacing:-.012em}
.hg-cks{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:8px}
.hg-cks span{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2)}
.hg-cks .hw-ck{width:16px;height:16px}.hg-cks .hw-ck svg{width:9px;height:9px}
.hg-st{justify-self:end}
.hg-st .hw-tag{opacity:0}
@media (max-width:734px){
  .hl36-tile{height:700px}.hl36-ui{top:170px;place-items:start center}
  .hw-tag .lg{display:none}.hw-tag .sm{display:inline}
  .ho-axis i{display:none}
  .hs-to{flex-direction:column;align-items:flex-start;gap:6px}.hs-to div b{font-size:15px}
  .hs-opt small{font-size:12px}.hs-best{white-space:nowrap}.hs-opt b{flex-wrap:wrap;gap:4px 8px}
  .hg-use>br,.hg-use{font-size:0}.hg-use b{font-size:14px}.hg-cks span{font-size:11.5px}.hg-cks{gap:4px 8px;margin-top:6px}
  .hw{border-radius:16px}
  .hw-h{padding:12px 14px}
  .hf-row{grid-template-columns:28px minmax(0,1fr) repeat(4,16px);gap:8px;padding:10px 14px}
  .hf-row .hw-ck{width:16px;height:16px}.hf-row .hw-ck svg{width:9px;height:9px}
  .hf-row.hf-thead{display:none}
  .hf-row b{font-size:13.5px}.hf-row small{font-size:12px}
  .hf-res{grid-column:2/-1;grid-row:2;font-size:12px;margin-top:-4px}
  .ho-axis,.ho-row{grid-template-columns:118px minmax(0,1fr);gap:10px;padding:0 14px}
  .ho-who .hw-mk{display:none}
  .ho-who b{font-size:13px}.ho-who small{font-size:11px}
  .ho-axis div span:nth-child(odd){visibility:hidden}
  .hs-body{padding:14px}
  .hs-amt{font-size:18px}
  .hs-opt{padding:11px 12px;gap:10px}
  .hs-opt b{font-size:13.5px}
  .hs-sum{flex-direction:column;gap:2px}
  .hg-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:13px 14px}
  .hg-logo{grid-column:1}.hg-st{grid-column:2;grid-row:1}
  .hg-use{grid-column:1/-1}
}

/* ---------- who it's for: v31 tabs; the setup as account panels ---------- */
.w31{padding:var(--sec) 0 calc(var(--sec) - 20px)}
.w31-head .lede{margin-top:18px}
.w31-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:40px;padding:4px;border-radius:980px;background:#F2F2F4}
.w31-tabs button{position:relative;border:0;background:none;height:40px;padding:0 18px;border-radius:980px;font-size:15px;letter-spacing:-.01em;color:var(--muted);cursor:pointer;transition:color 240ms var(--ease-std),background 320ms var(--ease-std),box-shadow 320ms var(--ease-std)}
.w31-tabs button:hover{color:var(--ink)}
.w31-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 2px 8px -2px rgba(0,0,0,.08)}
.w35-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start;margin-top:36px}
.w35-panel>*{min-width:0}
.w31-info h3{font-size:28px;line-height:1.12;font-weight:600;letter-spacing:-.02em}
.w31-info>p{margin-top:12px;font-size:17px;line-height:1.5;color:var(--text);max-width:26em}
.w31-info .tlink{display:inline-block;margin-top:22px}
.w35-plan{position:relative;padding:22px 22px 22px 58px;border-radius:var(--r-l);background:#FBFBFA;box-shadow:0 0 0 1px var(--line)}
.w35-plan::before{content:"";position:absolute;left:30px;top:34px;bottom:44px;width:2px;background:var(--accent);opacity:.9}
.w35-co{position:relative;display:flex;align-items:center;gap:12px;padding:0 0 14px}
.w35-co::before{content:"";position:absolute;left:-34px;top:12px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #FBFBFA}
.w35-co .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ink);color:#fff}
.w35-co .ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.w35-co b{display:block;font-size:16px;font-weight:600;letter-spacing:-.012em}
.w35-co span{display:block;font-size:13px;color:var(--muted)}
.w35-acc{position:relative;margin-top:12px;padding:12px 14px 11px;border-radius:14px;background:#fff;box-shadow:0 0 0 1.5px var(--accent),0 14px 30px -24px rgba(11,60,40,.5)}
.w35-acc::before{content:"";position:absolute;left:-28px;top:50%;width:26px;height:2px;background:var(--accent)}
.w35-acc::after{content:"";position:absolute;left:-33px;top:50%;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #FBFBFA}
.w35-acc .h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:8px;border-bottom:1px dashed #D2D2D7}
.w35-acc .h b{display:block;font-size:15px;font-weight:600;letter-spacing:-.012em}
.w35-acc .h span{display:block;font-size:13px;color:var(--muted)}
.w35-acc .cur{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
.w35-acc .cur i{display:flex;align-items:center;gap:5px;padding:3px 7px;border-radius:7px;background:#F2F2F4;font-style:normal;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:0}
.w35-acc .cur .za-flag{width:15px;height:15px}
.w35-acc .r{display:flex;justify-content:space-between;gap:12px;padding-top:7px;font-size:13px}
.w35-acc .r span{color:var(--muted)}
.w35-acc .r b{font-weight:600;font-size:13px;text-align:right}
.w35-acc .r b.num{font-family:var(--mono);font-weight:500;font-size:12.5px;letter-spacing:0}
.w35-note{margin-top:12px;font-size:12.5px;color:var(--muted)}
@media (max-width:900px){.w35-panel{grid-template-columns:minmax(0,1fr);gap:26px}}
@media (max-width:734px){.w31-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-22px;padding:4px 22px;border-radius:0;background:none}.w31-tabs::-webkit-scrollbar{display:none}.w31-tabs button{flex:none;background:#F2F2F4}
  .w35-plan{padding:18px 14px 18px 46px}.w35-plan::before{left:22px}.w35-co::before{left:-30px}.w35-acc::before{left:-24px;width:22px}.w35-acc::after{left:-29px}.w35-acc .r{flex-direction:column;gap:1px}.w35-acc .r b{text-align:left}}
/* who it's for sits on the grey section: the switch and the plan go white */
.w36{background:transparent}
.w36 .w31-tabs{background:var(--mist-2)}
.w36 .w35-plan{background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.06)}
.w36 .w35-plan::before{opacity:1}
.w36 .w35-co::before,.w36 .w35-acc::after{box-shadow:0 0 0 4px #fff}

/* ---------- numbers and currencies (black) ---------- */
.n30{padding:130px 0 130px;overflow:hidden}
.n30-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin-top:64px}
.n30-n{display:block;font-size:clamp(56px,6.6vw,100px);line-height:.95;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#FFFFFF 30%,#9A9AA2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.n30-i p{margin-top:16px;font-size:17px;line-height:1.4;color:#A1A1A6;max-width:15em;letter-spacing:-.01em}
@media (max-width:900px){.n30-grid{grid-template-columns:1fr 1fr;gap:48px 24px}}
.n36{padding:130px 0 140px;overflow:hidden}
@media (max-width:734px){.n36{padding:88px 0 96px}}
/* the departures board: every currency with its local account details */
.b36{margin-top:110px;padding-top:56px;border-top:1px solid rgba(255,255,255,.12)}
.b36-copy{display:flex;justify-content:space-between;align-items:flex-end;gap:14px 48px;flex-wrap:wrap}
.b36-copy h3{max-width:14em;font-size:clamp(28px,3vw,40px);line-height:1.1;font-weight:600;letter-spacing:-.025em;color:#fff}
.b36-copy p{max-width:27em;font-size:17px;line-height:1.5;color:var(--night-muted)}
.b36-board{margin-top:40px;padding:22px 24px 20px;border-radius:var(--r-l);background:#0E0E10;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 40px 80px -40px rgba(0,0,0,.9);overflow:hidden}
.bd-head,.bd-row{display:flex;align-items:center;gap:22px}
.bd-head{padding:0 2px 12px;font-size:11.5px;font-weight:600;letter-spacing:.08em;color:#6E6E73}
.bd-row{padding:7px 2px}
.bd-row+.bd-row{border-top:1px solid rgba(255,255,255,.05)}
.bd-flag{flex:none;width:26px;height:26px}
.bd-flag .za-flag{width:26px;height:26px;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.bd-grp{display:flex;gap:3px}
.bd-c{position:relative;display:grid;place-items:center;width:var(--cw,22px);height:var(--ch,34px);border-radius:4px;background:linear-gradient(#26262A 0 50%,#1F1F22 50% 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 1px rgba(0,0,0,.6);font-family:var(--mono);font-size:var(--cf,18px);font-weight:600;color:#F5F5F7;overflow:hidden}
.bd-c::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55)}
.bd-c b{display:block;font-weight:600;line-height:1}
.bd-c.go b{animation:bdflip .06s linear}
@keyframes bdflip{0%{transform:scaleY(1)}50%{transform:scaleY(.15);filter:brightness(.6)}100%{transform:scaleY(1)}}
.bd-grp.stat .bd-c{color:var(--jade-bright)}
.bd-head .h-cur{width:calc(3 * var(--cw,22px) + 6px + 48px)}
.bd-head .h-rail{width:calc(6 * var(--cw,22px) + 15px)}
.bd-head .h-det{flex:1}
.b36-fine{margin-top:14px;font-size:12.5px;color:#6E6E73}
@media (max-width:900px){.b36-board{--cw:15px;--ch:25px;--cf:13px;padding:16px 14px}.bd-head,.bd-row{gap:12px}.bd-head .h-rail,.bd-grp.rail{display:none}.bd-head .h-cur{width:calc(3 * 15px + 6px + 38px)}.bd-flag,.bd-flag .za-flag{width:20px;height:20px}}
@media (max-width:420px){.b36-board{--cw:13px;--ch:23px;--cf:12px}.bd-grp{gap:2px}.bd-grp.stat{display:none}.bd-head .h-st{display:none}}

/* ---------- timeline and pricing (v31) ---------- */
.t31{padding:var(--sec) 0 calc(var(--sec) - 20px)}
.t31-line{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:64px;padding-top:46px}
.t31-line::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--line)}
.t31-line::after{content:"";position:absolute;left:0;top:9px;height:2px;width:var(--tw,0%);background:var(--jade);transition:width 2.2s var(--ease-apple)}
.t31-line li{position:relative;z-index:1}
.t31-line li::before{content:"";position:absolute;left:0;top:-46px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #fff,inset 0 0 0 2px var(--line-2);transition:box-shadow .5s var(--ease-std)}
.t31-line.go li::before{box-shadow:0 0 0 5px #fff,inset 0 0 0 6px var(--jade)}
.t31-line.go li:nth-child(2)::before{transition-delay:.55s}.t31-line.go li:nth-child(3)::before{transition-delay:1.1s}.t31-line.go li:nth-child(4)::before{transition-delay:1.65s}
.t31-line b{display:block;font-size:clamp(28px,2.8vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1.05}
.t31-line h3{margin-top:10px;font-size:17px;font-weight:600;letter-spacing:-.015em}
.t31-line p{margin-top:6px;font-size:15px;line-height:1.45;color:var(--text);max-width:17em}
.t31-price{margin-top:100px}
.t31-ph{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.ptiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ptile{background:#F5F5F7;border-radius:var(--r-l);padding:30px 28px;display:grid;gap:6px;align-content:start}
.ptile .t{font-size:15px;font-weight:600}
.ptile .p{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-top:8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ptile .s{font-size:14px;color:var(--muted)}
.ptiles+.fine{margin-top:18px}
@media (max-width:900px){.t31-line{grid-template-columns:1fr 1fr;gap:40px 24px}.ptiles{grid-template-columns:1fr}}
@media (max-width:734px){
  .t31-line{grid-template-columns:1fr;padding-top:0;padding-left:40px;gap:30px}
  .t31-line::before{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .t31-line::after{left:9px;top:0;width:2px;height:var(--tw,0%)}
  .t31-line li::before{left:-40px;top:4px}}

/* ---------- mission: the statement, on grey, with the logo's network ---------- */
.m36{padding:170px 0 160px;overflow:hidden}
.m36-net{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.m36-net path{fill:none;stroke:rgba(11,125,86,.16);stroke-width:1.2}
.m36-net circle{fill:rgba(11,125,86,.38)}
.m36 .wrap{position:relative;z-index:1}
.m36-k{font-size:15px;font-weight:600;color:var(--jade)}
.m36-t{margin-top:14px;max-width:17em;font-size:clamp(32px,4.2vw,58px);line-height:1.08;font-weight:600;letter-spacing:-.028em;color:var(--ink)}
.js-motion .m36 .sw{opacity:.2;transition:opacity 400ms var(--ease-std)}
.js-motion .m36 .sw.lit{opacity:1}
.m36-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:64px;padding-top:30px;border-top:1px solid var(--hair)}
.m36-grid h3{font-size:19px;font-weight:600;letter-spacing:-.015em}
.m36-grid p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2)}
@media (max-width:900px){.m36-grid{grid-template-columns:1fr;gap:22px}}
@media (max-width:734px){.m36{padding:100px 0 96px}}

/* ---------- plan, questions, closing (v31) ---------- */
.p30{padding:var(--sec) 0 80px}
.p30-line{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:64px;padding-top:44px}
.p30-line::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--line)}
.p30-line::after{content:"";position:absolute;left:0;top:9px;height:2px;width:var(--pw,0%);background:var(--jade);transition:width 1.4s var(--ease-apple)}
.p30-line li{position:relative;z-index:1}
.p30-line li::before{content:"";position:absolute;left:0;top:-44px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #fff,inset 0 0 0 2px var(--line-2)}
.p30-line li.now::before{box-shadow:0 0 0 5px #fff,inset 0 0 0 6px var(--jade)}
.p30-w{display:block;font-size:14px;font-weight:600;color:var(--muted);letter-spacing:-.01em}
.p30-line li.now .p30-w{color:var(--jade)}
.p30-line h3{margin-top:8px;font-size:28px;line-height:1.12;font-weight:600;letter-spacing:-.02em}
.p30-line p{margin-top:12px;font-size:17px;color:var(--text);max-width:22em}
@media (max-width:860px){
  .p30-line{grid-template-columns:1fr;gap:36px;padding-top:0;padding-left:40px}
  .p30-line::before{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .p30-line::after{left:9px;top:0;width:2px;height:var(--pw,0%)}
  .p30-line li::before{left:-40px;top:2px}}
.q31{padding:80px 0 140px}
.q31 .t2{margin-bottom:40px}

/* ---------- closing: white, the question and the places ---------- */
.z36{padding:150px 0 160px;text-align:center}
.z36-t{max-width:12em;margin:0 auto;font-size:clamp(38px,5vw,72px);line-height:1.05;font-weight:600;letter-spacing:-.03em}
.z36 .pick{margin-top:36px}
.z36 .pick a{background:#fff;box-shadow:inset 0 0 0 1px var(--hair)}
.z36 .pick a:hover{background:var(--jade);color:#fff;box-shadow:inset 0 0 0 1px var(--jade)}
@media (max-width:734px){.z36{padding:96px 0 110px}}

/* ---------- the film's pieces (em units: the stage font size sets the scale) ---------- */
.fm-stage .ic svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fm-stage .za-flag{flex:none;width:1em;height:1em;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.fm-stage .zmono{font-family:var(--mono);letter-spacing:0;font-weight:500}
/* your company */
.zco{padding:.8em .9em .7em;border-radius:.9em;background:#fff;box-shadow:0 0 0 1px var(--line),0 20px 44px -28px rgba(0,0,0,.4);z-index:4}
.zco-h{display:flex;align-items:center;gap:.6em;padding-bottom:.55em;border-bottom:1px solid var(--line)}
.zco-h .ic{width:1.9em;height:1.9em;border-radius:.55em;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}
.zco-h b{display:block;font-size:.84em;font-weight:600;white-space:nowrap}
.zco-h span{display:flex;align-items:center;gap:.35em;font-size:.6em;color:var(--muted);white-space:nowrap}
.zco-r{display:grid;grid-template-columns:minmax(0,1fr) 1.1em;grid-template-areas:"l t" "v t";align-items:center;column-gap:.4em;padding:.42em 0;border-bottom:1px solid var(--line)}
.zco-r span{grid-area:l;display:block;font-size:.56em;color:var(--muted)}
.zco-r b{grid-area:v;display:flex;align-items:center;gap:.3em;font-size:.72em;font-weight:600;white-space:nowrap}
.zco-r .ck{grid-area:t}
.zco-r .ck,.zco-ok svg{width:1.1em;height:1.1em;fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.zco-d{display:flex;align-items:center;gap:.45em;padding-top:.55em}
.zco-d .za-doc{width:1.3em;height:1.69em;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}
.zco-d span{margin-left:.2em;font-size:.56em;color:var(--muted)}
.zco-ok{display:flex;align-items:center;gap:.3em;padding:.22em .7em .22em .45em;border-radius:980px;background:#E6F4EE;color:var(--accent);font-size:.58em;font-weight:700;white-space:nowrap;z-index:6}
.fm-stage.tall .zco-r{grid-template-columns:6.6em minmax(0,1fr) 1.1em;grid-template-areas:"l v t"}
.fm-stage.tall .zco-r span{font-size:.62em}.fm-stage.tall .zco-r b{font-size:.74em}
/* the check: a counter and a scan line */
.zcnt{height:1.9em;min-width:12.5em;padding:0 .9em;border-radius:980px;background:var(--ink);color:#fff;font-size:.62em;font-weight:600;white-space:nowrap;z-index:7}
.zcnt>span{position:absolute;left:0;right:0;top:0;height:100%;display:flex;align-items:center;justify-content:center;gap:.35em}
.zcnt em{font-style:normal;color:#7FE0B6;font-variant-numeric:tabular-nums}
.zscan{width:2px;border-radius:1px;background:linear-gradient(180deg,rgba(11,125,86,0),rgba(11,125,86,.9) 25%,rgba(11,125,86,.9) 75%,rgba(11,125,86,0));z-index:2}
.zscan.h{height:2px;background:linear-gradient(90deg,rgba(11,125,86,0),rgba(11,125,86,.9) 25%,rgba(11,125,86,.9) 75%,rgba(11,125,86,0))}
/* applications, then accounts */
.zapp{display:flex;align-items:center;gap:.6em;padding:.5em .8em .5em .6em;border-radius:.7em;background:#fff;box-shadow:0 0 0 1px var(--line),0 14px 30px -22px rgba(0,0,0,.35);z-index:5}
.zapp .za-doc{flex:none;width:1.25em;height:1.62em;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}
.zapp b{display:block;font-size:.66em;font-weight:600;white-space:nowrap}
.zapp .stx{position:relative;display:block;height:1.3em;margin-top:.1em;font-size:.56em;font-weight:600;white-space:nowrap}
.zapp .stx span{position:absolute;left:0;top:0;opacity:0}
.zapp .stx .s0{color:var(--muted)}.zapp .stx .s1{color:#B26B00}.zapp .stx .s2{color:var(--accent)}
.zacc{padding:.7em .9em .65em;border-radius:.85em;background:#fff;box-shadow:0 0 0 1.5px var(--accent),0 20px 44px -28px rgba(11,60,40,.45);z-index:5}
.zacc-h{display:flex;align-items:flex-start;justify-content:space-between;gap:.6em;padding-bottom:.45em;border-bottom:1px dashed #D2D2D7}
.zacc-h b{display:block;font-size:.76em;font-weight:600;white-space:nowrap}
.zacc-h span{display:block;font-size:.56em;color:var(--muted);white-space:nowrap}
.zacc-cur{display:flex;gap:.3em;flex:none}
.zacc-cur i{display:flex;align-items:center;gap:.3em;padding:.2em .45em;border-radius:.45em;background:#F2F2F4;font-style:normal;font-family:var(--mono);font-size:.56em;font-weight:600;letter-spacing:0}
.zacc-cur .za-flag{width:1.15em;height:1.15em}
.zacc-r{display:flex;justify-content:space-between;gap:.8em;align-items:baseline;padding-top:.36em}
.zacc-r span{font-size:.54em;color:var(--muted);white-space:nowrap}
.zacc-r b{font-size:.6em;white-space:nowrap}
.zacc-ok{position:absolute;right:.9em;top:-.72em;padding:.16em .6em;border-radius:980px;background:var(--accent);color:#fff;font-size:.5em;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.fm-stage.tall .zacc-h b{font-size:.8em}.fm-stage.tall .zacc-h span{font-size:.62em}
.fm-stage.tall .zacc-cur i{font-size:.6em}
.fm-stage.tall .zacc-r span{font-size:.6em}.fm-stage.tall .zacc-r b{font-size:.66em}
/* money in motion */
.fm-stage .nd.cp .ic{background:#fff;box-shadow:0 0 0 1px var(--line)}
.fm-stage .nd.cp .ic .za-flag{width:1.3em;height:1.3em}
.fm-stage .nd.plat{flex-direction:column;align-items:flex-start;gap:.45em;padding:.8em .95em}
.fm-stage .nd.plat img{height:1.2em;width:auto;max-width:9em;object-fit:contain;flex:none}
.fm-stage .nd.plat span{white-space:normal;line-height:1.35;font-size:.62em}
.zfee{text-align:right;white-space:nowrap;z-index:8}
.zfee small{display:block;font-size:.62em;font-weight:600;color:var(--muted)}
.zfee b{display:block;font-size:1.9em;line-height:1.05;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--accent)}
.zfee s{display:block;margin-top:.15em;font-size:.62em;font-weight:600;color:var(--risk);text-decoration-thickness:1.5px}
.fm-stage.tall .zfee,.fm-stage.tall .fx-day{text-align:center}
.zchip{display:flex;align-items:center;gap:.4em;padding:.3em .7em .3em .35em;border-radius:980px;background:var(--ink);color:#fff;font-size:.6em;font-weight:600;white-space:nowrap;box-shadow:0 8px 18px -8px rgba(0,0,0,.45);z-index:8}
.zchip .za-flag{width:1.2em;height:1.2em;box-shadow:0 0 0 1.5px #fff}
.zchip em{font-style:normal;color:#9FE7C9;font-weight:500}
.zchip.in{background:var(--accent)}.zchip.in em{color:#D8F5E8}
.znext{padding:.14em .55em;border-radius:980px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent);font-size:.5em;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;z-index:7}
/* tall film (phones) */
.fm-stage.tall .zco{padding:.7em .9em .6em}
.fm-stage.tall .zco-r{padding:.34em 0}
.fm-stage.tall .zco-d{padding-top:.45em}
.fm-stage.tall .nd.plat.logo-only{align-items:center;justify-content:center;padding:.9em .6em}
.fm-stage.tall .nd.plat.logo-only img{max-width:100%;height:1.05em}
.fm-stage.tall .nd.plat.logo-only span{display:none}
.fm-stage.tall .zchip{font-size:.56em}

/* flags inside the film's icon boxes: no inherited icon stroke */
.fm-stage .ic svg.za-flag,.fm-stage .za-flag{stroke:none;stroke-width:0}


/* ================= v37 ================= */
:root{--forest:#06110D;--jade-night:#0A3D2E;--mint:#3DD39B}

/* ---------- hero: an editorial split, then the film ---------- */
.h37{padding-top:92px}
.h37-top{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:40px 56px;align-items:end}
.h37 .h36-t{margin:0;text-align:left;font-size:clamp(46px,5.8vw,86px);line-height:.98;letter-spacing:-.042em;max-width:9.6em}
.h37-side{padding-bottom:12px}
.h37 .h36-l{margin:0;max-width:29em;font-size:19px}
.h37 .h36-cta{justify-content:flex-start;margin-top:26px}
.h37 .h36-fine{margin-top:14px}
.h37 .f36{margin-top:64px}
@media (max-width:1068px){.h37-top{grid-template-columns:1fr;gap:26px}.h37 .h36-t{max-width:11em}.h37-side{padding-bottom:0}}
@media (max-width:734px){.h37{padding-top:44px}.h37 .h36-t{font-size:46px;line-height:1}.h37 .h36-l{font-size:17px}.h37 .f36{margin-top:36px}}

/* ---------- the film: a dark stage, one idea per shot ---------- */
.f37 .fm-view{background:var(--forest);box-shadow:0 50px 90px -50px rgba(4,24,16,.7)}
.f37 .fm-view::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.f37 .fm-stage{color:#F5F5F7;background:radial-gradient(95% 75% at 50% -12%,#17473A 0%,#0B271D 46%,#06110D 100%)}
.f37 .fm-stage .hl{font-size:2.1em;line-height:1.06;letter-spacing:-.028em;color:#fff}
.f37 .fm-stage.tall .hl{font-size:1.9em}
.f37 .fx.ph{overflow:hidden}
.f37 .fx.ph img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}
.f37 .fx.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,14,10,.66) 0%,rgba(4,14,10,0) 32%)}
.f37 .fx.veil{background:linear-gradient(90deg,rgba(4,14,10,0) 30%,rgba(4,14,10,.66) 70%)}
.f37 .fm-stage.tall .fx.veil{background:linear-gradient(180deg,rgba(4,14,10,0) 28%,rgba(4,14,10,.72) 58%)}
.f37 .fx.veil2{background:rgba(4,14,10,.6)}
.f37 .fx.scan{height:2px;background:linear-gradient(90deg,rgba(61,211,155,0),rgba(61,211,155,.9) 18%,rgba(61,211,155,.9) 82%,rgba(61,211,155,0));box-shadow:0 0 14px 2px rgba(61,211,155,.35)}
.f37 .glass{border-radius:18px;background:rgba(14,30,24,.56);-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.16),0 30px 60px -22px rgba(0,0,0,.55);color:#F5F5F7}
.f37 .glass .za-flag,.f37 .sheet .za-flag{box-shadow:0 0 0 1px rgba(255,255,255,.18)}
/* 1. the profile */
.f37 .pf{padding:1.05em 1.2em .95em}
.f37 .pf-h,.f37 .fc-h{display:flex;align-items:center;gap:.65em;padding-bottom:.8em;border-bottom:1px solid rgba(255,255,255,.12)}
.f37 .pf-h .za-flag,.f37 .fc-h .za-flag{width:1.45em;height:1.45em}
.f37 .pf-h b,.f37 .fc-h b{display:block;font-size:.92em;font-weight:600;letter-spacing:-.015em}
.f37 .pf-h span,.f37 .fc-h span{display:block;margin-top:.1em;font-size:.62em;color:rgba(245,245,247,.62)}
.f37 .pf-r{display:grid;grid-template-columns:5.6em minmax(0,1fr) auto;align-items:center;gap:.7em;padding:.62em 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.68em}
.f37 .pf-r span{color:rgba(245,245,247,.58)}
.f37 .pf-r b{display:flex;align-items:center;gap:.3em;font-weight:500;white-space:nowrap}
.f37 .pf-r b .za-flag{width:1.15em;height:1.15em}
.f37 .pf-r em{font-style:normal;font-size:.86em;color:var(--mint);white-space:nowrap}
.f37 .pf-f{padding-top:.8em;font-size:.64em;font-weight:600;color:var(--mint)}
/* 2. the providers */
.f37 .pt{position:absolute;display:flex;align-items:center;gap:4px;width:76px;height:40px;padding:0 6px;border-radius:9px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);font-size:10px;line-height:1;color:rgba(245,245,247,.86);white-space:nowrap;overflow:hidden}
.f37 .pt .za-flag{width:14px;height:14px;box-shadow:none}
.f37 .pt b{font-weight:500;overflow:hidden;text-overflow:clip}
.f37 .pt.yes{background:rgba(61,211,155,.22);box-shadow:inset 0 0 0 1.5px var(--mint);color:#fff}
.f37 .ptip{z-index:7;padding:.4em .7em;border-radius:.55em;background:#F5F5F7;color:#1D1D1F;font-size:.54em;font-weight:500;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.f37 .fcount,.f37 .fweek{z-index:8;white-space:nowrap;text-align:right}
.f37 .fcount>div{display:flex;align-items:baseline;justify-content:flex-end;gap:.35em}
.f37 .fcount .z{position:absolute;right:0;top:0}
.f37 .fcount b,.f37 .fweek b{display:block;font-size:2.3em;line-height:1;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.f37 .fcount span{font-size:.78em;color:rgba(245,245,247,.66)}
.f37 .fcount .z b,.f37 .fcount .z span,.f37 .fweek b{color:var(--mint)}
.f37 .fweek small{display:block;margin-bottom:.3em;font-size:.6em;color:rgba(245,245,247,.6)}
.f37 .fm-stage.tall .fcount,.f37 .fm-stage.tall .fweek{text-align:left}
.f37 .fm-stage.tall .fcount>div{justify-content:flex-start}
.f37 .fm-stage.tall .fcount .z{left:0;right:auto}
.f37 .rules{display:flex;align-items:center;justify-content:center;gap:.5em;font-size:.62em;white-space:nowrap}
.f37 .rules span{margin-right:.4em;color:rgba(245,245,247,.6)}
.f37 .rules i{padding:.45em .9em;border-radius:980px;font-style:normal;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.f37 .fm-stage.tall .rules{flex-wrap:wrap}
.f37 .fm-stage.tall .rules span{flex-basis:100%;text-align:center;margin:0 0 .3em}
.f37 .fitcard{padding:1.05em 1.15em}
.f37 .fc-r{display:flex;justify-content:space-between;padding:.75em 0 .6em;font-size:.66em;color:rgba(245,245,247,.62)}
.f37 .fc-r b{font-weight:600;color:#fff}
.f37 .fc-ok{font-size:.66em;font-weight:600;color:var(--mint)}
/* 3. the applications, on paper */
.f37 .sheet{padding:1em 1.15em .95em;border-radius:14px;background:#FBFBF8;color:#1D1D1F;box-shadow:0 34px 60px -20px rgba(0,0,0,.65);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.f37 .sh-h{display:flex;align-items:center;gap:.5em;padding-bottom:.7em;border-bottom:1px solid #E5E5E0;font-size:.7em}
.f37 .sh-h .za-flag{width:1.3em;height:1.3em;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.f37 .sh-h b{font-weight:600}.f37 .sh-h span{margin-left:auto;color:#6E6E73}
.f37 .sh-f>div{display:flex;justify-content:space-between;align-items:center;gap:1em;padding:.5em 0;border-bottom:1px dashed #DEDED8;font-size:.62em}
.f37 .sh-f span{color:#6E6E73}.f37 .sh-f b{margin-right:-.3em;padding:.1em .3em;border-radius:.3em;font-weight:500}
.f37 .sh-s{position:relative;height:1.9em;margin-top:.8em;font-size:.6em;font-weight:600}
.f37 .sh-s span{position:absolute;left:0;top:0;padding:.35em .8em;border-radius:980px;background:#EDEDE9;color:#424245;white-space:nowrap}
.f37 .sheet.ok .sh-s .s2{background:var(--jade);color:#fff}
.f37 .fm-stage.tall .sheet{padding:.8em 1em .8em}
.f37 .fm-stage.tall .sh-f{display:grid;grid-template-columns:1fr 1fr;column-gap:1.4em}
.f37 .fm-stage.tall .sh-f>div{font-size:.5em}
.f37 .fm-stage.tall .sh-h{font-size:.6em;padding-bottom:.5em}
.f37 .fm-stage.tall .sh-s{font-size:.5em;margin-top:.6em}
.f37 .ghost{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.1em;font-size:.6em;color:rgba(245,245,247,.55);white-space:nowrap}
.f37 .ghost i{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden}
.f37 .ghost i b{display:block;height:100%;background:rgba(255,255,255,.34)}
.f37 .ghost em{font-style:normal}
/* 4. the flap board */
.f37 .fboard{padding:1.1em 1.3em 1em;border-radius:18px;background:#0B0D0C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 40px 80px -30px rgba(0,0,0,.75)}
.f37 .fb-top{display:flex;gap:1.2em;align-items:baseline;padding:0 0 .85em;font:600 .5em/1 var(--mono);letter-spacing:.08em;color:#8E8E93}
.f37 .fb-top b{color:#F5F5F7}
.f37 .fb-row{display:flex;align-items:center;gap:16px;padding:6px 0}
.f37 .fb-row+.fb-row{border-top:1px solid rgba(255,255,255,.05)}
.f37 .fb-flag{display:block}.f37 .fb-flag .za-flag{display:block;width:26px;height:26px}
.f37 .fb-g{display:flex;gap:2px}
.f37 .fc{position:relative;display:grid;place-items:center;width:20px;height:32px;border-radius:3px;background:linear-gradient(#1D201F 50%,#171918 50%);font:600 17px/1 var(--mono);color:#F2F2EE}
.f37 .fc::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.65)}
.f37 .fb-g.g1 .fc{color:#A8A8A2}
.f37 .fb-g.st .fc{color:var(--mint)}
.f37 .fm-stage.tall .fb-row{gap:12px}
.f37 .fm-stage.tall .fc{width:24px;height:38px;font-size:20px}
.f37 .fm-stage.tall .fboard{padding:.8em .7em .7em}
.f37 .fm-stage.tall .fb-g.g1 .fc{color:#F2F2EE}
.f37 .fm-stage.tall .fb-top{font-size:.46em}
/* 5. the payment */
.f37 .fpay{padding:1.05em 1.2em 1.1em}
.f37 .fp-h{display:flex;justify-content:space-between;padding-bottom:.8em;border-bottom:1px solid rgba(255,255,255,.1);font-size:.64em;color:rgba(245,245,247,.6)}
.f37 .fp-h b{font-weight:600;color:#F5F5F7}
.f37 .fp-to{display:flex;align-items:center;gap:.6em;padding:.85em 0 .5em}
.f37 .fp-to .za-flag{width:1.4em;height:1.4em}
.f37 .fp-to b{display:block;font-size:.8em;font-weight:600}.f37 .fp-to span{display:block;font-size:.58em;color:rgba(245,245,247,.6)}
.f37 .fp-to strong{margin-left:auto;font-size:1.2em;font-weight:600;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.f37 .fp-o{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75em;margin-top:.5em;padding:.72em .9em;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:none}
.f37 .fp-o>i{width:1em;height:1em;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.f37 .fp-o b{display:flex;align-items:center;gap:.5em;font-size:.72em;font-weight:600}
.f37 .fp-o span{display:block;margin-top:.15em;font-size:.56em;color:rgba(245,245,247,.6)}
.f37 .fp-o em{font-style:normal;font-size:.86em;font-weight:600;font-variant-numeric:tabular-nums}
.f37 .fp-o u{padding:.2em .6em;border-radius:980px;background:var(--mint);color:var(--forest);font-size:.78em;text-decoration:none;opacity:0}
.f37 .fp-o.sel{background:rgba(61,211,155,.1);box-shadow:inset 0 0 0 1.5px var(--mint)}
.f37 .fp-o.sel>i{box-shadow:inset 0 0 0 .3em var(--mint)}
.f37 .fp-o.a.sel{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
.f37 .fp-o.a.sel>i{box-shadow:inset 0 0 0 .3em #fff}
.f37 .fp-o.out{opacity:.62}.f37 .fp-o.out em{color:#FF7A6E;text-decoration:line-through;text-decoration-thickness:1.5px}
.f37 .fp-o.b em{color:var(--mint)}
.f37 .fp-k{margin-top:.95em;font-size:.72em;font-weight:600;color:var(--mint)}
.f37 .fstat small{display:block;font-size:.66em;color:rgba(245,245,247,.66)}
.f37 .fstat b{display:block;margin-top:.1em;font-size:3.1em;line-height:1.02;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.f37 .fstat s{display:block;margin-top:.45em;font-size:.64em;color:rgba(245,245,247,.55);text-decoration-thickness:1.5px}
.f37 .fm-stage.tall .fstat{text-align:center}
/* 6. the next platforms */
.f37 .fplat{padding:1.3em 1.2em 1.05em}
.f37 .fplat img{display:block;height:1.35em;width:auto;max-width:9em;filter:brightness(0) invert(1)}
.f37 .fplat p{margin:.95em 0 1em;min-height:2.9em;font-size:.64em;line-height:1.45;color:rgba(245,245,247,.74)}
.f37 .fpl-f{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding-top:.8em;border-top:1px solid rgba(255,255,255,.1);font-size:.56em;color:rgba(245,245,247,.6)}
.f37 .fpl-f u{padding:.35em .8em;border-radius:980px;background:var(--mint);color:var(--forest);font-weight:600;text-decoration:none}
.f37 .fm-stage.tall .fplat p{min-height:0}
/* the end card */
.f37 .fm-sum{background:radial-gradient(95% 75% at 50% -12%,#17473A 0%,#0B271D 46%,#06110D 100%);-webkit-backdrop-filter:none;backdrop-filter:none}
.f37 .fm-sum h3{font-size:2.1em;letter-spacing:-.028em;color:#fff}
.f37 .fm-ben>div{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.f37 .fm-ben b{color:#fff}.f37 .fm-ben b.z{color:var(--mint)}.f37 .fm-ben b s{color:rgba(245,245,247,.5)}
.f37 .fm-ben span{color:rgba(245,245,247,.72)}

/* ---------- highlights: flags instead of drawn marks, words instead of tick circles ---------- */
.hl36-tile{background:linear-gradient(180deg,#F5F5F7 0%,#EDEDF0 100%)}
.hw{box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04),0 30px 60px -30px rgba(0,0,0,.35)}
.hw-fl{display:grid;place-items:center;width:30px;height:30px;flex:none}
.hw-fl .za-flag{width:24px;height:24px}
.hw-ck,.hw-ck.pass,.hw-ck.fail{display:inline-block;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;font-style:normal;font-size:13px;font-weight:600;line-height:1;color:#C7C7CC}
.hw-ck::before{content:"\2013"}
.hw-ck.pass::before{content:"Yes";color:var(--jade)}
.hw-ck.fail::before{content:"No";color:var(--loss)}
.hw-ck.fail::after{display:none}
.hg-cks .hw-ck{width:auto;height:auto}
.hg-cks .hw-ck::before{content:"\2013"}
.hg-cks .hw-ck.pass::before{content:"\2713"}
@media (max-width:734px){.hf-row{grid-template-columns:28px minmax(0,1fr) repeat(4,14px)}.hf-row .hw-ck{width:auto;height:auto}.hf-row .hw-ck.pass::before{content:"\2713"}.hf-row .hw-ck.fail::before{content:"\2715"}.ho-who .hw-fl{display:none}}

/* ---------- who it's for: a photograph of each business beside the accounts it usually needs ---------- */
.w37{padding:var(--sec) 0}
.w37-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 48px;flex-wrap:wrap}
.w37-head .lede{max-width:22em;margin-bottom:6px}
.w37 .w31-tabs{margin-top:36px;background:var(--mist)}
.w37-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;margin-top:24px}
.w37-ph{position:relative;min-height:640px;margin:0;border-radius:var(--r-xl);overflow:hidden;background:#E9E6DF}
.w37-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.045);transition:opacity .9s var(--ease-apple),transform 1.8s var(--ease-apple)}
.w37-ph img.on{opacity:1;transform:none}
.w37-panel{display:flex;flex-direction:column;min-width:0;padding:40px 40px 30px;border-radius:var(--r-xl);background:var(--mist)}
.w37 .w31-info>p{color:var(--ink-2)}
.w37 .w35-plan{margin-top:28px;padding:0;background:none;box-shadow:none}
.w37 .w35-plan::before,.w37 .w35-co::before,.w37 .w35-acc::before,.w37 .w35-acc::after{display:none}
.w37 .w35-co{padding:0 0 10px;border-bottom:1px solid var(--hair)}
.w37 .w35-co b{font-size:13px;font-weight:600;color:var(--muted)}
.w37 .w35-co span{display:none}
.w37 .w35-acc{margin-top:10px;padding:14px 16px 13px;border-radius:16px;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 12px 28px -22px rgba(0,0,0,.35)}
.w37 .w35-acc .h{border-bottom:1px solid var(--mist-2)}
.w37 .w35-note{margin-top:auto;padding-top:16px}
@media (max-width:900px){.w37-stage{grid-template-columns:1fr}.w37-ph{min-height:0;aspect-ratio:4/3}}
@media (max-width:734px){.w37-panel{padding:26px 18px 20px;border-radius:22px}.w37-ph{border-radius:22px}}

/* ---------- the black chapter: the flap board of local account details ---------- */
.n37{padding:140px 0 150px}
.n37 .b36{margin-top:0;padding-top:0;border-top:0}
.n37 .b36-copy h2{max-width:12em;color:#fff}
@media (max-width:734px){.n37{padding:92px 0 100px}}

/* ---------- mission: over a bridge at first light ---------- */
.m37{padding:0 0 var(--sec)}
.m37-ph{position:relative;height:min(82vh,780px);min-height:540px;overflow:hidden}
.m37-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.m37-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.34) 36%,rgba(255,255,255,0) 58%)}
.m37-over{position:relative;z-index:2;padding-top:104px}
.m37-k{font-size:17px;font-weight:600;color:var(--ink-2)}
.m37-t{margin-top:12px;max-width:15em;font-size:clamp(34px,4.6vw,66px);line-height:1.04;font-weight:600;letter-spacing:-.036em;color:var(--ink)}
.m37-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin:72px 0 0;padding:0;list-style:none}
.m37-grid h3{font-size:21px;font-weight:600;letter-spacing:-.02em}
.m37-grid p{margin-top:8px;font-size:17px;line-height:1.47;color:var(--ink-2);max-width:22em}
@media (max-width:900px){.m37-grid{grid-template-columns:1fr;gap:26px;margin-top:44px}}
@media (max-width:734px){.m37-ph{height:620px;min-height:0}.m37-ph img{object-position:2% 30%}.m37-ph::after{background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.6) 42%,rgba(255,255,255,0) 66%)}.m37-over{padding-top:60px}}

/* ---------- closing: deep jade ---------- */
.z37{color:#fff}
.z37 .z36-t{color:#fff}
.z37 .pick p{color:rgba(255,255,255,.7)}
.z37 .pick a{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.z37 .pick a:hover{background:#fff;color:var(--jade-night);box-shadow:inset 0 0 0 1px #fff}

/* light sections next to a dark one keep their own white, so text never sits on the dark colour while the page background changes */
#p-home>section.w37,#p-home>section.t31,#p-home>section.q31{background:#fff}


/* ================= v38: refinements after the design review ================= */
/* every section paints its own background; the page background no longer changes behind them */
#p-home>section{background:var(--sec-bg,#fff)}
/* hero: calmer tracking and line height */
.h37 .h36-t{font-size:clamp(44px,5.6vw,80px);line-height:1.04;letter-spacing:-.025em;max-width:9.4em}
.h37-top{gap:40px 64px}
.h37 .h36-l{font-size:20px;line-height:1.45;max-width:22em}
.h37{padding-top:80px}.h37 .f36{margin-top:52px}
@media (max-width:734px){.h37 .h36-t{font-size:42px;letter-spacing:-.022em}.h37-top{gap:24px}}

/* highlights: flat tiles, a real title, full-strength neighbours */
.hl36-tile,.hl36-tile:not(.on){background:#F5F5F7;opacity:1}
.hl36-cap{max-width:520px;padding:44px 44px 0}
.hl36-cap h3{font-size:28px;line-height:1.12;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.hl36-cap p{margin-top:10px;font-size:17px;line-height:1.45;letter-spacing:-.01em;color:var(--muted)}
.hl36-ui{top:212px}
@media (max-width:734px){.hl36-tile{height:620px}.hl36-cap{padding:26px 22px 0}.hl36-cap h3{font-size:22px}.hl36-cap p{font-size:15px}.hl36-ui{top:176px;place-items:start center}}
/* find */
.hx{width:100%;max-width:780px;border-radius:14px;background:#fff}
.hx-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;border-bottom:1px solid var(--mist-2);font-size:14px;color:var(--muted)}
.hx-co{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}
.hx-cnt{font-variant-numeric:tabular-nums;white-space:nowrap}.hx-cnt b{font-size:17px;font-weight:600;color:var(--ink)}
.hf2{display:grid;grid-template-columns:minmax(0,1.05fr) auto minmax(0,.95fr);align-items:center;gap:24px;min-height:88px;padding:0 26px;border-bottom:1px solid var(--mist-2);transition:none}
.hf2:last-child{border-bottom:0}
.hf2-n{display:flex;align-items:center;gap:14px;min-width:0}.hf2-n .za-flag{width:28px;height:28px}
.hf2-n b{display:block;font-size:22px;line-height:1.15;font-weight:600;letter-spacing:-.02em}
.hf2-n small{display:block;margin-top:2px;font-size:14px;color:var(--muted)}
.hf2-r{display:flex;gap:14px;font-size:13px;font-weight:600;color:#C7C7CC;white-space:nowrap}
.hf2-r .y{color:var(--jade)}.hf2-r .n{color:var(--loss);text-decoration:line-through;text-decoration-thickness:1.5px}
.hf2-v{font-size:16px;font-weight:600;text-align:right}
.hf2.fit .hf2-v{color:var(--jade)}.hf2.no .hf2-v{font-weight:500;color:var(--muted)}
/* open */
.ho2{display:grid;grid-template-columns:repeat(3,256px);gap:24px;justify-content:center}
.ho2-p{padding:18px 18px 16px;border-radius:12px;background:#fff}
.ho2-h{display:flex;align-items:center;gap:10px}.ho2-h .za-flag{width:24px;height:24px}
.ho2-h b{display:block;font-size:17px;font-weight:600;letter-spacing:-.015em}.ho2-h span{display:block;font-size:12.5px;color:var(--muted)}
.ho2-fs{margin-top:12px}
.ho2-f{padding:9px 0;border-top:1px solid var(--mist-2)}
.ho2-f span{display:block;font-size:11.5px;color:var(--muted)}
.ho2-f b{display:inline-block;margin:2px 0 0 -4px;padding:1px 4px;border-radius:4px;font-size:14px;font-weight:500}
.ho2-s{position:relative;height:30px;margin-top:12px}
.ho2-s span{position:absolute;left:0;top:0;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:980px;background:#F2F2F4;font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.ho2-p.ok .ho2-s .s2{background:var(--jade);color:#fff}
.ho2-ghost{margin-top:22px;text-align:center;font-size:15px;color:var(--muted)}
/* save */
.hs2{width:100%;max-width:720px;padding:24px 28px 26px;border-radius:14px;background:#fff}
.hs2-to{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--mist-2)}
.hs2-to .za-flag{width:28px;height:28px}
.hs2-to b{display:block;font-size:19px;font-weight:600;letter-spacing:-.015em}.hs2-to small{display:block;font-size:13.5px;color:var(--muted)}
.hs2-to strong{margin-left:auto;font-size:28px;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.hs2-o{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:14px;padding:16px 20px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--mist-2);transition:box-shadow .2s var(--ease-std),background .2s var(--ease-std),opacity .2s}
.hs2-o b{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.015em}
.hs2-o small{display:block;margin-top:3px;font-size:14px;color:var(--muted)}
.hs2-o em{font-style:normal;font-size:44px;line-height:1;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.hs2-o.a em{color:var(--loss)}.hs2-o.b em{color:var(--jade)}
.hs2-o.sel{box-shadow:inset 0 0 0 2px var(--ink)}.hs2-o.b.sel{box-shadow:inset 0 0 0 2px var(--jade);background:rgba(11,125,86,.04)}
.hs2-o.out{opacity:.55}.hs2-o.out em{text-decoration:line-through;text-decoration-thickness:3px}
.hs2-o u{height:22px;padding:0 9px;border-radius:980px;background:var(--jade);color:#fff;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center}
.hs2-k{margin-top:18px;font-size:17px;font-weight:600;color:var(--jade)}
/* grow */
.hg2{width:100%;max-width:600px}
.hg2-sel{display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:22px}
.hg2-sel span{position:relative;padding-bottom:10px;opacity:.32;transition:opacity .3s var(--ease-std)}
.hg2-sel span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:1px;background:var(--ink);transform:scaleX(0);transition:transform .35s var(--ease-apple)}
.hg2-sel span.on{opacity:1}.hg2-sel span.on::after{transform:none}
.hg2-sel img{display:block;height:22px;width:auto}
.hg2-stack{display:grid}
.hg2-app{grid-area:1/1;padding:20px 24px 12px;border-radius:14px;background:#fff}
.hg2-h{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--mist-2)}
.hg2-h b{font-size:17px;font-weight:600;letter-spacing:-.015em}
.hg2-st{height:26px;padding:0 11px;border-radius:980px;background:var(--jade-tint);color:var(--jade);font-size:12.5px;font-weight:600;display:inline-flex;align-items:center}
.hg2-f{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--mist-2)}
.hg2-f:last-child{border-bottom:0}
.hg2-f span{font-size:13px;color:var(--muted)}.hg2-f b{font-size:15px;font-weight:500}.hg2-f em{font-style:normal;font-size:12px;font-weight:600;color:var(--jade);white-space:nowrap}
@media (max-width:734px){
  .hx-top{padding:13px 16px}.hx-co{font-size:13px}
  .hf2{grid-template-columns:1fr;gap:6px;min-height:0;padding:14px 16px}.hf2-n b{font-size:17px}.hf2-n .za-flag{width:24px;height:24px}.hf2-r{gap:10px;font-size:12px}.hf2-v{text-align:left;font-size:14px}
  .ho2{grid-template-columns:1fr;gap:8px;width:100%}.ho2-p{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px 14px}
  .ho2-fs{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;margin-top:2px}.ho2-f.f2,.ho2-f.f3{display:none}.ho2-f b{font-size:13px}
  .ho2-s{grid-row:1;grid-column:2;margin-top:0;width:124px}.ho2-s span{right:0;left:auto}.ho2-ghost{margin-top:12px;font-size:13px}
  .hs2{padding:16px 16px 18px}.hs2-to{flex-wrap:wrap}.hs2-to strong{margin-left:0;width:100%;font-size:24px}.hs2-o{padding:12px 14px;gap:12px}.hs2-o b{font-size:15px;flex-wrap:wrap;gap:4px 8px}.hs2-o small{font-size:12.5px}.hs2-o em{font-size:28px}.hs2-k{font-size:15px}
  .hg2-sel{gap:18px}.hg2-sel img{height:17px}.hg2-app{padding:14px 16px 6px}.hg2-f{grid-template-columns:1fr;gap:2px;padding:9px 0}.hg2-f em{display:none}
}

/* who it's for: no grey shell; the photograph and an open list of accounts */
.w37-panel{padding:8px 4px 0 12px;background:none;border-radius:0}
.w37 .w35-acc{box-shadow:none;background:#F5F5F7}
.w37-ph{border-radius:24px}
.w37-ph img{transform:none;transition:opacity .45s var(--ease-std)}
@media (max-width:734px){.w37-panel{padding:4px 0 0}}

/* the black chapter: a mechanical split-flap board */
.bd-c{display:block;width:var(--cw,22px);height:var(--ch,36px);padding:0;border-radius:4px;background:none;box-shadow:0 1px 1px rgba(0,0,0,.6);perspective:240px;font:600 var(--cf,20px)/var(--ch,36px) var(--mono);color:#F2F2EE;text-align:center}
.bd-c>span{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:#232327;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.bd-c .t,.bd-c .ft{top:0;border-radius:4px 4px 0 0;transform-origin:50% 100%}
.bd-c .b,.bd-c .fb{bottom:0;border-radius:0 0 4px 4px;transform-origin:50% 0;background:#1C1C1F}
.bd-c .ft{z-index:2}.bd-c .fb{z-index:2;transform:rotateX(90deg)}
.bd-c>span>b{position:absolute;left:0;right:0;height:var(--ch,36px);line-height:var(--ch,36px);font-weight:600}
.bd-c .t b,.bd-c .ft b{top:0}.bd-c .b b,.bd-c .fb b{bottom:0}
.bd-c::after{z-index:3;background:rgba(0,0,0,.75)}
.bd-c.go b{animation:none}
.b36-board{--cw:22px;--ch:36px;--cf:20px}
@media (max-width:900px){.b36-board{--cw:16px;--ch:28px;--cf:15px}}
@media (max-width:420px){.b36-board{--cw:14px;--ch:26px;--cf:14px}}

/* timeline and pricing: text columns, no line and rings, no boxes */
.t31-line{padding-top:0;margin-top:56px;gap:40px}
.t31-line::before,.t31-line::after,.t31-line li::before{display:none}
.t31-line b{font-size:32px;letter-spacing:-.025em}
.t31-line h3{margin-top:12px}
.t31-price{margin-top:72px;padding-top:40px;border-top:1px solid var(--hair)}
.ptiles{gap:0}
.ptile{padding:4px 32px 0;border-radius:0;background:none;border-left:1px solid var(--hair)}
.ptile:first-child{padding-left:0;border-left:0}
@media (max-width:900px){.ptile{padding:18px 0;border-left:0;border-top:1px solid var(--hair)}.ptile:first-child{border-top:0;padding-top:0}}
@media (max-width:734px){.t31-line{padding-left:0;gap:28px}}

/* mission: the statement on white, then the photograph in a wide frame */
.m38{padding:var(--sec) 0}
.m38 .m37-t{max-width:15.5em;font-size:clamp(34px,4.4vw,64px);line-height:1.07;letter-spacing:-.03em}
.m38-ph{margin:48px auto 0;padding:0 22px}
.m38-ph img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover;object-position:50% 60%;border-radius:24px}
.m38 .m37-grid{margin-top:56px}
@media (max-width:734px){.m38-ph{margin-top:32px;padding:0 16px}.m38-ph img{aspect-ratio:4/3;border-radius:18px}.m38 .m37-t{font-size:34px;line-height:1.1}}

/* closing: a quieter invitation */
.z37{padding:100px 0 112px}
.z37 .z36-t{font-size:clamp(34px,4vw,56px)}
.z37 .pick ul{gap:12px}
.z37 .pick a{height:48px;padding:0 22px;border-radius:12px}
@media (max-width:734px){.z37{padding:76px 0 80px}.z37 .z36-t{font-size:34px}
  .z37 .pick ul{display:grid;grid-template-columns:1fr 1fr}.z37 .pick li:last-child{grid-column:1/-1}.z37 .pick ul{width:100%}.z37 .pick a{width:100%;justify-content:center}}

/* film: solid panels instead of frosted glass, no grain, no scanner; larger type on phones */
.f37 .fm-view::after{display:none}
.f37 .panel{border-radius:16px;background:#0F1D18;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 24px 48px -28px rgba(0,0,0,.7);color:#F5F5F7}
.f37 .panel .za-flag{box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.f37 .sheet{border-radius:12px}
.f37 .fm-stage.tall .hl{font-size:1.7em}
.f37 .fm-stage.tall .fc{width:30px;height:46px;font-size:26px}
.f37 .fm-stage.tall .fb-row{gap:12px}
.f37 .fm-stage.tall .fb-flag .za-flag{width:30px;height:30px}
.f37 .fm-stage.tall .fboard{padding:.7em .6em .6em}
.f37 .fm-stage.tall .pf-r{grid-template-columns:4.8em minmax(0,1fr);row-gap:.15em}
.f37 .fm-stage.tall .pf-r em{grid-column:2}
.f37 .fm-stage.tall .fp-to b{white-space:nowrap}
.f37 .fm-stage.tall .fp-to strong{font-size:1em;white-space:nowrap}
.f37 .fm-stage.tall .fc{width:28px}

/* speed and accessibility (Lighthouse): reserve the film's space, show the hero without waiting for scripts,
   readable fine print on black, 24px tap targets for the chapter dots */
.f37 .fm-view{aspect-ratio:16/9}
@media (max-width:734px){.f37 .fm-view{aspect-ratio:9/16}}
.js-motion .h37 [data-rv="hero"]{opacity:1;transform:none;transition:none;animation:h38in .9s cubic-bezier(.25,.1,.3,1) var(--d,0ms) both}
@keyframes h38in{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.js-motion .h37 [data-rv="hero"]{animation:none}}
.b36-fine{color:#8E8E93}
.f36 .fm-chaps,.hl36-dots{gap:0;padding:0 12px}
.f36 .fm-chaps button,.hl36-dots button{box-sizing:content-box;padding:8px}
.f36 .fm-chaps button::after,.hl36-dots button::after{inset:0}
/* the hero headline: words rise out of their line, in CSS, from the first paint */
.h38-rise .w{display:inline-block;overflow:hidden;vertical-align:top;padding-block:.08em .16em;margin-block:-.08em -.16em}
.h38-rise .w>span{display:inline-block}
.js-motion .h38-rise .w>span{animation:h38w .875s cubic-bezier(.25,.1,.3,1) calc(60ms + var(--i) * 45ms) both}
@keyframes h38w{from{transform:translate3d(0,112%,0)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.js-motion .h38-rise .w>span{animation:none}}

/* second review: bigger film panels and fees, simpler phone applications, readable decisions, an open account list */
.f37 .pf-r{font-size:.74em}.f37 .pf-h b{font-size:1em}
.f37 .fpay .fp-o em{font-size:2.3em;letter-spacing:-.03em}
.f37 .fpay .fp-o b{font-size:.82em}.f37 .fpay .fp-o span{font-size:.64em}
.f37 .fpay .fp-to strong{font-size:1.5em}
.f37 .fm-stage.tall .sh-f>div:not(:first-child){display:none}
.f37 .fm-stage.tall .sh-f{display:block}
.f37 .fm-stage.tall .sh-f>div{font-size:.62em}
.f37 .fm-stage.tall .sh-h{font-size:.74em}
.f37 .fm-stage.tall .sh-s{font-size:.6em}
.f37 .fm-stage.tall .fpay .fp-o em{font-size:1.6em}
.f37 .fm-sum{gap:1.4em}
.hf2-r .y::before{content:"\2713\00a0"}.hf2-r .n::before{content:"\2715\00a0"}
.hf2.no .hf2-n b{color:var(--ink-2)}
.hg2-sel button{position:relative;display:grid;place-items:center;height:44px;padding:0 4px;border:0;background:none;cursor:pointer;opacity:.32;transition:opacity .3s var(--ease-std)}
.hg2-sel button::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:1px;background:var(--ink);transform:scaleX(0);transition:transform .35s var(--ease-apple)}
.hg2-sel button.on{opacity:1}.hg2-sel button.on::after{transform:none}
.hg2-sel button:hover{opacity:.7}.hg2-sel button.on:hover{opacity:1}
.hg2-sel{gap:24px;margin-bottom:14px}
.w37-ph img[data-k="0"]{object-position:50% 75%}
.w37 .w35-acc{margin-top:0;padding:18px 0 16px;border-radius:0;background:none;border-top:1px solid var(--hair)}
.w37 .w35-acc .h{padding-bottom:4px;border-bottom:0}
.w37 .w35-acc .h b{font-size:19px}.w37 .w35-acc .h span{font-size:15px}
.w37 .w35-acc .r:has(b.num){display:none}
.w37 .w35-co{border-bottom:0}
.f37 .fp-o u{white-space:nowrap}
.hf2{grid-template-columns:minmax(0,1.2fr) auto minmax(0,.8fr);gap:20px}
.hf2-n b{font-size:21px;white-space:nowrap}
.hf2-r{gap:10px}
@media (max-width:734px){.hf2{grid-template-columns:1fr}.hf2-n b{font-size:17px}}

/* ================= v39: video the way Apple, Mercury and Ramp use it ================= */
/* the hero: one silent loop, no player around it; a small pause button, and a quiet note */
.hv{position:relative;max-width:1300px;margin:52px auto 0;padding:0;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:var(--forest);isolation:isolate}
.hv-v{display:block;width:100%;height:100%;object-fit:cover}
.hv-note{position:absolute;left:22px;bottom:18px;margin:0;font-size:12px;letter-spacing:-.005em;color:rgba(255,255,255,.55);pointer-events:none}
.hv-pp{position:absolute;right:16px;bottom:14px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:background .24s var(--ease-std),transform .24s var(--ease-std)}
.hv-pp:hover{background:rgba(255,255,255,.24)}.hv-pp:active{transform:scale(.92)}
.hv-pp svg{width:12px;height:12px;fill:#fff}
.hv-pp .ip{display:none}.hv.paused .hv-pp .ip{display:block}.hv.paused .hv-pp .ia{display:none}
.hv-pp:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:1348px){.hv{margin-inline:24px}}
@media (max-width:734px){.hv{aspect-ratio:9/16;margin:32px 16px 0;border-radius:22px}.hv-note{left:16px;bottom:16px}.hv-pp{right:12px;bottom:10px}}

/* "Watch the film": the full film over the page, with the browser's own controls */
.fv{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:56px 24px 24px;background:rgba(0,0,0,.94);opacity:0;transition:opacity .3s var(--ease-std)}
.fv.in{opacity:1}
.fv[hidden]{display:none}
.fv-box{width:min(1280px,calc((100vh - 140px) * 16 / 9),100%);transform:scale(.97);transition:transform .45s var(--ease-apple)}
.fv.in .fv-box{transform:none}
.fv-v{display:block;width:100%;aspect-ratio:16/9;border-radius:14px;background:#000}
.fv-note{margin-top:14px;text-align:center;font-size:12.5px;color:#86868B}
.fv-x{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#333336;cursor:pointer;transition:background .24s var(--ease-std)}
.fv-x:hover{background:#48484A}
.fv-x svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.fv-x:focus-visible{outline:2px solid #fff;outline-offset:2px}
html.fv-on{overflow:hidden}
@media (max-width:734px){.fv{padding:64px 12px 16px}.fv-box{width:min(100%,calc((100vh - 150px) * 9 / 16))}.fv-v{aspect-ratio:9/16;border-radius:12px}}
@media (prefers-reduced-motion:reduce){.fv,.fv-box{transition:none}}

/* ================= v40 ================= */
/* the success fee: a phone showing the account open, beside the price columns */
.sf40{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:24px}
.sf40-ph{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#dfe6e2}
.sf40-ph img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.sf40-ph{container-type:inline-size}
.sf40-ui{--w:19.3cqw;position:absolute;left:57.1%;top:13.7%;width:var(--w);height:61.8%;display:flex;flex-direction:column;padding:calc(var(--w)*.15) calc(var(--w)*.09) 0;border-radius:calc(var(--w)*.13);background:#0A0B0B;color:#F5F5F7;overflow:hidden;font-size:calc(var(--w)*.064);line-height:1.3}
.sf40-ui .k{color:#8E8E93}
.sf40-ui .st{display:flex;align-items:center;gap:.5em;width:max-content;margin-top:1em;padding:.35em .75em;border-radius:99px;background:rgba(61,211,155,.16);color:#3DD39B;font-size:1.02em;font-weight:600}
.sf40-ui .st i{width:.52em;height:.52em;border-radius:50%;background:#3DD39B}
.sf40-ui .n{margin-top:1.1em;font-size:1.65em;line-height:1.08;font-weight:600;letter-spacing:-.02em}
.sf40-ui .c{margin-top:.3em;color:#A1A1A6}
.sf40-ui .r{display:flex;justify-content:space-between;gap:.6em;margin-top:.9em;padding-top:.8em;border-top:1px solid rgba(255,255,255,.1);font-size:.94em}
.sf40-ui .r span{color:#8E8E93}.sf40-ui .r b{font-weight:500;text-align:right}
.sf40-ui .r:last-child b{color:#3DD39B}
.sf40-t{font-size:clamp(30px,3.4vw,48px);line-height:1.06;font-weight:600;letter-spacing:-.03em}
.sf40-l{margin-top:14px;font-size:19px;line-height:1.45;color:var(--ink-2);max-width:28em}
.sf40 .ptiles{grid-template-columns:1fr;margin-top:28px}
.sf40 .ptile,.sf40 .ptile:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;padding:16px 0;border-left:0;border-top:1px solid var(--hair)}
.sf40 .ptile .t{grid-column:1}.sf40 .ptile .p{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:24px}.sf40 .ptile .s{grid-column:1;font-size:13.5px}
.sf40 .tlink{display:inline-block;margin-top:18px}
.t31 .t31-price{margin-top:88px}
@media (max-width:900px){.sf40{grid-template-columns:1fr;gap:32px}}
@media (max-width:734px){.sf40-ph{border-radius:18px}.sf40 .ptile .p{font-size:20px}}
.w37 .w35-acc .eg{margin-top:4px;font-size:14px;color:var(--jade)}
.hg2-also{margin:-6px 0 14px;text-align:center;font-size:13px;color:var(--muted)}
.hf2-n small{white-space:nowrap}

/* page changes: the nav stays put, the new page crossfades in fully drawn */
#nav{view-transition-name:nav}
::view-transition-group(nav){animation:none}
::view-transition-old(root){animation:260ms cubic-bezier(.4,0,.6,1) both vt40-out}
::view-transition-new(root){animation:420ms cubic-bezier(.25,.1,.3,1) both vt40-in}
@keyframes vt40-out{to{opacity:0}}
@keyframes vt40-in{from{opacity:0;transform:translateY(12px)}}
.js-motion #p-pricing [data-rise]:not(.rise),.js-motion #p-partners [data-rise]:not(.rise){opacity:1}
#p-pricing [data-rv],#p-partners [data-rv]{opacity:1!important;transform:none!important}
/* the hero's entrance plays once; coming back home shows it at rest */
.hero-played .h38-rise .w>span,.hero-played .h37 [data-rv="hero"]{animation:none!important}

/* pricing page, in the homepage's style */
.pp40{padding:96px 0 120px}
.pp40-t{font-size:clamp(40px,5.2vw,76px);line-height:1.04;font-weight:600;letter-spacing:-.03em;max-width:12em}
.pp40-l{margin-top:18px;max-width:34em;font-size:20px;line-height:1.45;color:var(--ink-2)}
.pp40-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:56px 0 0;padding:0;list-style:none;border-top:1px solid var(--hair)}
.pp40-steps li{padding:18px 20px 0 0}
.pp40-steps b{display:block;font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--muted)}
.pp40-steps li.fee b{color:var(--jade)}
.pp40-steps span{display:block;margin-top:4px;font-size:15px;color:var(--ink-2)}
.pp40-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:72px}
.pp40-cols>div{padding:0 32px;border-left:1px solid var(--hair)}
.pp40-cols>div:first-child{padding-left:0;border-left:0}
.pp40-cols h2{font-size:19px;font-weight:600;letter-spacing:-.015em}
.pp40-eg{margin-top:4px;font-size:14px;color:var(--jade)}
.pp40-p{margin-top:18px;font-size:34px;font-weight:600;letter-spacing:-.025em}
.pp40-s{margin-top:6px;font-size:14px;color:var(--muted)}
.pp40-cols ul{margin:18px 0 0;padding:0;list-style:none}
.pp40-cols li{padding:10px 0;border-top:1px solid var(--mist-2);font-size:15px;color:var(--ink-2)}
.pp40-h2{margin-top:96px;font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.025em}
.pp40-small{margin-top:8px;font-size:15px;color:var(--muted)}
.pp40-f{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:32px}
.pp40-f h3{font-size:17px;font-weight:600}.pp40-f p{margin-top:6px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.pp40-cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:72px;padding-top:32px;border-top:1px solid var(--hair)}
.pp40-cta p{font-size:13px;color:var(--muted);max-width:40em}
@media (max-width:900px){.pp40-steps,.pp40-f{grid-template-columns:1fr 1fr;row-gap:20px}.pp40-cols{grid-template-columns:1fr}.pp40-cols>div{padding:24px 0;border-left:0;border-top:1px solid var(--hair)}.pp40-cols>div:first-child{padding-top:0;border-top:0}}
@media (max-width:734px){.pp40{padding:56px 0 80px}.pp40-l{font-size:17px}}
/* partners page: the same type scale */
#p-partners .ph .h1{font-size:clamp(40px,5.2vw,76px);letter-spacing:-.03em}
#p-partners .cols3>div{background:none;border-radius:0;padding:0 28px 0 0;border-top:1px solid var(--hair);padding-top:18px}

/* ---------- the v40 film: one continuous shot ---------- */
.f37 .fx.p1{-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 78%,transparent)}
.f37 .fx.p2{-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.f37 .fm-stage.tall .fx.p1{-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}
.f37 .fm-stage.tall .fx.p2{-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.f37 .fx.ph::after{background:linear-gradient(0deg,rgba(4,14,10,.55) 0%,rgba(4,14,10,0) 30%)}
.f37 .cap40{z-index:9;font-size:1.32em;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.f37 .fm-stage.tall .cap40{font-size:1.05em}
.f37 .chip40{z-index:9;display:flex;align-items:center;gap:.55em;padding:.55em .9em .55em .6em;border-radius:14px;background:#0F1D18;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.f37 .chip40 .za-flag{width:1.3em;height:1.3em}
.f37 .chip40 b{display:block;font-size:.72em;font-weight:600}.f37 .chip40 span{display:block;font-size:.56em;color:rgba(245,245,247,.62)}
.f37 .fm-sub{margin-top:-.4em;font-size:.8em;color:rgba(245,245,247,.72)}
/* the phone's screen: page text laid on the photographed phone */
.f37 .ph40{overflow:hidden;border-radius:30px;background:#0A0B0B;color:#F5F5F7;font-size:10.5px;line-height:1.3}
.f37 .fm-stage.tall .ph40{border-radius:44px;font-size:15.5px}
.f37 .ph40 .scr{position:absolute;inset:0;padding:3.6em 1.25em 1em}
.f37 .ph40 .t{font-size:2em;font-weight:700;letter-spacing:-.02em}
.f37 .ph40 .k{margin:.2em 0 1em;color:#8E8E93}
.f37 .ph40 .ac,.f37 .ph40 .nx{position:relative;margin-top:.6em;padding:.8em .85em;border-radius:1em;background:#1C1C1E}
.f37 .ph40 .ac b,.f37 .ph40 .nx b{display:block;font-size:1.1em;font-weight:600;letter-spacing:-.01em}
.f37 .ph40 .ac span,.f37 .ph40 .nx span{display:block;margin-top:.1em;color:#8E8E93}
.f37 .ph40 .ac i{display:flex;flex-wrap:wrap;gap:.35em;margin-top:.55em;font-style:normal}
.f37 .ph40 .ac em{display:flex;align-items:center;gap:.3em;padding:.15em .45em;border-radius:.5em;background:#2C2C2E;font-style:normal;font-size:.9em;font-weight:600}
.f37 .ph40 .ac em .za-flag{width:1.05em;height:1.05em;box-shadow:none}
.f37 .ph40 .ac u,.f37 .ph40 .nx u{position:absolute;right:.85em;top:.85em;padding:.1em .55em;border-radius:99px;background:rgba(61,211,155,.16);color:#3DD39B;font-size:.85em;font-weight:600;text-decoration:none}
.f37 .ph40 .amt{font-size:2.3em;font-weight:700;letter-spacing:-.03em;margin:-.2em 0 .5em}
.f37 .ph40 .op{position:relative;margin-top:.6em;padding:.8em .85em;border-radius:1em;background:#1C1C1E;box-shadow:inset 0 0 0 1.5px transparent}
.f37 .ph40 .op b{display:block;font-weight:600;max-width:70%}.f37 .ph40 .op span{display:block;color:#8E8E93}
.f37 .ph40 .op em{position:absolute;right:.85em;top:50%;transform:translateY(-50%);font-style:normal;font-size:1.35em;font-weight:700;letter-spacing:-.02em}
.f37 .ph40 .op.a em{color:#FF7A6E}.f37 .ph40 .op.b em{color:#3DD39B}
.f37 .ph40 .op.sel{box-shadow:inset 0 0 0 1.5px #fff}.f37 .ph40 .op.b.sel{box-shadow:inset 0 0 0 1.5px #3DD39B;background:rgba(61,211,155,.1)}
.f37 .ph40 .op.out{opacity:.5}.f37 .ph40 .op.out em{text-decoration:line-through}
.f37 .ph40 .keep{margin-top:1em;font-size:1.15em;font-weight:600;color:#3DD39B}
.f37 .ph40 .nx u{top:50%;transform:translateY(-50%)}

/* the film in the hero: progress line, full screen and pause */
.hv-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12);pointer-events:none}
.hv-bar b{display:block;height:100%;background:rgba(255,255,255,.7);transform:scaleX(0);transform-origin:0 50%}
.hv-ctl{position:absolute;right:16px;bottom:16px;display:flex;gap:8px}
.hv-ctl button{position:static;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:background .24s var(--ease-std),transform .24s var(--ease-std)}
.hv-ctl button:hover{background:rgba(255,255,255,.24)}.hv-ctl button:active{transform:scale(.92)}
.hv-ctl button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hv-fs svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hv-note{bottom:20px}
@media (max-width:734px){.hv-ctl{right:12px;bottom:12px}}

/* ================= v41 ================= */
/* film: a clean profile card */
.f37 .pf41{padding:1.2em 1.3em 1.1em}
.f37 .pf41 .co{font-size:1.15em;font-weight:600;letter-spacing:-.02em}
.f37 .pf41 .ty{margin-top:.15em;font-size:.66em;color:rgba(245,245,247,.6)}
.f37 .pf41 .r{display:flex;justify-content:space-between;gap:1em;margin-top:.1em;padding:.7em 0;border-top:1px solid rgba(255,255,255,.09);font-size:.8em}
.f37 .pf41 .r:first-of-type{margin-top:.9em}
.f37 .pf41 .r span{color:rgba(245,245,247,.6)}.f37 .pf41 .r b{font-weight:500}
.f37 .pf41 .rd{margin-top:.8em;font-size:.66em;font-weight:600;color:var(--mint)}
/* film: provider logos on the wall and the applications */
.f37 .pt .zb-mark{flex:none;width:15px;height:15px}
.f37 .pt b{font-size:10px}
.f37 .sh41 .sh-h{gap:.55em;font-size:.76em}
.f37 .sh41 .sh-h .zb-mark{width:1.4em;height:1.4em}
.f37 .fm-stage.tall .sh41 .sh-f{display:grid}
.f37 .fm-stage.tall .sh41 .sh-f>div:not(:first-child){display:flex}
.f37 .fm-stage.tall .sh41 .sh-f>div{font-size:.52em}
/* film: one after the other, or at the same time */
.f37 .tl41{padding:1.2em 1.4em 1.1em}
.f37 .tl41 .tl-t{margin:.2em 0 .5em;font-size:.72em;font-weight:600;color:rgba(245,245,247,.62)}
.f37 .tl41 .tl-t.par{margin-top:1em;color:var(--mint)}
.f37 .tl41 .tl-ln{display:grid;grid-template-columns:9em 1fr;align-items:center;gap:1em;height:2.1em}
.f37 .tl41 .tl-who{display:flex;align-items:center;gap:.5em;font-size:.7em}
.f37 .tl41 .tl-who .zb-mark{width:1.4em;height:1.4em}
.f37 .tl41 .tl-who b{font-weight:600}
.f37 .tl41 .tl-tr{position:relative;height:.6em;border-radius:.3em;background:rgba(255,255,255,.06)}
.f37 .tl41 .tl-tr i{position:absolute;top:0;bottom:0;border-radius:.3em;background:rgba(255,255,255,.4)}
.f37 .tl41 .tl-ln.par .tl-tr i{background:var(--mint)}
.f37 .tl41 .tl-end{margin:.3em 0 0 calc(9em*.72/.72);text-align:right;font-size:.7em;font-weight:600;color:rgba(245,245,247,.72)}
.f37 .tl41 .tl-end.par{color:var(--mint)}
.f37 .tl41 .tl-ax{position:relative;height:1.4em;margin:.8em 0 0 calc(9em + 1em);font-size:.56em;color:rgba(245,245,247,.45)}
.f37 .tl41 .tl-ax span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.f37 .tl41 .tl-ax span:first-child{transform:none}
.f37 .fm-stage.tall .tl41 .tl-ln{grid-template-columns:7.5em 1fr}
.f37 .fm-stage.tall .tl41 .tl-ax{margin-left:calc(7.5em + 1em)}
/* film: the phone's screens with provider logos */
.f37 .ph41 .ac{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7em}
.f37 .ph41 .ac .zb-mark{width:2.3em;height:2.3em}
.f37 .ph41 .ac .c{margin-top:.15em;font-size:.9em;font-weight:600;color:#C7C7CC}
.f37 .ph41 .ac u{top:50%;transform:translateY(-50%)}
.f37 .ph41 .fee{margin-top:.9em;padding:.8em .9em;border-radius:1em;background:rgba(61,211,155,.12);box-shadow:inset 0 0 0 1px rgba(61,211,155,.35)}
.f37 .ph41 .fee b{display:block;color:#3DD39B;font-weight:600}.f37 .ph41 .fee span{display:block;margin-top:.15em;color:#C7C7CC}
.f37 .ph41 .lab{margin-top:.2em;font-size:.9em;font-weight:600;color:#8E8E93}
.f37 .ph41 .op{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6em;padding:.7em .75em;transition:none}
.f37 .ph41 .op .zb-mark{width:2em;height:2em}
.f37 .ph41 .op b{max-width:none;display:flex;align-items:center;gap:.4em;flex-wrap:wrap}
.f37 .ph41 .op em{position:static;transform:none;font-size:1.2em;color:#F5F5F7}
.f37 .ph41 .op u{padding:.05em .45em;border-radius:99px;background:#3DD39B;color:#06110D;font-size:.8em;text-decoration:none;opacity:0}
.f37 .ph41 .op.best{background:rgba(61,211,155,.1);box-shadow:inset 0 0 0 1.5px #3DD39B}.f37 .ph41 .op.best em{color:#3DD39B}.f37 .ph41 .op.best u{opacity:1}
.f37 .ph41 .op.dear em{color:#FF7A6E;text-decoration:line-through}.f37 .ph41 .op.dear{opacity:.75}
.f37 .ph41 .op.na{opacity:.4}
.f37 .ph41 .btn41{margin-top:.9em;padding:.75em;border-radius:99px;background:#3DD39B;color:#06110D;text-align:center;font-weight:700}
.f37 .ph41 .keep{text-align:center}
.f37 .ph41 .nx{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7em}
.f37 .ph41 .nx .lg{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:.6em;background:#fff}
.f37 .ph41 .nx .lg img{max-width:1.8em;max-height:1.4em}
.f37 .ph41 .nx u{top:50%;transform:translateY(-50%)}
.f37 .tl41{padding:.9em 1.4em 1em}
.f37 .tl41 .tl-ax{margin:0 0 .6em calc(9em + 1em)}
.f37 .fm-stage.tall .tl41 .tl-ax{margin:0 0 .6em calc(7.5em + 1em)}
.f37 .tl41 .tl-ln{height:1.75em}
.f37 .tl41 .tl-t{margin:.1em 0 .3em}
.f37 .tl41 .tl-t.par{margin-top:.7em}
.f37 .ph41 .nx{grid-template-columns:5.4em 1fr}
.f37 .ph41 .nx .lg{width:5.4em;height:2.4em;padding:0 .45em;border-radius:.6em}
.f37 .ph41 .nx .lg img{max-width:100%;max-height:1.25em}
.f37 .ph41 .nx span{color:#F5F5F7;font-weight:500}

/* ---------- fees: every payment has a cheapest route ---------- */
.fe41{padding:var(--sec) 0}
.fe41-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 56px;flex-wrap:wrap}
.fe41-head .lede{max-width:27em;margin-bottom:6px;color:var(--ink-2)}
.fe41-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:36px;padding:4px;border-radius:980px;background:#E8E8ED}
.fe41-tabs button{height:40px;padding:0 18px;border:0;border-radius:980px;background:none;font-size:15px;color:var(--muted);cursor:pointer;transition:color .24s,background .32s,box-shadow .32s}
.fe41-tabs button:hover{color:var(--ink)}
.fe41-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 2px 8px -2px rgba(0,0,0,.08)}
.fe41-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:0;margin-top:22px;border-radius:24px;background:#fff;overflow:hidden}
.fe41-ph{position:relative;margin:0;min-height:420px;background:#E9E6DF}
.fe41-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease-std)}
.fe41-ph img.on{opacity:1}
.fe41-main{padding:34px 40px 30px}
.fe41-pay .w{font-size:15px;color:var(--muted)}
.fe41-pay .a{margin-top:2px;font-size:40px;line-height:1.05;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.fe41-routes{margin-top:22px}
.fe41-r{display:grid;grid-template-columns:30px minmax(0,1.25fr) minmax(0,1fr) 108px;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--mist-2)}
.fe41-r .n b{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;letter-spacing:-.012em}
.fe41-r .n span{display:block;margin-top:2px;font-size:13.5px;color:var(--muted)}
.fe41-r u{height:22px;padding:0 9px;border-radius:980px;background:var(--jade);color:#fff;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center}
.fe41-r .bar{height:10px;border-radius:5px;background:var(--mist)}
.fe41-r .bar i{display:block;height:100%;border-radius:5px;background:#C9CDD2;transform-origin:0 50%;transform:scaleX(0)}
.fe41-r.best .bar i{background:var(--jade)}
.fe41-r em{font-style:normal;text-align:right;font-size:20px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fe41-r.best em{color:var(--jade)}
.fe41-r.na{opacity:.45}.fe41-r.na em{font-size:13px;font-weight:500;color:var(--muted)}
.fe41-sum{margin-top:16px;padding-top:16px;border-top:1px solid var(--mist-2);font-size:17px;font-weight:600;color:var(--jade)}
.fe41-month{margin-top:26px;font-size:21px;line-height:1.4;letter-spacing:-.015em;color:var(--ink-2);max-width:40em}
.fe41-month b{color:var(--jade);font-weight:600}.fe41-month s{color:var(--muted)}
.fe41-fine{margin-top:10px}
@media (max-width:900px){.fe41-card{grid-template-columns:1fr}.fe41-ph{min-height:0;aspect-ratio:16/9}}
@media (max-width:734px){.fe41-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-22px;padding:4px 22px;border-radius:0;background:none}.fe41-tabs::-webkit-scrollbar{display:none}.fe41-tabs button{flex:none;background:#E8E8ED}
  .fe41-main{padding:22px 18px 20px}.fe41-pay .a{font-size:30px}
  .fe41-r{grid-template-columns:28px minmax(0,1fr) 84px;gap:10px}.fe41-r .bar{grid-column:2/-1;grid-row:2}.fe41-r em{font-size:17px}.fe41-month{font-size:17px}}

/* who it's for: the job of each account, with examples of providers that do it */
.w41-acc{padding:16px 0 14px;border-top:1px solid var(--hair)}
.w41-acc .j{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.012em}
.w41-acc .j i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-size:12px;font-weight:700;flex:none}
.w41-acc .lg{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:12px 0 0 32px}
.w41-acc .lg img{display:block;height:22px;width:auto;max-width:110px;object-fit:contain}
@media (max-width:734px){.w41-acc .lg{gap:8px 16px;margin-left:0}.w41-acc .lg img{height:18px;max-width:92px}}
/* belief, over the keys */
.m41{padding-top:var(--sec)}
.m41-t{margin-top:12px;max-width:14em;font-size:clamp(36px,4.8vw,68px);line-height:1.04;font-weight:600;letter-spacing:-.034em}
.m41-l{margin-top:18px;max-width:34em;font-size:20px;line-height:1.45;color:var(--ink-2)}
.m41 .m38-ph img{aspect-ratio:21/9;object-position:50% 45%}
.m41 .m41-k2{margin-top:72px}
.m41 .m37-t{max-width:17em;font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-.025em}
@media (max-width:734px){.m41-l{font-size:17px}.m41 .m38-ph img{aspect-ratio:4/3}}
.w41-acc .lg .sq{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.w41-acc .lg .sq img{height:22px;width:22px;border-radius:5px}
@media (max-width:734px){.w41-acc .lg .sq{font-size:13.5px}.w41-acc .lg .sq img{height:18px;width:18px}}
.f37 .ph41 .nx{grid-template-columns:5.4em 1fr auto}
.f37 .ph41 .nx u{position:static;transform:none}

/* ================= v42 film: the whole process, no invented brands ================= */
.f42 .fm-stage{background:radial-gradient(120% 95% at 50% -8%,#123528 0%,#09180F 52%,#050B08 100%)}
.f42 .fm-view::after{opacity:.06}
/* 1. documents and the profile */
.f42 .f42-doc{padding:.75em .8em;border-radius:6px;background:#F3F0E8;color:#2B2A27;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 26px 50px -18px rgba(0,0,0,.7)}
.f42 .f42-doc b{display:block;font-size:.5em;line-height:1.25;font-weight:600;letter-spacing:-.005em}
.f42 .f42-doc .ls{margin-top:.7em}
.f42 .f42-doc .ls i{display:block;height:.24em;margin:.55em 0;border-radius:2px;background:#D8D2C3}
.f42 .f42-doc.table .ls i{height:.2em;margin:.48em 0;background:#DCD7CB}
.f42 .f42-doc s{position:absolute;right:.8em;bottom:.9em;width:2.4em;height:2.4em;border-radius:50%;border:3px double #C2AE7E;opacity:.8}
.f42 .f42-pf{padding:1.05em 1.25em 1em}
.f42 .f42-pf .co{margin:0;font-size:1.02em;font-weight:600;letter-spacing:-.02em}
.f42 .f42-pf .ty{margin:.2em 0 .7em;font-size:.6em;color:rgba(245,245,247,.6)}
.f42 .f42-pf .r{display:flex;justify-content:space-between;gap:1em;padding:.5em 0;border-top:1px solid rgba(255,255,255,.1)}
.f42 .f42-pf .r span{font-size:.62em;color:rgba(245,245,247,.62)}
.f42 .f42-pf .r b{font-size:.66em;font-weight:500;text-align:right}
.f42 .f42-pf .rd{margin:.7em 0 0;font-size:.6em;font-weight:500;color:var(--mint)}
/* 2 and 5. the map */
.f42 .f42-map svg{display:block;overflow:visible}
.f42 .f42-map path{fill:none;stroke:rgba(196,222,210,.24);stroke-width:2.7;stroke-linecap:round}
.f42 .f42-pin{z-index:4}
.f42 .f42-pin i{display:block;width:.5em;height:.5em;border-radius:50%;background:#F5F5F7;box-shadow:0 0 0 .22em rgba(245,245,247,.16)}
.f42 .f42-pin.co i{width:.62em;height:.62em;background:#fff;box-shadow:0 0 0 .26em rgba(61,211,155,.28)}
.f42 .f42-lab{z-index:5;white-space:nowrap;line-height:1.2;text-shadow:0 1px 10px rgba(5,11,8,.9),0 0 3px rgba(5,11,8,.9)}
.f42 .f42-lab b{display:block;font-size:.6em;font-weight:600;color:#fff}
.f42 .f42-lab span{display:block;font-size:.5em;color:rgba(245,245,247,.66)}
.f42 .f42-lab.r{text-align:right}.f42 .f42-lab.c{text-align:center}
.fl-svg .f42-r.a{stroke:#F07A63}
.fl-svg .f42-r.b{stroke:#3DD39B}
.f42 .f42-tag{z-index:6;padding:.32em .6em .36em;border-radius:.55em;background:#F5F5F7;color:#1D1D1F;white-space:nowrap;text-align:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.6)}
.f42 .f42-tag b{display:block;font-size:.66em;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;color:#B3261E}
.f42 .f42-tag.b b{color:#0B7D56}
.f42 .f42-tag span{display:block;font-size:.46em;color:#515154}
.f42 .f42-fee{z-index:7;padding:.8em 1em .85em;border-radius:16px;background:rgba(15,29,24,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 24px 48px -28px rgba(0,0,0,.8)}
.f42 .f42-fee .h{margin:0;font-size:.58em;color:rgba(245,245,247,.66)}
.f42 .f42-fee .a{display:flex;align-items:baseline;gap:.4em;margin:.15em 0 0}
.f42 .f42-fee .a b{font-size:1.5em;line-height:1.05;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#FF8A73}
.f42 .f42-fee .a span{font-size:.6em;color:rgba(245,245,247,.62)}
.f42 .f42-fee .was{position:absolute;right:1em;top:.8em;margin:0;font-size:.62em;color:rgba(245,245,247,.5);text-decoration:line-through}
.f42 .f42-fee.good .a b{color:var(--mint)}
/* 3. the wall of 112 */
.f42 .f42-grid .pt{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:0 7px}
.f42 .f42-grid .pt b{font-size:10px;line-height:1.1;font-weight:600;color:rgba(245,245,247,.82);white-space:nowrap}
.f42 .f42-grid .pt span{font-size:9px;line-height:1;color:rgba(245,245,247,.5)}
.f42 .f42-grid .pt.yes{background:rgba(61,211,155,.18);box-shadow:inset 0 0 0 1.5px #3DD39B}
.f42 .f42-tip{font-size:.56em}
/* the three accounts: a small card face in the account's colour identifies each one everywhere */
.f42 .f42-acc{padding:.95em 1.1em 1em}
.f42 .f42-acc .h{display:flex;align-items:center;gap:.55em}
.f42 .f42-acc .h b{font-size:.76em;font-weight:600;letter-spacing:-.015em}
.f42 .f42-acc .h u{margin-left:auto;padding:.25em .65em;border-radius:980px;background:rgba(61,211,155,.16);color:var(--mint);font-size:.52em;font-weight:600;text-decoration:none}
.f42 .sw{flex:none;display:block;width:1.5em;height:1em;border-radius:.2em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.f42 .sw.bank{background:linear-gradient(135deg,#4A6AE0,#1E2E78)}
.f42 .sw.global{background:linear-gradient(135deg,#2BC48C,#0A6447)}
.f42 .sw.checkout{background:linear-gradient(135deg,#F4B24E,#C26E12)}
.f42 .f42-acc .d{margin:.55em 0 0;font-size:.58em;color:rgba(245,245,247,.66)}
.f42 .f42-acc .c{margin:.6em 0 0;font-size:.64em;font-weight:500}
.f42 .f42-acc .j{margin:.2em 0 0;font-size:.56em;color:rgba(245,245,247,.6)}
.f42 .f42-acc.open{box-shadow:inset 0 0 0 1.5px rgba(61,211,155,.55),0 24px 48px -28px rgba(0,0,0,.7)}
/* 4. the timeline */
.f42 .tl41 .tl-who .sw{width:1.4em;height:.95em}
.f42 .tl41 .tl-who{font-size:.72em}
.f42 .tl41 .tl-ax{font-size:.58em}
.f42 .tl41 .tl-ln.seq .tl-tr i{background:rgba(255,255,255,.42)}
/* 6. the fee, only once the accounts are open */
.f42 .f42-due{z-index:7;display:flex;align-items:baseline;gap:.8em;padding:.8em 1.1em;border-radius:14px;background:#F5F5F7;color:#1D1D1F}
.f42 .f42-due b{flex:none;font-size:.7em;font-weight:700}
.f42 .f42-due span{font-size:.62em;color:#424245}
.f42 .fm-stage.tall .f42-due{flex-direction:column;gap:.2em}
/* the fee panel's ledger: on the tall film the four payments are listed here instead of tagged on the small map */
.f42 .f42-fee .rows{display:none}
.f42 .fm-stage.tall .f42-fee .rows{display:block;margin:.5em 0 .6em}
.f42 .f42-fee .rw{display:flex;justify-content:space-between;gap:1em;padding:.42em 0;border-top:1px solid rgba(255,255,255,.1);font-size:.62em}
.f42 .f42-fee .rw span{color:rgba(245,245,247,.72)}
.f42 .f42-fee .rw b{font-weight:600;font-variant-numeric:tabular-nums;color:#FF8A73}
.f42 .f42-fee .rw .cb{display:none;color:var(--mint)}
.f42 .f42-fee.good .rw .ca{display:none}.f42 .f42-fee.good .rw .cb{display:inline}
.f42 .fm-stage.tall .f42-fee .a{padding-top:.45em;border-top:1px solid rgba(255,255,255,.16)}
.f42 .fm-stage.tall .f42-lab{font-size:.84em}
.f42 .fm-stage.tall .f42-pf{padding:.9em 1.1em .85em}
.f42 .fm-stage.tall .f42-pf .r{padding:.38em 0}
.f42 .fm-stage.tall .f42-pf .r span,.f42 .fm-stage.tall .f42-pf .r b{font-size:.58em}
.f42 .fm-stage.tall .f42-doc b{font-size:.4em}
.f42 .fm-stage.tall .f42-fee{padding:.65em .9em .7em}
.f42 .fm-stage.tall .f42-fee .rows{margin:.35em 0 .45em}
.f42 .fm-stage.tall .f42-fee .rw{padding:.34em 0;font-size:.56em}
.f42 .fm-stage.tall .f42-fee .a b{font-size:1.3em}

/* ================= v42 page ================= */
/* nav: logo on the left, the links in the middle, the action on the right */
@media (min-width:1001px){
  .nav42 .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}
  .nav42 .logo{justify-self:start}
  .nav42 .navlinks{flex:none;justify-content:center;gap:34px}
  .nav42 .nav-r{justify-self:end;margin-left:0}
  .nav42 .navlinks a{font-size:13px;letter-spacing:-.01em}
}
.btn-ghost{background:var(--mist-2);color:var(--ink)}.btn-ghost:hover{background:#DCDCE1}
.sw{flex:none;display:inline-block;width:22px;height:15px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.sw.bank{background:linear-gradient(135deg,#4A6AE0,#1E2E78)}
.sw.global{background:linear-gradient(135deg,#2BC48C,#0A6447)}
.sw.checkout{background:linear-gradient(135deg,#F4B24E,#C26E12)}
/* segmented control, centred */
.seg{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;width:max-content;max-width:100%;margin:40px auto 0;padding:4px;border-radius:980px;background:var(--mist)}
.seg button{height:40px;padding:0 18px;border:0;border-radius:980px;background:none;font:inherit;font-size:15px;letter-spacing:-.01em;color:var(--muted);cursor:pointer;transition:color .24s var(--ease-std),background .32s var(--ease-std),box-shadow .32s var(--ease-std)}
.seg button:hover{color:var(--ink)}
.seg button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 2px 8px -2px rgba(0,0,0,.08)}
.seg button:focus-visible{outline:2px solid var(--jade);outline-offset:2px}
.w42 .seg{background:var(--mist-2)}
@media (max-width:734px){
  .seg{width:auto;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding:4px 20px;border-radius:0;background:none}
  .seg::-webkit-scrollbar{display:none}
  .seg button,.w42 .seg button{flex:none;background:var(--mist)}
  .w42 .seg{background:none}.w42 .seg button{background:#fff}
  .seg button[aria-selected="true"],.w42 .seg button[aria-selected="true"]{background:var(--ink);color:#fff;box-shadow:none}
}

/* hero: centred headline, one action, the film under it with its chapters */
.h42{padding:clamp(56px,8vw,100px) 0 var(--sec)}
.h42-top{text-align:center}
.h42-t{margin:0 auto;max-width:11.5em;font-size:clamp(44px,6.4vw,88px);line-height:1.03;font-weight:600;letter-spacing:-.036em}
.h42 br.dk{display:none}
@media (min-width:1001px){.h42 br.dk{display:inline}.h42-t{max-width:none}}
.h42-l{max-width:31em;margin:26px auto 0;font-size:clamp(18px,1.55vw,21px);line-height:1.45;letter-spacing:-.008em;color:var(--ink-2)}
.h42-cta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:32px}
.h42-cta .tlink{font-size:17px}
.h42-cta .tlink::after{content:" ›"}
.h42-fine{margin:16px 0 0;font-size:14px;color:var(--muted)}
.js-motion .h42 [data-rv="hero"]{opacity:1;transform:none;transition:none;animation:h38in .9s cubic-bezier(.25,.1,.3,1) var(--d,0ms) both}
.hero-played .h42 [data-rv="hero"]{animation:none!important}
@media (prefers-reduced-motion:reduce){.js-motion .h42 [data-rv="hero"]{animation:none}}
.h42-film{margin:56px auto 0;padding:0 22px}
.h42-film .hv{margin:0;max-width:none}
.hv:focus-visible{outline:3px solid var(--jade);outline-offset:4px}
.hv-chaps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:18px}
.hv-chaps button{display:flex;flex-direction:column;gap:10px;padding:8px 0 4px;border:0;background:none;font:inherit;text-align:left;color:var(--muted);cursor:pointer}
.hv-chaps i{display:block;height:3px;border-radius:2px;background:var(--mist-2);overflow:hidden}
.hv-chaps b{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:0 50%}
.hv-chaps span{font-size:13px;line-height:1.25;font-weight:500;letter-spacing:-.01em;transition:color .24s var(--ease-std)}
.hv-chaps button:hover span,.hv-chaps button.on span{color:var(--ink)}
.hv-chaps button:hover i{background:#D2D2D7}
.hv-chaps button:focus-visible{outline:2px solid var(--jade);outline-offset:4px;border-radius:4px}
@media (max-width:734px){
  .h42-t{font-size:44px;line-height:1.04;letter-spacing:-.03em}
  .h42-film{margin-top:36px;padding:0 16px}
  .h42-film .hv{margin:0}
  .hv-chaps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
  .hv-chaps span{font-size:12px}
}

/* we succeed when you do */
.sf42{padding:var(--sec) 0}
.sf42-head{text-align:center}
.sf42-head .t2{margin:0 auto}
.sf42-head .lede{margin:18px auto 0;max-width:30em;color:var(--ink-2)}
.sf42-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;max-width:1100px;margin:64px auto 0}
.sf42-ph .zm{position:relative;transform:scale(1.42);transform-origin:66.75% 46%}
.sf42-steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--hair)}
.sf42-steps li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--hair)}
.sf42-steps h3{grid-column:1;margin:0;font-size:19px;font-weight:600;letter-spacing:-.015em}
.sf42-steps p{grid-column:1;margin:4px 0 0;font-size:15px;line-height:1.45;color:var(--muted)}
.sf42-steps li.due h3{color:var(--jade)}
.sf42-steps li.due b{grid-column:2;grid-row:1/3;font-size:clamp(24px,2.4vw,30px);font-weight:600;letter-spacing:-.025em;white-space:nowrap}
.sf42-more{margin:44px 0 0;text-align:center}
.sf42-more .tlink::after{content:" ›"}
@media (max-width:900px){.sf42-grid{grid-template-columns:1fr;gap:36px;margin-top:44px}}

/* every payment has a cheapest route */
.fe42{padding:var(--sec) 0}
.fe42-head{text-align:center}.fe42-head .t2{margin:0 auto}
.fe42-head .lede{margin:18px auto 0;max-width:31em;color:var(--ink-2)}
.fe42-card{max-width:980px;margin:28px auto 0;padding:36px 40px 32px;border-radius:28px;background:var(--mist)}
.fe42-what{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 0 28px;text-align:center}
.fe42-what .w{font-size:15px;color:var(--muted)}
.fe42-what .a{font-size:clamp(34px,4vw,48px);line-height:1.05;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.fe42-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fe42-r{padding:24px 26px 26px;border-radius:20px;background:#fff}
.fe42-r .who{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;color:var(--ink-2)}
.fe42-r .cost{margin:16px 0 0;font-size:clamp(36px,4.4vw,56px);line-height:1;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.fe42-r .how{margin:12px 0 0;font-size:15px;line-height:1.45;color:var(--muted)}
.fe42-r.one .cost{color:#B3261E}
.fe42-r.one.na .cost{color:var(--muted)}
.fe42-r.best{box-shadow:inset 0 0 0 2px var(--jade)}
.fe42-r.best .cost{color:var(--jade)}
.fe42-keep{margin:24px 0 0;text-align:center;font-size:19px;font-weight:600;letter-spacing:-.015em}
.fe42-month{max-width:980px;margin:64px auto 0;text-align:center}
.fe42-month .lab{margin:0;font-size:15px;color:var(--muted)}
.fe42-month .nums{display:flex;justify-content:center;align-items:flex-start;gap:clamp(40px,7vw,112px);margin-top:16px}
.fe42-month .nums div{display:flex;flex-direction:column;align-items:center;gap:8px}
.fe42-month b{font-size:clamp(40px,5.4vw,72px);line-height:1;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.fe42-month b.was{color:#B3261E;text-decoration:line-through;text-decoration-thickness:3px}
.fe42-month b.now{color:var(--jade)}
.fe42-month span{font-size:15px;color:var(--muted)}
.fe42-fine{margin:28px auto 0;text-align:center}
@media (max-width:734px){
  .fe42-card{margin-top:22px;padding:24px 16px 22px;border-radius:22px}
  .fe42-vs{grid-template-columns:1fr}
  .fe42-r{padding:20px}
  .fe42-month .nums{flex-direction:column;align-items:center;gap:22px}
}

/* who it's for: real providers by job, then a band of logos */
.w42{padding:var(--sec) 0 0}
.w42-head{text-align:center}.w42-head .t2{margin:0 auto}
.w42-head .lede{margin:18px auto 0;max-width:31em;color:var(--ink-2)}
.w42-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;max-width:1100px;margin:40px auto 0}
.w42-ph{position:relative;margin:0;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#E7E2DA}
.w42-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s var(--ease-std)}
.w42-ph img.on{opacity:1}
.w42-info h3{margin:0;font-size:28px;font-weight:600;letter-spacing:-.022em}
.w42-info p{margin:10px 0 0;max-width:30em;font-size:17px;line-height:1.5;color:var(--ink-2)}
.w42-plan{margin-top:26px;border-top:1px solid var(--hair)}
.w42-job{padding:18px 0 20px;border-bottom:1px solid var(--hair)}
.w42-job .j{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}
.w42-job .lgs{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:14px 0 0}
.lg{display:inline-flex;align-items:center;gap:7px;height:22px}
.lg img{display:block;height:100%;width:auto;max-width:132px;object-fit:contain}
.lg.sq img{height:22px;width:22px;border-radius:5px}
.lg.sq em{font-style:normal;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.lg.tx{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink-2)}
.w42-panel>.tlink{display:inline-block;margin-top:22px}
.w42-panel>.tlink::after{content:" ›"}
.w42-band{margin-top:var(--sec);padding:56px 0 60px;background:#fff}
.w42-band-t{margin:0 0 30px;text-align:center;font-size:15px;color:var(--muted)}
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mq+.mq{margin-top:26px}
.mq-in{display:flex;width:max-content;animation:mq42 70s linear infinite}
.mq.rev .mq-in{animation-duration:80s;animation-direction:reverse}
.mq:hover .mq-in{animation-play-state:paused}
.mq-set{display:flex;align-items:center;gap:60px;padding-right:60px}
.mq .lg{height:26px;filter:grayscale(1);opacity:.6;transition:opacity .3s,filter .3s}
.mq .lg:hover{filter:none;opacity:1}
.mq .lg.sq img{height:26px;width:26px}
@keyframes mq42{to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){.mq-in{animation:none}.mq{overflow-x:auto}}
.w42-note{max-width:46em;margin:30px auto 0;padding:0 20px;text-align:center}
@media (max-width:900px){.w42-stage{grid-template-columns:1fr;gap:28px}.w42-ph{aspect-ratio:4/3}}
@media (max-width:734px){.w42-band{padding:44px 0 48px}.mq-set{gap:40px;padding-right:40px}.mq .lg{height:22px}}

/* belief and mission */
.m42 .m41-t{margin-top:0}
.m42-mission{max-width:40em;margin:44px 0 0;font-size:21px;line-height:1.45;letter-spacing:-.01em;color:var(--ink-2)}
.m42-mission span{display:block;margin-bottom:6px;font-size:15px;font-weight:600;color:var(--muted)}
@media (max-width:734px){.m42-mission{font-size:18px}}

/* pricing */
.pp42{padding:96px 0 120px}
.pp42-head{text-align:center}
.pp42-t{margin:0 auto;max-width:12em;font-size:clamp(40px,5.6vw,72px);line-height:1.04;font-weight:600;letter-spacing:-.035em}
.pp42-l{max-width:32em;margin:22px auto 0;font-size:clamp(18px,1.5vw,21px);line-height:1.45;color:var(--ink-2)}
.pp42-cur{display:inline-flex;align-items:center;gap:12px;margin-top:36px;font-size:15px;color:var(--muted)}
.pp42-cur select{height:40px;padding:0 38px 0 16px;border:0;border-radius:980px;background:var(--mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231D1D1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center/10px 6px;font:inherit;font-size:15px;color:var(--ink);-webkit-appearance:none;appearance:none;cursor:pointer}
.pp42-cur select:focus-visible{outline:2px solid var(--jade);outline-offset:2px}
.pp42-note{min-height:1.4em;margin:10px 0 0;font-size:13px;color:var(--muted)}
.pp42-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1120px;margin:44px auto 0}
.pp42-plan{display:flex;flex-direction:column;padding:32px 30px 30px;border-radius:24px;background:var(--mist)}
.pp42-plan.main{background:#fff;box-shadow:inset 0 0 0 2px var(--jade)}
.pp42-plan h2{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}
.pp42-plan .for{min-height:4.4em;margin:10px 0 0;font-size:15px;line-height:1.45;color:var(--ink-2)}
.pp42-plan .pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:24px 0 0}
.pp42-plan .pr .from{font-size:15px;color:var(--muted)}
.pp42-plan .pr b{font-size:clamp(30px,2.9vw,40px);line-height:1.05;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pp42-plan .per{margin:6px 0 0;font-size:14px;color:var(--muted)}
.pp42-plan ul{flex:1;margin:24px 0 28px;padding:0;list-style:none;border-top:1px solid var(--hair)}
.pp42-plan li{padding:12px 0;border-bottom:1px solid var(--hair);font-size:15px;line-height:1.4}
.pp42-plan .btn{align-self:flex-start}
.pp42-what{max-width:1120px;margin:96px auto 0}
.pp42-what h2{margin:0;text-align:center;font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.03em}
.pp42-f{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:36px}
.pp42-f h3{margin:0;font-size:17px;font-weight:600}
.pp42-f p{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}
.pp42-cta{display:flex;align-items:center;gap:24px;max-width:1120px;margin:72px auto 0;padding-top:32px;border-top:1px solid var(--hair)}
.pp42-cta p{max-width:46em;margin:0;font-size:13px;line-height:1.45;color:var(--muted)}
@media (max-width:1000px){.pp42-plans{grid-template-columns:1fr;max-width:560px}.pp42-plan .for{min-height:0}.pp42-f{grid-template-columns:1fr 1fr}}
@media (max-width:734px){.pp42{padding:56px 0 80px}.pp42-f{grid-template-columns:1fr}.pp42-cta{flex-direction:column;align-items:flex-start}.pp42-cur{flex-direction:column;gap:8px}}

/* partners */
.pa42{padding:96px 0 120px}
.pa42-head{text-align:center}
.pa42-t{margin:0;font-size:clamp(40px,5.6vw,72px);line-height:1.04;font-weight:600;letter-spacing:-.035em}
.pa42-l{max-width:32em;margin:22px auto 0;font-size:clamp(18px,1.5vw,21px);line-height:1.45;color:var(--ink-2)}
.pa42-head .btn{margin-top:30px}
.pa42-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1120px;margin:64px auto 0}
.pa42-m{padding:36px 34px;border-radius:24px;background:var(--mist)}
.pa42-m h2{margin:0;font-size:28px;font-weight:600;letter-spacing:-.025em}
.pa42-m p{margin:12px 0 0;font-size:17px;line-height:1.5;color:var(--ink-2)}
.pa42-m ul{margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--hair)}
.pa42-m li{padding:12px 0;border-bottom:1px solid var(--hair);font-size:15px;line-height:1.4}
.pa42-who{max-width:1120px;margin:88px auto 0;text-align:center}
.pa42-who h2{margin:0;font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.03em}
.pa42-who ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0 0;padding:0;list-style:none}
.pa42-who li{padding:22px 20px;border-radius:16px;background:var(--mist);font-size:17px;font-weight:500;letter-spacing:-.01em}
.pa42-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;max-width:1120px;margin:88px auto 0;padding:40px 44px;border-radius:24px;background:#0A3D2E;color:#fff}
.pa42-cta h2{margin:0;font-size:28px;font-weight:600;letter-spacing:-.025em}
.pa42-cta p{max-width:34em;margin:10px 0 0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.76)}
.pa42-cta .b{display:flex;flex-direction:column;gap:10px;flex:none}
.pa42-cta .btn-brand{background:#fff;color:var(--ink)}.pa42-cta .btn-brand:hover{background:#E8E8ED}
.pa42-cta .btn-ghost{background:rgba(255,255,255,.12);color:#fff}.pa42-cta .btn-ghost:hover{background:rgba(255,255,255,.2)}
@media (max-width:900px){.pa42-two{grid-template-columns:1fr}.pa42-who ul{grid-template-columns:1fr 1fr}.pa42-cta{flex-direction:column;align-items:flex-start;padding:32px 28px}}
@media (max-width:734px){.pa42{padding:56px 0 80px}.pa42-m{padding:28px 24px}}
/* v42 fixes after the first review */
.h42{padding-top:clamp(52px,6.5vw,84px)}
.h42-t{font-size:clamp(44px,5.6vw,76px)}
.t42 .t2{margin-inline:auto;text-align:center}
.t42 .t31-line{margin-top:56px}
.m42 .m41-top{text-align:center}
.m42 .m41-t,.m42 .m41-l{margin-inline:auto}
.m42-mission{margin-inline:auto;text-align:center}
.mq .lg.sq em{font-size:17px;color:var(--ink)}
@media (max-width:734px){.sf42-ph .zm{transform:scale(1.95);transform-origin:66.75% 47%}}
.mq .lg{opacity:.72}
.f42 .f42-set{z-index:8;display:flex;align-items:center;gap:1.1em;padding:.55em .9em;border-radius:12px;background:rgba(15,29,24,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);white-space:nowrap}
.f42 .f42-set p{margin:0;font-size:.56em;font-weight:600;color:rgba(245,245,247,.7)}
.f42 .f42-set span{display:flex;align-items:center;gap:.45em;font-size:.58em;color:#F5F5F7}
.f42 .f42-set .sw{width:1.5em;height:1em}
.f42 .fm-stage.tall .f42-set{gap:.9em}
/* v42 fixes after the independent review */
.fe42-r.one .cost{color:var(--ink)}
.fe42-month b.was{color:var(--ink);text-decoration:none}
.fe42-calc{max-width:820px;margin:28px auto 0;text-align:left}
.fe42-calc summary{display:block;width:max-content;margin:0 auto;padding:8px 2px;font-size:15px;color:var(--jade);cursor:pointer;list-style:none}
.fe42-calc summary::-webkit-details-marker{display:none}
.fe42-calc summary::after{content:" ›";display:inline-block;margin-left:2px;transition:transform .24s var(--ease-std)}
.fe42-calc[open] summary::after{transform:rotate(90deg)}
.fe42-calc table{width:100%;margin-top:14px;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.fe42-calc th,.fe42-calc td{padding:12px 8px;border-bottom:1px solid var(--hair);text-align:right;vertical-align:top}
.fe42-calc th:first-child{text-align:left;font-weight:400;color:var(--ink-2)}
.fe42-calc thead th{font-size:13px;font-weight:600;color:var(--muted)}
.fe42-calc td:last-child{color:var(--jade)}
.fe42-calc td small{display:block;font-size:12px;color:var(--muted)}
.fe42-calc tfoot th,.fe42-calc tfoot td{font-weight:600;border-bottom:0}
.fe42-calc p{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--muted)}
@media (max-width:734px){.fe42-calc table{font-size:13px}.fe42-calc th,.fe42-calc td{padding:10px 4px}}
.pa42-m .tlink{display:inline-block;margin-top:18px}.pa42-m .tlink::after{content:" ›"}
@media (max-width:734px){
  .w42 .seg{flex-wrap:wrap;justify-content:center;overflow:visible;margin-inline:0;padding:0;gap:8px}
  .w42 .seg button{height:36px;padding:0 14px;font-size:14px}
  .fe42 .seg{flex-wrap:wrap;justify-content:center;overflow:visible;margin-inline:0;padding:0;gap:8px}
  .fe42 .seg button{height:36px;padding:0 14px;font-size:14px}
}
/* logos whose files carry wide margins */
.lg img[src$="/wise.svg"]{height:150%;margin-block:-6px}
.lg img[src$="/bea.svg"],.lg img[src$="/boc.svg"]{height:125%;margin-block:-3px}

/* ================= v43 film: centred frame, a payment that flies and loses fees, platforms ================= */
.f43 .f43-cap{text-align:center}
.f43 .f43-chip{z-index:9}
.fl-svg .f43-base{stroke:rgba(245,245,247,.14)}
.f43 .f43-pay{z-index:8;padding:.36em .85em .4em;border-radius:980px;background:rgba(12,22,18,.92);white-space:nowrap;box-shadow:0 0 0 1.5px #F07A63,0 0 26px rgba(240,122,99,.5)}
.f43 .f43-pay b{display:block;font-size:.8em;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff}
.f43 .f43-pay.b{box-shadow:0 0 0 1.5px #3DD39B,0 0 26px rgba(61,211,155,.5)}
.f43 .f43-gate{z-index:6;width:1.2em;height:3px;border-radius:2px;background:#F07A63}
.f43 .f43-gate.b{background:#3DD39B}
.f43 .f43-toll{z-index:7;padding:.22em .55em;border-radius:.45em;background:rgba(5,11,8,.72);font-size:.5em;font-weight:500;white-space:nowrap;color:rgba(245,245,247,.86)}
.f43 .f43-toll.b{color:var(--mint)}
.f43 .f43-drop{z-index:9;padding:.2em .5em;border-radius:.5em;background:#FF8A73;color:#2B0D07;font-size:.56em;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.f43 .f43-ring{z-index:5;width:1.5em;height:1.5em;border-radius:50%;border:2px solid #F07A63}
.f43 .f43-ring.b{border-color:#3DD39B}
.f43 .f43-receipt{z-index:9;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4em 1em;padding:.75em 1.1em .8em;border-radius:16px;background:rgba(12,22,18,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 24px 48px -26px rgba(0,0,0,.8);text-align:center}
.f43 .f43-receipt span{display:block;font-size:.52em;color:rgba(245,245,247,.62)}
.f43 .f43-receipt b{display:block;margin-top:.15em;font-size:.86em;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff}
.f43 .f43-receipt .lost{color:#FF8A73}
.f43 .f43-receipt.good .lost,.f43 .f43-receipt.good .v{color:var(--mint)}
.f43 .fm-stage.tall .f43-receipt{grid-template-columns:1fr 1fr;padding:.7em .9em}
.f43 .f43-total{z-index:9;padding:.75em 1.2em .85em;border-radius:16px;background:rgba(12,22,18,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 24px 48px -26px rgba(0,0,0,.8);text-align:center}
.f43 .f43-total .h{margin:0;font-size:.58em;color:rgba(245,245,247,.66)}
.f43 .f43-total .a{margin:.1em 0 0}
.f43 .f43-total .a b{font-size:1.6em;line-height:1.1;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#FF8A73}
.f43 .f43-total.good .a b{color:var(--mint)}
.f43 .f43-total .was{position:absolute;right:1em;top:.85em;margin:0;font-size:.6em;color:rgba(245,245,247,.5);text-decoration:line-through}
.f43 .f43-total .set{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.4em 1em;margin-top:.55em;padding-top:.55em;border-top:1px solid rgba(255,255,255,.12)}
.f43 .f43-total .set span{font-size:.52em;font-weight:600;color:rgba(245,245,247,.62)}
.f43 .f43-total .set em{display:flex;align-items:center;gap:.4em;font-size:.56em;font-style:normal;color:#F5F5F7}
.f43 .f43-total .set .sw{width:1.5em;height:1em}
.f43 .f43-ph{z-index:6;font-size:.62em;font-weight:600;letter-spacing:-.005em;color:rgba(245,245,247,.72);white-space:nowrap}
.f43 .f43-plat{display:flex;flex-direction:column;align-items:flex-start;gap:.5em;padding:.8em .85em .85em}
.f43 .lgw{display:flex;align-items:center;justify-content:center;padding:.45em .8em;border-radius:.55em;background:#fff}
.f43 .f43-plat .lgw{align-self:stretch;height:2.6em}
.f43 .lgw img{display:block;max-height:1.25em;max-width:100%;width:auto}
.f43 .f43-plat b{display:block;font-size:.66em;font-weight:600;letter-spacing:-.01em}
.f43 .f43-plat div span{display:block;margin-top:.15em;font-size:.52em;color:rgba(245,245,247,.62)}
.f43 .f43-plat u{padding:.25em .65em;border-radius:980px;background:rgba(255,255,255,.1);color:rgba(245,245,247,.8);font-size:.5em;font-weight:600;text-decoration:none}
.f43 .f43-plat u.sub{background:rgba(120,160,255,.18);color:#A9C1FF}
.f43 .f43-plat u.ok{background:rgba(61,211,155,.16);color:var(--mint)}
.f43 .f43-more{display:flex;justify-content:center;flex-wrap:wrap;gap:.7em}
.f43 .f43-more .lgw{height:2.3em;padding:.4em 1em;opacity:.92}
.f43 .fm-stage.tall .f43-more{gap:.5em}
.f43 .fm-stage.tall .f43-more .lgw{height:2em}
.f43 .f43-total .was,.f43 .f43-total .set{display:none}
.f43 .f43-total.good .was{display:block}
.f43 .f43-total.good .set{display:flex}
.f43 .fm-stage.tall .f43-pay b{font-size:.64em}
.f43 .fm-stage.tall .f43-toll{font-size:.44em}
.f43 .fm-stage.tall .f43-drop{font-size:.48em}

/* ================= v43 page ================= */
/* services: a list of what we set up, beside an onboarding board for the chosen one */
.sv43{padding:var(--sec) 0}
.sv43-head{text-align:center}.sv43-head .t2{margin:0 auto}
.sv43-head .lede{margin:18px auto 0;max-width:33em;color:var(--ink-2)}
.sv43-box{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:start;max-width:1120px;margin:48px auto 0}
.sv43-list{display:flex;flex-direction:column;gap:4px}
.sv43-list button{display:block;width:100%;padding:16px 20px;border:0;border-radius:16px;background:none;font:inherit;text-align:left;cursor:pointer;transition:background .3s var(--ease-std)}
.sv43-list button b{display:block;font-size:17px;font-weight:600;letter-spacing:-.015em;color:var(--muted);transition:color .24s var(--ease-std)}
.sv43-list button span{display:none;margin-top:4px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.sv43-list button:hover b{color:var(--ink)}
.sv43-list button[aria-selected="true"]{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px -12px rgba(0,0,0,.12)}
.sv43-list button[aria-selected="true"] b{color:var(--ink)}
.sv43-list button[aria-selected="true"] span{display:block}
.sv43-list button:focus-visible{outline:2px solid var(--jade);outline-offset:2px}
.sv43-panel{padding:28px;border-radius:24px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05),0 24px 48px -32px rgba(0,0,0,.2)}
.sv43-board{border-radius:18px;background:var(--mist);padding:6px 6px 8px}
.sv43-co{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px 14px}
.sv43-co b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}
.sv43-co span{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
.sv43-co em{flex:none;padding:5px 10px;border-radius:980px;background:var(--jade-tint);color:var(--jade);font-size:12.5px;font-style:normal;font-weight:600}
.sv43-rows{display:flex;flex-direction:column;gap:6px}
.sv43-r{display:grid;grid-template-columns:118px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;border-radius:14px;background:#fff}
.sv43-r .lg{height:24px}.sv43-r .lg img{max-width:112px}
.sv43-r .lg.tx{font-size:14px}
.sv43-r b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}
.sv43-r div span{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
.sv43-r u{padding:5px 11px;border-radius:980px;background:var(--mist);color:var(--ink-2);font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.sv43-r u.sub{background:#EAF0FF;color:#2F55D4}
.sv43-r u.ok{background:var(--jade-tint);color:var(--jade)}
.sv43-r.rt{grid-template-columns:28px minmax(0,1fr) auto}
.sv43-r.rt .sw{width:24px;height:16px}
.sv43-what{margin-top:22px;padding:0 4px}
.sv43-what .h{margin:0;font-size:13px;font-weight:600;color:var(--muted)}
.sv43-what ul{margin:10px 0 0;padding:0;list-style:none}
.sv43-what li{padding:10px 0;border-top:1px solid var(--mist-2);font-size:15px;line-height:1.45}
.sv43-note{margin:14px 4px 0;font-size:12px;line-height:1.4;color:var(--muted)}
@media (max-width:900px){
  .sv43-box{grid-template-columns:1fr;gap:16px}
  .sv43-list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}
  .sv43-list button{width:auto;padding:0 14px;height:36px;border-radius:980px;background:#fff}
  .sv43-list button b{font-size:14px;font-weight:500;line-height:36px}
  .sv43-list button[aria-selected="true"]{background:var(--ink);box-shadow:none}
  .sv43-list button[aria-selected="true"] b{color:#fff}
  .sv43-list button[aria-selected="true"] span{display:none}
  .sv43-panel{padding:16px;border-radius:20px}
}
@media (max-width:520px){.sv43-r{grid-template-columns:1fr auto;gap:8px 12px}.sv43-r .lg{grid-column:1/3}}
/* fees now sit on grey, who it's for on white */
.fe43 .seg{background:var(--mist-2)}
.fe43 .fe42-card{background:#fff}
.fe43 .fe42-r{background:var(--mist)}
.fe43 .fe42-r.best{background:#fff}
.w43 .seg{background:var(--mist)}
.w43 .w42-band{background:var(--mist)}
@media (max-width:734px){.fe43 .seg button{background:#fff}.w43 .seg button{background:var(--mist)}}

/* ================= v44: services lead the page, Zypa Flow, the nav's Services menu ================= */
/* the account colours: a small card face that names each kind of account everywhere on the page and in the film */
.sw.exchange,.f42 .sw.exchange{background:linear-gradient(135deg,#9B7BFF,#4B2FB4)}
.sw.broker,.f42 .sw.broker{background:linear-gradient(135deg,#6B7C90,#202B38)}
.sw.market,.f42 .sw.market{background:linear-gradient(135deg,#F07AB0,#9A2462)}
.sw.payroll,.f42 .sw.payroll{background:linear-gradient(135deg,#4CC3D8,#136A7C)}
.sw.flow,.f42 .sw.flow{background:linear-gradient(135deg,#123A2C,#06110D);box-shadow:inset 0 0 0 1.5px #3DD39B}

/* services: the business, what it needs, every application from one profile */
.sv44{padding:var(--sec) 0 0}
.sv44-head{text-align:center}.sv44-head .t2{margin:0 auto;max-width:14em}
.sv44-head .lede{margin:18px auto 0;max-width:34em;color:var(--ink-2)}
.sv44 .seg{background:var(--mist-2)}
.sv44-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px 36px;max-width:1120px;margin:28px auto 0;padding:28px;border-radius:30px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 30px 60px -40px rgba(0,0,0,.25)}
.sv44-k{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:-.005em;color:var(--muted)}
.sv44-biz{padding:24px 22px 22px;border-radius:22px;background:var(--mist)}
.sv44-co b{display:block;font-size:24px;line-height:1.15;font-weight:600;letter-spacing:-.022em}
.sv44-co span{display:block;margin-top:4px;font-size:15px;color:var(--muted)}
.sv44-acts{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.sv44-acts li{display:flex;align-items:center;gap:12px;min-height:50px;padding:12px 14px;border-radius:14px;background:#fff;font-size:16px;line-height:1.35;letter-spacing:-.01em;color:var(--ink-2);transition:color .4s var(--ease-std),box-shadow .4s var(--ease-std)}
.sv44-acts li .sw{opacity:0;transform:scale(.5);transition:opacity .35s var(--ease-std),transform .5s cubic-bezier(.3,1.5,.5,1)}
.sv44-acts li[data-on]{color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 16px -10px rgba(0,0,0,.18)}
.sv44-acts li[data-on] .sw{opacity:1;transform:none}
.sv44-needs{padding:24px 4px 0}
.sv44-list{display:flex;flex-direction:column;gap:10px}
.sv44-n{padding:16px 18px 16px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--mist-2)}
.sv44-n .h{display:flex;align-items:center;gap:11px}
.sv44-n .h b{font-size:18px;font-weight:600;letter-spacing:-.018em}
.sv44-n u{margin-left:auto;padding:5px 11px;border-radius:980px;background:var(--mist);color:var(--ink-2);font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.sv44-n u.sub{background:#EAF0FF;color:#2F55D4}
.sv44-n u.ok{background:var(--jade-tint);color:var(--jade)}
.sv44-n .why{margin:6px 0 0 33px;font-size:14.5px;line-height:1.4;color:var(--muted)}
.sv44-n .lgs{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:12px 0 0 33px}
.sv44-n .lg{height:20px}.sv44-n .lg img{max-width:104px}.sv44-n .lg.sq img{height:20px;width:20px}.sv44-n .lg.sq em{font-size:14px}
.sv44-n .tlink{font-size:15px}.sv44-n .tlink::after{content:" ›"}
.sv44-list[data-n="4"] .sv44-n{padding:12px 16px}
.sv44-list[data-n="4"] .sv44-n .lgs{margin-top:8px}
.sv44-bar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 4px 0;border-top:1px solid var(--mist-2)}
.sv44-prog{margin:0;font-size:15px;color:var(--muted)}
.sv44-prog b{font-weight:600;color:var(--jade)}
.sv44-pp{position:relative;flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--mist);cursor:pointer;transition:background .24s var(--ease-std)}
.sv44-pp:hover{background:var(--mist-2)}
.sv44-pp .ic{width:11px;height:11px;fill:var(--ink)}
.sv44-pp .ip,.sv44-pp.paused .ia{display:none}.sv44-pp.paused .ip{display:block}
.sv44-pp .ring{position:absolute;inset:0;width:36px;height:36px;transform:rotate(-90deg);pointer-events:none}
.sv44-pp .ring circle{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1}
.sv44-pp:focus-visible{outline:2px solid var(--jade);outline-offset:2px}
.sv44-note{max-width:46em;margin:16px auto 0;text-align:center;font-size:13px;line-height:1.45;color:var(--muted)}
/* everything we set up: opens under the stage */
.sv44-all{max-width:1120px;margin:40px auto 0;text-align:center}
.sv44-open{display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 24px;border:0;border-radius:980px;background:#fff;font:inherit;font-size:17px;font-weight:500;letter-spacing:-.01em;color:var(--ink);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:background .24s var(--ease-std),transform .24s var(--ease-std)}
.sv44-open:hover{background:#FBFBFD}.sv44-open:active{transform:scale(.98)}
.sv44-open svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;transition:transform .4s var(--ease-std)}
.sv44-open[aria-expanded="true"] svg{transform:rotate(45deg)}
.sv44-open:focus-visible{outline:2px solid var(--jade);outline-offset:3px}
.sv44-cat{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease-std)}
.sv44-cat.open{grid-template-rows:1fr}
.sv44-cat-in{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .6s}
.sv44-cat.open .sv44-cat-in{visibility:visible;transition:none}
.sv44-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;text-align:left}
.sv44-t{display:flex;flex-direction:column;gap:6px;min-height:150px;padding:18px 18px 16px;border:0;border-radius:18px;background:#fff;font:inherit;text-align:left;cursor:pointer;transition:box-shadow .3s var(--ease-std),transform .3s var(--ease-std)}
.sv44-t:hover{transform:translateY(-2px);box-shadow:0 12px 28px -18px rgba(0,0,0,.3)}
.sv44-t b{font-size:16px;font-weight:600;letter-spacing:-.012em;color:var(--ink)}
.sv44-t>span{font-size:13.5px;line-height:1.4;color:var(--muted)}
.sv44-t .lgs{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:10px;font-style:normal}
.sv44-t .lgs .lg{height:15px}.sv44-t .lgs .lg img{max-width:70px}.sv44-t .lgs .lg.sq img{width:15px;height:15px}.sv44-t .lgs .lg.sq em{display:none}
.sv44-t .lgs.tx{font-size:13px;font-weight:600;color:var(--jade)}
.sv44-t[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--jade)}
.sv44-t:focus-visible{outline:2px solid var(--jade);outline-offset:2px}
.sv44-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:12px;padding:30px 32px;border-radius:24px;background:#fff;text-align:left}
.sv44-detail h3{margin:0;font-size:26px;font-weight:600;letter-spacing:-.022em}
.sv44-detail .dh>p{margin:8px 0 0;font-size:16px;line-height:1.45;color:var(--ink-2)}
.sv44-detail .lgs{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:22px 0 0}
.sv44-detail .k{margin:0;font-size:13px;font-weight:600;color:var(--muted)}
.sv44-detail ul{margin:10px 0 0;padding:0;list-style:none}
.sv44-detail li{padding:11px 0;border-top:1px solid var(--mist-2);font-size:15px;line-height:1.45}
.sv44-detail .tlink{display:inline-block;margin-top:14px;font-size:15px}.sv44-detail .tlink::after{content:" ›"}
.sv44-band{margin-top:96px;padding:0 0 var(--sec);background:transparent}
@media (max-width:1000px){.sv44-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .sv44-stage{grid-template-columns:1fr;padding:16px;border-radius:24px}
  .sv44-biz{padding:20px 16px 16px}
  .sv44-needs{padding:8px 2px 0}
  .sv44-detail{grid-template-columns:1fr;gap:20px;padding:24px 20px}
}
@media (max-width:734px){
  .sv44 .seg{flex-wrap:wrap;justify-content:center;overflow:visible;margin-inline:0;padding:0;gap:8px;background:none}
  .sv44 .seg button{height:36px;padding:0 14px;font-size:14px;background:#fff}
  .sv44-co b{font-size:21px}
  .sv44-acts li{font-size:15px;min-height:44px;padding:10px 12px}
  .sv44-n .h b{font-size:16px}
  .sv44-n .why,.sv44-n .lgs{margin-left:0}
  .sv44-t{min-height:0}
  .sv44-band{margin-top:64px}
}
.sf44-or{margin:0 10px;font-size:15px;color:var(--muted)}

/* the nav's Services menu */
.nav .fly{position:absolute;left:0;right:0;top:100%;z-index:2;max-height:0;overflow:hidden;visibility:hidden;opacity:0;background:rgba(251,251,253,.985);
  box-shadow:0 1px 0 rgba(0,0,0,.08),0 30px 60px -36px rgba(0,0,0,.3);transition:max-height .36s cubic-bezier(.4,0,.6,1),opacity .2s ease,visibility 0s .36s}
.nav.fly-on .fly{max-height:520px;visibility:visible;opacity:1;transition:max-height .48s cubic-bezier(.4,0,.6,1),opacity .24s ease,visibility 0s}
.fly-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 40px;padding-top:34px;padding-bottom:30px}
.fly-g{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:-.005em;color:var(--muted)}
.fly a{display:block;padding:8px 0}
.fly a b{display:block;font-size:17px;font-weight:600;letter-spacing:-.016em;color:var(--ink);transition:color .2s}
.fly a:hover b,.fly a:focus-visible b{color:var(--jade)}
.fly-lg{display:flex;align-items:center;gap:12px;margin-top:6px}
.fly-lg .lg{height:13px;filter:grayscale(1);opacity:.6}.fly-lg .lg img{max-width:64px}.fly-lg .lg.sq img{width:13px;height:13px}.fly-lg .lg.sq em{display:none}
.fly-tx{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;color:var(--muted)}
.fly-foot{grid-column:1/-1;margin:10px 0 0;padding-top:14px;border-top:1px solid var(--mist-2)}
.fly-foot a{display:inline;font-size:14px;color:var(--jade)}.fly-foot a::after{content:" ›"}
.nav.fly-on{background:rgba(251,251,253,.985);border-bottom-color:transparent}
.nav.fly-on.on-dark{background:rgba(251,251,253,.985)}
.nav.fly-on.on-dark .logo span,.nav.fly-on.on-dark .navlinks a{color:var(--ink)}
.nav.fly-on.on-dark .logo img{filter:none}
.fly-veil{position:fixed;inset:0;z-index:49;background:rgba(232,232,237,.38);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .32s ease,visibility 0s .32s}
html.fly-open .fly-veil{opacity:1;visibility:visible;transition:opacity .32s ease,visibility 0s}
@media (max-width:1000px){.nav .fly,.fly-veil{display:none}}
@media (prefers-reduced-motion:reduce){.nav .fly,.nav.fly-on .fly,.fly-veil{transition:none}}

/* Zypa Flow: a dark chapter with one week of the money, run for the company */
.fl44{padding:var(--sec) 0;color:#F5F5F7}
.fl44-head{text-align:center}
.fl44-name{margin:0 0 16px;font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--jade-bright)}
.fl44 .t2{margin:0 auto;max-width:13em;color:#fff}
.fl44 .lede{max-width:34em;margin:18px auto 0;color:rgba(245,245,247,.72)}
.fl44-board{max-width:980px;margin:56px auto 0;padding:24px 26px 12px;border-radius:28px;background:#0F1F18;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 50px 90px -50px rgba(0,0,0,.9)}
.flb-h{display:flex;justify-content:space-between;align-items:center;gap:16px}
.flb-h b{display:block;font-size:19px;font-weight:600;letter-spacing:-.015em}
.flb-h span{display:block;margin-top:2px;font-size:14px;color:rgba(245,245,247,.6)}
.flb-re{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.08);cursor:pointer;transition:background .24s}
.flb-re:hover{background:rgba(255,255,255,.14)}
.flb-re svg{width:15px;height:15px;fill:none;stroke:#F5F5F7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.flb-bal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.flb-bal>div{padding:15px 16px;border-radius:16px;background:rgba(255,255,255,.05)}
.flb-bal p{display:flex;align-items:center;gap:9px;margin:0;font-size:14px;color:rgba(245,245,247,.7)}
.flb-bal b{display:block;margin-top:8px;font-size:clamp(19px,2.1vw,27px);line-height:1.1;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}
.flb-list{margin:14px 0 0;padding:0;list-style:none}
.flb-list li{display:grid;grid-template-columns:40px 22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 2px;border-top:1px solid rgba(255,255,255,.08)}
.flb-list .d{font-size:13px;font-weight:600;color:rgba(245,245,247,.5)}
.flb-list p{margin:0;font-size:16px;line-height:1.4;letter-spacing:-.01em}
.flb-list u{padding:5px 11px;border-radius:980px;background:rgba(255,255,255,.08);color:rgba(245,245,247,.75);font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.flb-list u.w{background:rgba(244,178,78,.16);color:#F6C478}
.flb-list u.ap{background:rgba(120,160,255,.18);color:#A9C1FF}
.flb-list u.ok{background:rgba(61,211,155,.16);color:var(--jade-bright)}
.fl44-pts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:1120px;margin:64px auto 0}
.fl44-pts>div{padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
.fl44-pts h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.012em;color:#fff}
.fl44-pts p{margin:8px 0 0;font-size:15px;line-height:1.5;color:rgba(245,245,247,.66)}
.fl44-deal{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:980px;margin:64px auto 0}
.fl44-opt{display:flex;flex-direction:column;align-items:flex-start;padding:28px 30px;border-radius:24px;background:rgba(255,255,255,.06)}
.fl44-opt .n{margin:0;font-size:15px;font-weight:600;color:rgba(245,245,247,.66)}
.fl44-opt .p{margin:8px 0 0;font-size:clamp(30px,3vw,40px);line-height:1.05;font-weight:600;letter-spacing:-.03em}
.fl44-opt .s{margin:10px 0 0;font-size:15px;line-height:1.45;color:rgba(245,245,247,.72)}
.fl44-opt .tlink{margin-top:auto;padding-top:18px;color:var(--jade-bright)}.fl44-opt .tlink::after{content:" ›"}
.fl44-opt.main{background:#fff;color:var(--ink)}
.fl44-opt.main .n{color:var(--jade)}.fl44-opt.main .s{color:var(--ink-2)}
.fl44-opt.main .btn{margin-top:auto}
.fl44-opt.main .s{margin-bottom:20px}
.fl44-fine{max-width:46em;margin:26px auto 0;text-align:center;font-size:13px;line-height:1.5;color:rgba(245,245,247,.55)}
@media (max-width:900px){.fl44-pts{grid-template-columns:1fr 1fr}.fl44-deal{grid-template-columns:1fr}}
@media (max-width:734px){
  .fl44-board{margin-top:40px;padding:18px 16px 6px;border-radius:22px}
  .flb-bal{grid-template-columns:1fr;gap:6px}
  .flb-bal>div{display:flex;justify-content:space-between;align-items:center;padding:12px 14px}
  .flb-bal b{margin:0;font-size:18px}
  .flb-list li{grid-template-columns:34px 20px minmax(0,1fr);gap:4px 10px}
  .flb-list li u{grid-column:3;justify-self:start}
  .flb-list p{font-size:15px}
  .fl44-pts{grid-template-columns:1fr;gap:20px;margin-top:44px}
}
/* pricing: the Flow option under the plans */
.pp44-flow{display:flex;justify-content:space-between;align-items:center;gap:32px;max-width:1120px;margin:20px auto 0;padding:32px 36px;border-radius:24px;background:#07130E;color:#fff}
.pp44-flow .n{margin:0;font-size:15px;font-weight:600;color:var(--jade-bright)}
.pp44-flow h2{margin:6px 0 0;font-size:26px;font-weight:600;letter-spacing:-.022em}
.pp44-flow p:not(.n){max-width:40em;margin:10px 0 0;font-size:16px;line-height:1.5;color:rgba(245,245,247,.72)}
.pp44-flow .btn{flex:none;background:#fff;color:var(--ink)}.pp44-flow .btn:hover{background:#E8E8ED}
@media (max-width:734px){.pp44-flow{flex-direction:column;align-items:flex-start;padding:26px 22px}}

/* ================= v44 film: a trading company, what it needs, Zypa Flow ================= */
.f44 .f42-pf .r{transition:none}
.f44 .f42-pf .r.hot span{color:var(--mint)}
.f44 .f42-pf .r.hot b{color:#fff;font-weight:600}
.f44 .f44-k{z-index:6;font-size:.62em;font-weight:600;letter-spacing:-.005em;color:rgba(245,245,247,.6);white-space:nowrap}
.f44 .f44-act{z-index:5;display:flex;align-items:center;gap:.7em;padding:.7em .9em;border-radius:14px;font-size:.74em;font-weight:500;letter-spacing:-.012em;color:rgba(245,245,247,.72);transition:none}
.f44 .f44-act .sw{width:1.5em;height:1em;opacity:0;transform:scale(.4)}
.f44 .f44-act.on{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(61,211,155,.5),0 24px 48px -26px rgba(0,0,0,.7)}
.f44 .f44-act.on .sw{opacity:1;transform:none;transition:opacity .3s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.f44 .f44-need{z-index:5;padding:.8em 1em .85em;border-radius:16px}
.f44 .f44-need .h{display:flex;align-items:center;gap:.6em}
.f44 .f44-need .h b{font-size:.84em;font-weight:600;letter-spacing:-.018em}
.f44 .f44-need .h .sw{width:1.5em;height:1em}
.f44 .f44-need>p{margin:.35em 0 0 2.1em;font-size:.6em;line-height:1.35;color:rgba(245,245,247,.66)}
.f44 .f44-need .lgs{display:flex;align-items:center;gap:.45em;margin:.6em 0 0 1.85em}
.f44 .f44-need .lgs small{margin-right:.3em;font-size:.48em;font-weight:600;color:rgba(245,245,247,.5)}
.f44 .f44-need .lgw{height:1.55em;padding:.3em .6em;border-radius:.45em}
.f44 .f44-need .lgw img{max-height:.95em;max-width:4.6em}
.f44 .f44-crit{z-index:6;display:flex;justify-content:center;flex-wrap:wrap;gap:.45em .5em}
.f44 .f44-crit span{padding:.42em .85em;border-radius:980px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:.56em;font-weight:500;color:rgba(245,245,247,.8);white-space:nowrap;transition:none}
.f44 .f44-crit span.on{background:rgba(61,211,155,.16);box-shadow:inset 0 0 0 1px rgba(61,211,155,.55);color:var(--mint)}
.f44 .f44-grid .pt b{font-size:12px}
.f44 .f44-grid .pt span{font-size:10.5px}
.f44 .fm-stage.tall .f44-grid .pt b{font-size:11px}
.f44 .f44-acc .h b{font-size:.78em}
.f44 .f44-acc .d{font-size:.58em}.f44 .f44-acc .c{font-size:.64em}.f44 .f44-acc .j{font-size:.56em}
.f44 .f44-tl .tl-who b{white-space:nowrap}
.f44 .f44-total .ux{display:flex;justify-content:center;align-items:center;gap:.5em;margin:.45em 0 0;font-size:.56em;color:rgba(245,245,247,.75)}
.f44 .f44-total .ux .sw{width:1.5em;height:1em}
.f44 .f44-total .ux .u1,.f44 .f44-total.good .ux .u0{display:none}
.f44 .f44-total.good .ux .u1{display:inline;color:var(--mint)}
.f44 .f44-total .ux .u0{color:#FF8A73}
/* 6. one week with Zypa Flow */
.f44 .f44-flow{z-index:6;padding:.9em 1.1em .5em}
.f44 .f44-flow .fh{display:flex;align-items:baseline;justify-content:space-between}
.f44 .f44-flow .fh b{font-size:.8em;font-weight:600;color:var(--mint)}
.f44 .f44-flow .fh span{font-size:.62em;color:rgba(245,245,247,.6)}
.f44 .f44-flow .fbal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45em;margin-top:.7em}
.f44 .f44-flow .fbal>div{padding:.6em .7em;border-radius:12px;background:rgba(255,255,255,.05)}
.f44 .f44-flow .fbal p{display:flex;align-items:center;gap:.5em;margin:0;font-size:.54em;color:rgba(245,245,247,.68)}
.f44 .f44-flow .fbal .sw{width:1.5em;height:1em}
.f44 .f44-flow .fbal b{display:block;margin-top:.25em;font-size:.95em;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}
.f44 .f44-flow .frows{margin-top:.5em}
.f44 .f44-flow .fr{display:grid;grid-template-columns:2.6em 1.6em minmax(0,1fr) auto;align-items:center;gap:.5em;padding:.6em .1em;border-top:1px solid rgba(255,255,255,.08)}
.f44 .f44-flow .fr .d{font-size:.54em;font-weight:600;color:rgba(245,245,247,.5)}
.f44 .f44-flow .fr .sw{width:1.4em;height:.95em}
.f44 .f44-flow .fr p{margin:0;font-size:.66em;font-weight:500;letter-spacing:-.01em}
.f44 .f44-flow .fr u{padding:.3em .7em;border-radius:980px;background:rgba(255,255,255,.08);color:rgba(245,245,247,.75);font-size:.5em;font-weight:600;text-decoration:none;white-space:nowrap}
.f44 .f44-flow .fr u.w{background:rgba(244,178,78,.18);color:#F6C478}
.f44 .f44-flow .fr u.ap{background:rgba(120,160,255,.2);color:#A9C1FF}
.f44 .f44-flow .fr u.ok{background:rgba(61,211,155,.16);color:var(--mint)}
.f44 .f44-free{z-index:7;display:flex;align-items:baseline;gap:.5em;padding:.5em 1.1em;border-radius:980px;background:#fff;color:#1D1D1F;white-space:nowrap;box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.f44 .f44-free b{font-size:.8em;font-weight:700;color:#0B7D56}
.f44 .f44-free span{font-size:.64em;color:#424245}
.f44 .f44-due span{line-height:1.4}
/* phones */
.f44 .fm-stage.tall .f44-act{font-size:.66em}
.f44 .fm-stage.tall .f44-need .h b{font-size:.76em}
.f44 .fm-stage.tall .f44-flow .fbal{grid-template-columns:1fr;gap:.3em}
.f44 .fm-stage.tall .f44-flow .fbal>div{display:flex;justify-content:space-between;align-items:center;padding:.45em .7em}
.f44 .fm-stage.tall .f44-flow .fbal b{margin:0;font-size:.74em}
.f44 .fm-stage.tall .f44-flow .fr{grid-template-columns:2.4em 1.5em minmax(0,1fr);row-gap:.35em}
.f44 .fm-stage.tall .f44-flow .fr u{grid-column:3;justify-self:start}
.f44 .fm-stage.tall .f44-crit span{font-size:.5em}
.f44 .lgw img{height:.95em;width:auto;max-height:none}
.f44 .f44-need .lgw img{height:.95em;max-width:none}
.f44 .lgw.sq{gap:.35em}.f44 .lgw.sq img{height:1.1em}
.f44 .lgw.sq em{font-style:normal;font-size:.58em;font-weight:600;color:#1D1D1F}
.f44 .f44-acc .h b{white-space:nowrap;font-size:.74em}
.f44 .f44-flow .fbal p{font-size:.58em}
.f44 .f44-flow .fbal b{font-size:1.08em}
.f44 .f44-flow .fr p{font-size:.72em}
.f44 .f44-flow .fr .d{font-size:.58em}
.f44 .f44-flow .fr u{font-size:.54em}
.f44 .f44-flow .fh b{font-size:.86em}
.f44 .f44-need .lgw{height:1.45em;padding:.25em .55em}
.f44 .f44-need .lgw img{height:.8em}
.f44 .f44-need .lgw.sq img{height:.95em}
.f44 .f44-need .lgs{margin-left:2.1em}
.f44 .fm-stage.tall .f44-need .lgs{margin-left:0}
.f44 .fm-stage.tall .f44-need>p{margin-left:0}
.f44 .fm-stage.tall .f44-act{padding:.55em .8em;font-size:.62em}
.f44 .fm-stage.tall .f44-flow .fr{grid-template-columns:2.3em 1.4em minmax(0,1fr) auto;row-gap:0;padding:.5em 0}
.f44 .fm-stage.tall .f44-flow .fr u{grid-column:auto;justify-self:end;font-size:.48em}
.f44 .fm-stage.tall .f44-flow .fr p{font-size:.6em}
.f44 .fm-stage.tall .f44-flow .fbal>div{padding:.35em .6em}
.f44 .f44-need .lgw{height:1.3em;padding:.22em .5em}
.f44 .f44-need .lgw img{height:.66em}
.f44 .f44-need .lgw.sq img{height:.8em}
.f44 .f44-need .lgs{gap:.4em;margin-top:.5em}
/* the menu's own grid: the nav's wrap rules (fixed height, three columns) don't apply inside it */
.nav .fly .wrap.fly-in,.nav42 .fly .wrap.fly-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 40px;height:auto;align-items:start}
@media (max-width:734px){
  .sv44 .seg button[aria-selected="true"],.fe42 .seg button[aria-selected="true"]{background:var(--ink);color:#fff}
}

/* ================= v45 film: documents read into one profile; an object for every kind of account ================= */
.f45 .ob{display:block;flex:none;object-fit:contain;filter:drop-shadow(0 .1em .16em rgba(0,0,0,.45))}
/* 1. the documents, and the profile they fill in */
.f45 .f45-doc{z-index:4;display:flex;flex-direction:column;align-items:center}
.f45 .f45-doc .im{position:relative;transform-origin:50% 60%;filter:drop-shadow(0 22px 24px rgba(0,0,0,.55))}
.f45 .f45-doc .im img{display:block;height:100%;width:auto}
.f45 .f45-doc .scan{position:absolute;inset:0;opacity:0;background:linear-gradient(180deg,rgba(255,255,255,0) 38%,rgba(214,255,236,.78) 50%,rgba(255,255,255,0) 62%);background-size:100% 300%;background-position:0% 100%;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.f45 .f45-doc b{display:block;max-width:10em;min-height:2.4em;margin-top:.75em;font-size:.6em;line-height:1.2;font-weight:500;letter-spacing:-.005em;text-align:center;color:rgba(245,245,247,.86)}
.f45 .f45-k{font-size:.66em}
.f45 .f45-pf{z-index:5;padding:1em 1.2em .9em}
.f45 .f45-pf .co{font-size:1.12em}
.f45 .f45-pf .ty{margin:.25em 0 .75em;font-size:.62em}
.f45 .f45-pf .r{display:grid;grid-template-columns:.95em 5.6em minmax(0,1fr);align-items:center;gap:.7em;padding:.3em 0}
.f45 .f45-pf .r img{display:block;width:.95em;height:1.15em;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.f45 .f45-pf .r span{font-size:.64em;color:rgba(245,245,247,.6)}
.f45 .f45-pf .r b{font-size:.72em;font-weight:500;text-align:left}
.f45 .f45-pf .rd{margin:.8em 0 0;font-size:.62em}
.f45 .fm-stage.tall .f45-pf{padding:.85em 1em .8em}
.f45 .fm-stage.tall .f45-pf .co{font-size:.95em}
.f45 .fm-stage.tall .f45-pf .ty{font-size:.54em}
.f45 .fm-stage.tall .f45-pf .r{grid-template-columns:.75em 4.6em minmax(0,1fr);gap:.55em;padding:.3em 0}
.f45 .fm-stage.tall .f45-pf .r img{width:.75em;height:.9em}
.f45 .fm-stage.tall .f45-pf .r span{font-size:.56em}
.f45 .fm-stage.tall .f45-pf .r b{font-size:.62em}
.f45 .fm-stage.tall .f45-pf .rd{font-size:.54em}
.f45 .fm-stage.tall .f45-doc b{font-size:.48em}
.f45 .fm-stage.tall .f45-k{font-size:.56em}
/* 3. what it does, what it needs: the object of each account */
.f45 .f44-act .ob{width:1.75em;height:1.75em;margin:-.3em 0}
.f45 .f45-need{display:flex;align-items:flex-start;gap:.75em}
.f45 .f45-need .ob{width:2.5em;height:2.5em;margin-top:-.15em}
.f45 .f45-need .tx{flex:1;min-width:0}
.f45 .f45-need .tx b{display:block;font-size:.84em;font-weight:600;letter-spacing:-.018em}
.f45 .f45-need .tx p{margin:.3em 0 0;font-size:.6em;line-height:1.35;color:rgba(245,245,247,.66)}
.f45 .f45-need .lgs{margin:.55em 0 0}
.f45 .fm-stage.tall .f45-need .ob{width:2.2em;height:2.2em}
.f45 .fm-stage.tall .f45-need .tx b{font-size:.76em}
/* the check: each tile is the object of its kind and its market */
.f45 .f45-grid .pt{flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:0 4px}
.f45 .f45-grid .pt .ob{width:30px;height:30px}
.f45 .f45-grid .pt span{font-size:12.5px;font-weight:600;line-height:1;color:rgba(245,245,247,.72);white-space:nowrap}
.f45 .f45-grid .pt.yes span{color:#fff}
.f45 .fm-stage.tall .f45-grid .pt .ob{width:24px;height:24px}
.f45 .fm-stage.tall .f45-grid .pt span{font-size:11px}
/* 4 to 7: lanes, totals, Zypa Flow and the open accounts */
.f45 .tl41 .tl-who .ob{width:1.5em;height:1.5em;margin:-.2em 0}
.f45 .f44-total .ux .ob{width:1.5em;height:1.5em}
.f45 .f43-total .set em .ob{width:1.6em;height:1.6em}
.f45 .f44-flow .fbal p .ob{width:1.7em;height:1.7em;margin:-.25em 0}
.f45 .f44-flow .fr .ob{width:1.5em;height:1.5em}
.f45 .f42-acc .h .ob{width:1.7em;height:1.7em;margin:-.3em 0 -.3em -.1em}
/* the bank a payment is passing: its name rides above the chip */
.f45 .f45-pay{overflow:visible}
.f45 .f45-pay .ev{position:absolute;left:50%;bottom:calc(100% + .55em);transform:translateX(-50%);padding:.24em .6em;border-radius:.45em;background:rgba(5,11,8,.8);
  font-size:.52em;font-weight:500;font-style:normal;white-space:nowrap;color:rgba(245,245,247,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.f45 .f45-pay.b .ev{color:var(--mint)}
.f45 .fm-stage.tall .f45-pay .ev{font-size:.46em}

/* ================= v45 page: objects instead of colours, the Services menu and the Services page ================= */
.ob{display:block;flex:none;object-fit:contain}
/* fees, services tabs and Zypa Flow on the home page */
.fe42-r .who .ob{width:30px;height:30px;margin:-6px 0}
.sv44-acts li .ob{width:30px;height:30px;margin:-4px 0;opacity:0;transform:scale(.5);transition:opacity .35s var(--ease-std),transform .5s cubic-bezier(.3,1.5,.5,1)}
.sv44-acts li[data-on] .ob{opacity:1;transform:none}
.sv44-n .h .ob{width:42px;height:42px;margin:-8px 0}
.sv44-n .why,.sv44-n .lgs{margin-left:53px}
.flb-bal p .ob{width:28px;height:28px;margin:-5px 0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.flb-list li{grid-template-columns:40px 30px minmax(0,1fr) auto}
.flb-list li .ob{width:30px;height:30px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
@media (max-width:734px){
  .sv44-n .why,.sv44-n .lgs{margin-left:0}
  .flb-list li{grid-template-columns:34px 26px minmax(0,1fr)}
  .flb-list li .ob{width:26px;height:26px}
}
/* the link to the Services page under the services section */
.sv45-open{text-decoration:none}
.sv45-open svg{width:13px;height:13px;stroke-width:2}
/* the nav's Services menu: the whole page on the left, then what we set up, by group */
.nav .fly45 .wrap.fly-in,.nav42 .fly45 .wrap.fly-in{grid-template-columns:minmax(0,1.05fr) repeat(4,minmax(0,1fr));gap:12px 34px;padding-top:30px;padding-bottom:34px}
.fly45 .fly-main a{padding:5px 0}
.fly45 .fly-main a b{font-size:24px;line-height:1.2;letter-spacing:-.022em}
.fly45 a.it{display:flex;align-items:center;gap:12px;padding:6px 0}
.fly45 a.it .ob{width:40px;height:40px}
.fly45 a.it b{display:inline;font-size:14.5px;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.nav.fly-on .fly45{max-height:560px}
/* phones: Services opens a short list in the menu */
.navlinks .m-sub{display:none}
@media (max-width:1000px){
  .navlinks .m-sub:not([hidden]){display:flex;flex-direction:column;gap:2px;margin:0 0 10px 2px;padding-left:14px;border-left:2px solid var(--mist-2)}
  .navlinks .m-sub a{padding:5px 0;font-size:19px;font-weight:500;line-height:1.25;color:var(--ink-2);opacity:1;transform:none}
}

/* the Services page */
.sx45{padding:88px 0 120px}
.sx45-head{text-align:center}
.sx45-t{margin:0 auto;max-width:12em;font-size:clamp(40px,5.6vw,72px);line-height:1.04;font-weight:600;letter-spacing:-.035em}
.sx45-l{max-width:34em;margin:22px auto 0;font-size:clamp(18px,1.5vw,21px);line-height:1.45;color:var(--ink-2)}
.sx45-cta1{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:30px}
.sx45-cta1 .tlink::after{content:" ›"}
.sx45-hero{max-width:1120px;margin:56px auto 0;border-radius:28px;overflow:hidden;background:var(--mist)}
.sx45-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.sx45-h{margin:0;text-align:center;font-size:clamp(30px,3.4vw,46px);line-height:1.08;font-weight:600;letter-spacing:-.03em}
.sx45-sub{max-width:34em;margin:14px auto 0;text-align:center;font-size:18px;line-height:1.45;color:var(--ink-2)}
.sx45-how,.sx45-all,.sx45-who{max-width:1120px;margin:112px auto 0;scroll-margin-top:84px}
/* how it works: three steps, each with a picture of what happens */
.sx45-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:44px 0 0;padding:0;list-style:none}
.sx45-steps>li{display:flex;flex-direction:column;padding:0 0 30px;border-radius:24px;background:var(--mist);overflow:hidden}
.sx45-steps h3{margin:24px 28px 0;font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.022em}
.sx45-steps p{margin:10px 28px 0;font-size:16px;line-height:1.5;color:var(--ink-2)}
.sx45-steps .vis{position:relative;height:250px;margin:0;background:linear-gradient(180deg,#EDEDF0,#F5F5F7)}
.sx45-steps .vis.docs img{position:absolute;bottom:26px;height:180px;width:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.18))}
.sx45-steps .vis.docs img:nth-child(1){left:calc(50% - 128px);transform:rotate(-6deg)}
.sx45-steps .vis.docs img:nth-child(2){left:calc(50% - 46px);bottom:34px;height:170px;transform:rotate(2deg);z-index:2}
.sx45-steps .vis.docs img:nth-child(3){left:calc(50% + 22px);transform:rotate(7deg)}
.sx45-steps .vis.prof{display:flex;flex-direction:column;justify-content:center;padding:22px 26px}
.sx45-steps .vis.prof>*{position:relative}
.sx45-steps .vis.prof .co{margin:0;font-size:17px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.sx45-steps .vis.prof .ty{margin:2px 0 10px;font-size:13px;color:var(--muted)}
.sx45-steps .vis.prof .r{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:10px;background:#fff;font-size:13px;line-height:1.3}
.sx45-steps .vis.prof .r+.r{margin-top:5px}
.sx45-steps .vis.prof .r span{flex:none;color:var(--muted)}
.sx45-steps .vis.prof .r b{font-weight:600;text-align:right;color:var(--ink)}
.sx45-steps .vis.prof .r.n{background:var(--jade-tint)}.sx45-steps .vis.prof .r.n b{color:var(--jade)}
.sx45-steps .vis.net{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px}
.sx45-steps .vis.net .lgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.sx45-steps .vis.net .lg{display:flex;justify-content:center;align-items:center;height:46px;padding:0 10px;border-radius:12px;background:#fff}
.sx45-steps .vis.net .lg img{max-width:84px;max-height:19px;width:auto;height:auto}
.sx45-steps .vis.net .lg.sq img{width:22px;height:22px;max-height:none}.sx45-steps .vis.net .lg.sq em{display:none}
.sx45-steps .vis.net p{margin:14px 0 0;font-size:14px;font-weight:600;color:var(--muted)}
/* everything we set up: four groups of three */
.sx45-groups{margin-top:44px}
.sx45-g{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,2fr);gap:28px;padding:36px 0;border-top:1px solid var(--mist-2);scroll-margin-top:84px}
.sx45-g .gh h3{margin:0;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.022em}
.sx45-g .gh p{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}
.sx45-g .gl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sx45-c{display:flex;flex-direction:column;padding:22px 22px 24px;border-radius:22px;background:var(--mist);scroll-margin-top:96px;transition:box-shadow .5s var(--ease-std)}
.sx45-c:target{box-shadow:inset 0 0 0 2px var(--jade)}
.sx45-c .im{display:flex;justify-content:center;align-items:center;height:120px;margin:-4px -4px 10px;border-radius:16px;background:#fff}
.sx45-c .im .ob{width:104px;height:104px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.14))}
.sx45-c h4{margin:6px 0 0;font-size:19px;line-height:1.25;font-weight:600;letter-spacing:-.018em}
.sx45-c .d{margin:6px 0 0;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.sx45-c .k{margin:16px 0 0;font-size:12.5px;font-weight:600;color:var(--muted)}
.sx45-c ul{margin:6px 0 0;padding:0;list-style:none}
.sx45-c li{padding:8px 0;border-top:1px solid var(--mist-2);font-size:14px;line-height:1.42;color:var(--ink-2)}
.sx45-c .lgs{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:14px 0 0}
.sx45-c .lg{height:17px}.sx45-c .lg img{max-height:17px;max-width:86px;width:auto}.sx45-c .lg.sq img{width:17px;height:17px}.sx45-c .lg.sq em{font-size:13px}
.sx45-c .tlink{margin-top:14px;font-size:15px}.sx45-c .tlink::after{content:" ›"}
.sx45-note{margin:8px 0 0;text-align:center;font-size:13px;line-height:1.45;color:var(--muted)}
/* who it is for */
.sx45-wgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px}
.sx45-w{display:flex;flex-direction:column;border-radius:22px;background:var(--mist);overflow:hidden}
.sx45-w .ph{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--mist-2)}
.sx45-w .ph img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.sx45-w .tx{padding:18px 20px 22px}
.sx45-w h3{margin:0;font-size:19px;line-height:1.25;font-weight:600;letter-spacing:-.018em}
.sx45-w .tx>p:not(.k){margin:6px 0 0;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.sx45-w .k{margin:14px 0 0;font-size:12.5px;font-weight:600;color:var(--muted)}
.sx45-w ul{margin:6px 0 0;padding:0;list-style:none}
.sx45-w li{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:14px;line-height:1.3;color:var(--ink)}
.sx45-w li .ob{width:30px;height:30px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.12))}
.sx45-end{margin-top:112px}
@media (max-width:1000px){
  .sx45-steps{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
  .sx45-g{grid-template-columns:1fr;gap:18px}
  .sx45-g .gl{grid-template-columns:1fr 1fr}
  .sx45-wgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:734px){
  .sx45{padding:56px 0 80px}
  .sx45-cta1{flex-direction:column;gap:16px}
  .sx45-hero{margin-top:36px;border-radius:20px}
  .sx45-how,.sx45-all,.sx45-who{margin-top:76px}
  .sx45-g .gl{grid-template-columns:1fr}
  /* phones: the object beside the name, so each service takes less height */
  .sx45-c{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:14px;align-items:start;padding:18px 18px 20px}
  .sx45-c .im{grid-row:1/3;width:76px;height:76px;margin:0;border-radius:14px}
  .sx45-c .im .ob{width:64px;height:64px}
  .sx45-c h4{margin:2px 0 0;font-size:18px}
  .sx45-c .d{margin-top:4px}
  .sx45-c .k,.sx45-c ul,.sx45-c .lgs,.sx45-c .tlink{grid-column:1/-1}
  .sx45-steps .vis{height:220px}
  .sx45-wgrid{grid-template-columns:1fr;gap:12px}
  .sx45-w{flex-direction:row}
  .sx45-w .ph{flex:none;width:38%;aspect-ratio:auto}
  .sx45-w .tx{padding:14px 16px 16px}
  .sx45-w h3{font-size:17px}
  .sx45-end{margin-top:76px}
}

/* ================= v46: Apple-style icons (icons46.js), a calmer palette, the film without Zypa Flow ================= */
/* an icon: a coloured rounded square with a white glyph; its size is its font-size */
.zi{--zc:#0A84FF;position:relative;display:inline-block;flex:none;width:1em;height:1em;font-size:40px;border-radius:22.5%;vertical-align:middle;
  background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 52%),linear-gradient(180deg,color-mix(in srgb,var(--zc) 86%,#fff),color-mix(in srgb,var(--zc) 84%,#000));
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.16),0 .03em .1em rgba(0,0,0,.22)}
.zi svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 .4px .5px rgba(0,0,0,.16))}
.zi .w{fill:#fff}
.zi .d{fill:color-mix(in srgb,var(--zc) 78%,#000)}
.zi .ds{stroke:color-mix(in srgb,var(--zc) 78%,#000)}
.zi .s{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}
.zi .a{fill:#FFC21A}.zi .a2{fill:#E59A00}
.zi .ring{stroke:color-mix(in srgb,var(--zc) 92%,#fff);stroke-width:2.4}
.zi text{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Inter,sans-serif;font-weight:700;text-anchor:middle;fill:color-mix(in srgb,var(--zc) 78%,#000)}

/* ---------- the v46 film: graphite instead of green; blue for what we do, red for what one bank costs ---------- */
.f46{--mint:#0A84FF}
.f46 .fm-view{background:#0B0B0D;box-shadow:0 40px 80px -42px rgba(0,0,0,.65)}
.f46 .fm-view::after{opacity:.05}
.f46 .fm-stage,.f46 .fm-sum{background:radial-gradient(110% 85% at 50% -15%,#2B2B2F 0%,#131315 48%,#070708 100%)}
.f46 .fm-sum .btn{background:#fff;color:#1D1D1F}.f46 .fm-sum .btn:hover{background:#E8E8ED}
.f46 .panel{border-radius:20px;background:rgba(28,28,30,.94);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.13),0 26px 50px -30px rgba(0,0,0,.85)}
.f46 .chip40{background:#1C1C1E;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.15)}
.f46 .cap40{text-shadow:0 2px 18px rgba(0,0,0,.55)}
.f46 .f44-k{color:rgba(235,235,245,.6)}
/* one pill shape everywhere: neutral, blue for a match, green only for an open account */
.f46 .zpl{display:inline-flex;align-items:center;height:1.8em;padding:0 .85em;border-radius:999px;font-size:.56em;font-weight:600;letter-spacing:-.003em;white-space:nowrap;
  background:rgba(255,255,255,.1);color:rgba(235,235,245,.8)}
.f46 .zpl.b{background:rgba(10,132,255,.22);color:#7DBBFF}
/* the map */
.f46 .f42-map path{stroke:rgba(235,235,245,.15)}
.f46 .f42-pin.co i{box-shadow:0 0 0 .26em rgba(255,255,255,.18)}
.f46 .fl-svg .f42-r.a{stroke:#FF6B5E}.f46 .fl-svg .f42-r.b{stroke:#0A84FF}
.f46 .f42-tag b{color:#D70015}.f46 .f42-tag.b b{color:#0071E3}
.f46 .f43-pay{background:#1C1C1E;box-shadow:0 0 0 1.5px #FF6B5E,0 12px 26px -10px rgba(0,0,0,.8)}
.f46 .f43-pay.b{box-shadow:0 0 0 1.5px #0A84FF,0 12px 26px -10px rgba(0,0,0,.8)}
.f46 .f45-pay .ev{background:rgba(44,44,46,.95);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.14)}
.f46 .f45-pay.b .ev{color:#7DBBFF}
.f46 .f43-gate{background:#FF6B5E}.f46 .f43-gate.b{background:#0A84FF}
.f46 .f43-ring{border-color:#FF6B5E}.f46 .f43-ring.b{border-color:#0A84FF}
.f46 .f43-drop{background:#FF453A;color:#fff}
.f46 .f43-receipt,.f46 .f43-total{background:rgba(28,28,30,.95);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.13),0 26px 50px -30px rgba(0,0,0,.85)}
.f46 .f43-receipt .lost{color:#FF6961}
.f46 .f43-receipt.good .lost,.f46 .f43-receipt.good .v{color:#30D158}
.f46 .f43-total .a b{color:#FF6961}.f46 .f43-total.good .a b{color:#fff}
.f46 .f44-total .ux .zi{font-size:1.45em}
.f46 .f44-total .ux .u0{color:#FF8A80}.f46 .f44-total.good .ux .u1{color:#7DBBFF}
.f46 .f43-total .set em .zi{font-size:1.5em}
/* 1. documents, each read into the profile */
.f46 .f46-doc{z-index:4;display:flex;flex-direction:column;align-items:center;width:8.2em;padding:.9em .5em .8em;border-radius:24px;text-align:center}
.f46 .f46-doc .zi{font-size:3.2em}
.f46 .f46-doc b{display:block;min-height:2.44em;margin-top:.6em;font-size:.72em;line-height:1.22;font-weight:600;letter-spacing:-.012em;color:#F5F5F7}
.f46 .f46-doc .g{display:block;margin-top:.12em;font-size:.56em;font-weight:500;color:rgba(235,235,245,.55)}
.f46 .f45-k{font-size:.78em;font-weight:600;color:rgba(235,235,245,.72)}
.f46 .f46-doc.on{background:rgba(10,132,255,.2);box-shadow:inset 0 0 0 1.5px rgba(10,132,255,.65)}
.f46 .f46-pf{z-index:5;padding:1em 1.2em .9em}
.f46 .f46-pf .co{margin:0;font-size:1.12em;font-weight:600;letter-spacing:-.022em}
.f46 .f46-pf .ty{margin:.2em 0 .7em;font-size:.6em;color:rgba(235,235,245,.6)}
.f46 .f46-pf .r{display:grid;grid-template-columns:1em 5em minmax(0,1fr);align-items:center;gap:.7em;padding:.38em 0;border-top:1px solid rgba(255,255,255,.09)}
.f46 .f46-pf .r .zsi{display:block;line-height:0}.f46 .f46-pf .r .zsi .zi{font-size:1em}
.f46 .f46-pf .r .l{font-size:.62em;color:rgba(235,235,245,.6)}
.f46 .f46-pf .r b{position:relative;display:block;min-height:1.3em;font-size:.7em;font-weight:500;color:#F5F5F7}
.f46 .f46-pf .r b em{font-style:normal}
.f46 .f46-pf .r .sk{position:absolute;left:0;top:50%;height:.66em;margin-top:-.33em;border-radius:99px;background:rgba(255,255,255,.1)}
.f46 .f46-pf .r.hot .l{color:#7DBBFF}.f46 .f46-pf .r.hot b{font-weight:600}
.f46 .f46-pf .rd{margin:.75em 0 0;font-size:.58em;font-weight:500;color:rgba(235,235,245,.6)}
/* 3. what you're looking for, the matching, the matches */
.f46 .f46-need,.f46 .f46-match,.f46 .f46-res{z-index:5;padding:1em 1.2em 1.05em}
.f46 .zh{margin:0;font-size:.9em;font-weight:600;letter-spacing:-.02em;color:#F5F5F7}
.f46 .zh.sm{margin-top:.95em;font-size:.6em;color:rgba(235,235,245,.6)}
.f46 .zs{margin:.2em 0 0;font-size:.6em;color:rgba(235,235,245,.6)}
.f46 .zmh{margin-bottom:.6em}
.f46 .f46-need .znr{display:flex;align-items:center;gap:.7em;margin-top:.5em;padding:.5em .6em;border-radius:14px;background:rgba(255,255,255,.05)}
.f46 .f46-need .znr p{margin:0;font-size:.72em;line-height:1.3;color:rgba(235,235,245,.86)}
.f46 .f46-need .znr.on{background:rgba(10,132,255,.13)}.f46 .f46-need .znr.on p{color:#fff}
.f46 .f46-need .zslot{position:relative;flex:none;width:1.6em;height:1.6em;border-radius:22.5%;background:rgba(255,255,255,.07)}
.f46 .f46-need .zslot .zi{position:absolute;inset:0;font-size:1.6em}
.f46 .f46-need .zrules{display:flex;flex-wrap:wrap;gap:.36em;margin-top:.45em}
.f46 .f46-match .zwin{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.f46 .f46-match .zlst{position:absolute;left:0;right:0;top:0}
.f46 .zcr,.f46 .zrr{display:flex;align-items:center;gap:.7em;border-top:1px solid rgba(255,255,255,.08);box-sizing:border-box}
.f46 .zrr{padding:.62em 0}
.f46 .zcr .zi,.f46 .zrr .zi{font-size:1.6em}
.f46 .zcn{flex:1;min-width:0}
.f46 .zcn b{display:block;font-size:.7em;font-weight:600;letter-spacing:-.01em;color:#F5F5F7}
.f46 .zcn span{display:block;margin-top:.12em;font-size:.56em;color:rgba(235,235,245,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f46 .zsc{flex:none;width:4.6em;text-align:right}
.f46 .zsc b{display:block;font-size:.74em;font-weight:600;font-variant-numeric:tabular-nums;color:rgba(235,235,245,.7)}
.f46 .zsc i{display:block;height:.18em;margin-top:.32em;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.f46 .zsc s{display:block;height:100%;border-radius:99px;background:rgba(235,235,245,.42);transform-origin:0 50%}
.f46 .zcr.fit .zsc b{color:#7DBBFF}.f46 .zcr.fit .zsc s{background:#0A84FF}.f46 .zcr.fit .zcn span{color:rgba(235,235,245,.78)}
.f46 .zrr .zpl{flex:none}
/* 4 to 6 */
.f46 .tl41 .tl-who .zi{font-size:1.45em;margin:-.25em 0}
.f46 .tl41 .tl-t.par,.f46 .tl41 .tl-end.par{color:#7DBBFF}.f46 .tl41 .tl-ln.par .tl-tr i{background:#0A84FF}
.f46 .f42-acc.open{box-shadow:inset 0 0 0 .5px rgba(255,255,255,.14),0 26px 50px -30px rgba(0,0,0,.85)}
.f46 .f42-acc .h .zi{font-size:1.6em;margin:-.25em 0}
.f46 .f42-acc .h u{background:rgba(48,209,88,.17);color:#4CD964}
/* phones */
.f46 .fm-stage.tall .f46-doc{width:6.4em;padding:.6em .4em .55em}
.f46 .fm-stage.tall .f46-doc .zi{font-size:2.3em}
.f46 .fm-stage.tall .f46-doc b{font-size:.58em}
.f46 .fm-stage.tall .f46-doc .g{font-size:.46em}
.f46 .fm-stage.tall .f45-k{font-size:.6em}
.f46 .fm-stage.tall .f46-pf .co{font-size:.98em}
.f46 .fm-stage.tall .f46-pf .ty{font-size:.54em}
.f46 .fm-stage.tall .f46-pf .r{grid-template-columns:.85em 4.4em minmax(0,1fr);gap:.5em;padding:.3em 0}
.f46 .fm-stage.tall .f46-pf .r .zsi .zi{font-size:.85em}
.f46 .fm-stage.tall .f46-pf .r .l{font-size:.56em}
.f46 .fm-stage.tall .f46-pf .r b{font-size:.68em}
.f46 .fm-stage.tall .f46-pf .rd{font-size:.52em}
.f46 .fm-stage.tall .f46-need .zh.sm,.f46 .fm-stage.tall .f46-need .zrules{display:none}
.f46 .fm-stage.tall .f46-need .znr p{font-size:.68em}
.f46 .fm-stage.tall .zcn b{font-size:.68em}
.f46 .fm-stage.tall .zcn span{font-size:.54em}
.f46 .fm-stage.tall .zsc b{font-size:.7em}
.f46 .fm-stage.tall .zpl{font-size:.5em}

.f46 .fm-stage.tall .f46-need .znr{margin-top:.4em;padding:.4em .55em}

/* ---------- v46 page: icons instead of objects, a text-only Services menu, less green ---------- */
.fe42-r .who .zi{font-size:28px;margin:-4px 0}
.sv44-acts li .zi{font-size:28px;margin:-3px 0;opacity:0;transform:scale(.5);transition:opacity .35s var(--ease-std),transform .5s cubic-bezier(.3,1.5,.5,1)}
.sv44-acts li[data-on] .zi{opacity:1;transform:none}
.sv44-n .h .zi{font-size:34px;margin:-6px 0}
.sv44-n .why,.sv44-n .lgs{margin-left:45px}
.flb-bal p .zi{font-size:24px;margin:-4px 0}
.flb-list li .zi{font-size:26px}
.sx45-c .im{justify-content:flex-start;height:auto;margin:2px 0 14px;border-radius:0;background:none}
.sx45-c .im .zi{font-size:56px}
.sx45-w li .zi{font-size:26px}
@media (max-width:734px){.sv44-n .why,.sv44-n .lgs{margin-left:0}.sx45-c .im{width:auto;height:auto;margin:0}.sx45-c .im .zi{font-size:52px}}
/* the Services menu, like Apple's: big links to the page on the left, small text links by group */
.nav .fly46 .wrap.fly-in,.nav42 .fly46 .wrap.fly-in{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:10px 48px;padding-top:38px;padding-bottom:46px}
.fly46 .fly-g{margin:0 0 12px;font-size:12px;font-weight:400;letter-spacing:0;color:#6E6E73}
.fly46 a{display:block;padding:4px 0}
.fly46 a b{display:block;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:-.005em;color:#333336;transition:color .2s}
.fly46 .fly-main a{padding:3px 0}
.fly46 .fly-main a b{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.022em;color:#1D1D1F}
.fly46 a:hover b,.fly46 a:focus-visible b{color:#000}
.nav.fly-on .fly46{max-height:420px}
/* less green: links in Apple blue, our setup in blue, dark sections in graphite; green is kept for the main button and for "Approved" */
.tlink{color:#0066CC}
.nav42 .navlinks a:hover{color:#000}
.sv44-prog b{color:var(--ink)}
.fe42-r.best{box-shadow:inset 0 0 0 2px #0071E3}
.fe42-r.best .cost,.fe42-month b.now,.fe42-calc td:last-child{color:#0071E3}
.fe42-calc summary{color:#0066CC}
.sf42-steps li.due h3{color:var(--ink)}
.pp42-plan.main{box-shadow:inset 0 0 0 2px #1D1D1F}
.sx45-steps .vis.prof .r.n{background:#E8F2FF}.sx45-steps .vis.prof .r.n b{color:#0071E3}
.sx45-c:target{box-shadow:inset 0 0 0 2px #0071E3}
.hv{background:#0B0B0D}
.fl44-name{color:#A1A1A6}
.fl44-board{background:#161618}
.flb-list u.ok{background:rgba(255,255,255,.1);color:#E5E5EA}
.flb-list u.ap{background:rgba(10,132,255,.2);color:#7DBBFF}
.fl44-opt .tlink{color:#2997FF}
.fl44-opt.main .n{color:var(--ink-2)}
.pp44-flow{background:#1D1D1F}.pp44-flow .n{color:#A1A1A6}
.sx45-steps .vis.docs2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:16px 6px;padding:22px 18px}
.sx45-steps .vis.docs2 span{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
.sx45-steps .vis.docs2 .zi{font-size:46px}
.sx45-steps .vis.docs2 em{font-size:11.5px;line-height:1.25;font-style:normal;font-weight:500;color:var(--ink-2)}

/* ================= v47: Apple's own patterns. Accounts are cards, as in Apple Wallet (ZC); documents are document
   icons, as Apple draws them (ZD); lists are text first. ui47.js builds both. ================= */
.zc{position:relative;display:inline-block;flex:none;width:10em;height:6.3em;font-size:24px;border-radius:.5em;overflow:hidden;vertical-align:middle;color:#fff;
  box-shadow:0 .05em .12em rgba(0,0,0,.18),0 .55em 1.3em -.5em rgba(0,0,0,.38),inset 0 0 0 .5px rgba(255,255,255,.2)}
.zc::after{content:"";position:absolute;inset:0;background:linear-gradient(158deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.06) 32%,rgba(255,255,255,0) 46%);pointer-events:none}
.zc .n{position:absolute;left:.62em;top:.52em;right:2.2em;font-size:.6em;line-height:1.2;font-weight:600;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zc .mk{position:absolute;right:.55em;top:.45em;width:1.05em;height:1.05em;opacity:.9}
.zc .chip{position:absolute;left:.62em;top:2.15em;width:1.2em;height:.9em;border-radius:.2em;background:linear-gradient(135deg,#F1E2B3 0%,#D6B56A 55%,#B8913F 100%);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.15)}
.zc .c{position:absolute;left:.62em;bottom:.5em;font-size:.46em;font-weight:600;letter-spacing:.06em;white-space:pre;opacity:.9}
.zc .k{position:absolute;right:.62em;bottom:.5em;font-size:.46em;font-weight:500;letter-spacing:.04em;font-variant-numeric:tabular-nums;opacity:.8}
.zc .bd{position:absolute;right:.5em;top:2.1em;padding:.18em .55em;border-radius:99px;background:rgba(255,255,255,.92);color:#1D1D1F;font-size:.42em;font-weight:700}
/* the card designs: generic, never a bank's brand */
.zc-global{color:#1D1D1F;background:radial-gradient(70% 90% at 100% 100%,rgba(255,196,232,.75),rgba(255,196,232,0) 70%),radial-gradient(70% 90% at 85% 0%,rgba(178,214,255,.85),rgba(178,214,255,0) 70%),linear-gradient(135deg,#FFFFFF,#E9EBF0)}
.zc-exchange{background:radial-gradient(90% 120% at 100% 0%,rgba(94,92,230,.6),rgba(94,92,230,0) 62%),radial-gradient(80% 110% at 0% 100%,rgba(48,176,199,.5),rgba(48,176,199,0) 62%),linear-gradient(135deg,#232326,#0E0E10)}
.zc-bank{background:radial-gradient(90% 120% at 0% 0%,rgba(96,148,255,.7),rgba(96,148,255,0) 60%),linear-gradient(135deg,#2152C8,#0B2768)}
.zc-digital{background:radial-gradient(90% 120% at 100% 0%,rgba(255,255,255,.25),rgba(255,255,255,0) 60%),linear-gradient(135deg,#8173FF,#4632D6)}
.zc-vault{color:#1D1D1F;background:linear-gradient(135deg,#F0F2F5,#B9C1CB)}
.zc-checkout{background:radial-gradient(90% 120% at 0% 0%,rgba(255,206,150,.55),rgba(255,206,150,0) 60%),linear-gradient(135deg,#FF7B54,#E63E2C)}
.zc-payroll{color:#1D1D1F;background:radial-gradient(90% 120% at 100% 0%,rgba(255,255,255,.45),rgba(255,255,255,0) 60%),linear-gradient(135deg,#FFD66B,#F2A51E)}
.zc-broker{background:radial-gradient(90% 120% at 100% 0%,rgba(214,176,96,.45),rgba(214,176,96,0) 60%),linear-gradient(135deg,#34404A,#141A1F)}
.zc-market{background:radial-gradient(90% 120% at 0% 100%,rgba(255,160,220,.45),rgba(255,160,220,0) 60%),linear-gradient(135deg,#B967F0,#6B2BC0)}
/* a document icon: white paper, folded corner, one picture, one word */
.zd{position:relative;display:inline-block;flex:none;width:1em;height:1.28em;font-size:80px;vertical-align:middle;line-height:0}
.zd svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 .012em .02em rgba(0,0,0,.2)) drop-shadow(0 .06em .1em rgba(0,0,0,.12))}
.zd .pg{fill:#fff;stroke:rgba(0,0,0,.14);stroke-width:1}
.zd .fd{fill:#E8E8ED;stroke:rgba(0,0,0,.12);stroke-width:1}
.zd .ln{fill:#E9E9EE}
.zd .tm{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Inter,sans-serif;font-size:8.6px;font-weight:700;letter-spacing:.5px}
.zd text:not(.tm){font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Inter,sans-serif}
.zc-routing{color:#1D1D1F;background:linear-gradient(135deg,#FBFBFD,#DCDFE5)}
.zc-flow{background:radial-gradient(90% 120% at 100% 0%,rgba(255,255,255,.18),rgba(255,255,255,0) 60%),linear-gradient(135deg,#3A4450,#1C2228)}
.zc-other{color:#1D1D1F;background:linear-gradient(135deg,#FFFFFF,#E6E8EC)}
.zc .bd{top:1.15em;right:1.3em}
.zc.open .bd{color:#1E7E34}
/* a card's thumbnail, as Apple Pay lists cards: always next to the account's name */
.zc.mini{font-size:4.4px;border-radius:.6em;box-shadow:0 1px 2px rgba(0,0,0,.22),inset 0 0 0 .5px rgba(255,255,255,.25)}
.zc.mini .n,.zc.mini .c,.zc.mini .k,.zc.mini .bd,.zc.mini .chip{display:none}
.zc.mini .mk{left:50%;top:50%;right:auto;width:2.6em;height:2.6em;transform:translate(-50%,-50%)}
/* ---------- the v47 film: document icons and Wallet cards ---------- */
.f47 .f46-doc .zd{font-size:3.2em}
.f47 .fm-stage.tall .f46-doc .zd{font-size:2.3em}
.f47 .f46-doc b{margin-top:.75em}
.f47 .f46-pf .r .zsi .zd{font-size:.95em}
.f47 .f46-need .zslot{width:2.4em;height:1.51em;border-radius:.22em}
.f47 .f46-need .zslot .zc{position:absolute;inset:0;font-size:.24em}
.f47 .ztag{flex:none;margin-left:auto;padding-left:.6em;font-size:.56em;font-weight:600;font-style:normal;color:#7DBBFF;white-space:nowrap}
.f47 .zcr .zc.mini{font-size:.2em}
.f47 .f47-k{z-index:6;text-align:center;white-space:nowrap}
.f47 .f47-k b{display:block;font-size:.9em;font-weight:600;letter-spacing:-.02em;color:#F5F5F7}
.f47 .f47-k span{display:block;margin-top:.25em;font-size:.6em;color:rgba(235,235,245,.6)}
.f47 .f47-stack{z-index:6;width:10em}
.f47 .f47-sc{position:absolute;left:0}
.f47 .f47-sc .zc{display:block;font-size:inherit}
.f47 .tl41 .tl-who .zc.mini{font-size:.2em;margin-right:.15em}
.f47 .f44-total .ux .zc.mini{font-size:.24em}
.f47 .f43-total .set em .zc.mini{font-size:.3em}
.f47 .fm-stage.tall .ztag{font-size:.54em}
.f47 .fm-stage.tall .f46-pf .r .zsi .zd{font-size:.7em}
/* ---------- the v47 page: a card's thumbnail next to each account's name; full cards on the Services page ---------- */
.sv44-acts li .zc.mini{font-size:3.8px;opacity:0;transform:scale(.5);transition:opacity .35s var(--ease-std),transform .5s cubic-bezier(.3,1.5,.5,1)}
.sv44-acts li[data-on] .zc.mini{opacity:1;transform:none}
.sv44-n .h .zc.mini{font-size:4.2px}
.sv44-n .why,.sv44-n .lgs{margin-left:53px}
.fe42-r .who .zc.mini{font-size:3.6px}
.flb-bal p .zc.mini{font-size:3.4px}
.flb-list li{grid-template-columns:40px 40px minmax(0,1fr) auto}
.flb-list li .zc.mini{font-size:3.6px}
.sx45-w li .zc.mini{font-size:3.6px}
.sx45-c .im{margin:2px 0 18px}
.sx45-c .im .zc{font-size:19px}
.sx45-steps .vis.docs2 .zd{font-size:44px}
@media (max-width:734px){.sv44-n .why,.sv44-n .lgs{margin-left:0}.flb-list li{grid-template-columns:34px 36px minmax(0,1fr)}.sx45-c .im{width:auto;height:auto;margin:0}.sx45-c .im .zc{font-size:8px}}

/* ================= v48: iOS, detail by detail. Icons are iOS-style glass app icons (img/ic-*.webp, generated with Codex and cut
   to an exact squircle); the film's panels follow iOS dark mode (inset grouped lists, glass notifications, capsules). ================= */
.ai{display:block;flex:none;width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.28))}
/* the logo: the Zypa icon next to the name */
.logo img.zlogo{width:28px;height:28px;border-radius:22.5%;filter:none}
/* ---------- film ---------- */
.f48 .fm-stage,.f48 .fm-sum{background:radial-gradient(120% 90% at 50% -20%,#26262A 0%,#0D0D0F 46%,#000 100%)}
.f48 .ai{width:1.45em;height:1.45em}
/* 1. what we need from you: an inset grouped list */
.f48 .f48-sheet{z-index:5;padding:.95em .95em 1.05em;border-radius:28px;background:rgba(28,28,30,.96)}
.f48 .f48-sheet .st{margin:0 .3em .35em;font-size:.98em;font-weight:700;letter-spacing:-.024em;color:#fff}
.f48 .f48-sheet .sh{margin:.75em .75em .32em;font-size:.5em;font-weight:600;color:rgba(235,235,245,.6)}
.f48 .f48-sheet .grp{border-radius:18px;background:rgba(58,58,60,.55);overflow:hidden}
.f48 .f48-sheet .row{position:relative;display:flex;align-items:center;gap:.6em;padding:.42em .7em}
.f48 .f48-sheet .row+.row::before{content:"";position:absolute;left:2.75em;right:0;top:0;height:1px;background:rgba(84,84,88,.6)}
.f48 .f48-sheet .row .ai{width:1.45em;height:1.45em}
.f48 .f48-sheet .tx{flex:1;min-width:0}
.f48 .f48-sheet .tx b{display:block;font-size:.66em;line-height:1.25;font-weight:500;letter-spacing:-.012em;color:#fff}
.f48 .f48-sheet .tx span{display:block;margin-top:.12em;font-size:.52em;line-height:1.25;color:rgba(235,235,245,.6)}
.f48 .f48-sheet .ok{display:inline-flex;align-items:center;gap:.4em;font-size:.5em;font-weight:600;color:rgba(235,235,245,.62);text-decoration:none;white-space:nowrap}
.f48 .f48-sheet .ok i{display:inline-block;width:1.3em;height:1.3em;border-radius:50%;background:#30D158 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 8.3 6.8 10.8 11.8 5.4' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.f48 .f48-sheet .row.on{background:rgba(10,132,255,.32)}
.f48 .f48-sheet .row.on+.row::before,.f48 .f48-sheet .row.on::before{opacity:0}
.f48 .fm-stage.tall .f48-sheet .tx span{display:none}
.f48 .fm-stage.tall .f48-sheet .row{padding:.26em .6em}
.f48 .fm-stage.tall .f48-sheet .row .ai{width:1.05em;height:1.05em}
.f48 .fm-stage.tall .f48-sheet .row+.row::before{left:2.15em}
.f48 .fm-stage.tall .f48-sheet .st{font-size:.86em}
.f48 .fm-stage.tall .f48-sheet .sh{font-size:.46em;margin:.6em .75em .28em}
.f48 .fm-stage.tall .f48-sheet .tx b{font-size:.62em}
/* the profile: same list style, each line with the icon of the document it came from */
.f48 .f46-pf{border-radius:28px;background:rgba(28,28,30,.96)}
.f48 .f46-pf .r .zsi .ai{width:1em;height:1em}
.f48 .fm-stage.tall .f46-pf .r .zsi .ai{width:.82em;height:.82em}
/* 2. the bank a payment is passing: a capsule with its icon */
.f48 .f45-pay .ev{display:inline-flex;align-items:center;gap:.4em;padding:.28em .7em .28em .32em;border-radius:99px;background:rgba(58,58,60,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.f48 .f45-pay .ev .ai{width:1.5em;height:1.5em}
/* 3. needs, matching, lanes and totals: the icons */
.f48 .f46-need .zslot{width:1.6em;height:1.6em;border-radius:22.5%}
.f48 .f46-need .zslot .ai{position:absolute;inset:0;width:100%;height:100%}
.f48 .zcr .ai{width:1.5em;height:1.5em}
.f48 .tl41 .tl-who .ai{width:1.35em;height:1.35em;margin:-.2em .1em -.2em 0}
.f48 .f44-total .ux .ai{width:1.35em;height:1.35em}
.f48 .f43-total .set em .ai{width:1.5em;height:1.5em}
/* 5. the money arrives: an iOS notification */
.f48 .f48-note{z-index:9;display:flex;gap:.6em;align-items:flex-start;padding:.62em .75em .7em .62em;border-radius:24px;background:rgba(44,44,46,.78);
  -webkit-backdrop-filter:blur(30px) saturate(1.6);backdrop-filter:blur(30px) saturate(1.6);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18),0 18px 40px -16px rgba(0,0,0,.8)}
.f48 .f48-note .ni .ai{width:1.65em;height:1.65em}
.f48 .f48-note .nt{flex:1;min-width:0}
.f48 .f48-note .nh{display:flex;justify-content:space-between;align-items:baseline;margin:0;font-size:.54em;color:rgba(235,235,245,.62)}
.f48 .f48-note .nh b{font-weight:600;color:rgba(235,235,245,.9)}
.f48 .f48-note .nm{margin:.12em 0 0;font-size:.68em;font-weight:600;letter-spacing:-.012em;color:#fff}
.f48 .f48-note .ns{margin:.1em 0 0;font-size:.56em;line-height:1.3;color:rgba(235,235,245,.82)}
/* the end card: the Zypa icon above the line */
.f48 .fm-sum .fm-icon{width:3.2em;height:3.2em;margin:0 auto .2em;display:block;filter:drop-shadow(0 .3em .7em rgba(0,0,0,.5))}
/* ---------- page: the icons in place of the cards' thumbnails ---------- */
.sv44-acts li .ai{width:28px;height:28px;opacity:0;transform:scale(.5);transition:opacity .35s var(--ease-std),transform .5s cubic-bezier(.3,1.5,.5,1)}
.sv44-acts li[data-on] .ai{opacity:1;transform:none}
.sv44-n .h .ai{width:34px;height:34px;margin:-6px 0}
.sv44-n .why,.sv44-n .lgs{margin-left:45px}
.fe42-r .who .ai{width:28px;height:28px;margin:-4px 0}
.flb-bal p .ai{width:24px;height:24px;margin:-4px 0}
.flb-list li{grid-template-columns:40px 30px minmax(0,1fr) auto}
.flb-list li .ai{width:26px;height:26px}
.sx45-c .im .ai{width:60px;height:60px}
.sx45-w li .ai{width:26px;height:26px}
.sx45-steps .vis.docs2 .ai{width:48px;height:48px}
@media (max-width:734px){.sv44-n .why,.sv44-n .lgs{margin-left:0}.flb-list li{grid-template-columns:34px 26px minmax(0,1fr)}.sx45-c .im .ai{width:52px;height:52px}}

/* the end card: the Zypa logo (the owner's original mark), in white on the dark film */
.f48 .fm-sum .fm-logo{display:block;width:2.6em;height:auto;margin:0 auto .35em;filter:brightness(0) invert(1)}
/* who it is for: eight simple tiles (a list on phones) */
.sx48-who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.sx48-t{padding:26px 24px 28px;border-radius:24px;background:var(--mist)}
.sx48-t .ai{width:54px;height:54px}
.sx48-t h3{margin:20px 0 0;font-size:19px;line-height:1.25;font-weight:600;letter-spacing:-.02em}
.sx48-t p{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--ink-2)}
@media (max-width:1000px){.sx48-who{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:734px){
  .sx48-who{grid-template-columns:1fr;gap:0;margin-top:28px;padding:4px 0;border-radius:20px;background:var(--mist)}
  .sx48-t{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:center;padding:13px 16px;border-radius:0;background:none}
  .sx48-t .ai{grid-row:1/3;width:44px;height:44px}
  .sx48-t h3{margin:0;font-size:17px}
  .sx48-t p{margin:2px 0 0;font-size:14px;line-height:1.35}
  .sx48-t+.sx48-t{box-shadow:inset 0 1px 0 var(--mist-2)}
}

/* ================= v49: Quiet Finance — light iOS, with the clarity of a financial workspace ================= */
:root{--z49-silver:#F2F2F7;--z49-line:#E4E5EA;--z49-secondary:#666873;--z49-blue:#244C87;--z49-shadow:0 4px 10px -6px rgba(27,34,52,.13),0 24px 54px -32px rgba(27,34,52,.24);--sec:104px}
body{background:#fff;letter-spacing:-.02em}
.wrap{max-width:1240px;padding-inline:32px}
.nav{background:rgba(255,255,255,.87);border-color:var(--z49-line);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}
.nav.top{border-color:var(--z49-line)}
.nav>.wrap{height:72px}
.nav .logo{gap:10px}.nav .logo span{font-size:21px;letter-spacing:-.035em}.logo img.zlogo{border-radius:0;width:27px;height:27px;object-fit:contain}
.nav-r .btn{height:36px;padding-inline:18px;font-size:13px}
.nav42 .navlinks{gap:30px}.nav42 .navlinks a{font-size:13px}
.btn{height:48px;font-size:15px;font-weight:500;padding-inline:24px;gap:20px}
.btn-brand{background:#087F5B;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.btn-brand:hover{background:#086B4E}
.btn-brand span{font-size:19px;font-weight:400}
.tlink{color:#353942;font-size:15px;font-weight:500}
:focus-visible{outline:3px solid #4269B0;outline-offset:5px}
#p-home .ai,#p-services .ai{filter:drop-shadow(0 2px 3px rgba(28,40,62,.12));object-fit:contain;border-radius:0}
.z49-intro{margin:0 0 24px;font-size:14px;font-weight:500;letter-spacing:0;color:#626570}
.h42{padding:76px 0 88px;background:#fff}
.z49-hero-grid{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:72px}
.h42-top{text-align:left}
.h42-t{max-width:none;margin:0;font-size:clamp(44px,4.35vw,64px);line-height:1.035;letter-spacing:-.057em;font-weight:600;text-wrap:initial}
.h42-l{margin:25px 0 0;max-width:27em;font-size:19px;line-height:1.55;color:#686B74;letter-spacing:-.022em}
.h42-cta{justify-content:flex-start;gap:23px;margin-top:29px}.h42-cta .tlink{font-size:15px}
.h42-fine{margin-top:20px;max-width:30em;font-size:12px;line-height:1.6;color:#6E707B}
.z49-wallet{position:relative;margin:0;padding:28px 28px 20px;background:linear-gradient(145deg,#F8F9FB,#EDEEF3);border:1px solid #E8E9EF;border-radius:32px;box-shadow:inset 0 1px 0 #fff;min-width:0}
.z49-wallet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.z49-wallet-head span{font-size:12px;color:#717480;letter-spacing:0}.z49-wallet-head h2{font-size:20px;letter-spacing:-.03em;margin-top:4px;line-height:1.3}
.z49-wallet-head .z49-profile-tag{padding:7px 11px;border:1px solid #DCDDE5;border-radius:9px;background:rgba(255,255,255,.82);color:#535661;font-size:11px}
.z49-card-stack{position:relative;height:320px;margin:28px 0 0}
.z49-account{position:absolute;left:50%;width:90%;height:198px;border-radius:18px;padding:23px 24px;box-shadow:0 2px 3px rgba(28,37,55,.06),0 18px 24px -14px rgba(24,32,53,.35),inset 0 1px 0 rgba(255,255,255,.36);overflow:hidden;transform:translateX(-50%);font-weight:500;border:1px solid rgba(255,255,255,.2)}
.z49-account>span{font-size:13px;letter-spacing:-.01em}.z49-account>.ai{position:absolute;right:21px;top:18px;width:35px;height:35px;filter:none!important}
.z49-account>b{position:absolute;left:24px;bottom:60px;font-size:24px;letter-spacing:-.045em;line-height:1.15;font-weight:500}
.z49-account>small{position:absolute;left:24px;bottom:26px;font-size:12px;letter-spacing:.07em}
.z49-account>i{position:absolute;right:24px;bottom:26px;font-size:11px;letter-spacing:.05em;font-style:normal;opacity:.68}
.z49-account-bank{top:0;width:83%;background:linear-gradient(120deg,#244D89,#152C53);color:#fff;transform:translateX(-50%) rotate(-5deg)}
.z49-account-exchange{top:56px;width:87%;background:linear-gradient(120deg,#3D414B,#242830);color:#fff;transform:translateX(-50%) rotate(3deg)}
.z49-account-global{top:116px;background:linear-gradient(115deg,#FEFEFF 15%,#E2E7F1 100%);color:#252F45;border-color:#fff}
.z49-wallet-foot{display:flex;align-items:center;gap:15px;margin-top:10px;padding:18px 16px;background:rgba(255,255,255,.84);border:1px solid #fff;border-radius:17px;box-shadow:0 4px 10px -8px #9B9BA7}
.z49-doc-mini{display:flex;padding-left:1px}.z49-doc-mini .ai{width:31px;height:31px;margin-left:-2px}
.z49-wallet-foot b{display:block;font-size:13px;font-weight:600}.z49-wallet-foot span{display:block;font-size:12px;color:#6D707C;margin-top:3px}
.z49-wallet figcaption{margin:16px 0 0;font-size:10px;text-align:center;color:#747784;letter-spacing:0}
.h42-film{max-width:1240px;padding-inline:32px;margin-top:88px}
.z49-film-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}
.z49-film-heading h2{font-size:24px;line-height:1.2;letter-spacing:-.035em}.z49-film-heading p{font-size:14px;color:#777985}
.h42-film .hv{border-radius:24px;max-width:100%;box-shadow:var(--z49-shadow)}
.hv-chaps{gap:14px;margin-top:19px}.hv-chaps button span{font-size:12px;color:#6E707A}
.hv-chaps button.on span{color:#24262D}.hv-chaps button{min-height:44px}
.sv44{background:var(--z49-silver);padding-top:90px}
.sv44-head{text-align:left;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:72px}
.sv44-head .t2{margin:0;max-width:10em;font-size:46px;line-height:1.08;letter-spacing:-.045em}
.sv44-head .lede{margin:0 0 2px;max-width:none;font-size:17px;line-height:1.55;letter-spacing:-.02em;color:#6B6D77}
.sv44 .sv44-tabs{display:flex;justify-content:flex-start;gap:4px;padding:5px;margin:36px 0 0;max-width:100%;border:1px solid #E2E3E9;border-radius:14px;background:#E9E9EF;overflow:auto}
.sv44-tabs button{flex:1;min-height:42px;padding:10px 13px;white-space:nowrap;font-size:12px;border-radius:10px}
.sv44-tabs button[aria-selected="true"]{color:#22252D;background:white;box-shadow:0 1px 4px #00000012}
.sv44-stage{max-width:none;margin:22px 0 0;padding:28px;grid-template-columns:.86fr 1.14fr;gap:28px 38px;border:1px solid #E5E6ED;border-radius:26px;background:#fff;box-shadow:var(--z49-shadow)}
.sv44-biz{padding:24px;border-radius:19px;background:#F6F7F9}.sv44-k{font-size:12px;font-weight:500;color:#777B86;margin-bottom:20px}
.sv44-co b{font-size:23px}.sv44-co span{font-size:13px;margin-top:7px}
.sv44-acts{gap:0;margin-top:22px}.sv44-acts li,.sv44-acts li[data-on]{padding:16px 0;border-radius:0;background:transparent;box-shadow:none;border-top:1px solid #E3E5EC;font-size:14px;gap:12px;line-height:1.45;color:#4C505B}
.sv44-acts li .ai{width:30px;height:30px;opacity:1;transform:none}
.sv44-needs{padding:24px 0 0}.sv44-list{gap:0}.sv44-n{padding:16px 0 19px;border-radius:0;box-shadow:none;border-bottom:1px solid #ECEEF2}.sv44-n:first-child{padding-top:0}.sv44-n:last-child{border-bottom:0;padding-bottom:0}
.sv44-n .h{gap:14px}.sv44-n .h .ai{width:40px;height:40px;margin:0}.sv44-n .h b{font-size:17px;letter-spacing:-.025em}
.sv44-n .why{font-size:13px;color:#696D78;line-height:1.5;margin:4px 0 0 54px;max-width:30em}.sv44-n .lgs{margin:11px 0 0 54px;gap:10px 18px}
.sv44-n .lg{height:15px;filter:grayscale(1);opacity:.7}.sv44-n .lg img{max-width:87px;max-height:15px}.sv44-n .lg.sq img{width:15px;height:15px}.sv44-n .lg.sq em{font-size:11px}
.sv44-list[data-n="4"] .sv44-n{padding:12px 0}.sv44-bar{padding:17px 0 0}.sv44-prog{font-size:13px;color:#4C515C}.sv44-note{font-size:11px;max-width:none;margin-top:16px}.sv44-all{margin-top:28px}.sv44-open{font-size:14px;height:44px;box-shadow:none;border:1px solid #DEDFE6}
.sv44-band{margin-top:68px;padding-bottom:72px}.w42-band-t{font-size:12px!important;color:#7B7E88!important}.sv44-band .lg{filter:grayscale(1);opacity:.65}.sv44-band .mq{--speed:120s}.w42-note{font-size:10px;max-width:74em;margin-inline:auto}
.sf42-head{text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:end}.sf42-head .t2{margin:0;font-size:46px;max-width:9em;letter-spacing:-.045em}.sf42-head .lede{font-size:17px;line-height:1.55;margin:0;max-width:none}
.sf42-grid{margin-top:44px;max-width:none;gap:60px}.z49-open-account{padding:30px;border-radius:26px;border:1px solid #E5E7ED;background:linear-gradient(125deg,#FAFBFD,#F0F2F7);box-shadow:var(--z49-shadow)}
.z49-open-head{display:flex;align-items:center;gap:11px;font-size:13px}.z49-open-head .ai{width:38px;height:38px}.z49-open-head b{margin-left:auto;font-size:10px;border-radius:7px;background:#E2F0E9;color:#23724C;padding:6px 9px;font-weight:500;white-space:nowrap}
.z49-open-account h3{font-size:30px;margin:40px 0 3px;letter-spacing:-.04em}.z49-open-currencies{font-size:13px;color:#767B88}.z49-open-account dl{margin:30px 0 0}.z49-open-account dl div{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #DFE2EA;font-size:13px}.z49-open-account dt{color:#737784}.z49-open-account dd{margin:0;font-weight:500;text-align:right}.z49-open-account figcaption{font-size:10px;margin-top:22px;color:#747A87;line-height:1.5}
.sf42-steps h3{font-size:17px}.sf42-steps p{font-size:14px}.sf42-more .tlink{font-size:14px}
/* Carry the neutral material palette through the secondary home sections. */
.fl44{background:#F2F2F7!important;color:#262A33}.fl44 .t2{color:#262A33}.fl44-name{color:#5D626F}.fl44 .lede{color:#6B6F7C}.fl44-board{background:#fff;color:#282C36;border:1px solid #E1E4EB;box-shadow:var(--z49-shadow)}
.flb-h span,.flb-bal p,.flb-list .d{color:#717684}.flb-re{background:#F0F1F5}.flb-re svg{stroke:#555D6B}.flb-bal>div{background:#F4F5F8}.flb-list li{border-color:#ECEEF3}.flb-list u{background:#F2F3F7;color:#606875}.flb-list u.ok{background:#E8F3EE;color:#257247}.flb-list u.ap{background:#E8EDF8;color:#3D61A2}.flb-list u.w{background:#F7F0DF;color:#806028}
.fl44-pts>div{border-color:#D9DDE5}.fl44-pts h3{color:#272D38}.fl44-pts p{color:#6F7380}.fl44-opt,.fl44-opt.main{background:#fff;color:#282D37;border:1px solid #E0E3E9}.fl44-opt .n,.fl44-opt.main .n{color:#777D89}.fl44-opt .s,.fl44-opt.main .s{color:#616775}.fl44-opt .tlink{color:#3B4C69}.fl44-fine{color:#6E7380}
.fe42{background:#FAFAFC!important}.fe42-r.best{background:#F1F3F8}.fe42-r.best .cost,.fe42-month .now{color:#243B61}
.m41-top{text-align:left}.m41-t{max-width:16em;font-size:48px;letter-spacing:-.045em}.m41-l{font-size:18px;max-width:41em}.z49-purpose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}.z49-purpose-grid>div{padding:28px;background:#F5F6F9;border:1px solid #ECEEF3;border-radius:22px}.z49-purpose-grid .ai{width:52px;height:52px}.z49-purpose-grid h3{font-size:23px;margin-top:22px;letter-spacing:-.035em}.z49-purpose-grid p{font-size:14px;margin-top:8px;color:#707683;line-height:1.5}.m42-mission{font-size:22px}.m42-mission span{color:#646C7A}
.z36{background:#F2F2F7!important;color:#252A33}.z36-t,.z36 .pick a{color:#252A33}.z36 .pick a{border-color:#DADDE5}.z36 .pick p{color:#747986}.z36 .pick a:hover{color:#234C82}
/* Services — a clear overview, three readable steps, and a catalogue you can explore. */
.sx45{padding:72px 0 96px;background:#fff}
.z49-services-intro{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center}
.sx45-head{text-align:left}.sx45-t{max-width:none;margin:0;font-size:62px;line-height:1.04;letter-spacing:-.055em}.sx45-l{margin:22px 0 0;max-width:27em;font-size:18px;line-height:1.55;color:#6C707C}.sx45-cta1{justify-content:flex-start;gap:25px;margin-top:28px}
.z49-service-preview{padding:14px 24px;border:1px solid #E6E8EE;border-radius:26px;background:#F5F6F9;box-shadow:var(--z49-shadow)}
.z49-service-preview>p{padding:12px 0 17px;font-size:12px;color:#727784;letter-spacing:0}
.z49-service-preview>a{display:flex;align-items:center;gap:15px;padding:19px 0;border-top:1px solid #E1E4EB}
.z49-service-preview .ai{width:46px;height:46px}.z49-service-preview b{display:block;font-size:16px;letter-spacing:-.02em;font-weight:500}.z49-service-preview small{display:block;font-size:12px;line-height:1.4;color:#777D89;margin-top:4px}.z49-service-preview i{margin-left:auto;font-size:23px;color:#9196A1;font-style:normal}.z49-service-preview a:hover b{color:#245591}
.z49-page-nav{display:flex;gap:30px;margin-top:64px;padding:21px 0;border-top:1px solid #E5E7ED;border-bottom:1px solid #E5E7ED}
.z49-page-nav a{font-size:13px;color:#666D7A;min-height:24px;display:flex;align-items:center}.z49-page-nav a:hover{color:#20252D}
.sx45-h{text-align:left;font-size:42px;letter-spacing:-.045em;line-height:1.1}.sx45-sub{text-align:left;max-width:none;margin:12px 0 0;font-size:17px;color:#717682}
.sx45-how,.sx45-all,.sx45-who{max-width:none;margin-top:80px;scroll-margin-top:96px}
.sx45-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px;max-width:none}
.sx45-steps>li{padding:16px 16px 26px;background:#fff;border:1px solid #E3E6ED;border-radius:25px;overflow:hidden}
.sx45-steps .vis{height:258px;border-radius:14px;background:#F5F6F9;border:1px solid #ECEEF3;overflow:hidden}
.sx45-steps h3{margin:25px 10px 0;font-size:21px;letter-spacing:-.03em;line-height:1.2}.sx45-steps p{margin:12px 10px 0;font-size:14px;line-height:1.6;color:#777B87}
.sx45-steps .vis.docs2{display:flex;flex-direction:column;justify-content:center;gap:0;padding:13px 18px}
.sx45-steps .vis.docs2>span{display:flex;flex-direction:row;align-items:center;gap:12px;padding:8px 0;width:100%;border-bottom:1px solid #E0E4EB}
.sx45-steps .vis.docs2>span:last-child{border-bottom:0}.sx45-steps .vis.docs2 .ai{width:27px;height:27px}.sx45-steps .vis.docs2 em{font-size:11px;font-style:normal;color:#535B69;text-align:left;margin:0}
.sx45-steps .vis.prof{padding:21px 18px}.sx45-steps .vis.prof .co{font-size:16px}.sx45-steps .vis.prof .ty{font-size:11px;margin-bottom:14px}.sx45-steps .vis.prof .r{padding:9px 0;border-radius:0;border-top:1px solid #DFE3EB;background:none;font-size:11px;gap:8px}.sx45-steps .vis.prof .r+.r{margin-top:0}.sx45-steps .vis.prof .r b{font-weight:500}.sx45-steps .vis.prof .r.n,.sx45-steps .vis.prof .r.n b{background:none;color:#374B69}
.sx45-steps .z49-applications{padding:21px 18px;display:flex;flex-direction:column;justify-content:center}.sx45-steps .z49-applications>p{margin:0 0 18px;font-size:15px;font-weight:600;color:#29303C}.z49-applications>div{display:flex;align-items:center;gap:9px;padding:14px 0;border-top:1px solid #DFE3EB}.z49-applications .ai{width:28px;height:28px}.z49-applications span{font-size:11px;font-weight:500}.z49-applications b{margin-left:auto;font-size:9px;font-weight:500;color:#577097}.z49-applications small{margin-top:15px;font-size:10px;color:#7A8190}.z49-example-note{font-size:10px;color:#7C8290;margin-top:15px}
.sx45-all{padding-top:72px;border-top:1px solid #E4E7EE}
.sx45-groups{margin-top:36px}.sx45-g{display:block;padding:32px 0 40px;border-top:1px solid #E4E7EE}.sx45-g .gh{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:24px}.sx45-g .gh h3{font-size:23px;letter-spacing:-.035em}.sx45-g .gh p{font-size:13px;max-width:39em;margin:0;line-height:1.5;color:#777D89}
.sx45-g .gl{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.sx45-c{display:flex;padding:28px;border-radius:22px;background:#F5F6F9;border:1px solid #E8EBF1;min-width:0;scroll-margin-top:98px;transition:box-shadow .2s}
.sx45-c .im{justify-content:flex-start;height:auto;width:auto;min-height:54px;border-radius:0;background:none;margin:0 0 22px}.sx45-c .im .ai{width:56px;height:56px}.sx45-c h4{margin:0;font-size:21px;line-height:1.2;letter-spacing:-.03em;max-width:14em;min-height:50px}.sx45-c .d{font-size:14px;line-height:1.5;color:#727985;min-height:63px;margin-top:11px}.sx45-c .lgs{margin:23px 0 20px;gap:13px 20px;min-height:46px;align-content:center;filter:grayscale(1);opacity:.75}.sx45-c .lg img{max-width:77px;max-height:15px}.sx45-c .lg.sq em{font-size:11px}
.z49-service-details{margin-top:auto;padding-top:14px;border-top:1px solid #DDE2EA}.z49-service-details summary{font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:32px;list-style:none}.z49-service-details summary::-webkit-details-marker{display:none}.z49-service-details summary::after{content:'+';font-size:20px;font-weight:400;color:#9298A4}.z49-service-details[open] summary::after{content:'−'}.z49-service-details ul{margin-top:8px}.z49-service-details li{font-size:13px;padding:12px 0;line-height:1.5;color:#626A78}.sx45-note{font-size:11px;text-align:left}
.sx48-who{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}.sx48-t{padding:26px 24px;border-radius:22px;background:#F5F6F9;border:1px solid #E8EBF1}.sx48-t .ai{width:48px;height:48px}.sx48-t h3{font-size:18px;margin-top:23px;letter-spacing:-.028em;line-height:1.25}.sx48-t p{font-size:13px;line-height:1.5;color:#737B89;margin-top:9px}
.sx45-end,.pa42-cta{background:#F2F3F7;border:1px solid #E1E5ED;border-radius:26px;color:#29313E}.pa42-cta h2{color:#29313E}.pa42-cta p{color:#717B8B}
/* Text-only Services flyout; typography carries the hierarchy. */
.nav .fly46 .wrap.fly-in{max-width:1240px;height:auto;padding:36px 32px 44px;grid-template-columns:1.2fr 1.1fr 1.2fr .7fr;gap:42px}
.fly46 .fly-g{font-size:11px;letter-spacing:0;color:#858995;margin-bottom:18px}.fly46 a{padding:7px 0}.fly46 a b{font-size:13px;font-weight:500;line-height:1.4}.fly46 .fly-main a b{font-size:26px;font-weight:500;letter-spacing:-.04em}.fly46 .fly-main a{padding:5px 0}.nav.fly-on .fly46{max-height:460px}.fly-veil{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
/* Shared style on Pricing and Partners, with their existing content and controls. */
.pp42,.pa42{background:#fff}.pp42-t,.pa42-t{letter-spacing:-.05em}.pp42-plans{gap:18px}.pp42-plan,.pp42-plan.main,.pa42-m{border:1px solid #E3E7EE;background:#F5F6F9;box-shadow:none;border-radius:24px}.pp42-plan.main{background:#ECEFF5}.pp42-plan.main::before{display:none}.pp42-plan .pr,.pp42-plan.main .pr{color:#293443}.pa42-m .tlink{color:#314A71}
@media(min-width:1001px){.nav42>.wrap{grid-template-columns:1fr auto 1fr}.nav42 .navlinks{gap:26px}}
@media(max-width:1100px){
 .wrap,.h42-film{padding-inline:30px}.z49-hero-grid{gap:36px}.h42-t{font-size:52px}.z49-wallet{padding:22px}.z49-wallet-foot{padding:16px 10px;gap:10px}.z49-doc-mini .ai{width:26px;height:26px}.z49-wallet-foot b{font-size:12px}.z49-wallet-foot span{font-size:11px}.z49-account{width:94%;padding-inline:18px}.z49-account>b{font-size:21px;left:18px}.z49-account>small{left:18px;font-size:10px}.z49-account>i{right:18px;font-size:10px}.z49-services-intro{gap:50px}.sx45-t{font-size:53px}.sx45-steps{gap:14px}.sx45-steps>li{padding:12px 12px 25px}.sx45-steps h3{font-size:19px}.sx45-c{padding:23px}.sx48-who{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
 .nav>.wrap{height:64px}.navlinks{top:64px!important}.nav .logo span{font-size:20px}.nav-r .btn{font-size:12px;height:34px;padding-inline:14px}.navlinks.open{padding:22px 30px 32px;background:#FAFBFD;max-height:calc(100dvh - 64px);overflow-y:auto}.navlinks.open>a{font-size:24px!important;min-height:48px;padding:10px 0!important}.navlinks .m-sub{padding:6px 0 14px 20px}.navlinks .m-sub a{font-size:15px!important;padding:10px 0!important;min-height:38px}
 .z49-hero-grid{gap:30px}.h42-t{font-size:46px}.h42-l{font-size:17px}.h42-cta{gap:17px}.h42-cta .btn{padding-inline:19px}.z49-wallet{padding:20px}.z49-wallet-head h2{font-size:18px}.z49-account>span{font-size:11px}.z49-card-stack{height:285px}.z49-account{height:176px}.z49-account-exchange{top:50px}.z49-account-global{top:100px}.z49-account>b{font-size:19px}.z49-wallet-foot{flex-wrap:wrap}.sv44-head,.sf42-head{gap:35px}.sv44-head .t2,.sf42-head .t2{font-size:40px}.sv44-stage{gap:22px;padding:22px}.sv44-biz{padding:20px}.sv44-acts li{font-size:13px}.sv44-n .h b{font-size:16px}.sv44-n .why,.sv44-n .lgs{margin-left:0}.sx45-steps{grid-template-columns:1fr;max-width:none;gap:20px}.sx45-steps>li{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:22px;padding:16px}.sx45-steps .vis{grid-row:1/3}.sx45-steps h3{align-self:end;margin:0 12px;font-size:24px}.sx45-steps>li>p{margin:12px 12px 0}.sx45-g .gl{gap:14px}.sx45-c{padding:22px 18px}.sx45-c h4{font-size:18px;min-height:46px}.sx45-c .d{font-size:13px}.z49-purpose-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:734px){
 :root{--sec:72px}.wrap,.h42-film{padding-inline:22px}.nav>.wrap{padding-inline:20px}.nav .logo{gap:7px}.nav .logo span{font-size:18px}.logo img.zlogo{width:23px;height:23px}.nav-r{gap:11px}.nav-r .btn{font-size:11px;padding-inline:12px;height:32px}
 .h42{padding:42px 0 60px}.z49-hero-grid{grid-template-columns:1fr;gap:34px}.z49-intro{font-size:12px;margin-bottom:19px}.h42-t{font-size:43px;line-height:1.045;letter-spacing:-.052em;max-width:9em}.h42-l{font-size:16px;line-height:1.55;margin-top:21px;max-width:24em}.h42-cta{margin-top:24px;gap:21px;flex-wrap:nowrap}.h42-cta .btn{height:45px;padding-inline:18px;font-size:13px;gap:15px}.h42-cta .tlink{font-size:12px}.h42-fine{margin-top:17px;font-size:11px;max-width:27em}
 .z49-wallet{padding:22px 20px 17px;border-radius:25px}.z49-wallet-head h2{font-size:18px}.z49-wallet-head span{font-size:11px}.z49-wallet-head .z49-profile-tag{font-size:10px;padding:6px 9px}.z49-card-stack{height:274px;margin-top:24px}.z49-account{width:92%;height:175px;padding:18px}.z49-account-bank{width:86%}.z49-account-exchange{top:49px;width:90%}.z49-account-global{top:98px}.z49-account>span{font-size:11px}.z49-account>.ai{width:28px;height:28px;right:17px;top:15px}.z49-account>b{left:18px;bottom:60px;font-size:20px}.z49-account>small{left:18px;bottom:25px;font-size:9px}.z49-account>i{right:18px;bottom:25px;font-size:9px}.z49-wallet-foot{flex-wrap:nowrap;gap:11px;padding:15px 10px;margin-top:16px}.z49-doc-mini .ai{width:26px;height:26px}.z49-wallet-foot b{font-size:11px}.z49-wallet-foot span{font-size:10px;margin-top:3px}.z49-wallet figcaption{font-size:9px;margin-top:13px}
 .h42-film{margin-top:56px}.z49-film-heading{display:block;margin-bottom:18px}.z49-film-heading h2{font-size:23px}.z49-film-heading p{font-size:12px;margin-top:7px}.h42-film .hv{border-radius:20px}.hv-chaps{gap:10px}.hv-chaps button span{font-size:10px}
 .sv44{padding-top:60px}.sv44-head,.sf42-head{display:block}.sv44-head .t2,.sf42-head .t2{font-size:35px;line-height:1.08;letter-spacing:-.043em;max-width:10em}.sv44-head .lede,.sf42-head .lede{font-size:15px;line-height:1.55;margin-top:20px;max-width:none}.sv44 .sv44-tabs{margin-top:25px;gap:4px;flex-wrap:nowrap;justify-content:flex-start;border-radius:12px;padding:4px;scrollbar-width:none}.sv44 .sv44-tabs::-webkit-scrollbar{display:none}.sv44-tabs button{flex:none;font-size:12px;min-height:40px;padding:9px 15px}
 .sv44-stage{grid-template-columns:1fr;padding:17px;gap:24px;border-radius:23px;margin-top:18px}.sv44-biz{padding:20px;background:#F5F6F9}.sv44-k{font-size:11px;margin-bottom:16px}.sv44-co b{font-size:21px}.sv44-co span{font-size:12px}.sv44-acts{margin-top:18px}.sv44-acts li{font-size:13px;padding:13px 0;gap:10px}.sv44-acts li .ai{width:27px;height:27px}.sv44-needs{padding:0 3px}.sv44-n{padding:17px 0}.sv44-n .h{gap:11px}.sv44-n .h .ai{width:35px;height:35px}.sv44-n .h b{font-size:15px}.sv44-n .why{font-size:12px;margin:6px 0 0 46px}.sv44-n .lgs{margin:10px 0 0 46px;gap:10px 14px}.sv44-n .lg{height:12px}.sv44-n .lg img{max-width:76px;max-height:12px}.sv44-n .lg.sq img{width:12px;height:12px}.sv44-n .lg.sq em{font-size:10px}.sv44-bar{padding-top:15px}.sv44-prog{font-size:11px}.sv44-note{font-size:10px;line-height:1.5}.sv44-band{margin-top:46px;padding-bottom:50px}.w42-band-t{padding-inline:22px}.w42-note{font-size:9px;line-height:1.6;padding-inline:22px}.sf42-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}.z49-open-account{padding:23px}.z49-open-head{font-size:11px}.z49-open-head .ai{width:30px;height:30px}.z49-open-head b{font-size:9px;padding:5px 7px}.z49-open-account h3{font-size:28px}.sf42-more{display:flex;flex-direction:column;gap:8px;margin-top:28px}.sf42-more .tlink{font-size:13px}.sf42-steps li.due b{font-size:23px}.fl44-pts{gap:24px}.flb-list p{font-size:13px}.flb-bal b{font-size:21px}
 .m41-t{font-size:35px}.m41-l{font-size:16px;line-height:1.55}.z49-purpose-grid{gap:10px;margin-top:28px}.z49-purpose-grid>div{padding:22px 18px;border-radius:20px}.z49-purpose-grid .ai{width:42px;height:42px}.z49-purpose-grid h3{font-size:20px;margin-top:21px}.z49-purpose-grid p{font-size:12px}.m42-mission{font-size:20px}.z36 .pick a{font-size:23px}
 .sx45{padding:42px 0 70px}.z49-services-intro{grid-template-columns:1fr;gap:32px}.sx45-t{font-size:45px;line-height:1.045;letter-spacing:-.05em}.sx45-l{font-size:16px;line-height:1.55;margin-top:20px}.sx45-cta1{flex-direction:row;gap:24px;margin-top:25px}.sx45-cta1 .btn{font-size:13px;height:45px;padding-inline:18px}.sx45-cta1 .tlink{font-size:13px}.z49-service-preview{padding:10px 19px;border-radius:23px}.z49-service-preview>p{font-size:11px;padding-bottom:15px}.z49-service-preview>a{padding:16px 0;gap:13px}.z49-service-preview .ai{width:40px;height:40px}.z49-service-preview b{font-size:15px}.z49-service-preview small{font-size:10px}.z49-page-nav{gap:20px;overflow:auto;white-space:nowrap;padding:16px 0;margin-top:34px;scrollbar-width:none}.z49-page-nav a{font-size:11px;min-height:28px;flex:none}
 .sx45-how,.sx45-all,.sx45-who{margin-top:56px;scroll-margin-top:84px}.sx45-h{font-size:34px;letter-spacing:-.043em}.sx45-sub{font-size:15px;line-height:1.5;margin-top:12px}.sx45-steps{grid-template-columns:1fr;gap:20px;margin-top:26px}.sx45-steps>li{display:flex;padding:15px 15px 26px;border-radius:23px}.sx45-steps .vis{width:100%;height:238px}.sx45-steps h3{align-self:auto;font-size:23px;line-height:1.2;margin:24px 9px 0}.sx45-steps>li>p{font-size:14px;margin:12px 9px 0;line-height:1.6}.sx45-steps .vis.docs2{padding:10px 20px}.sx45-steps .vis.docs2>span{padding:6px 0}.sx45-steps .vis.docs2 .ai{width:26px;height:26px}.sx45-steps .vis.docs2 em{font-size:12px}.sx45-steps .vis.prof .r{font-size:11px}.z49-applications span{font-size:12px}.z49-applications b{font-size:10px}
 .sx45-all{padding-top:52px}.sx45-groups{margin-top:28px}.sx45-g{padding:25px 0 29px}.sx45-g .gh{display:block;margin-bottom:19px}.sx45-g .gh h3{font-size:22px}.sx45-g .gh p{font-size:13px;margin-top:8px}.sx45-g .gl{grid-template-columns:1fr;gap:14px}.sx45-c{display:grid;grid-template-columns:47px minmax(0,1fr);column-gap:15px;padding:23px;border-radius:21px}.sx45-c .im{grid-column:1;grid-row:1/3;margin:0;min-height:0;align-self:start;height:auto;width:auto}.sx45-c .im .ai{width:46px;height:46px}.sx45-c h4{grid-column:2;font-size:18px;line-height:1.2;min-height:0;margin-top:1px}.sx45-c .d{grid-column:2;font-size:12px;line-height:1.5;min-height:0;margin-top:8px}.sx45-c .lgs{grid-column:1/-1;margin:21px 0 17px;min-height:0;gap:13px 18px}.sx45-c .lg img{max-width:72px;max-height:14px}.z49-service-details{grid-column:1/-1;min-width:0}.z49-service-details summary{font-size:12px}.z49-service-details li{font-size:12px}.sx45-note{font-size:10px;line-height:1.6}
 .sx48-who{grid-template-columns:1fr;gap:0;margin-top:26px;padding:0;border:1px solid #E3E6ED;border-radius:22px;background:#F5F6F9;overflow:hidden}.sx48-t{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 14px;align-items:center;padding:20px 18px;background:none;border:0;border-radius:0}.sx48-t+.sx48-t{box-shadow:none;border-top:1px solid #E2E5EC}.sx48-t .ai{grid-row:1/3;width:42px;height:42px}.sx48-t h3{font-size:16px;margin:0;line-height:1.2}.sx48-t p{font-size:12px;line-height:1.45;margin-top:4px}.sx45-end{margin-top:56px}.pa42-cta{padding:26px 23px}.pa42-cta .b{align-items:stretch}.pa42-cta .btn{font-size:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.z49-account,.z49-wallet{animation:none;transition:none}.sv44-band .mq-in{animation:none}.h42-t{animation:none;opacity:1;transform:none}}
/* The Wallet stack uses parallel cards so every account label remains readable. */
.z49-account-bank,.z49-account-exchange{transform:translateX(-50%)}
/* Clear button contrast on the light closing panel, including the secondary action. */
.pa42-cta .btn-brand{background:#087F5B;color:#fff}
.pa42-cta .btn-brand:hover{background:#086B4E}
.pa42-cta .btn-ghost{background:#fff;color:#354052;box-shadow:inset 0 0 0 1px #DDE1E9}
.pa42-cta .btn-ghost:hover{background:#E9EDF4}
.sv44 .sv44-tabs button{background:transparent}
.sv44 .sv44-tabs button[aria-selected="true"]{color:#22252D;background:#fff;box-shadow:0 1px 4px #00000012}
.z36 .pick a:hover{background:#E5E9F0;color:#234C82;box-shadow:inset 0 0 0 1px #CBD3E1}
/* Maintain legibility for the small captions on the neutral material. */
.z49-wallet figcaption,.z49-example-note{color:#666E7C}

/* v49 revision: original precision symbols; graphite/slate, without app tiles or gloss. */
#p-home .ai,#p-services .ai{filter:none;box-shadow:none;border-radius:0;object-fit:contain}
.z49-account-digital{top:56px;width:87%;background:#DCE2E9;color:#253241;transform:translateX(-50%);border-color:#EEF1F5}
.z49-account-bank{background:#27384F}
.z49-account-bank>.ai{filter:brightness(0) invert(1)!important;opacity:.85}
.z49-account-global{background:linear-gradient(110deg,#FCFCFD,#E8ECF1)}
.z49-account>.ai{width:27px;height:27px;top:21px;right:22px}
.z49-wallet{background:#F3F4F6;border-color:#E4E6EB}
.z49-wallet-foot{box-shadow:none;border-color:#E8EBF0;background:#FAFBFC}
.z49-doc-mini{gap:5px}.z49-doc-mini .ai{width:25px;height:25px;margin:0;opacity:.8}
.sv44-acts li .ai{width:25px;height:25px;opacity:.8}
.sv44-n .h .ai{width:32px;height:32px}.sv44-n .h{gap:14px}.sv44-n .why,.sv44-n .lgs{margin-left:46px}
.z49-service-preview .ai{width:34px;height:34px}.z49-service-preview>a{gap:20px}
.sx45-c .im{min-height:42px;margin-bottom:22px}.sx45-c .im .ai{width:40px;height:40px}
.sx48-t .ai{width:35px;height:35px}.sx48-t h3{margin-top:24px}
.z49-purpose-grid .ai{width:38px;height:38px}
.sx45-steps .vis.docs2 .ai{width:23px;height:23px}.z49-applications .ai{width:25px;height:25px}
.flb-bal p .ai,.flb-list li .ai{width:23px;height:23px}
/* Matching and opened accounts share the same quiet, legible materials. */
.zc-bank{background:#253A55}.zc-digital{color:#293748;background:#DDE4EB}.zc-global{color:#26354A;background:linear-gradient(120deg,#FCFDFE,#DCE3EC)}
.f48 .ai{filter:none;object-fit:contain}
.f48 .f48-sheet .grp{background:#272B32;border-radius:12px}
.f48 .f48-sheet,.f48 .f46-pf{background:#1A1E24;border:1px solid #FFFFFF12;border-radius:22px}
.f48 .f48-sheet .row.on{background:#344050}
.f48 .f48-sheet .ok i{background-color:#487963;border-radius:4px}
.f48 .f48-note{background:rgba(40,47,57,.95);border-radius:18px;box-shadow:0 12px 36px #0005;backdrop-filter:none}
.f48 .f45-pay .ev{background:#303641;border-radius:10px;backdrop-filter:none}
@media(max-width:1000px){.z49-account-digital{top:50px}.sv44-n .why,.sv44-n .lgs{margin-left:0}}
@media(max-width:734px){
 .z49-account-digital{top:49px;width:90%}.z49-account>.ai{width:23px;height:23px;right:18px;top:17px}
 .z49-doc-mini{gap:3px}.z49-doc-mini .ai{width:22px;height:22px}.z49-service-preview .ai{width:30px;height:30px}
 .sv44-n .h .ai{width:29px;height:29px}.sv44-n .why,.sv44-n .lgs{margin-left:40px}
 .sx45-c .im{min-height:0;margin:0}.sx45-c .im .ai{width:35px;height:35px}.sx45-c{grid-template-columns:35px minmax(0,1fr);column-gap:16px}
 .sx48-t{grid-template-columns:32px minmax(0,1fr);gap:0 17px}.sx48-t .ai{width:31px;height:31px}.sx48-t h3{margin-top:0}
 .z49-purpose-grid .ai{width:33px;height:33px}
}
.f48 .f46-need .zslot{background:none;box-shadow:none;border:0}

/* Outline icon family: consistent optical size and clear space at interface scale. */
#p-home .ai,#p-services .ai{display:inline-block;vertical-align:middle;flex-shrink:0}
.sx45-c .im .ai{width:32px;height:32px}
.sx48-t .ai{width:32px;height:32px}
.z49-purpose-grid .ai{width:32px;height:32px}
.z49-service-preview .ai{width:32px;height:32px}
.z49-doc-mini{gap:8px}.z49-doc-mini .ai{opacity:1}
@media(max-width:734px){
 .sx45-c .im .ai,.sx48-t .ai,.z49-purpose-grid .ai,.z49-service-preview .ai{width:28px;height:28px}
 .z49-doc-mini{gap:5px}
}