/* VAULT · the marketing page · 8 · trust — the six small pictures, each its promise working (m-trust.js draws and loops them). */
.tgrid .il svg{display:block;overflow:visible}
.tgrid .il text{font-family:var(--sans)}
.tgrid .il path,.tgrid .il line{fill:none}

/* it never moves money */
.tgrid [data-il=money] .mk{font:500 9.5px var(--mono);letter-spacing:.16em;fill:rgba(245,245,247,.45)}
.tgrid [data-il=money] .wl{stroke:rgba(77,163,255,.55);stroke-dasharray:2 5}
.tgrid [data-il=money] .pd{stroke:rgba(77,163,255,.55);stroke-dasharray:2 3;transform-box:fill-box;transform-origin:50% 0}
.tgrid [data-il=money] .pe{fill:#4da3ff;transform-box:fill-box;transform-origin:center}
.tgrid [data-il=money] .ln{stroke:rgba(255,214,10,.3);stroke-width:2;stroke-linecap:round}
.tgrid [data-il=money] .pr{fill:none;stroke:rgba(245,245,247,.5);stroke-width:1.3}
.tgrid [data-il=money] .bk path,.tgrid [data-il=money] .bkg path{fill:none;stroke:rgba(245,245,247,.55);stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}
.tgrid [data-il=money] .bkg path{stroke:#ffd60a}
.tgrid [data-il=money] .bl{font-size:9.5px;fill:rgba(245,245,247,.45)}

/* passkeys, not passwords */
.tgrid .pk{display:flex;align-items:center;gap:18px;height:100%}
.tgrid .pk .fp{flex:none;filter:drop-shadow(0 0 12px rgba(180,210,255,.35))}
.tgrid .pk .sg{position:relative;min-width:0;padding-left:13px;display:flex;flex-direction:column;gap:1px}
.tgrid .pk .bd{position:absolute;left:0;top:4px;bottom:4px;width:1.5px;border-radius:1px;background:linear-gradient(rgba(91,227,127,.25),#5be37f 40%,#5be37f 60%,rgba(91,227,127,.25));transform-origin:50% 0}
.tgrid .pk small{font-size:11.5px;color:var(--f)}
.tgrid .pk b{display:block;font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--t);white-space:nowrap}
.tgrid .pk span{font-size:12.5px;line-height:1.45;color:var(--m);white-space:nowrap}
.tgrid .pk em{font-style:normal;font-size:12.5px;line-height:1.45;color:#5be37f;white-space:nowrap}

/* a record that cannot be rewritten */
.tgrid [data-il=chain] .bk{fill:rgba(255,255,255,.04);stroke-width:1.4}
.tgrid [data-il=chain] .l1,.tgrid [data-il=chain] .l2{stroke-width:2;stroke-linecap:round}
.tgrid [data-il=chain] .l1{transform-box:fill-box;transform-origin:0 50%}
.tgrid [data-il=chain] .l2{stroke:rgba(245,245,247,.22)}
.tgrid [data-il=chain] .la,.tgrid [data-il=chain] .lb{stroke-width:1.6}
.tgrid [data-il=chain] .sp{transform-box:fill-box;transform-origin:center}
.tgrid [data-il=chain] .t1{font-size:10.5px;fill:#ffd60a}
.tgrid [data-il=chain] .t2{font-size:10.5px;fill:#ff8a80}

/* every rule on its page */
.tgrid [data-il=page] .pa{fill:#f2f1ec}
.tgrid [data-il=page] .tx{stroke:#cfcdc6;stroke-width:4;stroke-linecap:round}
.tgrid [data-il=page] .mr{fill:rgba(255,214,10,.82);transform-box:fill-box;transform-origin:0 50%}
.tgrid [data-il=page] .wd{stroke:#1b1c1f;stroke-width:3;stroke-linecap:round}
.tgrid [data-il=page] .pn{font:600 7.5px var(--mono);fill:#c79a00}
.tgrid [data-il=page] .ed{transform-box:fill-box;transform-origin:center}
.tgrid [data-il=page] .a1{font-size:13px;font-weight:500;fill:#F5F5F7}
.tgrid [data-il=page] .a2{font-size:12px;fill:rgba(245,245,247,.55)}

/* the right people are told */
.tgrid [data-il=told] .dl{stroke:rgba(245,245,247,.18);stroke-dasharray:3 5}
.tgrid [data-il=told] .bs{stroke:rgba(77,163,255,.2);stroke-width:1.4}
.tgrid [data-il=told] .br{stroke:rgba(77,163,255,.85);stroke-width:1.6}
.tgrid [data-il=told] .cm{stroke:#fff;stroke-width:2.2;stroke-linecap:round;opacity:0}
.tgrid [data-il=told] .fd{fill:#ff453a;transform-box:fill-box;transform-origin:center}
.tgrid [data-il=told] .rp{fill:none;stroke:#ff453a;stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center}
.tgrid [data-il=told] .no{fill:none;stroke:rgba(245,245,247,.25)}
.tgrid [data-il=told] .on{transform-box:fill-box;transform-origin:center}
.tgrid [data-il=told] .on text{font-size:9.5px;font-weight:700;fill:#000}
.tgrid [data-il=told] .tl{position:absolute;font-size:12px;line-height:18px;color:#F5F5F7;white-space:nowrap}
.tgrid [data-il=told] .tl.nb{color:rgba(245,245,247,.4)}

/* every look is logged */
.tgrid [data-il=log] .lgx{padding-top:5px;font:500 11px/1.9 var(--mono);white-space:nowrap}
.tgrid [data-il=log] .lgx>div{color:rgba(245,245,247,.36);transition:color .6s var(--ease)}
.tgrid [data-il=log] .lgx>div.nw{color:#F5F5F7}
.tgrid [data-il=log] .lgx i{font-style:normal;margin-left:6px;font-size:8px;vertical-align:1px;color:#ff453a;opacity:0}
.tgrid [data-il=log] .lgx .nw i{opacity:1}
.tgrid.on [data-il=log] .lgx .nw i{animation:trRec 1.1s steps(1) infinite}
@keyframes trRec{50%{opacity:.15}}