/* VAULT · the marketing page · 3 · How it works — the four pictures (m-how.js builds and moves them; 9 Nov 2026, board 10 screens 3
   and 3b). Dark, like VAULT. Colour only where it means something: blue reads, gold is the rule's own words and the money on its way,
   green has passed, amber waits, red holds, lavender is COSMIC. Every picture is drawn 630px wide and scaled to its place. */

/* the rail: a thin light grows down to the bead of the step being read */
.how-g .steps .rail:before{content:"";position:absolute;left:0;top:0;width:1px;height:var(--hp,0px);pointer-events:none;
 background:linear-gradient(rgba(77,163,255,0),rgba(77,163,255,.7));transition:height var(--hpt,.9s) var(--ease)}

/* the stage: four layers, one on at a time; the old recedes, the new comes forward */
.how-g .stage .vl{position:absolute;inset:0;visibility:hidden;transform-origin:50% 46%;will-change:transform,opacity}  /* each its own layer: moving one never repaints another */
.how-g .stage .vl.on{visibility:visible}
.how-g .stage .vl:not(.on) *{animation-play-state:paused}                 /* a hidden picture's small loops wait */
.how-g .stage .vg{position:absolute;left:0;top:0;transform-origin:0 0}
.how-g .vig-m.wd{position:relative}
.how-g .vig-m.wd .vg{position:absolute;left:0;top:0;transform-origin:0 0}

/* a picture */
.how-g .vg{position:relative;width:630px;isolation:isolate;color:var(--t);font-family:var(--sans);text-align:left;line-height:1.4;-webkit-user-select:none;user-select:none}
.how-g .vg.nar{width:auto}
.how-g .vg .amb{position:absolute;z-index:-1;left:-14%;right:-14%;top:-12%;bottom:-12%;pointer-events:none;background:radial-gradient(closest-side,rgba(var(--am),.11),rgba(var(--am),0))}
.how-g .vg.nar{min-width:0;max-width:100%}
.how-g .vg.nar .amb{left:0;right:0}
.how-g .v1{--am:77,163,255}.how-g .v2{--am:255,214,10}.how-g .v3{--am:255,90,60}.how-g .v4{--am:214,196,255}
.how-g .vg svg{display:block}
.how-g .hc{position:relative;border-radius:24px;padding:22px 24px;background:linear-gradient(180deg,rgba(30,31,36,.94),rgba(14,15,18,.97));
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 40px 110px rgba(0,0,0,.6)}
.how-g .k1{font:500 11px/1.2 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--f);white-space:nowrap}
.how-g .chip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:500;line-height:1;white-space:nowrap;background:rgba(255,255,255,.07);color:var(--m)}
.how-g .chip>i{flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
.how-g .chip.r{background:rgba(255,69,58,.15);color:#ff8a80}.how-g .chip.r>i{box-shadow:0 0 8px rgba(255,69,58,.9)}
.how-g .chip.ok{background:rgba(48,209,88,.13);color:#5be37f}
.how-g .chip.cb{background:rgba(77,163,255,.12);color:#8fc4ff}.how-g .chip.cb>i{box-shadow:0 0 8px rgba(77,163,255,.9)}
.how-g .cos{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(214,196,255,.35);
 font:600 10.5px/1 var(--mono);letter-spacing:.18em;color:var(--cos);white-space:nowrap}
.how-g .cos>i{flex:none;width:6px;height:6px;border-radius:50%}
.how-g .cos>i:nth-child(1){background:#4da3ff;box-shadow:0 0 8px rgba(77,163,255,.9)}
.how-g .cos>i:nth-child(2){background:#d6c4ff;box-shadow:0 0 8px rgba(214,196,255,.9)}
.how-g .cos>i:nth-child(3){background:#30d158;box-shadow:0 0 8px rgba(48,209,88,.9)}
.how-g .cos b{position:relative;margin-left:3px;font-weight:600}
.how-g .cos .cz{visibility:hidden}.how-g .cos .ty{position:absolute;left:0;top:0;white-space:nowrap}
.how-g .av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;letter-spacing:0;color:#000;background:var(--c)}
.how-g .tk{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.how-g .tk path{stroke-dasharray:1;stroke-dashoffset:0}
.how-g .dm{margin-top:18px;font:500 10px/1.2 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ff)}

/* ---- 01 · Read --------------------------------------------------------------------------------------------------------------- */
.how-g .v1 .hd{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;align-items:center;margin-bottom:8px}
.how-g .v1 .dr{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:16px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}
.how-g .v1 .dr:first-child{border-top:0}
.how-g .v1 .wash{position:absolute;left:-24px;right:-24px;top:0;bottom:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,rgba(77,163,255,.12),rgba(77,163,255,0) 70%)}
.how-g .v1 .th{position:relative;width:36px;height:46px;margin:0 auto}
.how-g .v1 .pp{position:absolute;inset:0;border-radius:3px;overflow:hidden;background:#f2f1ec;box-shadow:0 6px 14px rgba(0,0,0,.5)}
.how-g .v1 .th.s .pp,.how-g .v1 .th.t .pp{box-shadow:3px -3px 0 -.5px #c9c7c0,6px -6px 0 -1px #8d8c87,0 6px 14px rgba(0,0,0,.5)}
.how-g .v1 .ls{position:absolute;left:5px;right:5px;top:5px;bottom:5px}
.how-g .v1 .ls i{display:block;height:2.2px;border-radius:1px;background:#b3b2ac;margin:0 0 3.4px}
.how-g .v1 .ls>i:first-child{height:2.6px;background:#5f5e5a;margin-bottom:4.4px}
.how-g .v1 .ls b{display:flex;justify-content:space-between;margin:0 0 3.4px}.how-g .v1 .ls b i{margin:0}
.how-g .v1 .ls.bl{filter:blur(1.1px);opacity:0}
.how-g .v1 .sc{position:absolute;left:-5px;right:-5px;top:0;height:2px;border-radius:2px;background:#fff;opacity:0;pointer-events:none;
 box-shadow:0 0 6px 1px rgba(170,215,255,.95),0 0 18px 3px rgba(77,163,255,.65)}
.how-g .v1 .sc:before{content:"";position:absolute;left:5px;right:5px;bottom:100%;height:18px;background:linear-gradient(rgba(120,190,255,0),rgba(120,190,255,.32))}
.how-g .v1 .tx b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.how-g .v1 .ct{display:block;height:15px;margin-top:4px;font:500 12px/15px var(--mono);letter-spacing:.02em;color:var(--f);font-variant-numeric:tabular-nums;white-space:nowrap;contain:size layout paint}  /* a rolling count relays out only itself */
.how-g .v1 .st{display:grid;justify-items:end;align-items:center}.how-g .v1 .st>*{grid-area:1/1}
.how-g .v1 .rg{font:500 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#8fc4ff;opacity:0}
.how-g .v1 .ok{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px 0 8px;border-radius:999px;background:rgba(48,209,88,.14);color:#5be37f;font-size:12.5px;font-weight:600;transform-origin:70% 50%}
.how-g .v1 .ft{display:flex;align-items:center;gap:12px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px;line-height:1.4;color:var(--m)}
.how-g .v1 .chm{flex:none;display:flex;flex-direction:column;gap:2px;padding:4px 5px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.how-g .v1 .chm i{display:block;width:15px;height:2.5px;border-radius:1px;background:#5be37f;box-shadow:0 0 6px rgba(48,209,88,.6);transform-origin:0 50%}
.how-g .v1.nar .hc{padding:18px 18px 16px}
.how-g .v1.nar .dr{grid-template-columns:34px minmax(0,1fr) auto;gap:12px}
.how-g .v1.nar .wash{left:-18px;right:-18px}
.how-g .v1.nar .tx b{white-space:normal;font-size:14.5px;line-height:1.25}

/* ---- 02 · Your rulebook ------------------------------------------------------------------------------------------------------ */
.how-g .v2 .w2{position:relative;height:432px}
.how-g .v2 .paper{position:absolute;left:0;top:58px;width:226px;height:318px;border-radius:5px;padding:22px 20px;background:#f2f1ec;color:#1b1c1f;
 box-shadow:0 30px 70px rgba(0,0,0,.6);transform:rotate(-1.2deg)}
.how-g .v2 .paper .hd{font:600 7.5px/1.2 var(--mono);letter-spacing:.2em;color:#8a8a86;white-space:nowrap}
.how-g .v2 .paper .h4{margin:10px 0 12px;font:600 12.5px/1.2 var(--sans);letter-spacing:-.01em}
.how-g .v2 .paper>i{display:block;height:5px;border-radius:2.5px;background:#d6d5cf;margin:0 0 8px}
.how-g .v2 .q{margin:2px 0 10px;font-size:10.5px;line-height:1.5;font-weight:500;letter-spacing:-.003em;color:#1b1c1f}
.how-g .v2 .mk,.how-g .v2 .lp span{padding:0 1px;background:linear-gradient(rgba(255,214,10,0) 6%,rgba(255,214,10,.82) 6%,rgba(255,214,10,.82) 94%,rgba(255,214,10,0) 94%) 0 0/100% 100% no-repeat}
.how-g .v2 .paper .pn{position:absolute;bottom:14px;left:0;right:0;text-align:center;font:500 9px/1 var(--mono);color:#8a8a86}
.how-g .v2 .rule{position:absolute;left:250px;top:0;width:380px;padding:22px 22px 8px}
.how-g .v2 .rh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px}
.how-g .v2 .pl{margin-top:14px;font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1.25}
.how-g .v2 .so{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--m)}
.how-g .v2 .so>i{flex:none;width:7px;height:7px;border-radius:50%;background:#ffd60a;box-shadow:0 0 10px rgba(255,214,10,1)}
.how-g .v2 .ver{margin-top:8px;font-size:13px;color:var(--f)}
.how-g .v2 .ver s{position:relative;text-decoration:none;color:var(--ff)}
.how-g .v2 .ver s i{position:absolute;left:-1px;right:-1px;top:54%;height:1.2px;background:rgba(245,245,247,.55);transform-origin:0 50%}
.how-g .v2 .ver b{color:var(--t);font-weight:600}
.how-g .v2 .ap{margin-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.how-g .v2 .a{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.how-g .v2 .a:last-child{border-bottom:0}
.how-g .v2 .nm{flex:1;min-width:0}
.how-g .v2 .who{display:block;white-space:nowrap}
.how-g .v2 .who b{font-size:14.5px;font-weight:600;letter-spacing:-.01em}.how-g .v2 .who small{margin-left:7px;font-size:12.5px;color:var(--f)}
.how-g .v2 .stt{display:grid;margin-top:4px;font-size:12.5px;line-height:1.2}
.how-g .v2 .stt>span{grid-area:1/1;display:flex;align-items:center;gap:6px;white-space:nowrap}
.how-g .v2 .stt .w{color:var(--f);opacity:0}
.how-g .v2 .stt .w i{width:6px;height:6px;border-radius:50%;background:#ffd60a;box-shadow:0 0 8px rgba(255,214,10,.8)}
.how-g .v2 .stt .y{color:#5be37f}
.how-g .v2 .fp{position:relative;flex:none;width:44px;height:47px;filter:brightness(1.8) drop-shadow(0 0 10px rgba(180,210,255,.45))}
.how-g .v2 .fp polyline{stroke:rgba(245,245,247,.74)}.how-g .v2 .fp polyline:nth-child(3n){stroke:rgba(245,245,247,.95)}.how-g .v2 .fp polyline:nth-child(3n+1){stroke:rgba(245,245,247,.58)}
.how-g .v2 .fp .rn{position:absolute;left:4px;top:3px;right:4px;bottom:3px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.22);opacity:0}
.how-g .v2 .fl{position:absolute;inset:0;border-radius:24px;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 1px rgba(255,214,10,.65),0 0 60px rgba(255,214,10,.16)}
.how-g .v2 .hl{position:absolute;left:0;top:0;z-index:3;overflow:visible;pointer-events:none}
.how-g .v2 .hp{stroke:rgba(255,214,10,.9);stroke-width:1.4;stroke-dasharray:2.2 4.2;stroke-linecap:round}
.how-g .v2 .mp{stroke-dasharray:1;stroke-dashoffset:0}
.how-g .v2 .e0{fill:#ffd60a;transform-box:fill-box;transform-origin:center}
.how-g .v2 .lift{position:absolute;left:0;top:0;z-index:4;transform-origin:0 0;pointer-events:none;font-size:10.5px;line-height:1.5;font-weight:500;letter-spacing:-.003em;opacity:0;will-change:transform}
.how-g .v2 .lift .lp span{color:#1b1c1f}
.how-g .v2 .lift .ll{position:absolute;inset:0;opacity:0;color:#fff7d6;text-shadow:0 0 10px rgba(255,214,10,.75),0 0 2px rgba(255,236,160,.9)}
.how-g .v2 .lift .ll span{padding:0 1px}
.how-g .v2.nar .w2{height:auto}
.how-g .v2.nar .paper{position:relative;left:auto;top:auto;margin:6px auto 0}
.how-g .v2.nar .rule{position:relative;left:auto;top:auto;width:auto;margin-top:38px;padding:20px 18px 6px}
.how-g .v2.nar .pl{font-size:20px}

/* ---- 03 · Before it counts --------------------------------------------------------------------------------------------------- */
.how-g .v3 .tp{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;min-height:26px}
.how-g .v3 .amt{margin-top:16px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;line-height:1}
.how-g .v3 .amt span{font-size:60px;font-weight:600;letter-spacing:-.05em}
.how-g .v3 .amt small{font-size:24px;font-weight:500;letter-spacing:-.03em;color:var(--m)}
.how-g .v3 .sub{margin-top:10px;font-size:14px;line-height:1.45;color:var(--f)}
.how-g .v3 .wire{position:relative;height:130px;margin:20px 0 4px}
.how-g .v3 .wire svg{position:absolute;left:0;top:0;overflow:visible}
.how-g .v3 .wire line{stroke-linecap:round}
.how-g .v3 .base{stroke:rgba(245,245,247,.2);stroke-width:1.5}
.how-g .v3 .rest{stroke:rgba(245,245,247,.2);stroke-width:1.5;stroke-dasharray:2 6}
.how-g .v3 .gone{stroke:rgba(48,209,88,.6);stroke-width:2}
.how-g .v3 .tail{stroke-width:3.4}
.how-g .v3 .hd{fill:#ffe27a;transform-box:fill-box;transform-origin:center}.how-g .v3 .core{fill:#fff}
.how-g .v3 svg.held .hd{animation:hw-breathe 1.9s ease-in-out infinite}
@keyframes hw-breathe{50%{transform:scale(1.5);opacity:.6}}
.how-g .v3 .nd{position:absolute;z-index:2;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600}
.how-g .v3 .nd.a{background:#F5F5F7;color:#000}
.how-g .v3 .nd.bk{border-radius:12px;border:1.5px dashed rgba(255,255,255,.26);color:rgba(245,245,247,.5);background:#0e0f12;opacity:.45}
.how-g .v3 .nd.bk svg{width:20px;height:20px}
.how-g .v3 .ndl{position:absolute;width:92px;margin-left:-46px;text-align:center;font-size:11px;line-height:1.3;color:var(--f)}
.how-g .v3 .ndl.bk{opacity:.6}
.how-g .v3 .gt{position:absolute;z-index:2;width:24px;height:24px;margin:-12px 0 0 -12px}
.how-g .v3 .gt>i{position:absolute;inset:0;border-radius:50%}
.how-g .v3 .g0{background:#141518;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.2)}
.how-g .v3 .g1{display:grid;place-items:center}
.how-g .v3 .g1 svg{width:13px;height:13px}
.how-g .v3 .g1 path[pathLength]{stroke-dasharray:1;stroke-dashoffset:0}
.how-g .v3 .gt.ok .g1{background:#30d158;box-shadow:0 0 14px rgba(48,209,88,.55)}
.how-g .v3 .gt.am .g1{background:#ffd60a;box-shadow:0 0 14px rgba(255,214,10,.55)}
.how-g .v3 .gt.rd .g1{background:#ff453a;box-shadow:0 0 0 6px rgba(255,69,58,.18),0 0 0 13px rgba(255,69,58,.07),0 0 26px rgba(255,69,58,.8)}
.how-g .v3 .rp{box-shadow:0 0 0 1.5px rgba(255,69,58,.85);opacity:0}
.how-g .v3 .gl{position:absolute;width:76px;margin-left:-38px;text-align:center;font-size:11px;line-height:1.28;color:var(--m)}
.how-g .v3 .gl b{display:block;margin-top:3px;font:500 9.5px/1.2 var(--mono);letter-spacing:.04em;color:var(--f)}
.how-g .v3 .gl.am{color:#ffd60a}.how-g .v3 .gl.rd{color:#ff8a80}
.how-g .v3 .shr{position:absolute;transform:translateX(-100%);font-size:12px;font-weight:600;line-height:1.2;letter-spacing:-.005em;color:#ffd60a;white-space:nowrap;text-shadow:0 0 14px rgba(255,214,10,.45)}
.how-g .v3 .hold{position:relative;border-radius:18px;padding:16px 20px 15px;transform-origin:50% 0;
 background:linear-gradient(180deg,rgba(255,69,58,.14),rgba(255,69,58,.05));box-shadow:inset 0 0 0 1px rgba(255,69,58,.42),0 20px 60px rgba(255,69,58,.06)}
.how-g .v3 .hold>b{display:block;font-size:18px;font-weight:600;letter-spacing:-.015em;color:#ff8a80}
.how-g .v3 .hp{margin-top:6px;font-size:14.5px;line-height:1.5;color:rgba(245,245,247,.8)}
.how-g .v3 .src{margin-top:10px;font:500 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--f)}
.how-g .v3 .sg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:14px;font-size:13px;line-height:1.3;color:var(--m)}
.how-g .v3 .sg>span{display:inline-flex;align-items:center;gap:8px}
.how-g .v3 .sgh{flex-basis:100%;color:var(--t)}
.how-g .v3 .sgp{padding-left:7px}
.how-g .v3 .dc{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px dashed rgba(255,214,10,.65);animation:hw-turn 9s linear infinite}
@keyframes hw-turn{to{transform:rotate(360deg)}}
.how-g .v3 .wd{flex:none;width:6px;height:6px;border-radius:50%;background:#ffd60a;box-shadow:0 0 8px rgba(255,214,10,.8);animation:hw-wait 2.4s ease-in-out infinite}
@keyframes hw-wait{50%{opacity:.35}}
.how-g .v3.nar .hc{padding:18px}
.how-g .v3.nar .amt span{font-size:46px}.how-g .v3.nar .amt small{font-size:19px}
.how-g .v3.nar .sub{font-size:13px}
.how-g .v3.nar .wire{margin:22px 0 10px}
.how-g .v3.nar .gl{width:auto;margin:0;text-align:left;white-space:nowrap;transform:translateY(-50%);display:flex;align-items:baseline;gap:8px;font-size:12.5px}
.how-g .v3.nar .gl b{display:inline;margin:0}
.how-g .v3.nar .gl br{display:none}
.how-g .v3.nar .ndl{width:auto;margin:0;text-align:left;white-space:nowrap;transform:translateY(-50%);font-size:12px}
.how-g .v3.nar .ndl br{display:none}
.how-g .v3.nar .shr{transform:translate(-100%,-50%)}
.how-g .v3.nar .hold{padding:14px 16px}
.how-g .v3.nar .hp{font-size:14px}
.how-g .v3.nar .src{font-size:10px;letter-spacing:.04em}
.how-g .v3.nar .sg{flex-direction:column;align-items:flex-start;gap:8px}
.how-g .v3.nar .sgp{padding-left:6px}

/* ---- 04 · Every case --------------------------------------------------------------------------------------------------------- */
.how-g .v4 .w4{position:relative;padding-top:52px}
.how-g .v4 canvas{position:absolute;left:0;top:0;pointer-events:none}
.how-g .v4 canvas.ob{z-index:1}.how-g .v4 .case{z-index:2}.how-g .v4 canvas.of{z-index:3}
.how-g .v4 .case{width:500px;margin:0 auto;padding:20px 22px 18px}
.how-g .v4 .chd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px}
.how-g .v4 .cg{display:flex;align-items:flex-end;gap:18px;margin-top:14px}
.how-g .v4 .ctx{flex:1;min-width:0}
.how-g .v4 .t{font-size:20px;font-weight:600;letter-spacing:-.025em;line-height:1.22}
.how-g .v4 .s{margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--m)}
.how-g .v4 .mini{flex:none;width:92px;height:62px;overflow:visible}
.how-g .v4 .mini .lt{font:500 8.5px var(--mono);letter-spacing:.04em;fill:rgba(255,214,10,.85)}
.how-g .v4 .mini .lim{stroke:rgba(255,214,10,.75);stroke-width:1.2;stroke-dasharray:3 3}
.how-g .v4 .mini .ax{stroke:rgba(255,255,255,.12)}
.how-g .v4 .mini rect{fill:#ff9f0a;transform-box:fill-box;transform-origin:50% 100%}
.how-g .v4 .ow{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;color:var(--f)}
.how-g .v4 .net{position:absolute;left:0;top:0;z-index:1;overflow:visible;pointer-events:none}
.how-g .v4 .pl{stroke:rgba(120,185,255,.62);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:0}
.how-g .v4 .pt{stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.12 1.3;stroke-dashoffset:-1;opacity:0}
.how-g .v4 .pw{stroke:rgba(245,245,247,.2);stroke-width:1.2;stroke-dasharray:3 5}
.how-g .v4 .nds{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:106px}
.how-g .v4 .nd{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.3}
.how-g .v4 .nd .av{width:42px;height:42px;font-size:13px}
.how-g .v4 .nd.em .av{box-shadow:0 0 0 4px rgba(48,209,88,.12),0 0 26px rgba(48,209,88,.35)}
.how-g .v4 .nd.nv .av{box-shadow:0 0 0 4px rgba(77,163,255,.12),0 0 26px rgba(77,163,255,.35)}
.how-g .v4 .nd>b{margin-top:10px;font-size:14px;font-weight:600;letter-spacing:-.01em}
.how-g .v4 .nd>small{margin-top:2px;font-size:12px;color:var(--f)}
.how-g .v4 .nd .chip{margin-top:10px;height:24px;font-size:12px}
.how-g .v4 .nd.who{opacity:.42}
.how-g .v4 .nd.who>b{font-weight:500;color:var(--m)}
.how-g .v4 .sil{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1.5px dashed rgba(255,255,255,.35);color:rgba(245,245,247,.75)}
.how-g .v4 .sil svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.how-g .v4 .cap{margin-top:18px;text-align:center;font-size:14px;color:var(--m);letter-spacing:-.005em}
.how-g .v4 .dm{text-align:center}
.how-g .v4.nar .w4{padding-top:36px}
.how-g .v4.nar .case{width:auto;margin:0 12px;padding:18px 16px 16px}
.how-g .v4.nar .t{font-size:18px}
.how-g .v4.nar .mini{width:70px;height:48px}
.how-g .v4.nar .nds{margin-top:92px}
.how-g .v4.nar .nd>b{font-size:13px}
.how-g .v4.nar .cap{font-size:13.5px}