/* The site's shell (the nav, its menus, the phone menu, the footer) and the parts inner pages are built from. */
/* ---- the site's nav: Night 13's bar, with a Product and a Solutions menu, a link to the free review, the toggles
   and Book a demo; on a phone, a Menu button and a sheet ---- */
.sx-nav{gap:20px}
.sx-nav .wordmark{flex:none}
.nav.sx-nav .sx-menu{display:flex;margin-left:auto;align-self:stretch}
.sx-top{display:flex;align-items:stretch;gap:4px;margin:0;padding:0;list-style:none}
.sx-top>li{display:flex;align-items:center}
.sx-dd-b,.nav nav a.sx-tl{appearance:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:0;border-radius:8px;background:none;
  font:500 14px/1 var(--sans);letter-spacing:-.004em;color:#b9b5c3;text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s}
.sx-dd-b:hover,.nav nav a.sx-tl:hover,.sx-dd-b[aria-expanded="true"]{color:#fff;background:rgb(255 255 255 / .06)}
.sx-dd-b.is-here,.nav nav a.sx-tl[aria-current="page"]{color:#fff}
.sx-dd-b:focus-visible,.nav nav a.sx-tl:focus-visible,.sx-mb:focus-visible,.sx-x:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.sx-chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.sx-dd-b[aria-expanded="true"] .sx-chev{transform:rotate(180deg)}
.zl .sx-dd-b,.zl .nav nav a.sx-tl{color:#4a4756}
.zl .sx-dd-b:hover,.zl .nav nav a.sx-tl:hover,.zl .sx-dd-b[aria-expanded="true"]{color:var(--ink);background:rgb(22 20 30 / .05)}
.zl .sx-dd-b.is-here,.zl .nav nav a.sx-tl[aria-current="page"]{color:var(--ink)}

/* moving between pages: the page leaving fades and lifts a little; the next one's content rises in */
main#main{animation:zd-in .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes zd-in{from{opacity:0;transform:translateY(12px)}}
html.zd-leaving main#main,html.zd-leaving .end{opacity:0;transform:translateY(-8px);transition:opacity .17s ease,transform .17s ease}
@media (prefers-reduced-motion:reduce){main#main{animation:none}html.zd-leaving main#main,html.zd-leaving .end{transition:none}}

/* the skip link: dark on light on the night, light on dark by day, where Night 13's was white on near-white */
.skip{background:#f4f2f8;color:#17141f;font-weight:500;box-shadow:0 8px 24px -8px rgb(0 0 0 / .6)}
.zl .skip{background:#17141f;color:#fff}
.skip:focus-visible{outline:2px solid var(--violet);outline-offset:2px}

/* the line icons and arrows the menus, the sheet and the pages share */
.sx-ic{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sx-arw{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}

/* the Menu button, on a phone */
.sx-mb{appearance:none;display:none;align-items:center;gap:8px;height:34px;padding:0 10px;border:0;border-radius:8px;background:rgb(255 255 255 / .07);color:#efecf4;font:500 13px/1 var(--sans);cursor:pointer}
.sx-mb-i{display:grid;gap:4px;width:14px}
.sx-mb-i i{display:block;height:1.6px;border-radius:2px;background:currentColor}
.zl .sx-mb{background:rgb(22 20 30 / .06);color:var(--ink)}
@media (max-width:960px){
  .nav.sx-nav .sx-menu{display:none}
  .sx-mb{display:inline-flex}
  .sx-nav > .btn{margin-left:auto}
}
@media (max-width:420px){
  .sx-nav{gap:10px}
  .sx-mb{width:34px;padding:0;justify-content:center}
  .sx-mb-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .sx-nav .btn{padding:0 10px}
}

/* the sheet: the same links, grouped, over the page */
.sx-sheet{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;background:rgb(10 9 14 / .55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:sx-fade .2s ease}
@keyframes sx-fade{from{opacity:0}}
.sx-sheet-in{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(440px,100%);height:100%;padding:0 20px;box-sizing:border-box;
  background:linear-gradient(180deg,#1a1726,#121019);box-shadow:-30px 0 60px -30px rgb(0 0 0 / .8);animation:sx-slide .32s cubic-bezier(.2,.7,.2,1)}
@keyframes sx-slide{from{transform:translateX(24px);opacity:.4}}
.sx-sheet-top{display:flex;align-items:center;justify-content:space-between;height:60px}
.sx-sheet-top .wordmark{color:#f4f4f2}
.sx-x{appearance:none;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:rgb(255 255 255 / .07);color:#efecf4;cursor:pointer}
.sx-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.sx-sheet-nav{overflow-y:auto;overscroll-behavior:contain;padding:8px 0 20px;display:grid;align-content:start;gap:18px}
.sx-sg ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.sx-sg .sx-gk{padding:6px 2px 8px}
.sx-sg a{display:flex;align-items:center;gap:14px;padding:11px 8px;border-radius:10px;color:#efecf4;text-decoration:none;font:500 16px/1.2 var(--sans)}
.sx-sg a .sx-ic{width:18px;height:18px;color:#a596ee;flex:none}
.sx-sg-co ul{display:flex;flex-wrap:wrap;gap:4px 18px}
.sx-sg a[aria-current="page"]{color:#fff;background:rgb(199 182 255 / .1)}
.sx-sg a:focus-visible{outline:2px solid var(--violet);outline-offset:1px}
.sx-sheet-cta{display:grid;gap:14px;justify-items:center;padding:16px 0 calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid rgb(255 255 255 / .1)}
.sx-sheet-cta .btn{width:100%;justify-content:center;min-height:46px;font-size:15px}
.sx-sheet-cta .link{color:#efecf4}
.zl .sx-sheet{background:rgb(22 20 30 / .3)}
.zl .sx-sheet-in{background:linear-gradient(180deg,#fbfaff,#f4f2fa);box-shadow:-30px 0 60px -30px rgb(40 28 90 / .4)}
.zl .sx-sheet-top .wordmark,.zl .sx-sg a{color:var(--ink)}
.zl .sx-x{background:rgb(22 20 30 / .06);color:var(--ink)}
.zl .sx-sg a .sx-ic{color:#7660dc}
.zl .sx-sg a[aria-current="page"]{background:rgb(90 63 213 / .08)}
.zl .sx-sheet-cta{border-top-color:var(--rule)}
.zl .sx-sheet-cta .link{color:var(--ink)}
html.sx-lock,html.sx-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.sx-sheet,.sx-sheet-in{animation:none}.sx-chev,.sx-arw{transition:none}}

/* the homepage hero's reconciliation card: its two amounts fit the card at every width */
.hero .hm .s-mr,.hero .hm .s-mh{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}
.hero .hm .s-mr{font-size:11.5px}
/* ---- the menus (site-nav.js): one panel that morphs between Product and Solutions, a list with a gliding
   highlight, and a preview of each page's agent at work ---- */
.lgo{--lg:36px;position:relative;display:inline-grid;place-items:center;flex:none;width:var(--lg);height:var(--lg);overflow:hidden;border-radius:calc(var(--lg) * .27);background:#fff;box-shadow:inset 0 0 0 1px rgb(22 20 30 / .08),0 1px 2px rgb(22 20 30 / .08),0 6px 16px -10px rgb(22 20 30 / .35)}
.lgo>svg{width:58%;height:58%}
.lgo>img{width:66%;height:66%;object-fit:contain}
.lgo.lgo-f>img,.lgo.lgo-f>svg{width:100%;height:100%;object-fit:cover}

.mg-veil{position:fixed;inset:0;z-index:29;background:rgb(9 8 13 / .42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}
.mg-veil.on{opacity:1;visibility:visible;transition:opacity .28s ease}
.zl .mg-veil{background:rgb(40 34 60 / .14)}
.mg{--ease:cubic-bezier(.22,.8,.2,1);position:absolute;top:calc(100% + 10px);left:0;z-index:40;width:var(--mw,760px);height:var(--mh,420px);
  transform:translate3d(var(--mx,0px),-8px,0) scale(.985);transform-origin:var(--cx,50%) 0;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,visibility 0s linear .2s,transform .38s var(--ease),width .38s var(--ease),height .38s var(--ease)}
.mg.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(var(--mx,0px),0,0);transition:opacity .22s ease,visibility 0s,transform .38s var(--ease),width .38s var(--ease),height .38s var(--ease)}
.mg.snap,.mg.snap .mg-caret{transition:none!important}
.mg-caret{position:absolute;top:-6px;left:var(--cx,50%);z-index:2;width:12px;height:12px;margin-left:-6px;border-radius:3px 0 0 0;transform:rotate(45deg);
  background:#221f30;box-shadow:inset 1px 1px 0 rgb(255 255 255 / .1);transition:left .38s var(--ease)}
.mg-in{position:relative;width:100%;height:100%;overflow:hidden;border-radius:22px;
  background:radial-gradient(80% 60% at 100% 0%,rgb(146 116 255 / .08),transparent 70%),linear-gradient(180deg,rgb(34 31 48 / .97),rgb(21 19 30 / .985));
  -webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / .085),inset 0 1px 0 rgb(255 255 255 / .1),0 48px 90px -36px rgb(0 0 0 / .9),0 0 0 1px rgb(0 0 0 / .35)}
.mg-p{position:absolute;top:0;left:0;width:var(--pw);opacity:0;transition:opacity .26s ease,transform .38s var(--ease)}
.mg-p.is-on{opacity:1;transform:none}
.mg-p.from-r{transform:translateX(56px);transition:none}
.mg-p.from-l{transform:translateX(-56px);transition:none}
.mg-p.out-l{opacity:0;transform:translateX(-56px)}
.mg-p.out-r{opacity:0;transform:translateX(56px)}
.mg-prod{--pw:min(1136px,calc(100vw - 32px))}
.mg-sol{--pw:min(800px,calc(100vw - 32px))}
.mg-body{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:6px;padding:10px 10px 6px}

/* the list: a name and a few words a row; the highlight glides to the row under the pointer, its left edge lit */
.mg-nav{position:relative;padding:6px 4px 8px}
.mg-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px}
.mg-gk{position:relative;z-index:1;margin:0;padding:12px 14px 10px;font:500 11px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:#a19cb0}
.mg-grp ul{position:relative;z-index:1;display:grid;margin:0;padding:0;list-style:none}
.mg-plat{margin-top:8px;padding-top:4px;border-top:1px solid rgb(255 255 255 / .07)}
.mg-plat ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 6px}
.nav nav a.mg-it,.mg a.mg-it{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:13px;padding:11px 14px;border-radius:13px;color:#d8d4e2;text-decoration:none;white-space:nowrap;outline:none;transition:color .2s}
.mg-it .sx-ic{width:20px;height:20px;margin-top:-1px;color:#8f81e6;transition:color .25s,transform .35s var(--ease)}
.mg-it>span{display:grid;gap:3px;min-width:0}
.mg-it b{font:500 14.5px/1.3 var(--sans);letter-spacing:-.008em;color:inherit}
.mg-it small{overflow:hidden;text-overflow:ellipsis;font:400 13px/1.35 var(--sans);color:#a19cb0;transition:color .2s}
.mg a.mg-it.is-pick,.mg a.mg-it:focus-visible{color:#fff}
.mg-it.is-pick .sx-ic{color:#e4dbff;transform:translateX(1px) scale(1.06)}
.mg-it.is-pick small{color:#b3adc0}
.mg-it[aria-current="page"] b::after{content:"";display:inline-block;width:5px;height:5px;margin:0 0 2px 8px;border-radius:50%;background:#c9baff;vertical-align:middle}
.mg-glide{position:absolute;top:0;left:0;z-index:0;width:0;height:0;border-radius:13px;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,rgb(201 186 255 / .1),rgb(255 255 255 / .045) 60%);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .07),inset 0 1px 0 rgb(255 255 255 / .06);
  transition:transform .3s var(--ease),width .3s var(--ease),height .3s var(--ease),opacity .2s}
.mg-glide::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:linear-gradient(180deg,#c9baff,#ff9fd5 60%,#ffbf8e)}
.mg-glide.on{opacity:1}
.mg-glide.snap{transition:opacity .2s}
.mg-it:focus-visible{box-shadow:inset 0 0 0 1.5px var(--violet)}

/* the foot: the free review, with a living dot; customer stories and pricing */
.mg-ft{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 10px 10px;padding:12px 16px;border-radius:14px;background:rgb(255 255 255 / .03);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .05)}
.mg a.mg-fr{display:inline-flex;align-items:center;gap:10px;min-width:0;font:400 13.5px/1.3 var(--sans);color:#8f8a9c;text-decoration:none}
.mg-fr b{flex:none;font-weight:500;color:#efecf4}
.mg-fr>span:not(.mg-fr-i){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-fr .sx-arw{flex:none;color:#c9baff;transition:transform .3s var(--ease)}
.mg-fr:hover .sx-arw{transform:translateX(3px)}
.mg-fr:hover b{color:#fff}
.mg-fr-i{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#c9baff,#ff9fd5)}
.mg-fr-i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgb(255 159 213 / .5);animation:mg-ping 2.4s cubic-bezier(.2,.7,.2,1) infinite}
@keyframes mg-ping{0%{transform:scale(.5);opacity:1}80%,100%{transform:scale(1.6);opacity:0}}
.mg-fl{display:flex;gap:22px;flex:none}
.mg .mg-fl a{font:500 13.5px/1 var(--sans);color:#b9b5c3;text-decoration:none;transition:color .2s}
.mg .mg-fl a:hover{color:#fff}
.mg-sol .mg-nav{display:flex;flex-direction:column}
.mg a.mg-led{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin:auto 0 0;padding:14px 16px;border-radius:14px;color:#d8d4e2;text-decoration:none;
  background:linear-gradient(120deg,rgb(201 186 255 / .07),rgb(255 255 255 / .02));box-shadow:inset 0 0 0 1px rgb(255 255 255 / .07);transition:box-shadow .25s,background .25s}
.mg a.mg-led:hover{box-shadow:inset 0 0 0 1px rgb(201 186 255 / .3);background:linear-gradient(120deg,rgb(201 186 255 / .12),rgb(255 255 255 / .03))}
.mg-led-l{display:flex;flex:none}
.mg-led-l .lgo{--lg:28px;box-shadow:0 0 0 2px #1d1a28}
.mg-led-l .lgo+.lgo{margin-left:-7px}
.mg-led-t{display:grid;gap:3px;min-width:0;flex:1}
.mg-led-t b{font:500 14px/1.25 var(--sans);color:#efecf4}
.mg-led-t span{font:400 12.5px/1.3 var(--sans);color:#a19cb0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-led .sx-arw{flex:none;color:#c9baff;transition:transform .3s var(--ease)}
.mg-led:hover .sx-arw{transform:translateX(3px)}
.zl .mg a.mg-led{background:linear-gradient(120deg,rgb(90 63 213 / .05),#fff);box-shadow:inset 0 0 0 1px rgb(90 63 213 / .1)}
.zl .mg a.mg-led:hover{box-shadow:inset 0 0 0 1px rgb(90 63 213 / .3)}
.zl .mg-led-l .lgo{box-shadow:0 0 0 2px #fff}
.zl .mg-led-t b{color:var(--ink)}
.zl .mg-led-t span{color:#77727f}
.zl .mg-led .sx-arw{color:#5a3fd5}
.mg-ft a:focus-visible,.mg-led:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:4px}

/* the preview: a lit stage with the agent's card, the page's headline under it */
.mg-pv{display:grid;padding:6px 6px 8px}
.mp{grid-area:1/1;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;min-width:0;border-radius:18px;color:inherit;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}
.mp.on{opacity:1;visibility:visible;transition:opacity .28s ease}
.mp:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.mp-st{position:relative;display:grid;place-items:center;min-height:276px;overflow:hidden;border-radius:16px;isolation:isolate;
  background:radial-gradient(90% 80% at 8% 0%,rgb(126 98 255 / .75),transparent 62%),radial-gradient(80% 90% at 100% 100%,rgb(255 143 200 / .5),transparent 60%),#221c42;
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / .1)}
.mp-tr .mp-st{background:radial-gradient(90% 80% at 100% 0%,rgb(255 143 200 / .62),transparent 60%),radial-gradient(90% 90% at 0% 100%,rgb(126 98 255 / .7),transparent 62%),#2a1b3c}
.mp-tb .mp-st{background:radial-gradient(90% 80% at 0% 0%,rgb(92 124 255 / .7),transparent 62%),radial-gradient(80% 90% at 100% 100%,rgb(176 128 255 / .55),transparent 60%),#1a1c40}
.mp-st::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(180deg,transparent 0 23px,rgb(255 255 255 / .045) 23px 24px);-webkit-mask:linear-gradient(180deg,#000,transparent 85%);mask:linear-gradient(180deg,#000,transparent 85%)}
.mp-st::after{content:"";position:absolute;inset:auto -20% -40% -20%;z-index:-1;height:70%;background:radial-gradient(50% 50% at 50% 50%,rgb(255 191 142 / .22),transparent 70%)}
.mp-cap{display:grid;gap:8px;padding:0 6px}
.mp-h{font:500 19px/1.22 var(--serif);letter-spacing:-.016em;color:#f4f2f8;text-wrap:balance}
.mp-go{display:inline-flex;align-items:center;gap:6px;font:500 13px/1 var(--sans);color:#c9baff}
.mp:hover .mp-go .sx-arw{transform:translateX(3px)}

/* the agent's card, in the site's clear glass */
.mp-c{width:min(336px,calc(100% - 40px));box-sizing:border-box;padding:13px 15px 12px;border-radius:15px;color:#fff;font:400 12.5px/1.3 var(--sans);text-align:left;
  background:linear-gradient(180deg,rgb(255 255 255 / .16),rgb(255 255 255 / .08));-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / .2),inset 0 1px 0 rgb(255 255 255 / .28),0 24px 48px -22px rgb(10 6 30 / .7)}
.mp-tp{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;color:rgb(255 255 255 / .78)}
.mp-ag{display:inline-flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}
.mp-av{flex:none;width:16px;height:16px;border-radius:5px;background:conic-gradient(from 210deg,#c9baff,#ff9fd5,#ffbf8e,#c9baff);box-shadow:0 0 12px rgb(255 159 213 / .5)}
.mp-s{display:grid;flex:none}
.mp-s>span{grid-area:1/1;display:inline-flex;align-items:center;gap:5px;justify-self:end;height:20px;padding:0 8px;border-radius:99px;font-size:11px;font-weight:500;white-space:nowrap}
.mp-s-run{background:rgb(255 255 255 / .12);color:rgb(255 255 255 / .85);opacity:0}
.mp-s-end{background:rgb(255 255 255 / .92);color:#211b3a}
.mp-s-end svg,.mp-e svg,.mp-tls small svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mp-s-you{background:#ffd9bd;color:#4a2410}
.mp-dot{width:7px;height:7px;border-radius:50%;background:#ff9a5c;box-shadow:0 0 0 3px rgb(255 154 92 / .25)}
.mp-spin{width:10px;height:10px;border-radius:50%;border:1.5px solid rgb(255 255 255 / .3);border-top-color:#fff;animation:mp-spin .8s linear infinite}
@keyframes mp-spin{to{transform:rotate(360deg)}}
.mp-ti{margin:10px 0 6px;font:600 13.5px/1.3 var(--sans);letter-spacing:-.006em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-rs{margin:0;padding:0;list-style:none}
.mp-r{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:6px 0;border-top:1px solid rgb(255 255 255 / .12)}
.mp-r span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(255 255 255 / .78)}
.mp-r b{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.mp-sum span{color:#fff;font-weight:500}
.mp-sum b{font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.mp-k{display:grid;place-items:center;width:16px;height:16px;border-radius:50%}
.mp-ok{background:rgb(255 255 255 / .9);color:#2b2350}
.mp-ok svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mp-you{width:9px;height:9px;justify-self:center;background:#ff9a5c;box-shadow:0 0 0 3px rgb(255 154 92 / .25),0 0 10px rgb(255 154 92 / .6)}
.mp-run{border:1.5px solid rgb(255 255 255 / .3);border-top-color:#fff;width:13px;height:13px;box-sizing:border-box;animation:mp-spin .8s linear infinite}
.mp-e{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding-top:9px;border-top:1px solid rgb(255 255 255 / .18)}
.mp-e>span{display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}
.mp-e small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;color:rgb(255 255 255 / .7)}

/* the pictures some previews show in place of rows */
.mp-bars{display:flex;align-items:flex-end;gap:8px;height:112px;padding:14px 0 2px;border-top:1px solid rgb(255 255 255 / .12)}
.mp-b{position:relative;flex:1;display:grid;grid-template-rows:1fr auto;justify-items:center;gap:6px;height:100%}
.mp-b i{align-self:end;width:100%;height:calc(18% + var(--v) * .72%);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,rgb(255 255 255 / .55),rgb(255 255 255 / .16));transform-origin:bottom}
.mp-hi i{background:linear-gradient(180deg,#ffd0a8,#ff9fd5 55%,#c9baff);box-shadow:0 0 20px rgb(255 159 213 / .45)}
.mp-b small{font-size:10.5px;color:rgb(255 255 255 / .7)}
.mp-b em{position:absolute;top:-6px;left:50%;transform:translateX(-50%);padding:2px 6px;border-radius:6px;background:#fff;color:#2b2350;font:600 10.5px/1.2 var(--sans);font-style:normal;white-space:nowrap}
.mp-line{display:block;width:100%;height:auto;margin-top:6px;overflow:visible}
.mp-l-g{fill:none;stroke:rgb(255 255 255 / .1);stroke-width:1}
.mp-l-a{fill:url(#mpl-a)}
.mp-l-x{fill:none;stroke:url(#mpl-g);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mp-l-f{fill:none;stroke:rgb(255 255 255 / .75);stroke-width:2;stroke-dasharray:4 5;stroke-linecap:round}
.mp-l-d{fill:#fff;stroke:#ff9fd5;stroke-width:3}
.mp-lk{display:flex;gap:16px;margin:4px 0 0;font-size:11px;color:rgb(255 255 255 / .72)}
.mp-lk span{display:inline-flex;align-items:center;gap:6px}
.mp-sw{width:14px;height:2.4px;border-radius:2px;background:linear-gradient(90deg,#c9baff,#ff9fd5)}
.mp-sw-f{background:repeating-linear-gradient(90deg,#fff 0 4px,transparent 4px 7px)}
.mp-lgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:10px 0 4px;list-style:none;border-top:1px solid rgb(255 255 255 / .12)}
.mp-lgs li{position:relative;display:grid;justify-items:center;gap:6px;padding:9px 4px 8px;border-radius:10px;background:rgb(255 255 255 / .07);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .1)}
.mp-lgs .lgo{--lg:26px}
.mp-lgs span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:rgb(255 255 255 / .82)}
.mp-led{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#8ff0bf;box-shadow:0 0 8px rgb(143 240 191 / .8);font-size:0}
.mp-cls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:10px 0 4px;list-style:none;border-top:1px solid rgb(255 255 255 / .12)}
.mp-cl{position:relative;display:grid;gap:6px;padding:8px;border-radius:10px;background:rgb(255 255 255 / .07);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .1)}
.mp-cl-you{background:rgb(255 255 255 / .14);box-shadow:inset 0 0 0 1px rgb(255 200 160 / .45)}
.mp-in{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:rgb(255 255 255 / .16);font-size:9.5px;font-weight:600}
.mp-cl b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}
.mp-cl .mp-k,.mp-cn{position:absolute;top:8px;right:8px}
.mp-cl .mp-k{width:13px;height:13px}
.mp-cl .mp-ok svg{width:9px;height:9px}
.mp-cn{display:inline-flex;align-items:center;gap:4px;font:600 10.5px/1 var(--sans);font-style:normal;color:#ffcfaa}
.mp-cn::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff9a5c;box-shadow:0 0 6px rgb(255 154 92 / .8)}
.mp-tls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:10px 0 4px;list-style:none;border-top:1px solid rgb(255 255 255 / .12)}
.mp-tls li{display:grid;gap:3px;padding:9px 10px;border-radius:10px;background:rgb(255 255 255 / .08);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .12)}
.mp-tls li:last-child{background:rgb(255 255 255 / .16);box-shadow:inset 0 0 0 1px rgb(255 200 160 / .45)}
.mp-tls span{font-size:10.5px;color:rgb(255 255 255 / .72)}
.mp-tls b{font:600 15px/1.2 var(--sans);letter-spacing:-.01em}
.mp-tls small{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:rgb(255 255 255 / .8)}
.mp-c-q{padding:18px 18px 16px}
.mp-q{margin:0}
.mp-q blockquote{margin:0;font:500 16px/1.4 var(--serif);letter-spacing:-.01em;color:#fff;text-wrap:pretty}
.mp-q figcaption{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:11.5px;color:rgb(255 255 255 / .75)}
.mp-q figcaption>span:nth-child(2){display:grid;gap:2px}
.mp-q figcaption b{font-size:12px;color:#fff;font-weight:600}
.mp-qa{flex:none;width:28px;height:28px;border-radius:50%;background:conic-gradient(from 200deg,#c9baff,#ff9fd5,#ffbf8e,#c9baff);opacity:.9}
.mp-smp{margin-left:auto;padding:3px 7px;border-radius:6px;background:rgb(255 255 255 / .14);font:600 10px/1 var(--sans);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:rgb(255 255 255 / .85)}

/* the agent at work: its card rises, the rows land one by one and tick, then the state turns from Working to done */
.mp.run .mp-c{animation:mp-in .5s var(--ease,ease) both}
.mp.run :is(.mp-r,.mp-lgs li,.mp-cl,.mp-tls li){animation:mp-row .42s var(--ease,ease) both;animation-delay:calc(.14s + var(--i) * .075s)}
.mp.run .mp-r .mp-k,.mp.run .mp-cl .mp-k,.mp.run .mp-cn{animation:mp-pop .4s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(.34s + var(--i) * .075s)}
.mp.run .mp-b i{animation:mp-grow .6s var(--ease,ease) both;animation-delay:calc(.14s + var(--i) * .07s)}
.mp.run .mp-b em{animation:mp-row .4s ease both;animation-delay:.7s}
.mp.run .mp-l-x{stroke-dasharray:1;animation:mp-draw 1s var(--ease,ease) both .15s}
.mp.run .mp-l-a,.mp.run .mp-l-f,.mp.run .mp-l-d{animation:mp-row .45s ease both .9s}
.mp.run .mp-s-run{animation:mp-gone .25s ease both;animation-delay:calc(.42s + var(--n) * .075s)}
.mp.run .mp-s-end{animation:mp-come .35s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(.5s + var(--n) * .075s)}
.mp.run .mp-e{animation:mp-row .4s ease both;animation-delay:calc(.5s + var(--n) * .075s)}
.mp.run .mp-q blockquote{animation:mp-row .5s ease both .12s}
.mp.run .mp-q figcaption{animation:mp-row .5s ease both .3s}
@keyframes mp-in{from{opacity:0;transform:translateY(14px) scale(.97)}}
@keyframes mp-row{from{opacity:0;transform:translateY(6px)}}
@keyframes mp-pop{from{opacity:0;transform:scale(.3)}}
@keyframes mp-grow{from{transform:scaleY(.04)}}
@keyframes mp-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes mp-gone{from{opacity:1}to{opacity:0}}
@keyframes mp-come{from{opacity:0;transform:scale(.8)}}

/* light */
.zl .mg-caret{background:#fff;box-shadow:inset 1px 1px 0 rgb(22 20 30 / .08)}
.zl .mg-in{background:radial-gradient(80% 60% at 100% 0%,rgb(90 63 213 / .05),transparent 70%),linear-gradient(180deg,rgb(255 255 255 / .985),rgb(251 250 254 / .99));
  box-shadow:inset 0 0 0 1px rgb(22 20 30 / .08),0 1px 2px rgb(22 20 30 / .05),0 48px 90px -40px rgb(40 28 90 / .45)}
.zl .mg-gk{color:#625e70}
.zl .mg-plat{border-top-color:var(--rule)}
.zl .mg a.mg-it{color:#3a3746}
.zl .mg-it .sx-ic{color:#8a74e8}
.zl .mg-it small{color:#625e70}
.zl .mg a.mg-it.is-pick,.zl .mg a.mg-it:focus-visible{color:var(--ink)}
.zl .mg-it.is-pick .sx-ic{color:#5a3fd5}
.zl .mg-it.is-pick small{color:#5c5868}
.zl .mg-it[aria-current="page"] b::after{background:#5a3fd5}
.zl .mg-glide{background:linear-gradient(90deg,rgb(90 63 213 / .08),rgb(90 63 213 / .025) 60%);box-shadow:inset 0 0 0 1px rgb(90 63 213 / .1)}
.zl .mg-glide::before{background:linear-gradient(180deg,#6a4ae0,#c9418f 60%,#d8661f)}
.zl .mg-ft{background:#f7f5fc;box-shadow:inset 0 0 0 1px rgb(90 63 213 / .07)}
.zl .mg a.mg-fr{color:#6c6878}
.zl .mg-fr b,.zl .mg-fr:hover b{color:var(--ink)}
.zl .mg-fr .sx-arw{color:#5a3fd5}
.zl .mg .mg-fl a{color:#4a4756}
.zl .mg .mg-fl a:hover{color:var(--ink)}
.zl .mp-h{color:var(--ink)}
.zl .mp-go{color:#5a3fd5}
.zl .mp-st{background:radial-gradient(90% 80% at 8% 0%,rgb(150 124 255 / .55),transparent 62%),radial-gradient(80% 90% at 100% 100%,rgb(255 160 205 / .45),transparent 60%),#ebe6ff;box-shadow:inset 0 0 0 1px rgb(90 63 213 / .1)}
.zl .mp-tr .mp-st{background:radial-gradient(90% 80% at 100% 0%,rgb(255 160 205 / .55),transparent 60%),radial-gradient(90% 90% at 0% 100%,rgb(150 124 255 / .5),transparent 62%),#f6e9f5}
.zl .mp-tb .mp-st{background:radial-gradient(90% 80% at 0% 0%,rgb(120 150 255 / .5),transparent 62%),radial-gradient(80% 90% at 100% 100%,rgb(190 150 255 / .45),transparent 60%),#e8eafd}
.zl .mp-st::before{background:repeating-linear-gradient(180deg,transparent 0 23px,rgb(40 28 90 / .05) 23px 24px)}
.zl .mp-c{color:#1d1a29;background:linear-gradient(180deg,rgb(255 255 255 / .88),rgb(255 255 255 / .7));box-shadow:inset 0 0 0 1px rgb(255 255 255 / .9),0 1px 2px rgb(40 28 90 / .06),0 24px 48px -24px rgb(40 28 90 / .35)}
.zl .mp-tp,.zl .mp-r span,.zl .mp-e small,.zl .mp-b small,.zl .mp-lk,.zl .mp-tls span,.zl .mp-q figcaption{color:#5c5868}
.zl .mp-ti,.zl .mp-sum span,.zl .mp-q blockquote,.zl .mp-q figcaption b{color:#1d1a29}
.zl :is(.mp-r,.mp-e,.mp-bars,.mp-lgs,.mp-cls,.mp-tls){border-top-color:rgb(40 28 90 / .1)}
.zl .mp-ok{background:#2b2350;color:#fff}
.zl .mp-s-run{background:rgb(40 28 90 / .08);color:#4a4756}
.zl .mp-s-end{background:#2b2350;color:#fff}
.zl .mp-s-you{background:#ffe1cc;color:#5a2a10}
.zl .mp-spin,.zl .mp-run{border-color:rgb(40 28 90 / .2);border-top-color:#2b2350}
.zl .mp-b i{background:linear-gradient(180deg,rgb(90 63 213 / .45),rgb(90 63 213 / .12))}
.zl .mp-hi i{background:linear-gradient(180deg,#d8661f,#c9418f 55%,#6a4ae0)}
.zl .mp-b em{background:#2b2350;color:#fff}
.zl .mp-l-g{stroke:rgb(40 28 90 / .1)}
.zl .mp-l-f{stroke:#2b2350}
.zl .mp-l-d{fill:#2b2350}
.zl .mp-sw-f{background:repeating-linear-gradient(90deg,#2b2350 0 4px,transparent 4px 7px)}
.zl :is(.mp-lgs li,.mp-cl,.mp-tls li){background:rgb(255 255 255 / .7);box-shadow:inset 0 0 0 1px rgb(40 28 90 / .08)}
.zl :is(.mp-cl-you,.mp-tls li:last-child){background:#fff;box-shadow:inset 0 0 0 1px rgb(217 105 46 / .35)}
.zl .mp-lgs span,.zl .mp-cl b,.zl .mp-tls b{color:#1d1a29}
.zl .mp-in{background:rgb(40 28 90 / .08);color:#2b2350}
.zl .mp-cn{color:#b4521c}
.zl .mp-tls small{color:#4a4756}
.zl .mp-smp{background:rgb(40 28 90 / .08);color:#4a4756}

/* a narrower window: the list alone */
@media (max-width:960px){.mg,.mg-veil{display:none}}
@media (max-width:1180px){.mg-sol .mg-fr>span:not(.mg-fr-i){display:none}.mg-pv{display:none}.mg-body{grid-template-columns:minmax(0,1fr)}.mg-prod{--pw:min(760px,calc(100vw - 32px))}.mg-sol{--pw:min(420px,calc(100vw - 32px))}}
@media (prefers-reduced-motion:reduce){
  .mg,.mg-p,.mg-glide,.mg-caret,.mp,.mg-veil{transition:none!important}
  .mp.run *,.mg-fr-i::after{animation:none!important}
  .mp-spin,.mp-run{animation:none}
}

/* ---- the footer (site-foot.js): the brand and five columns, a bar, and the wordmark in dots ---- */
.ft{position:relative;overflow:hidden}
.ft::before{content:"";position:absolute;top:0;left:50%;width:min(1180px,100%);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgb(201 186 255 / .4) 30%,rgb(255 159 213 / .35) 60%,transparent)}
.ft::after{content:"";position:absolute;top:-180px;left:50%;z-index:-1;width:min(900px,90%);height:360px;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%,rgb(126 98 255 / .12),transparent 70%)}
.ft-top{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,3.2fr);gap:48px 56px;padding-block:72px 56px}
.ft-brand{display:grid;align-content:start;justify-items:start;gap:16px}
.ft-brand .wordmark{font-size:26px;color:#f4f4f2}
.ft-say{margin:0;max-width:16em;font:400 15px/1.5 var(--sans);color:#a9a5b1;text-wrap:pretty}
.ft-led{display:flex;align-items:center;gap:12px;margin:4px 0 0}
.ft-led-k{font:500 12px/1 var(--sans);color:#a9a5b1}
.ft-led-l{display:flex}
.ft-lg{display:inline-flex;border-radius:9px;box-shadow:0 0 0 2px #121018;transition:transform .3s cubic-bezier(.2,.75,.2,1)}
.ft-lg+.ft-lg{margin-left:-6px}
.ft-lg .lgo{--lg:28px}
.ft-led:hover .ft-lg{transform:translateX(calc(var(--k,0) * 4px))}
.ft-led:hover .ft-lg:nth-child(2){--k:1}
.ft-led:hover .ft-lg:nth-child(3){--k:2}
.sx-foot a.ft-mail{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:9px 14px 9px 16px;border-radius:99px;font:500 14px/1 var(--sans);color:#efecf4;text-decoration:none;
  background:rgb(255 255 255 / .05);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .1);transition:background .2s,box-shadow .2s}
.sx-foot a.ft-mail:hover{background:rgb(255 255 255 / .09);box-shadow:inset 0 0 0 1px rgb(201 186 255 / .35)}
.ft-mail .sx-arw{color:#c9baff;transition:transform .3s}
.ft-mail:hover .sx-arw{transform:translateX(3px)}
.ft-cols{display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;gap:36px 32px}
.ft-col h3{margin:0 0 18px;white-space:nowrap;font:500 11.5px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:#a19cb0}
.sx-foot ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.sx-foot li a{display:inline-block;padding-bottom:2px;font:400 14.5px/1.3 var(--sans);color:#cfcbd8;text-decoration:none;white-space:nowrap;
  background:linear-gradient(90deg,#c9baff,#ff9fd5 60%,#ffbf8e) no-repeat 0 100% / 0 1px;transition:color .2s,background-size .35s cubic-bezier(.2,.75,.2,1)}
.sx-foot li a:hover{color:#fff;background-size:100% 1px}
.sx-foot li a[aria-current="page"]{color:#fff;background-size:100% 1px}
.sx-foot a:focus-visible,.ft-up:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:4px}
.ft-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding-block:22px;border-top:1px solid rgb(239 236 244 / .08);font:400 13px/1.5 var(--sans);color:#a19cb0}
.ft-bar p{margin:0}
.sx-foot .ft-legal{display:flex;gap:24px}
.ft-bar li a{font-size:13px;color:#a9a5b1}
.ft-note{flex:1;min-width:16em;font-size:12.5px;text-align:right}
.ft-tools{display:flex;align-items:center;gap:22px}
.ft-up{appearance:none;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font:500 13px/1 var(--sans);color:#cfcbd8;cursor:pointer;transition:color .2s}
.ft-up svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.ft-up:hover{color:#fff}
.ft-up:hover svg{transform:translateY(-2px)}
/* the wordmark: a canvas of dots, cut by the page's end; the type underneath is what a reader without canvas sees */
.ft-mark{position:relative;height:var(--fh,22vw);margin:clamp(8px,2vw,24px) clamp(12px,2.2vw,32px) 0;cursor:crosshair}
.ft-mark canvas{position:absolute;inset:0;width:100%;height:100%}
.ft-mark-t{position:absolute;left:0;right:0;top:0;font:600 25vw/.8 var(--sans);letter-spacing:-.06em;text-align:center;color:rgb(255 255 255 / .05);white-space:nowrap;overflow:hidden}
.ft-mark.drawn .ft-mark-t{visibility:hidden}
.zl .ft::before{background:linear-gradient(90deg,transparent,rgb(90 63 213 / .3) 30%,rgb(201 65 143 / .25) 60%,transparent)}
.zl .ft::after{background:radial-gradient(50% 50% at 50% 50%,rgb(90 63 213 / .06),transparent 70%)}
.zl .ft-brand .wordmark{color:var(--ink)}
.zl .ft-say,.zl .ft-led-k{color:var(--muted)}
.zl .ft-lg{box-shadow:0 0 0 2px var(--zp,#f6f5f2)}
.zl .sx-foot a.ft-mail{color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px rgb(22 20 30 / .1),0 1px 2px rgb(22 20 30 / .05)}
.zl .sx-foot a.ft-mail:hover{box-shadow:inset 0 0 0 1px rgb(90 63 213 / .35),0 1px 2px rgb(22 20 30 / .05)}
.zl .ft-mail .sx-arw{color:#5a3fd5}
.zl .ft-col h3{color:#625e70}
.zl .sx-foot li a{color:#3d3a48;background-image:linear-gradient(90deg,#6a4ae0,#c9418f 60%,#d8661f)}
.zl .sx-foot li a:hover,.zl .sx-foot li a[aria-current="page"]{color:var(--ink)}
.zl .ft-bar{border-top-color:var(--rule);color:var(--muted)}
.zl .ft-bar li a{color:#5c5868}
.zl .ft-up{color:#3d3a48}
.zl .ft-up:hover{color:var(--ink)}
.zl .ft-mark-t{color:rgb(22 20 30 / .05)}
@media (max-width:1180px){.ft-top{grid-template-columns:minmax(0,1fr);gap:44px}.ft-brand{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px 28px}.ft-say{max-width:none}.ft-led,.sx-foot a.ft-mail{margin:0}.sx-foot a.ft-mail{justify-self:end}}
@media (max-width:860px){.ft-brand{grid-template-columns:minmax(0,1fr);justify-items:start}.sx-foot a.ft-mail{justify-self:start}.ft-cols{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:40px 20px}.ft-note{flex-basis:100%;text-align:left;order:3}}
@media (max-width:560px){.ft-top{padding-block:56px 40px}.ft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-foot li a{white-space:normal}}
@media (prefers-reduced-motion:reduce){.ft-lg,.sx-foot li a,.ft-up svg{transition:none}}


/* ---- the parts: an inner page's hero and sections, in the homepage's type, ground and glass ---- */
/* ---- social proof (site/proof.js): the strip, a customer's words, results, stories, badges, team, backers ---- */
.sx-stmt .wrap{max-width:1000px;text-align:center}
.sx-stmt-t{margin:18px auto 0;font:400 clamp(28px,3vw,44px)/1.22 var(--serif);letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.sx-cust{padding:clamp(40px,4.6vw,64px) 0 0}
.sx-cust-sp{padding-top:var(--sx-sec,clamp(96px,10vw,152px))}
.label .ph{margin-left:8px}
.sx-tagrow{margin:0 0 12px}
.sx-q{max-width:900px;margin:0 auto;text-align:center}
.sx-q blockquote{margin:0}
.sx-q blockquote p{margin:0;font:400 clamp(25px,2.5vw,36px)/1.28 var(--serif);letter-spacing:-.022em;color:var(--ink);text-wrap:balance}
.sx-q blockquote p::before{content:"“"}.sx-q blockquote p::after{content:"”"}
.sx-q figcaption{display:inline-flex;align-items:center;gap:12px;margin-top:28px;text-align:left}
.sx-q figcaption b{display:block;font:500 15px/1.3 var(--sans);color:var(--ink)}
.sx-q figcaption span span{display:block;font:400 14px/1.35 var(--sans);color:var(--muted)}
.sx-av{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7e62ff,#e98ad0 58%,#ffbf8e);color:#fff;font:600 14px/1 var(--sans);letter-spacing:.02em}
.sx-av-l{width:64px;height:64px;font-size:19px;margin-bottom:8px;opacity:.9}
.sx-ph{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:8px}
.sx-res{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:24px clamp(20px,3vw,40px);max-width:1040px;margin:clamp(44px,4.4vw,64px) auto 0;padding:clamp(28px,3vw,36px) 0 0;border-top:1px solid var(--rule);text-align:center}
.sx-res b{display:block;font:500 clamp(34px,3.4vw,48px)/1 var(--serif);letter-spacing:-.03em;color:var(--ink)}
.sx-res span{display:block;margin-top:10px;font:400 15px/1.45 var(--sans);color:var(--copy);text-wrap:balance}
.sx-res small{display:block;margin-top:6px;font:400 12.5px/1.3 var(--sans);color:var(--muted)}
.sx-st{gap:14px}
.sx-st-m{margin:0;font:500 14px/1.35 var(--sans);color:var(--ink)}
.sx-st-m span{display:block;margin-top:3px;font-weight:400;font-size:13px;color:var(--muted)}
.sx-st-f{list-style:none;display:flex;gap:28px;margin:4px 0 0;padding:14px 0 0;border-top:1px solid var(--rule)}
.sx-st-f b{display:block;font:500 26px/1.05 var(--serif);letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.sx-st-m .ph{display:inline-flex;margin:0 0 0 8px;font-size:10.5px;font-weight:600;color:#7a5b00}
.sec .sx-grid{margin-top:var(--sx-head,clamp(40px,3.9vw,56px))}
.sx-st-f span{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:var(--muted)}
.sx-card p.sx-st-q{font-size:14.5px;color:var(--copy);font-style:italic}
.sx-bdg .sx-card h3{font-size:17px}
.sx-pp-r{margin:-4px 0 0!important;font-weight:500;color:var(--ink)!important}
.sx-bk{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:var(--sx-head,48px) 0 0;padding:0}
.sx-bk li{display:grid;place-items:center;min-width:180px;min-height:72px;padding:0 24px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--rule);font:400 18px/1.2 var(--serif);color:var(--muted);text-align:center}

/* a plan card's price line, in words until there are numbers, between its name and its words */
.sx-card-price{margin:-4px 0 0;font:600 15px/1.35 var(--sans);color:var(--ink)}
/* a screen's key figures, in a window narrower than they fit side by side: one to a line, the label at the left and
   the figure at the right, so long amounts never run into each other */
.zk:has(.zs-kpis){container-type:inline-size}
@container (max-width:460px){.zs-kpis{grid-template-columns:minmax(0,1fr)}.zs-kpis>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;padding:9px 16px}.zs-kpis>div+div{border-left:0;border-top:1px solid var(--zs-line);padding-left:16px}.zs-kpis b{font-size:16px}}
.sx-page{--sx-sec:clamp(96px,10vw,152px);--sx-head:clamp(40px,3.9vw,56px);--sx-rowgap:clamp(48px,4.2vw,60px);overflow-x:clip}
/* one spacing system for every inner page: the gap between sections, a heading's gap to what it heads, and the
   gap between text-led rows that follow each other */
.sx-page .sec.sx-sec{padding-top:var(--sx-sec)}
.sx-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sx-kick{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:7px 14px;border-radius:999px;border:1px solid var(--rule);background:rgb(255 255 255 / .04);
  font:500 13.5px/1.2 var(--sans);letter-spacing:.01em;color:var(--copy)}
.zl .sx-kick{background:rgb(255 255 255 / .7)}
.sx-kick::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 3px rgb(146 116 255 / .2)}
.sx-ck{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx-cap{margin:16px auto 0;max-width:46em;font-size:var(--t-xs,12.5px);line-height:1.5;color:var(--muted);text-align:center;text-wrap:balance}
.sx-more{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font:500 15px/1.4 var(--sans);letter-spacing:-.006em;color:var(--ink);text-decoration:none}
.sx-more:hover{text-decoration:underline;text-underline-offset:5px}
.sx-more:hover .sx-arw{transform:translateX(3px)}
.sx-more:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:4px}
.sx-more-row{margin:clamp(28px,3vw,40px) 0 0;text-align:center}

/* the hero: the page's promise and its picture; words left and the picture right, or the picture under the words */
.sx-hero{position:relative;padding-top:clamp(64px,10vw,152px)}
.sx-hero-in{display:grid;gap:clamp(48px,5.6vw,80px) clamp(40px,5vw,72px)}
.sx-hero-t{min-width:0}
.sx-hero h1{margin:0;font-size:var(--display);max-width:12em}
.sx-hero .lead{max-width:30em;margin:clamp(18px,2.4vh,24px) 0 0}
.sx-hero .actions{margin-top:32px}
.sx-hero-split .sx-hero-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
.sx-hero-stack .sx-hero-t,.sx-hero-plain .sx-hero-t{display:grid;justify-items:center;text-align:center}
.sx-hero-stack h1,.sx-hero-plain h1{margin-inline:auto}
.sx-hero-stack .lead,.sx-hero-plain .lead{margin-inline:auto;max-width:34em}
.sx-hero-stack .actions,.sx-hero-plain .actions{justify-content:center}
.sx-hero-p{min-width:0}
/* the wide pieces bring their own top margin from the homepage; here the hero's own gap stands in for it */
.sx-wide>.hc,.sx-wide>.fc{margin-top:calc(-1 * var(--fy))}
@media (max-width:960px){
  .sx-hero-split .sx-hero-in{grid-template-columns:minmax(0,1fr)}
  .sx-hero-split .sx-hero-t{text-align:left}
}

/* a picture on its glass stage; the figure is the particles' stage, so it reaches past the glass to hold their halo */
.sx-fig{--fy:clamp(30px,3.2vw,46px);--fx:clamp(18px,2.2vw,32px);position:relative;display:grid;justify-items:center;min-width:0;margin:calc(-1 * var(--fy)) calc(-1 * var(--fx));padding:var(--fy) var(--fx)}
.sx-fig figcaption{width:100%}
.sx-fig .sx-cap{margin-top:18px}
.sx-fig>.zstage{--sw:100%;--sp:clamp(24px,2.8vw,44px) clamp(14px,2.4vw,36px)}
.sx-hero-fig>.zstage{--sp:clamp(28px,3.4vw,52px) clamp(16px,2.8vw,44px)}
.sx-fig>.zstage>.zk{box-shadow:0 30px 60px -30px rgb(0 0 0 / .55)}
/* on a phone the screens stand a little smaller, as the homepage's who-it's-for windows do, so a row's figures fit */
@media (max-width:600px){.sx-fig>.zstage{--uiz:.8}}
@media (max-width:380px){.sx-fig>.zstage{--uiz:.74}}
.sx-fig-dc{container-type:inline-size}
.sx-wide{position:relative;min-width:0}
.sx-hx .hx{margin-top:0}

/* words beside a picture */
.sx-split-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(36px,4.6vw,72px)}
.sx-flip .sx-split-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.sx-flip .sx-split-t{order:2}
.sx-split-t{display:grid;justify-items:start;align-content:center;min-width:0}
.sx-split-t h2{max-width:13em}
.sx-split-t .lead{max-width:29em;margin:20px 0 0}
.sx-split-p{min-width:0}
.sx-n{display:flex;align-items:center;gap:12px;margin:0 0 20px;font:600 12.5px/1 var(--sans);letter-spacing:.1em;color:var(--violet);font-variant-numeric:tabular-nums}
.sx-n::after{content:"";width:44px;height:1px;background:linear-gradient(90deg,var(--violet),transparent)}
.sx-pts{list-style:none;display:grid;gap:12px;margin:24px 0 0;padding:0}
.sx-pts li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;align-items:start;font-size:15.5px;line-height:1.5;color:var(--copy)}
.sx-pts .sx-ck{margin-top:3px;color:#7fe0ae}
.zl .sx-pts .sx-ck{color:#1f9d63}
@media (max-width:960px){
  .sx-split-in,.sx-flip .sx-split-in{grid-template-columns:minmax(0,1fr)}
  .sx-flip .sx-split-t{order:0}
}
/* a picture too wide to sit beside the words (two decision cards, a five-column table) sits under them, at the
   section's width */
.sx-under-t{display:grid;justify-items:center;text-align:center}
.sx-under-t h2{max-width:none}
.sx-under-t .lead{max-width:34em;margin:20px auto 0}
/* points under a centred heading: one centred row, each tick beside its words */
.sx-under-t .sx-pts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px}
.sx-under-t .sx-pts li{display:inline-flex;align-items:center;gap:8px;text-align:left}
.sx-under-t .sx-pts .sx-ck{margin-top:0}
.sx-under-p{margin-top:var(--sx-head)}
/* no picture: the heading on the left and the words on the right, so the section isn't half empty; text-led rows
   that follow each other sit closer, as one list */
.sx-row-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px clamp(36px,4.6vw,72px)}
.sx-page .sec.sx-row+.sec.sx-row{padding-top:var(--sx-rowgap)}
.sx-row-h,.sx-row-b{min-width:0}
.sx-row-h h2{max-width:13em}
.sx-row-b{padding-top:6px}
.sx-row-b .lead{max-width:29em;margin:0}
@media (max-width:899px){.sx-row-in{grid-template-columns:minmax(0,1fr)}.sx-row-b{padding-top:0}}

/* cards: glass over the field, a line icon or the systems' logos, a heading and two lines */
.sx-grid{list-style:none;display:grid;gap:clamp(12px,1.4vw,18px);margin:var(--sx-head) 0 0;padding:0}
.sx-grid>li{display:grid;min-width:0}
.sx-g1{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto}
.sx-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1060px){.sx-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.sx-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.sx-g2,.sx-g3,.sx-g4{grid-template-columns:minmax(0,1fr)}}
.sx-card{position:relative;display:grid;align-content:start;gap:10px;min-width:0;box-sizing:border-box;padding:clamp(20px,2vw,28px);border-radius:20px;
  background:linear-gradient(180deg,rgb(255 255 255 / .065),rgb(255 255 255 / .025));
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / .085),inset 0 1px 0 rgb(255 255 255 / .09),0 30px 60px -40px rgb(0 0 0 / .9);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.sx-card h3{margin:0;font:500 clamp(19px,1.45vw,21px)/1.22 var(--serif);letter-spacing:-.016em;color:var(--ink);text-wrap:balance}
.sx-card p{margin:0;font-size:15px;line-height:1.55;color:var(--copy);text-wrap:pretty}
.sx-card>.sx-ic{width:38px;height:38px;margin-bottom:8px;padding:8.5px;box-sizing:border-box;border-radius:11px;background:rgb(255 255 255 / .07);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .1);color:#cbbcff}
.sx-card-lgs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.sx-card-lgs .lgo{--lg:30px}
.sx-card-a{height:100%;color:inherit;text-decoration:none;padding-right:clamp(44px,4vw,56px);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.sx-card-a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgb(199 182 255 / .32),inset 0 1px 0 rgb(255 255 255 / .12),0 36px 70px -40px rgb(0 0 0 / .95)}
.sx-card-a:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.sx-go{position:absolute;top:clamp(20px,2vw,28px);right:clamp(18px,1.8vw,24px);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgb(255 255 255 / .06);color:var(--muted);transition:background .3s,color .3s}
.sx-card-a:hover .sx-go{background:rgb(255 255 255 / .12);color:var(--ink)}
.sx-card-a:hover .sx-arw{transform:translateX(2px)}
.zl .sx-card{background:linear-gradient(180deg,rgb(255 255 255 / .9),rgb(255 255 255 / .74));box-shadow:inset 0 0 0 1px rgb(22 20 30 / .07),0 1px 2px rgb(22 20 30 / .04),0 24px 48px -34px rgb(40 28 90 / .35)}
.zl .sx-card>.sx-ic{background:#f3f1fa;box-shadow:inset 0 0 0 1px rgb(90 63 213 / .12);color:#5a3fd5}
.zl .sx-card-a:hover{box-shadow:inset 0 0 0 1px rgb(90 63 213 / .25),0 1px 2px rgb(22 20 30 / .04),0 30px 56px -34px rgb(40 28 90 / .45)}
.zl .sx-go{background:rgb(22 20 30 / .05)}
@media (prefers-reduced-motion:reduce){.sx-card-a{transition:none}.sx-card-a:hover{transform:none}}
/* a card that isn't a link stands open: a hairline lit at its start, the words under it, no box. Boxes are kept for
   what can be clicked, so a box means a link */
.sx-grid:has(>li[class="sx-card"]){column-gap:clamp(28px,3.4vw,52px);row-gap:clamp(36px,3.6vw,48px)}
.sx-grid>li[class="sx-card"]{position:relative;gap:10px;padding:24px 6px 0 0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid rgb(255 255 255 / .1)}
.sx-grid>li[class="sx-card"]::before{content:"";position:absolute;top:-1px;left:0;width:40px;height:1px;background:linear-gradient(90deg,#c9baff,#ff9fd5)}
.sx-grid>li[class="sx-card"]>.sx-ic{width:24px;height:24px;margin:0 0 6px;padding:0;border-radius:0;background:none;box-shadow:none;color:#c9baff}
.zl .sx-grid>li[class="sx-card"]{background:none;box-shadow:none;border-top-color:var(--rule)}
.zl .sx-grid>li[class="sx-card"]::before{background:linear-gradient(90deg,#6a4ae0,#c9418f)}
.zl .sx-grid>li[class="sx-card"]>.sx-ic{background:none;box-shadow:none;color:#5a3fd5}

/* steps: the heading beside one card of numbered rows, so a sequence reads top to bottom, a row a step */
.sx-flow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,104px);align-items:start}
.sx-flow-h{position:sticky;top:112px;display:grid;justify-items:start;align-content:start}
.sx-flow-h .lead{margin:var(--s5,20px) 0 0;max-width:30em}
.sx-flow-h .sx-more{margin-top:24px}
.sx-stl{list-style:none;margin:0;padding:0;border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,rgb(255 255 255 / .055),rgb(255 255 255 / .02));
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / .085),inset 0 1px 0 rgb(255 255 255 / .08),0 30px 60px -40px rgb(0 0 0 / .9);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.sx-stl li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:20px;padding:clamp(20px,2vw,26px) clamp(22px,2.4vw,32px)}
.sx-stl li+li{border-top:1px solid rgb(255 255 255 / .07)}
.sx-stl-n{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgb(199 182 255 / .1);box-shadow:inset 0 0 0 1px rgb(199 182 255 / .2);
  font:600 13px/1 var(--sans);font-variant-numeric:tabular-nums;color:#d4c8ff}
.sx-stl div{display:grid;gap:6px;min-width:0;padding-top:4px}
.sx-stl h3{margin:0;font:600 17px/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.sx-stl p{margin:0;font-size:15px;line-height:1.55;color:var(--copy);text-wrap:pretty}
.zl .sx-stl{background:linear-gradient(180deg,rgb(255 255 255 / .92),rgb(255 255 255 / .78));box-shadow:inset 0 0 0 1px rgb(22 20 30 / .07),0 1px 2px rgb(22 20 30 / .04),0 24px 48px -34px rgb(40 28 90 / .35)}
.zl .sx-stl li+li{border-top-color:var(--rule)}
.zl .sx-stl-n{background:rgb(90 63 213 / .07);box-shadow:inset 0 0 0 1px rgb(90 63 213 / .16);color:#5a3fd5}
@media (max-width:960px){.sx-flow{grid-template-columns:minmax(0,1fr);gap:var(--sx-head,40px)}.sx-flow-h{position:static}}
@media (max-width:600px){.sx-stl li{grid-template-columns:28px minmax(0,1fr);gap:14px}.sx-stl-n{width:28px;height:28px;font-size:12.5px}}

/* one figure, large */
.sx-big-in{position:relative;display:grid;justify-items:center;text-align:center}
.sx-big-in::before{content:"";position:absolute;inset:18% 12% -10%;z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgb(146 116 255 / .13),transparent 72%)}
.zl .sx-big-in::before{background:radial-gradient(50% 50% at 50% 50%,rgb(90 63 213 / .07),transparent 72%)}
.sx-big-f{display:grid;justify-items:center;gap:14px;margin:clamp(30px,3.6vw,48px) 0 0}
.sx-big-n{display:block;padding-bottom:.06em;font:500 clamp(64px,9.4vw,140px)/.95 var(--serif);letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap;
  color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(100deg,#c9baff 0%,#ff9fd5 52%,#ffbf8e 100%);-webkit-background-clip:text;background-clip:text}
.zl .sx-big-n{background-image:linear-gradient(100deg,#6a4ae0 0%,#c9418f 52%,#d8661f 100%)}
@media (forced-colors:active){.sx-big-n{color:CanvasText;-webkit-text-fill-color:CanvasText;background:none}}
.sx-big-l{display:block;max-width:30em;font-size:var(--lead);line-height:1.5;color:var(--copy);text-wrap:balance}
.sx-big .lead{max-width:34em;margin:18px auto 0}
@media (max-width:420px){.sx-big-n{font-size:clamp(48px,15vw,64px)}}

/* the systems' logos on a glass stage: a few large, or many as a wall */
.sx-lwall{--sp:clamp(40px,4.6vw,72px) clamp(20px,3vw,48px);--gp:92%;grid-template-columns:minmax(0,1fr)}
.zstage.sx-who{--gp:90%}
.sx-lw{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,1.4vw,18px);margin:0;padding:0;zoom:1}
.sx-lw li{display:grid;justify-items:center;gap:12px;font:500 14px/1.2 var(--sans);letter-spacing:-.006em;color:#fff;text-align:center}
.sx-lw-few .sx-lw li{padding:22px 22px 18px;border-radius:20px;background:rgb(255 255 255 / .1);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .16),inset 0 1px 0 rgb(255 255 255 / .2),0 20px 40px -24px rgb(0 0 0 / .5);min-width:112px}
.sx-lw-few .lgo{--lg:64px;box-shadow:0 10px 24px -12px rgb(0 0 0 / .45)}
.sx-lw-many .sx-lw{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));width:100%;min-width:0;max-width:560px}
.sx-lw-many .sx-lw li{padding:16px 8px 12px;border-radius:16px;background:rgb(255 255 255 / .08);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .14);font-size:12.5px}
.sx-lw-many .lgo{--lg:44px}
@media (max-width:600px){.sx-lw-few .sx-lw li{min-width:0;padding:16px 14px 14px}.sx-lw-few .lgo{--lg:52px}.sx-lw-many .sx-lw{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* the systems' logos */
.sx-lgs{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:980px;margin:var(--sx-head) auto 0;padding:0}
.sx-lgs li{display:inline-flex;align-items:center;gap:12px;padding:9px 18px 9px 9px;border-radius:16px;background:rgb(255 255 255 / .05);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .09);
  font:500 14.5px/1 var(--sans);letter-spacing:-.006em;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sx-lgs .lgo{--lg:34px}
.zl .sx-lgs li{background:rgb(255 255 255 / .85);box-shadow:inset 0 0 0 1px rgb(22 20 30 / .07),0 1px 2px rgb(22 20 30 / .05)}
@media (max-width:600px){.sx-lgs{gap:8px}.sx-lgs li{padding:7px 14px 7px 7px;font-size:13.5px}.sx-lgs .lgo{--lg:28px}}

/* a form on glass */
.sx-form-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,5vw,80px)}
.sx-form-t .lead{max-width:28em;margin:20px 0 0}
.sx-form{display:grid;gap:18px;padding:clamp(22px,2.8vw,40px);border-radius:24px;background:linear-gradient(180deg,rgb(255 255 255 / .07),rgb(255 255 255 / .03));
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / .09),inset 0 1px 0 rgb(255 255 255 / .1),0 40px 80px -48px rgb(0 0 0 / .9);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
.sx-fl{display:grid;gap:8px}
.sx-fl label{font:500 13.5px/1.2 var(--sans);color:var(--ink)}
.sx-fl input,.sx-fl select{appearance:none;width:100%;height:48px;box-sizing:border-box;margin:0;padding:0 14px;border:1px solid rgb(255 255 255 / .14);border-radius:11px;background:rgb(255 255 255 / .05);
  color:var(--ink);font:400 15.5px/1.2 var(--sans);transition:border-color .15s,box-shadow .15s}
.sx-fl select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.75 6.5L8 9.75l3.25-3.25' fill='none' stroke='%239a95a6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
.sx-fl select:invalid{color:var(--muted)}
.sx-fl option{color:#16141e}
.sx-fl input:focus,.sx-fl select:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgb(146 116 255 / .25)}
.sx-submit{justify-content:center;min-height:48px;margin-top:6px;font-size:15px}
.sx-fine{margin:0;font-size:var(--t-xs,12.5px);line-height:1.45;color:var(--muted);text-align:center}
.sx-after{display:flex;align-items:flex-start;gap:12px;margin:0;font:500 16px/1.5 var(--sans);color:var(--ink)}
.sx-after .sx-ck{width:22px;height:22px;padding:4px;box-sizing:border-box;border-radius:50%;background:#1f9d63;color:#fff}
.sx-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sx-fine a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.sx-unsent{margin:0;padding:12px 14px;border-radius:12px;background:rgb(255 154 92 / .1);box-shadow:inset 0 0 0 1px rgb(255 154 92 / .35);font-size:14.5px;line-height:1.5;color:var(--ink)}
.sx-unsent a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.zl .sx-form{background:linear-gradient(180deg,rgb(255 255 255 / .92),rgb(255 255 255 / .78));box-shadow:inset 0 0 0 1px rgb(22 20 30 / .07),0 30px 60px -40px rgb(40 28 90 / .45)}
.zl .sx-fl input,.zl .sx-fl select{border-color:rgb(22 20 30 / .14);background:#fff}
@media (max-width:860px){.sx-form-in{grid-template-columns:minmax(0,1fr)}}

/* a call to action inside the page */
.sx-band-in{position:relative;display:grid;justify-items:center;gap:0;padding:clamp(40px,5vw,72px) clamp(20px,4vw,64px);border-radius:28px;text-align:center;overflow:hidden;
  background:radial-gradient(80% 120% at 100% 0%,rgb(255 159 213 / .16),transparent 60%),radial-gradient(90% 120% at 0% 100%,rgb(126 98 255 / .3),transparent 65%),linear-gradient(180deg,rgb(255 255 255 / .05),rgb(255 255 255 / .02));
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / .09),inset 0 1px 0 rgb(255 255 255 / .1)}
.sx-band-in .lead{max-width:32em;margin:18px auto 0}
.sx-band-in .actions{justify-content:center;margin-top:28px}
.zl .sx-band-in{background:radial-gradient(80% 120% at 100% 0%,rgb(201 65 143 / .08),transparent 60%),radial-gradient(90% 120% at 0% 100%,rgb(90 63 213 / .1),transparent 65%),#fff;box-shadow:inset 0 0 0 1px rgb(22 20 30 / .07),0 30px 60px -40px rgb(40 28 90 / .35)}

/* long text (the legal pages), at a readable measure */
.sx-prose-in{max-width:68ch;margin:0 auto;font-size:17px;line-height:1.7;color:var(--copy)}
.sx-prose-in h2{margin:clamp(44px,4vw,60px) 0 16px;font-size:clamp(24px,calc(16px + .9vw),30px);line-height:1.2;color:var(--ink)}
.sx-prose-in h3{margin:32px 0 10px;font:600 18px/1.35 var(--sans);letter-spacing:-.008em;color:var(--ink)}
.sx-prose-in>:first-child,.sx-updated+h2,.sx-updated+h3{margin-top:0}
.sx-prose-in p{margin:0 0 16px;text-wrap:pretty}
.sx-prose-in ul,.sx-prose-in ol{margin:0 0 18px;padding-left:1.25em}
.sx-prose-in li{margin:8px 0;padding-left:4px}
.sx-prose-in li::marker{color:var(--muted)}
.sx-updated{margin:0 0 36px;font:500 13px/1.4 var(--sans);color:var(--muted)}

/* the agents' colours and the screens' totals, as the homepage has them */
.zv-violet{--acc:#b7a4ff}.zv-night{--acc:#a2b1ff}.zv-dusk{--acc:#ffbb8c}.zv-rose{--acc:#ff9ccb}
.zl .zv-violet{--acc:#5a3fd5}.zl .zv-night{--acc:#3550cc}.zl .zv-dusk{--acc:#b25a16}.zl .zv-rose{--acc:#bd3a78}
.zx-tot{font-weight:600;border-top:1px solid currentColor}
.zx-tot .zs-r{text-decoration:underline double;text-underline-offset:5px}
/* ---- light mode, after Dime: a light grey page with a fine grain ---- */
:root.zl.zl{--zp:#f6f6f5;--zp2:#ececea;--rule:#e2e2df;--night:#f6f6f5}
html.zl body{background-color:#f6f6f5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
/* the panels: deep and muted at the head, mist at the foot, a fine grain; the glow is light, not colour */
html.zl .zstage{--gs:118%}
html.zl .zstage::before{background:radial-gradient(70% 50% at 80% 0%,rgba(255,255,255,.1),transparent 70%)}
html.zl .zstage::after{opacity:.55}
html.zl .zv-night{--g0:#0e3651;--g1:#a3b2bc}
html.zl .zv-violet{--g0:#171f40;--g1:#a7aab8}
html.zl .zv-dusk{--g0:#15323c;--g1:#a3b4b5}
html.zl .zv-rose{--g0:#2a2038;--g1:#aba5b5}
/* the decision cards' ground, the same way */
html.zl .dc-ground{background:linear-gradient(180deg,#171f40 0%,#a7aab8 118%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 30px 60px -40px rgba(20,24,50,.35)}
/* the headings' accent: the brand's three hues, a shade deeper so they sit on grey */
html.zl .rl{background-image:linear-gradient(100deg,#5638d6 0%,#b23a86 52%,#c95c22 100%)}

/* ---- clear glass: the screens' own face ---- */
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/geist-100-900.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ---- clear glass, the light theme's panels: deep and muted where the glass sits, mist below it ---- */
html.zl .zstage{background:linear-gradient(180deg,var(--g0) 0%,var(--gm) var(--gp,74%),var(--g1) 112%)}
html.zl .zv-night{--g0:#0d3450;--gm:#20485f;--g1:#9fb0ba}
html.zl .zv-violet{--g0:#151d3d;--gm:#283252;--g1:#a5a9b8}
html.zl .zv-dusk{--g0:#12303a;--gm:#234149;--g1:#a1b3b4}
html.zl .zv-rose{--g0:#251c35;--gm:#382f4a;--g1:#aaa4b4}
/* ---- Zenday glass: a title bar and one table, frosted, on a panel of colour; it plays once ---- */
.cg{--cg-font:Geist,Inter,system-ui,-apple-system,'Segoe UI',sans-serif;--cg-line:rgb(255 255 255 / .2);--cg-line2:rgb(255 255 255 / .13);--cg-tx2:rgb(255 255 255 / .8);--cg-you:#ffd49c;
  position:relative;box-sizing:border-box;width:min(var(--cgw,600px),100%);color:#fff;font:400 13.5px/1.45 var(--cg-font);font-variant-numeric:tabular-nums;text-align:left;text-shadow:none;-webkit-font-smoothing:antialiased;container-type:inline-size}
.cg *{box-sizing:border-box}
.cg p{margin:0}
/* the glass: frosted white over the panel's colour, a light-catching top edge, a soft shadow under it */
.cg-bar,.cg-box,.cg-dc{position:relative;border:1px solid var(--cg-line);background:linear-gradient(180deg,rgb(255 255 255 / .14),rgb(255 255 255 / .055));
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .18),0 22px 44px -30px rgb(2 10 28 / .6);-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25)}
.cg-bar::before,.cg-box::before,.cg-dc::before{content:"";position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .62),transparent);pointer-events:none}
.cg-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:0 10px 0 18px;border-radius:13px}
.cg-bar b{min-width:0;overflow:hidden;font:500 14.5px/1.25 var(--cg-font);letter-spacing:-.006em;white-space:nowrap;text-overflow:ellipsis}
.cg-m{flex:none;padding-right:8px;font:400 13px/1.2 var(--cg-font);color:var(--cg-tx2);white-space:nowrap}
.cg-m b{font-weight:500;color:#fff}
.cg-m>.cg-sw{justify-items:end}
/* the bar's status: solid white for done, glass while the agent works, solid warm for what needs you */
.cg-pill{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 12px;border-radius:999px;font:500 12.5px/1 var(--cg-font);white-space:nowrap}
.cg-pill.ok{background:#fff;color:#0c1f26;box-shadow:0 4px 14px -6px rgb(0 0 0 / .35)}
.cg-pill.w{background:rgb(255 255 255 / .1);color:#fff;box-shadow:inset 0 0 0 1px var(--cg-line)}
.cg-pill.you{background:var(--cg-you);color:#2a1c05;box-shadow:0 4px 14px -6px rgb(0 0 0 / .3)}
.cg-box{display:grid;grid-template-columns:var(--cg-c,minmax(0,1fr) auto);column-gap:18px;margin-top:12px;padding:2px 18px 6px;border-radius:15px}
/* every row on the box's columns, so a column lines up from the header down whatever each row holds */
.cg-tr{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;min-height:44px}
@supports not (grid-template-columns:subgrid){.cg-tr{grid-template-columns:var(--cg-c,minmax(0,1fr) auto);column-gap:18px}}
.cg-tr>*{min-width:0}
.cg-th{min-height:42px;border-bottom:1px solid var(--cg-line2);font-size:12px;color:var(--cg-tx2)}
.cg-tot{border-top:1px solid var(--cg-line2);font-weight:500}
/* the row that needs you: its name in the warm tone */
.cg-hl>:first-child{color:var(--cg-you)}
/* a wide table (five columns or more): where the glass is narrower than its figures, it scrolls sideways inside it */
.cg-wide .cg-box{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .3) transparent}
.cg-r{justify-self:end;text-align:right;white-space:nowrap}
.cg-two{display:grid;gap:1px}
.cg-two span{font-size:12px;color:var(--cg-tx2)}
.cg-q{color:var(--cg-tx2)}
.cg-good{font-weight:600;color:#fff}
.cg-you{color:var(--cg-you)}
/* a status: a white check for done, a warm dot for what needs you */
.cg-st{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#fff}
.cg-st svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cg-st.you{color:var(--cg-you)}
.cg-st.you i{width:7px;height:7px;margin:0 4px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgb(255 212 156 / .2)}
/* the foot: a quiet line, or a progress bar and its line */
.cg-foot{display:grid;gap:10px;margin-top:16px;padding:0 4px}
.cg-prog{height:3px;border-radius:3px;background:rgb(255 255 255 / .2);overflow:hidden}
.cg-prog i{display:block;width:var(--p,100%);height:100%;border-radius:inherit;background:#fff;transform-origin:left}
/* the foot sits on the panel, not on glass: a shade stronger, so it reads on the panel's lighter foot */
.cg-cap{display:flex;justify-content:space-between;gap:16px;font-size:12.5px;color:rgb(255 255 255 / .9)}
.cg-cap.one{justify-content:center}
/* the agent at the foot: its mark, its name, and what it did */
.cg-ag{display:flex;align-items:center;gap:10px;margin-top:14px;padding:0 4px;font-size:12.5px;color:#fff}
.cg-mk{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgb(255 255 255 / .12);box-shadow:inset 0 0 0 1px var(--cg-line),inset 0 1px 0 rgb(255 255 255 / .22)}
.cg-mk svg{width:14px;height:14px;fill:#fff}
.cg-ag>b{font-weight:500;white-space:nowrap}
.cg-ag>.cg-sw{margin-left:auto;min-width:0;color:rgb(255 255 255 / .9)}
/* a decision: who sent it, what it is, the amount and the one thing to do */
.cg-dc{display:grid;gap:4px;padding:16px 18px;border-radius:15px}
.cg-dc+.cg-dc{margin-top:12px}
.cg-dc-a{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--cg-tx2)}
.cg-dc-a i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--cg-you);box-shadow:0 0 0 3px rgb(255 212 156 / .18)}
.cg-dc-a span{margin-left:auto}
.cg-dc-t{margin-top:6px!important;font:500 15px/1.35 var(--cg-font);letter-spacing:-.008em}
.cg-dc-s{font-size:13px;color:var(--cg-tx2)}
.cg-dc-f{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px!important}
.cg-dc-f b{font:500 22px/1 var(--cg-font);letter-spacing:-.02em}
.cg-dc-f b small{font-size:.62em;color:var(--cg-tx2);letter-spacing:0}
/* a sign-off: its dot white, its list ticked, who signs and the one button */
.cg-so .cg-dc-a i{background:#fff;box-shadow:0 0 0 3px rgb(255 255 255 / .18)}
.cg-ul{display:grid;gap:7px;margin:12px 0 2px;padding:0;list-style:none;font-size:13px}
.cg-ul li{display:flex;align-items:center;gap:9px}
.cg-ul svg{flex:none;width:14px;height:14px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cg-who{display:inline-flex;align-items:center;gap:9px;font-size:13px}
.cg-who i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgb(255 255 255 / .16);box-shadow:inset 0 0 0 1px var(--cg-line);font:500 11px/1 var(--cg-font);font-style:normal}
.cg-btn{display:inline-flex;align-items:center;min-height:32px;padding:0 15px;border-radius:999px;background:#fff;color:#0c1f26;font:500 13px/1 var(--cg-font);white-space:nowrap;box-shadow:0 4px 14px -6px rgb(0 0 0 / .35)}
.cg-btn.q{background:rgb(255 255 255 / .14);color:#fff;box-shadow:inset 0 0 0 1px var(--cg-line)}
/* tabs over a screen: the one shown, and the others it could show */
.cg-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.cg-tabs span{padding:6px 12px;border-radius:999px;font-size:12.5px;color:var(--cg-tx2);box-shadow:inset 0 0 0 1px var(--cg-line2)}
.cg-tabs .on{background:#fff;color:#0c1f26;box-shadow:none}
/* chips: a short trail of who did what */
.cg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cg-chips>span{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 12px;border-radius:999px;background:linear-gradient(180deg,rgb(255 255 255 / .13),rgb(255 255 255 / .05));box-shadow:inset 0 0 0 1px var(--cg-line);font-size:12.5px}
.cg-chips svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cg-chips .you{color:var(--cg-you)}
.cg-chips .you i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgb(255 212 156 / .2)}

/* ---- the play: the agent at work, then done ---- */
/* a switch holds what the agent shows while it works (a) and what it leaves (b); what rests is b. a leaves before
   b arrives, so the two words never sit on each other */
.cg-sw{display:inline-grid;align-items:center;justify-items:start;vertical-align:middle}
.cg-sw.cg-r{justify-items:end}
.cg-sw>*{grid-area:1/1}
.cg-sw>.a{visibility:hidden;display:inline-flex;align-items:center;gap:7px;color:var(--cg-tx2);white-space:nowrap}
.cg-spin{flex:none;width:12px;height:12px;border-radius:50%;border:1.5px solid rgb(255 255 255 / .26);border-top-color:#fff;animation:g-spin .8s linear infinite}
.gs.pre .cg-sw>.a{visibility:visible}
.gs.pre .cg-sw>.b{visibility:hidden}
.gs.on .cg-sw>.a{visibility:visible;animation:g-out .14s ease-in both;animation-delay:var(--d2,0s)}
.gs.on .cg-sw>.b{animation:g-in .4s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d2,0s) + .12s)}
.gs.on .cg-sw>.cg-pill.ok{animation-name:g-pop;animation-duration:.5s}
/* the rows rise in, one after another */
.gs.pre .cg-in{opacity:0}
.gs.on .cg-in{animation:g-in .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}
/* the progress fills */
.gs.pre .cg-prog i{transform:scaleX(0)}
.gs.on .cg-prog i{animation:g-grow 1.1s cubic-bezier(.3,.7,.2,1) both .2s}
/* the agent's mark thinks while it works */
.gs.on .cg-mk circle{animation:cg-think .3s ease-in-out 4 alternate none;animation-delay:calc(var(--i) * 24ms)}
@keyframes cg-think{from{opacity:1}to{opacity:.2}}
/* a light passes over the glass once the agent is done */
.cg-box::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .14) 48%,rgb(255 255 255 / .04) 55%,transparent 68%) 0 0/260% 100% no-repeat}
.gs.on .cg-box::after{animation:cg-sheen 1.4s cubic-bezier(.4,.1,.3,1) both;animation-delay:var(--sheen,1s)}
@keyframes cg-sheen{from{opacity:1;background-position:115% 0}to{opacity:1;background-position:-15% 0}}
/* what needs you calls once, warm */
.gs.on .cg-dc-a i{animation:cg-ping 1.5s ease-out var(--pd,.8s) 1 none}
@keyframes cg-ping{0%{box-shadow:0 0 0 0 rgb(255 212 156 / .75)}100%{box-shadow:0 0 0 10px rgb(255 212 156 / 0)}}
@media (prefers-reduced-motion:reduce){.cg-spin,.gs.on .cg-mk circle,.gs.on .cg-dc-a i{animation:none}}

/* a screen on its panel: the glass high in the panel, the panel's colour deep behind it, at its own size */
.zstage>.cg{zoom:1}
.zstage.cg-st0{--sp:clamp(30px,3.4vw,48px) clamp(18px,3vw,40px) clamp(56px,6vw,96px);align-content:start}
/* narrow glass (a phone): each row on one line, the second lines left out */
@container (max-width:440px){.cg-two span{display:none}.cg-box{column-gap:12px}.cg-cap{font-size:12px}}
@media (max-width:560px){.cg{font-size:13px}.cg-bar,.cg-box,.cg-dc{padding-left:14px;padding-right:14px}.cg-bar{padding-right:8px}.cg-tr{column-gap:12px}.cg-dc-f b{font-size:20px}}
@media (prefers-reduced-transparency:reduce){.cg-bar,.cg-box,.cg-dc{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgb(16 32 44 / .78)}}

@media (max-width:560px){.cg-bar{flex-wrap:wrap;row-gap:8px;padding-top:10px;padding-bottom:10px}.cg-bar b,.cg-bar b *{white-space:normal}.cg-bar{gap:10px}.cg-bar b{font-size:13.5px}.fx-tt>span:last-child{overflow:visible}}
/* ---- Zenday focus: screens in the shape of their job, small, with one zoom (clear-focus.js) ---- */
.fx{--cgw:480px}
.fx-tt{display:flex;align-items:center;gap:10px;min-width:0}
.fx-tt>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.fx .cg-r{text-align:right}
.cg-box.fx-box{display:block;padding:12px 16px}
.fx-sk{display:block;width:var(--w,60%);height:7px;border-radius:4px;background:rgb(255 255 255 / .17)}
.fx-sk+.fx-sk{margin-top:7px}
.fx-sk.r{justify-self:end;width:calc(var(--w) * .9px)}
.fx-ok{display:inline-flex;align-items:center;gap:6px;color:#fff;white-space:nowrap}
.fx-ok svg,.fx-chip svg,.fx-lk svg,.fx-was svg,.fx-nk svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fx-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 12px;border-radius:999px;background:linear-gradient(180deg,rgb(255 255 255 / .1),rgb(255 255 255 / .04)),rgb(6 16 34 / .34);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .34),0 10px 24px -14px rgb(2 10 28 / .7);font-size:12.5px;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.fx-chip.ok{background:#fff;color:#0c1f26;box-shadow:0 6px 16px -8px rgb(0 0 0 / .4)}
.fx-chip.you{background:var(--cg-you);color:#2a1c05;box-shadow:0 6px 16px -8px rgb(0 0 0 / .35)}
/* the spotlight: the row that matters on brighter glass, lifted */
.fx-spot{position:relative;border-radius:11px;background:linear-gradient(180deg,rgb(255 255 255 / .09),rgb(255 255 255 / .03)),rgb(6 16 34 / .2);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .42),inset 0 1px 0 rgb(255 255 255 / .3),0 16px 32px -16px rgb(2 10 28 / .8)}
/* the lens: lifted off the screen, its notch under what it magnifies; larger type than the screen's */
.fx-pop{position:relative;z-index:2;width:max-content;max-width:min(330px,100%);margin:14px 0 0 clamp(0px,calc(var(--at,0) * 100% - 30px),calc(100% - min(330px,100%)));padding:12px 15px 13px;border-radius:13px;background:linear-gradient(180deg,rgb(255 255 255 / .1),rgb(255 255 255 / .03)),rgb(6 15 32 / .5);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .4),inset 0 1px 0 rgb(255 255 255 / .34),0 26px 50px -22px rgb(2 10 28 / .9);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);font-size:13.5px}
.fx-pop::before{content:"";position:absolute;top:-6px;left:24px;width:11px;height:11px;transform:rotate(45deg);border-radius:2px 0 0 0;background:linear-gradient(135deg,rgb(255 255 255 / .1),rgb(255 255 255 / .06)),rgb(6 15 32 / .5);box-shadow:inset 1px 1px 0 rgb(255 255 255 / .4)}
.fx-pop-l::before{top:16px;left:-6px;border-radius:0 0 0 2px;background:linear-gradient(225deg,rgb(255 255 255 / .1),rgb(255 255 255 / .06)),rgb(6 15 32 / .5);box-shadow:inset 1px -1px 0 rgb(255 255 255 / .4)}
.gs.on .fx-pop-l{transform-origin:0 22px}
.fx-pk{margin-bottom:7px!important;font-size:12px;color:rgb(255 255 255 / .88)}
.fx-je{display:flex;justify-content:space-between;gap:18px;font-size:13.5px}
.fx-je+.fx-je{margin-top:4px!important}
.fx-je b{font-weight:500;white-space:nowrap}
.fx-pn{margin-top:8px!important;font-size:12px;color:var(--cg-tx2)}
.fx-pn svg{width:13px;height:13px;margin-right:6px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
/* the pull-back: the box's content opens close on its point, then draws back to the whole */
.fx-view{overflow:hidden}
.fx-cam{transform-origin:var(--ox,50%) var(--oy,50%)}
/* a figure and its line, at the foot */
.fx-tie{display:flex;align-items:baseline;gap:12px;margin-top:14px;padding:0 4px;font-size:12.5px;color:#fff}
.fx-tie b{font:500 22px/1 var(--cg-font);letter-spacing:-.02em;color:#fff}
.fx-tr{margin-left:auto;text-align:right}

/* pairs: a reconciliation */
.fx-pairs{padding:4px 16px 8px}
.fx-ph,.fx-pr{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);column-gap:12px;align-items:center}
.fx-ph{padding:9px 0;border-bottom:1px solid var(--cg-line2);font-size:12px;color:var(--cg-tx2)}
.fx-pr{padding:9px 0}
.fx-pr+.fx-pr{border-top:1px solid var(--cg-line2)}
.fx-pi{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:1px;min-width:0}
.fx-pi b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-pi em{grid-row:2;font-style:normal;font-size:12px;color:var(--cg-tx2)}
.fx-pi u{grid-column:2;grid-row:1/3;align-self:center;text-decoration:none;white-space:nowrap}
.fx-q .fx-pi{display:block}
.fx-lk{justify-self:center;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cg-line);color:#fff}
.fx-lk .cg-sw>.a{gap:0}
.fx-nl .cg-sw>.a,.fx-cl .cg-sw>.a{gap:5px;font-size:11px}
.fx-lk.q{width:8px;height:8px;background:rgb(255 255 255 / .2);box-shadow:none}
.fx-lk.t{background:rgb(255 255 255 / .14)}
.fx-pairs .fx-spot{margin:6px -10px 2px;padding:11px 10px;border-top:0!important}
.fx-spot+.fx-pr{border-top:0}
.fx-miss b,.fx-miss em{color:var(--cg-tx2)}
.fx-note{grid-column:1/-1;margin-top:9px!important}
.fx-note .fx-chip{min-height:26px;padding:0 10px;font-size:12px}
/* months: a schedule */
.fx-sh{display:flex;align-items:baseline;gap:10px;font-size:12px;color:var(--cg-tx2)}
.fx-sh b{font:500 20px/1 var(--cg-font);letter-spacing:-.02em;color:#fff}
.fx-sh span:last-child{margin-left:auto}
.fx-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin-top:14px}
.fx-m{display:grid;justify-items:center;gap:6px;font-size:11px;color:var(--cg-tx2)}
.fx-m i{position:relative;overflow:hidden;width:100%;height:32px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--cg-line)}
.fx-m i::after{content:"";position:absolute;inset:0;transform-origin:left}
.fx-m.used i::after{background:rgb(255 255 255 / .82)}
.fx-m.now i{box-shadow:0 0 0 3px rgb(255 255 255 / .22),0 10px 20px -10px rgb(0 0 0 / .6)}
.fx-m.now i::after{background:#fff}
.fx-m em{font-style:normal}
.fx-m.now em{font-weight:600;color:#fff}
.fx-sf{display:flex;justify-content:space-between;gap:14px;margin-top:14px;font-size:12.5px;color:var(--cg-tx2)}
.fx-sf b{font-weight:500;color:#fff}
.fx-chips1{margin-top:12px!important}
/* ties: a month of bank activity, a bar a day */
.fx-strip{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:3px;margin-top:14px}
.fx-dy{display:grid;justify-items:center;gap:6px;font-size:11px;color:var(--cg-tx2)}
.fx-dy i{position:relative;overflow:hidden;width:100%;height:40px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--cg-line)}
.fx-dy i::after{content:"";position:absolute;inset:0;transform-origin:bottom}
.fx-dy.ok i::after{background:rgb(255 255 255 / .82)}
.fx-dy.you i::after{background:var(--cg-you)}
.fx-dy.you i{box-shadow:0 0 0 3px rgb(255 212 156 / .25),0 10px 20px -10px rgb(0 0 0 / .6)}
.fx-dy em{min-height:1em;font-style:normal;white-space:nowrap}
.fx-dy.you em{font-weight:600;color:var(--cg-you)}
.fx-ties .fx-sh b{font-variant-numeric:tabular-nums}
.fx-pop.you{box-shadow:inset 0 0 0 1px rgb(255 212 156 / .6),inset 0 1px 0 rgb(255 255 255 / .34),0 26px 50px -22px rgb(2 10 28 / .9)}
.fx-pop.you .fx-pk{color:var(--cg-you)}
.fx-pop.end{margin-left:auto}
.fx-pop.end::before{left:auto;right:3px}
.gs.on .fx-pop.end{transform-origin:calc(100% - 9px) 0}
.fx-ties .fx-pop .fx-je{gap:24px}
.fx-ties{container-type:inline-size}
.fx-tl{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.fx-key{display:grid;gap:9px;margin:22px 0 0!important;padding:0;list-style:none;font-size:12.5px;color:var(--cg-tx2)}
.fx-key li{display:flex;align-items:center;gap:9px}
.fx-key i{width:9px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--cg-line)}
.fx-key .ok i{background:rgb(255 255 255 / .82);box-shadow:none}
.fx-key .you i{background:var(--cg-you);box-shadow:none}
@container (max-width:420px){.fx-key{display:none}}
@media (max-width:520px){.fx-strip{gap:2px}}
/* register: an asset register */
.fx-reg{padding:4px 16px 8px}
.fx-rh{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--cg-line2);font-size:12px;color:var(--cg-tx2)}
.fx-rr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;padding:10px 0}
.fx-rr+.fx-rr{border-top:1px solid var(--cg-line2)}
.fx-rr.fx-q{grid-template-columns:minmax(0,1fr) 80px}
.fx-reg .fx-spot{margin:6px -10px 0;padding:11px 10px;border-top:0}
.fx-tag{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:999px;background:#fff;color:#0c1f26;font:500 10.5px/1.3 var(--cg-font);font-style:normal;vertical-align:1px}
.fx-was{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.fx-was s{text-decoration-color:rgb(255 255 255 / .7)}
.fx-was svg{width:12px;height:12px}
.fx-pop-dep{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;width:min(340px,100%);max-width:min(340px,100%)}
.fx-pop-dep .fx-pk{grid-column:1/-1}
.fx-dep{position:relative;height:50px;min-width:120px;margin:4px 0 2px}
.fx-dep svg{display:block;width:100%;height:100%;overflow:visible}
.fx-dep .a{fill:rgb(255 255 255 / .1)}
.fx-dep .l{fill:none;stroke:#fff;stroke-width:1.6;vector-effect:non-scaling-stroke}
.fx-dot{position:absolute;left:0;top:7%;width:9px;height:9px;margin:-4px 0 0 -4px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgb(255 255 255 / .2)}
.fx-dv{position:absolute;left:12px;top:-3px;font-size:11.5px;color:var(--cg-tx2)}
.fx-de{position:absolute;right:0;bottom:-16px;font-size:11px;color:var(--cg-tx2)}
.fx-dpv{display:grid;gap:2px;max-width:128px;font-size:11.5px;line-height:1.35;color:var(--cg-tx2)}
.fx-dpv b{font:500 20px/1.1 var(--cg-font);letter-spacing:-.02em;color:#fff}
/* waterfall: a contract recognized month by month */
.fx-wf{padding:12px 16px 10px}
.fx-wh{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--cg-tx2)}
.fx-plot{position:relative;height:150px;margin-top:12px}
.fx-cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;align-items:end}
.fx-c{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.fx-c i{display:block}
.fx-c .rec{height:calc(var(--r) * 1%);border-radius:4px 4px 0 0;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .5)}
.fx-c .def{height:calc(var(--b) * 1%);background:linear-gradient(180deg,rgb(255 255 255 / .2),rgb(255 255 255 / .08));box-shadow:inset 0 0 0 1px rgb(255 255 255 / .16)}
.fx-c.past .rec{background:rgb(255 255 255 / .82);box-shadow:none}
.fx-c.now .rec{background:#fff;box-shadow:0 0 0 3px rgb(255 255 255 / .24)}
.fx-c.now .def{background:linear-gradient(180deg,rgb(255 255 255 / .32),rgb(255 255 255 / .12))}
.fx-lead{position:absolute;left:calc(var(--at) * 100% + 2px);right:42%;top:calc((1 - var(--top)) * 100% + 6px);border-top:1px dashed rgb(255 255 255 / .5)}
.fx-stat{position:absolute;left:calc(58% + 10px);right:0;top:calc((1 - var(--top)) * 100% - 4px);display:grid;gap:3px;font-size:12px;color:var(--cg-tx2)}
.fx-stat p{display:flex;justify-content:space-between;gap:10px}
.fx-stat p.k{margin-bottom:3px!important;color:#fff;font-weight:500}
.fx-stat b{font-weight:500;color:#fff}
.fx-ax{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin-top:7px;font-size:11px;color:var(--cg-tx2);text-align:center}
.fx-ax .k{font-weight:600;color:#fff}
/* stack: a close package */
.fx-stack{position:relative;padding-top:calc(var(--k) * 23px)}
.fx-sheet{position:absolute;top:calc((var(--k) - var(--n)) * 23px);left:calc(var(--n) * 12px);right:calc(var(--n) * 12px);display:flex;justify-content:space-between;align-items:flex-start;height:62px;padding:5px 14px;border-radius:12px;background:linear-gradient(180deg,rgb(255 255 255 / .08),rgb(255 255 255 / .03)),rgb(6 16 34 / .26);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .24);font-size:12px;color:#fff}
.fx-sheet svg{width:12px;height:12px;margin-top:2px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-cover{position:relative;z-index:1;padding:14px 16px 14px}
.fx-ck{font-size:12px;color:var(--cg-tx2)}
.fx-ct{margin-top:4px!important;font:500 15px/1.3 var(--cg-font);letter-spacing:-.008em}
.fx-cb{margin-top:3px!important;font-size:12.5px;color:var(--cg-tx2)}
.fx-cf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px!important}
/* bill: a bill and the codes lifted off it */
.fx-bill{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.fx-doc{padding:14px 16px;border-radius:12px;background:linear-gradient(180deg,rgb(255 255 255 / .13),rgb(255 255 255 / .05));box-shadow:inset 0 0 0 1px rgb(255 255 255 / .18)}
.fx-dh{display:grid;gap:2px;margin-bottom:12px!important}
.fx-dh b{font-weight:500}
.fx-dh span{font-size:12px;color:var(--cg-tx2)}
.fx-dt{display:flex;align-items:baseline;gap:10px;margin-top:12px!important;padding-top:10px;border-top:1px solid var(--cg-line2);font-size:12px;color:var(--cg-tx2)}
.fx-dt b{font:500 16px/1 var(--cg-font);color:#fff}
.fx-lift{display:grid;justify-items:start;gap:8px;margin:0 0 34px -26px;position:relative;z-index:1}
/* nodes: entities and the balances between them */
.fx-net{position:relative;height:196px}
.fx-net svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fx-net line{stroke:rgb(255 255 255 / .5);stroke-linecap:round}
.fx-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-content:center;justify-items:center;gap:3px;width:56px;height:56px;border-radius:50%;background:linear-gradient(180deg,rgb(255 255 255 / .1),rgb(255 255 255 / .03)),rgb(6 16 34 / .4);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .46),0 12px 26px -12px rgb(2 10 28 / .8);font:500 14px/1 var(--cg-font);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.fx-node b{font-weight:500}
.fx-node em{font:500 9.5px/1 var(--cg-font);font-style:normal;letter-spacing:.04em;color:var(--cg-tx2)}
.fx-nl{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;padding:5px 6px 5px 10px;border-radius:999px;background:rgb(10 22 40 / .72);box-shadow:inset 0 0 0 1px var(--cg-line2);font-size:12px;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fx-nk{display:inline-grid;place-items:center;width:18px;height:18px}
.fx-nk .b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#0c1f26}
.fx-nk .b svg{width:13px;height:13px;stroke-width:2.4}
/* compare: two answers side by side */
.fx-cmp{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:8px}
.fx-cc{padding:13px 14px;border-radius:13px;background:linear-gradient(180deg,rgb(255 255 255 / .15),rgb(255 255 255 / .06));box-shadow:inset 0 0 0 1px var(--cg-line)}
.fx-cc .fx-ct{margin-top:3px!important;font:400 12.5px/1.3 var(--cg-font)}
.fx-cc b{display:block;margin-top:10px;font:500 19px/1.1 var(--cg-font);letter-spacing:-.015em}
.fx-cc.b b{color:var(--cg-you)}
.fx-cs{margin-top:4px!important;font-size:11.5px;color:var(--cg-tx2)}
.fx-ne{justify-self:center;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cg-you);color:#2a1c05;font:600 16px/1 var(--cg-font);box-shadow:0 0 0 5px rgb(255 212 156 / .18)}
.fx-held{display:flex;align-items:center;gap:12px;margin-top:14px!important;font-size:12.5px;color:rgb(255 255 255 / .9)}
/* clients: a firm's clients */
.fx-clients{padding:12px}
.fx-cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.fx-cl{display:grid;grid-template-columns:auto minmax(0,1fr);row-gap:8px;align-items:center;padding:10px;border-radius:10px;background:rgb(6 16 34 / .16);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .16);font-size:12.5px}
.fx-cl>i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .34);font:500 11px/1 var(--cg-font);font-style:normal}
.fx-cl em{justify-self:end;font-style:normal;font-size:11.5px;white-space:nowrap}
.fx-cl b{grid-column:1/-1;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-cl .fx-ok svg{width:13px;height:13px}
.fx-you,.fx-run{display:inline-flex;align-items:center;gap:5px}
.fx-you{color:var(--cg-you)}
.fx-you i{width:6px;height:6px;border-radius:50%;background:currentColor}
.fx-run .cg-spin{width:10px;height:10px}
.fx-clients .fx-spot{box-shadow:inset 0 0 0 1.5px rgb(255 255 255 / .72),inset 0 1px 0 rgb(255 255 255 / .3),0 14px 28px -14px rgb(2 10 28 / .85)}

/* days: this close against last year's */
.fx-days{padding:16px 16px 14px}
.fx-dbig{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.fx-dbig b{font:500 38px/1 var(--cg-font);letter-spacing:-.03em}
.fx-dbig span{font-size:12.5px;color:var(--cg-tx2)}
.fx-drow{display:grid;grid-template-columns:96px minmax(0,1fr) 56px;align-items:center;column-gap:12px;margin-top:14px;font-size:12.5px}
.fx-drow.q{margin-top:8px;color:var(--cg-tx2)}
.fx-sq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.fx-sq i{height:16px;border-radius:4px}
.fx-sq .ok{background:#fff}
.fx-sq .you{background:var(--cg-you)}
.fx-sq .was{background:rgb(255 255 255 / .16);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .12)}
.fx-sq .no{box-shadow:inset 0 0 0 1px rgb(255 255 255 / .14)}
/* bars: each account's change against the threshold's line */
.fx-bars{padding:6px 16px 10px}
.fx-bh,.fx-bl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 76px;column-gap:12px}
.fx-bh{padding:9px 0;border-bottom:1px solid var(--cg-line2);font-size:12px;color:var(--cg-tx2)}
.fx-bb{grid-column:2/4}
.fx-bl{padding:4px 0}
.fx-line{grid-column:2;grid-row:1/-1;justify-self:start;width:0;margin-left:calc(var(--ln) * 100%);border-left:1px dashed rgb(255 255 255 / .6)}
.fx-br{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;padding:7px 0}
.fx-bn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-trk{position:relative;height:12px}
.fx-bar{position:absolute;left:0;top:1px;height:10px;border-radius:2px 3px 3px 2px;background:#fff}
.fx-br.you .fx-bar{background:var(--cg-you)}
.fx-bf{text-align:right;white-space:nowrap}
.fx-br.you .fx-bf,.fx-br.you .fx-bn{color:var(--cg-you)}
.fx-bars .fx-spot{margin:2px -10px;padding:9px 10px}
.fx-rest{display:flex;align-items:center;gap:8px;padding:9px 0 3px;border-top:1px solid var(--cg-line2);font-size:12px;color:var(--cg-tx2)}
.fx-rest svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-pop-fx{width:min(380px,100%);max-width:min(380px,100%)}
.fx-je em{display:block;font-style:normal;font-size:11.5px;color:var(--cg-tx2)}
.fx-je.you b,.fx-je.you>span{color:var(--cg-you)}
.fx-fix{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px!important;padding-top:10px;border-top:1px solid var(--cg-line2);font-size:12px;color:var(--cg-tx2)}
/* paper: a workpaper and its ticks */
.fx-wp{padding:4px 16px 8px}
.fx-wl{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;column-gap:12px;align-items:center;padding:9px 0}
.fx-wl+.fx-wl{border-top:1px solid var(--cg-line2)}
.fx-wl u{text-decoration:none;white-space:nowrap}
.fx-wl.tot{font-weight:500}
.fx-wl.tot u{padding-bottom:2px;border-bottom:3px double rgb(255 255 255 / .75)}
.fx-tk{justify-self:end;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .5);font:600 10.5px/1 var(--cg-font);color:#fff}
.fx-tk.spot{background:#fff;color:#0c1f26;box-shadow:0 0 0 4px rgb(255 255 255 / .2)}
/* year: twelve months of findings */
.fx-yr{padding:12px 16px 10px}
.fx-yh{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--cg-tx2)}
.fx-ym{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;align-items:end;height:92px;margin-top:10px}
.fx-ym span{display:flex;flex-direction:column-reverse;align-items:center;gap:5px}
.fx-ym i{width:10px;height:10px;border-radius:50%;background:rgb(255 255 255 / .82)}
.fx-ym i.you{background:var(--cg-you);box-shadow:0 0 0 5px rgb(255 212 156 / .22)}
/* flow: entities into a consolidation */
.fx-flow{display:grid;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);align-items:center}
.fx-ents{display:grid;gap:8px}
.fx-ent{padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,rgb(255 255 255 / .14),rgb(255 255 255 / .06));box-shadow:inset 0 0 0 1px var(--cg-line)}
.fx-ek{display:flex;align-items:center;gap:8px;margin-bottom:6px!important;font-size:12px;color:var(--cg-tx2)}
.fx-ek i{display:grid;place-items:center;min-width:24px;height:20px;padding:0 5px;border-radius:6px;background:rgb(255 255 255 / .16);font:500 10.5px/1 var(--cg-font);font-style:normal;color:#fff}
.fx-ent .fx-je,.fx-res .fx-je{font-size:12.5px}
.fx-mid{position:relative;align-self:stretch;display:grid;place-items:center}
.fx-mid svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fx-mid path{fill:none;stroke:rgb(255 255 255 / .5);stroke-width:1.2}
.fx-elim{position:relative;display:grid;justify-items:center;gap:2px;padding:9px 10px;font-size:11px;color:var(--cg-tx2);text-align:center}
.fx-elim b{font:500 12.5px/1.2 var(--cg-font);color:#fff;white-space:nowrap}
.fx-res{padding:12px 14px}
.fx-res .fx-je.tot{margin-top:8px!important;padding-top:8px;border-top:1px solid var(--cg-line2);font-weight:500}
/* trend: a closed month beside the months forecast from it */
.fx-trend{padding:12px 16px 10px}
.fx-tc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;height:170px;margin-top:12px}
.fx-t{display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:6px;height:100%;font-size:12px}
.fx-t b{align-self:end;font-weight:500;font-size:12px;white-space:nowrap}
.fx-t i{position:relative;align-self:end;width:100%;height:var(--v);border-radius:6px 6px 2px 2px}
.fx-t.ok i{background:#fff}
.fx-t.f i{background:rgb(255 255 255 / .1);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .5);border:1px dashed transparent}
.fx-t.f b{color:var(--cg-tx2)}
.fx-t>span{color:var(--cg-tx2)}
.fx-t.ok>span{font-weight:600;color:#fff}
.fx-t u{position:absolute;left:0;right:0;bottom:var(--bv);border-top:1.5px dashed rgb(12 31 38 / .6)}
.fx-t u em{position:absolute;left:8px;top:5px;font-style:normal;font-size:11px;font-weight:500;color:#0c1f26;white-space:nowrap}
/* kpis: a dashboard's few figures */
.fx-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fx-kpi{padding:13px 14px;border-radius:13px;background:linear-gradient(180deg,rgb(255 255 255 / .14),rgb(255 255 255 / .06));box-shadow:inset 0 0 0 1px var(--cg-line)}
.fx-kpi b{display:block;margin-top:6px;font:500 21px/1.1 var(--cg-font);letter-spacing:-.02em}
.fx-kpi .fx-ck{color:rgb(255 255 255 / .92)}
.fx-kpi .fx-cs{margin-top:6px!important}
.fx-kpi.fx-spot{background:linear-gradient(180deg,rgb(255 255 255 / .22),rgb(255 255 255 / .1));box-shadow:inset 0 0 0 1px rgb(255 255 255 / .4),0 16px 32px -16px rgb(2 10 28 / .75)}
.fx-kv{display:grid;gap:14px;margin-top:16px}
.fx-krs{display:grid}
.fx-kr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:11px 4px}
.fx-kr+.fx-kr{border-top:1px solid var(--cg-line)}
.fx-kl{display:grid;gap:4px;min-width:0}
.fx-kl .fx-cs{margin-top:0!important}
.fx-kr b{font:500 19px/1.1 var(--cg-font);letter-spacing:-.02em;white-space:nowrap}
.fx-kf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px!important}
.fx-kf>b{font:500 32px/1 var(--cg-font);letter-spacing:-.03em}
.fx-kf .fx-ck{color:var(--cg-tx,#fff);font-weight:500}

/* ---- the play: each shape does its job once, then rests ---- */
.gs.pre .fx-cam{transform:scale(var(--z0,1.5))}
.gs.on .fx-cam{animation:fx-pull 1s cubic-bezier(.3,.6,.15,1) var(--zd,.45s) both}
@keyframes fx-pull{from{transform:scale(var(--z0,1.5))}to{transform:none}}
.gs.pre .fx-pop{opacity:0}
.gs.on .fx-pop{transform-origin:30px 0;animation:fx-pop .5s cubic-bezier(.2,.8,.25,1.12) var(--pdl,1s) both}
@keyframes fx-pop{from{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:none}}
.gs.pre .fx-m.used i::after,.gs.pre .fx-m.now i::after{transform:scaleX(0)}
.gs.pre .fx-dy i::after{transform:scaleY(0)}
.gs.on .fx-dy i::after{animation:g-rise .3s ease-out both;animation-delay:var(--d)}
.gs.on .fx-m.used i::after,.gs.on .fx-m.now i::after{animation:g-grow .3s ease-out both;animation-delay:var(--d)}
.gs.pre .fx-sheet,.gs.pre .fx-cover{opacity:0}
.gs.on .fx-sheet,.gs.on .fx-cover{animation:g-in .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d)}
.gs.pre .fx-lift .fx-chip{opacity:0}
.gs.on .fx-lift .fx-chip{animation:fx-lift .5s cubic-bezier(.2,.8,.25,1.1) both;animation-delay:var(--d)}
@keyframes fx-lift{from{opacity:0;transform:translateX(-22px) scale(.92)}to{opacity:1;transform:none}}
.gs.pre .fx-net line{stroke-dasharray:1 400;opacity:0}
.gs.on .fx-net line{animation:fx-draw .5s ease-out both;animation-delay:var(--d)}
@keyframes fx-draw{from{opacity:0}to{opacity:1}}
.gs.pre .fx-sq .ok,.gs.pre .fx-sq .you{opacity:0}
.gs.on .fx-sq .ok,.gs.on .fx-sq .you{animation:g-pop .35s ease-out both;animation-delay:var(--d)}
.gs.pre .fx-bar{transform:scaleX(0)}
.gs.on .fx-bar{transform-origin:left;animation:g-grow .45s cubic-bezier(.3,.7,.2,1) both;animation-delay:var(--d)}
.gs.pre .fx-ent,.gs.pre .fx-kpi,.gs.pre .fx-kr,.gs.pre .fx-kf{opacity:0}
.gs.on .fx-ent,.gs.on .fx-kpi,.gs.on .fx-kr,.gs.on .fx-kf{animation:g-in .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d)}
.gs.pre .fx-t i{transform:scaleY(0)}
.gs.on .fx-t i{transform-origin:bottom;animation:g-rise .5s cubic-bezier(.3,.7,.2,1) both;animation-delay:var(--d)}
.gs.pre .fx-ym i{opacity:0}
.gs.on .fx-ym i{animation:g-pop .3s ease-out both;animation-delay:var(--d)}
@media (prefers-reduced-motion:reduce){.gs.on .fx-cam,.gs.on .fx-pop{animation:none}}

/* ---- a short panel (a stacked card on a short window): the quiet rows go first, then the asides ---- */
@container pnl (max-height:460px){
  .fx-pairs .fx-q,.fx-reg .fx-q{display:none}
  .fx-pr,.fx-rr{padding:8px 0}
  .fx-chips1,.fx-pn{display:none}
}
@container pnl (max-height:404px){
  .fx-pairs .fx-note{display:none}
  .fx-sh b{font-size:18px}
  .fx-months,.fx-strip{margin-top:10px}
  .fx-sf{margin-top:10px}
  .fx-tie{margin-top:10px}
  .fx-pop{margin-top:10px}
  .fx-reg .fx-rr:not(.fx-new) .cg-two>span,.fx-reg .fx-rh{display:none}
  .fx-pop-dep{padding-top:10px;padding-bottom:10px}
  .fx-dep{height:42px}
}

/* ---- narrow glass (a phone, or a small tile): the same screens, fewer words ---- */
@container (max-width:440px){
  .fx-pi.l u,.fx-pi em{display:none}
  .fx-pi{row-gap:0}
  .fx-ph,.fx-pr{grid-template-columns:minmax(0,.8fr) 26px minmax(0,1.2fr);column-gap:8px}
  .fx-cg{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .fx-cl{column-gap:4px;padding:8px 6px}
  .fx-cl b{display:none}
  .fx-drow{grid-template-columns:76px minmax(0,1fr) 44px;column-gap:8px}
  .fx-bh,.fx-bl{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 68px;column-gap:8px}
  .fx-stat,.fx-lead{display:none}
}
@container (max-width:600px){
  .fx-flow{grid-template-columns:minmax(0,1fr);row-gap:10px}
  .fx-mid{min-height:48px}
  .fx-mid svg{display:none}
  .fx-kpis{gap:8px}
  .fx-kpi{padding:11px 12px}
  .fx-kpi b{font-size:18px}
}
/* on a phone a pair's name and amount stack, so neither is cut off */
@media (max-width:560px){.fx-pi{grid-template-columns:minmax(0,1fr)}.fx-pi b{white-space:normal;line-height:1.3}.fx-pi u{grid-column:1;grid-row:auto;justify-self:start}.fx-bn{font-size:11.5px}}
/* except in the homepage's agent cards, whose panels have a fixed height: there the screen keeps its one-line title and side-by-side pairs */
@media (max-width:560px){:is(.pnl,.shot) .cg-bar{flex-wrap:nowrap;padding-top:0;padding-bottom:0}:is(.pnl,.shot) .cg-bar b,:is(.pnl,.shot) .cg-bar b *{white-space:nowrap}:is(.pnl,.shot) .fx-tt>span:last-child{overflow:hidden}:is(.pnl,.shot) .fx-pi{grid-template-columns:minmax(0,1fr) auto}:is(.pnl,.shot) .fx-pi b{white-space:nowrap}:is(.pnl,.shot) .fx-pi u{grid-column:2;grid-row:1/3;align-self:center}}


/* ---- the blog (site-blog.js): the index's latest guide and cards, and an article's column, contents and blocks ---- */
.bi-sec{padding-block:clamp(24px,3vw,40px)}
.bi-sec+.bi-sec{padding-top:clamp(40px,5vw,72px)}
a.bi-feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;padding:12px;border-radius:26px;color:inherit;text-decoration:none;
  background:linear-gradient(180deg,rgb(255 255 255 / .05),rgb(255 255 255 / .02));box-shadow:inset 0 0 0 1px rgb(255 255 255 / .08);transition:box-shadow .3s}
a.bi-feat:hover{box-shadow:inset 0 0 0 1px rgb(201 186 255 / .3)}
.bi-feat .mp-st{min-height:clamp(280px,30vw,380px)}
.bi-feat .bi-tx{padding:12px clamp(8px,2vw,24px) 12px 0}
.bi-feat .bi-ti{font:500 clamp(28px,2.7vw,40px)/1.1 var(--serif);letter-spacing:-.025em}
.bi-new{display:inline-block;margin-right:8px;padding:5px 10px;border-radius:99px;background:linear-gradient(135deg,#c9baff,#ff9fd5);color:#1d1830;font:600 11px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase}
.bi-go{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font:500 15px/1 var(--sans);color:var(--ink)}
.bi-feat:hover .bi-go .sx-arw,.bi-card a:hover .sx-arw{transform:translateX(3px)}
.bi-tx{display:grid;align-content:start;justify-items:start;gap:12px;min-width:0}
.bi-tx .bi-ti{color:var(--ink);text-wrap:balance}
.bi-dek{font-size:15.5px;line-height:1.55;color:var(--copy);text-wrap:pretty}
.bi-mt{font-size:13px;color:var(--muted)}
.bp-cat{display:inline-block;padding:5px 10px;border-radius:99px;background:rgb(201 186 255 / .1);box-shadow:inset 0 0 0 1px rgb(201 186 255 / .2);color:#d7ccff;font:500 12px/1 var(--sans)}
.bi-cv{display:block;min-width:0}
.bi-cv .mp{display:block}
.bi-cv .mp-st{min-height:230px}
.bi-cv .mp-c{transform:scale(.84);transform-origin:center}
.bi-feat .bi-cv .mp-c{transform:none}
.bi-bar{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px 32px;margin-bottom:clamp(28px,3vw,40px)}
.bi-h{margin:0;font:500 clamp(30px,3vw,44px)/1.08 var(--serif);letter-spacing:-.028em;color:var(--ink)}
.bi-filters{display:flex;flex-wrap:wrap;gap:8px}
.bi-filters button{appearance:none;height:36px;padding:0 14px;border:0;border-radius:99px;background:rgb(255 255 255 / .05);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .1);color:#cfcbd8;font:500 13.5px/1 var(--sans);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.bi-filters button:hover{color:#fff;box-shadow:inset 0 0 0 1px rgb(201 186 255 / .35)}
.bi-filters button[aria-pressed="true"]{background:#f4f2f8;color:#17141f;box-shadow:none}
.bi-filters button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.bi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,24px);margin:0;padding:0;list-style:none}
.bi-card{display:grid}
.bi-card[hidden]{display:none}
.bi-card a{display:grid;grid-template-rows:auto 1fr;gap:18px;padding:10px 10px 22px;border-radius:22px;color:inherit;text-decoration:none;
  background:linear-gradient(180deg,rgb(255 255 255 / .05),rgb(255 255 255 / .02));box-shadow:inset 0 0 0 1px rgb(255 255 255 / .08);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.bi-card a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgb(201 186 255 / .3)}
.bi-card .bi-tx{padding:0 12px}
.bi-card .bi-ti{font:500 21px/1.22 var(--serif);letter-spacing:-.016em}
.bi-card .bi-dek{font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bi-card a:focus-visible,a.bi-feat:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.bi-rss{margin:28px 0 0;text-align:center}
.bi-rss a{font:500 14px/1 var(--sans);color:var(--muted)}
.bi-more .bi-grid{margin-top:var(--sx-head,48px)}

/* an article: a readable column, the contents beside it on a wide window */
.bp-head{display:grid;justify-items:center;text-align:center;padding-top:clamp(48px,7vw,104px)}
.bp-crumb ol{display:flex;gap:10px;margin:0 0 22px;padding:0;list-style:none;font:500 13px/1 var(--sans);color:var(--muted)}
.bp-crumb li+li::before{content:"/";margin-right:10px;opacity:.5}
.bp-crumb a{color:var(--muted);text-decoration:none}
.bp-crumb a:hover{color:var(--ink)}
.bp-head h1{max-width:17em;margin:0;font:500 clamp(38px,4.6vw,64px)/1.04 var(--serif);letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.bp-dek{max-width:38em;margin:22px 0 0;font-size:clamp(17px,1.35vw,19px);line-height:1.55;color:var(--copy);text-wrap:pretty}
.bp-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin-top:28px;font-size:14px;color:var(--muted)}
.bp-av{width:36px;height:36px;border-radius:50%;background:conic-gradient(from 210deg,#c9baff,#ff9fd5,#ffbf8e,#c9baff);box-shadow:inset 0 0 0 2px rgb(16 15 20 / .35)}
.bp-by{display:grid;gap:2px;text-align:left}
.bp-by b{font-weight:500;color:var(--ink)}
.bp-by small{font-size:12.5px}
.bp-sep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}
.bp-cover{margin:clamp(36px,4vw,56px) 0 0}
.bp-cover .mp{display:block}
.bp-cover .mp-st{min-height:clamp(280px,30vw,420px);border-radius:24px}
.bp-cover .mp-c{transform:scale(1.12)}
.bp-cover figcaption{margin-top:12px;text-align:center;font-size:12.5px;color:var(--muted)}
.bp-grid{display:grid;grid-template-columns:220px minmax(0,700px);justify-content:center;gap:clamp(40px,6vw,96px);padding-block:clamp(48px,6vw,80px) clamp(24px,3vw,40px)}
.bp-toc{position:sticky;top:96px;align-self:start;display:grid;gap:14px}
.bp-toc ol{display:grid;gap:4px;margin:0;padding:0;list-style:none;border-left:1px solid rgb(255 255 255 / .1)}
.bp-toc a{display:block;margin-left:-1px;padding:6px 0 6px 14px;border-left:1px solid transparent;font:400 13.5px/1.4 var(--sans);color:var(--muted);text-decoration:none;transition:color .2s,border-color .2s}
.bp-toc a:hover{color:var(--ink)}
.bp-toc a.on{color:var(--ink);border-left-color:#c9baff}
.bp-top{font:500 13px/1 var(--sans);color:var(--muted);text-decoration:none}
.bp-k{margin:0;font:500 11px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.bp-body{min-width:0;font-size:17px;line-height:1.7;color:var(--copy)}
.bp-body>*+*{margin-top:1.1em}
.bp-body h2{margin-top:2.2em;font:500 clamp(26px,2.2vw,32px)/1.18 var(--serif);letter-spacing:-.022em;color:var(--ink);scroll-margin-top:96px}
.bp-body h3{margin-top:1.8em;font:600 19px/1.3 var(--sans);color:var(--ink)}
.bp-body p{margin-bottom:0}
.bp-body strong{font-weight:600;color:var(--ink)}
.bp-body a:not([class]){color:var(--ink);text-decoration:underline;text-decoration-color:rgb(201 186 255 / .6);text-underline-offset:3px}
.bp-body a:not([class]):hover{text-decoration-color:currentColor}
.bp-body ul,.bp-body ol{padding-left:1.3em}
.bp-body li+li{margin-top:.45em}
.bp-body li::marker{color:#c9baff}
.bp-tldr{padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,rgb(146 116 255 / .12),rgb(255 159 213 / .06));box-shadow:inset 0 0 0 1px rgb(201 186 255 / .2)}
.bp-tldr ul{margin:12px 0 0;font-size:16px;line-height:1.6}
.bp-note{padding:18px 22px;border-left:2px solid #c9baff;border-radius:0 14px 14px 0;background:rgb(255 255 255 / .04)}
.bp-note p:not(.bp-k){margin-top:8px;font-size:15.5px}
.bp-tbl{margin-inline:0}
.bp-tbl-s{overflow-x:auto;border-radius:16px;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .1)}
.bp-tbl table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.45}
.bp-tbl th,.bp-tbl td{padding:11px 16px;text-align:left;vertical-align:top;border-top:1px solid rgb(255 255 255 / .08)}
.bp-tbl thead th{border-top:0;background:rgb(255 255 255 / .04);font:500 12px/1.3 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.bp-tbl tbody th{font-weight:500;color:var(--ink)}
.bp-tbl .bp-n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bp-tbl .bp-tot th,.bp-tbl .bp-tot td{font-weight:600;color:var(--ink);border-top:1px solid rgb(255 255 255 / .22)}
.bp-tbl figcaption{margin-top:10px;font-size:13px;color:var(--muted)}
.bp-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bp-cmp>div{padding:18px 20px;border-radius:16px;font-size:15.5px;line-height:1.55}
.bp-cmp p:not(.bp-k){margin-top:8px}
.bp-cmp-w{background:rgb(255 255 255 / .03);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .08)}
.bp-cmp-s{background:linear-gradient(135deg,rgb(146 116 255 / .14),rgb(255 159 213 / .07));box-shadow:inset 0 0 0 1px rgb(201 186 255 / .25)}
a.bp-prod{display:flex;align-items:center;gap:16px;margin-top:2.4em;padding:18px 20px;border-radius:18px;color:inherit;text-decoration:none;background:rgb(255 255 255 / .04);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .1);transition:box-shadow .3s}
a.bp-prod:hover{box-shadow:inset 0 0 0 1px rgb(201 186 255 / .35)}
.bp-prod>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0;font-size:15px;line-height:1.45}
.bp-prod b{font:500 18px/1.25 var(--sans);color:var(--ink)}
.bp-prod-i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:rgb(201 186 255 / .1);color:#d4c8ff}
.bp-prod-i .sx-ic{width:22px;height:22px}
.bp-prod>.sx-arw{flex:none;color:#c9baff}
.bp-prod:hover>.sx-arw{transform:translateX(3px)}
.zl .bp-cat{background:rgb(90 63 213 / .07);box-shadow:inset 0 0 0 1px rgb(90 63 213 / .16);color:#4a35b8}
.zl a.bi-feat,.zl .bi-card a{background:#fff;box-shadow:inset 0 0 0 1px rgb(22 20 30 / .07),0 1px 2px rgb(22 20 30 / .04),0 24px 48px -36px rgb(40 28 90 / .35)}
.zl a.bi-feat:hover,.zl .bi-card a:hover{box-shadow:inset 0 0 0 1px rgb(90 63 213 / .3),0 24px 48px -36px rgb(40 28 90 / .45)}
.zl .bi-filters button{background:#fff;box-shadow:inset 0 0 0 1px rgb(22 20 30 / .1);color:#4a4756}
.zl .bi-filters button[aria-pressed="true"]{background:#17141f;color:#fff}
.zl .bi-new{color:#fff;background:linear-gradient(135deg,#6a4ae0,#c9418f)}
.zl .bp-toc ol{border-left-color:var(--rule)}
.zl .bp-toc a.on{border-left-color:#5a3fd5}
.zl .bp-body li::marker{color:#5a3fd5}
.zl .bp-body a:not([class]){text-decoration-color:rgb(90 63 213 / .5)}
.zl .bp-tldr{background:linear-gradient(135deg,rgb(90 63 213 / .07),rgb(201 65 143 / .04));box-shadow:inset 0 0 0 1px rgb(90 63 213 / .14)}
.zl .bp-note{border-left-color:#5a3fd5;background:rgb(90 63 213 / .04)}
.zl .bp-tbl-s{box-shadow:inset 0 0 0 1px var(--rule)}
.zl .bp-tbl th,.zl .bp-tbl td{border-top-color:var(--rule)}
.zl .bp-tbl thead th{background:#f6f4fb}
.zl .bp-tbl .bp-tot th,.zl .bp-tbl .bp-tot td{border-top-color:rgb(22 20 30 / .25)}
.zl .bp-cmp-w{background:#fff;box-shadow:inset 0 0 0 1px var(--rule)}
.zl .bp-cmp-s{background:linear-gradient(135deg,rgb(90 63 213 / .08),rgb(201 65 143 / .05));box-shadow:inset 0 0 0 1px rgb(90 63 213 / .18)}
.zl a.bp-prod{background:#fff;box-shadow:inset 0 0 0 1px rgb(22 20 30 / .08)}
.zl .bp-prod-i{background:rgb(90 63 213 / .07);color:#5a3fd5}
.zl .bp-prod>.sx-arw{color:#5a3fd5}
@media (max-width:1060px){.bp-grid{grid-template-columns:minmax(0,700px)}.bp-toc{display:none}.bi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}a.bi-feat{grid-template-columns:minmax(0,1fr)}.bi-feat .bi-tx{padding:8px 14px 18px}}
@media (max-width:640px){.bi-grid{grid-template-columns:minmax(0,1fr)}.bp-cmp{grid-template-columns:minmax(0,1fr)}.bp-cover .mp-c{transform:none}.bp-body{font-size:16.5px}.bp-tbl th,.bp-tbl td{padding:10px 12px}}