.home .h4s{--canvas:#f6f7f9;--edge:#e6e8eb;--rule:#f1f2f4;--text:#111318;--muted:#5b616e;--subtle:#8a909c;--okgreen:#1f7a4d;--flagtint:#fdecea;--alert:#c03520;--amberbg:#fff4dc;--amber:#a15c07;--bluebg:#eaf1fe;--blue:#1d4ed8;text-align:left;background:radial-gradient(120% 90% at 50% 40%,#fbfbfc 0%,var(--gray) 60%,#ececef 100%);border-radius:32px;height:640px;margin:64px auto 0;position:relative;overflow:hidden}.home .h4-phone{--pw:330px;--bz:9px;--s:.7587;width:var(--pw);z-index:3;border-radius:calc(58px * var(--s) + var(--bz) + 3.5px);background:linear-gradient(150deg,#d9d9de 0%,#8d8d93 18%,#56565b 46%,#9a9aa0 72%,#4a4a4f 100%);padding:3.5px;position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:0 0 0 .6px #0000008c,0 50px 90px -20px #00000059,0 18px 36px -12px #00000040}.home .h4-phone .bz{border-radius:calc(58px * var(--s) + var(--bz));padding:var(--bz);background:#050506;box-shadow:inset 0 0 0 1px #1d1d20}.home .h4-phone .glass{border-radius:calc(58px * var(--s));background:var(--page);position:relative;overflow:hidden}.home .h4-phone .glass:after{content:"";pointer-events:none;z-index:20;background:linear-gradient(125deg,#ffffff1a 0%,#fff0 34%);position:absolute;inset:0}.home .h4-phone>i{background:linear-gradient(90deg,#3c3c40,#8a8a90);border-radius:2px;width:3px;position:absolute}.home .h4-phone>i.a{height:30px;top:120px;left:-2.5px}.home .h4-phone>i.v1{height:56px;top:172px;left:-2.5px}.home .h4-phone>i.v2{height:56px;top:240px;left:-2.5px}.home .h4-phone>i.p{background:linear-gradient(270deg,#3c3c40,#8a8a90);height:90px;top:190px;right:-2.5px}.home .h4-phone>i.cc{background:linear-gradient(270deg,#2c2c30,#6a6a70);height:44px;top:350px;right:-2px}.home .h4-app{zoom:var(--s)}.home .h4-float{z-index:2;filter:drop-shadow(0 24px 40px #0000001f)drop-shadow(0 4px 10px #0000000f);position:absolute}.home .h4-float>*{zoom:var(--z)}.home .h4-float.kpi{--z:.92;top:76px;left:40px}.home .h4-float.na{--z:.58;top:252px;left:16px}.home .h4-float.chart{--z:.52;top:92px;right:16px}.home .h4-float.kpi2{--z:.92;top:404px;right:72px}@media (max-width:980px){.home .h4s{height:524px}.home .h4-phone{--pw:270px;--bz:7.5px;--s:.6169;top:36px}.home .h4-float{display:none}}.home .h4-float{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4}.home .h4s .c-kpi{border:1px solid var(--edge);background:#fff;border-radius:12px;width:270px;padding:16px 18px}.home .h4s .c-kpi.n{width:250px}.home .h4s .c-kpi small{color:var(--muted);font-size:13px;font-weight:500;display:block}.home .h4s .c-kpi b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:28px;font-weight:600;transition:color .4s;display:block}.home .h4s .c-kpi b.bump{color:var(--okgreen)}.home .h4s .c-kpi span{color:var(--subtle);margin-top:2px;font-size:12.5px;display:block}.home .h4s .c-kpi span.up{color:var(--okgreen)}.home .h4s .c-card{border:1px solid var(--edge);background:#fff;border-radius:12px;width:560px;overflow:hidden}.home .h4s .c-ch{border-bottom:1px solid #eef0f2;align-items:center;gap:10px;min-height:52px;padding:12px 18px;display:flex}.home .h4s .c-ch h3{font-size:15px;font-weight:600}.home .h4s .c-ch .m{color:var(--subtle);font-size:13px}.home .h4s .c-ch .sp{flex:1}.home .h4s .c-ch .lgd{color:var(--muted);gap:12px;font-size:12px;font-weight:500;display:flex}.home .h4s .c-ch .lgd i{border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.home .h4s .c-row{border-bottom:1px solid var(--rule);align-items:center;gap:12px;max-height:80px;padding:11px 18px;transition:opacity .5s,max-height .5s,padding .5s;display:flex;overflow:hidden}.home .h4s .c-row:last-child{border-bottom:0}.home .h4s .c-row .ic{border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.home .h4s .c-row .ic svg{width:16px;height:16px}.home .h4s .ic.amber{background:var(--amberbg);color:var(--amber)}.home .h4s .ic.red{background:var(--flagtint);color:var(--alert)}.home .h4s .ic.blue{background:var(--bluebg);color:var(--blue)}.home .h4s .c-row .tx{flex:1;min-width:0}.home .h4s .c-row .tx b{font-size:13.5px;font-weight:500;display:block}.home .h4s .c-row .tx span{color:var(--muted);margin-top:1px;font-size:12.5px;display:block}.home .h4s .c-row.gone{opacity:0;border-bottom-width:0;max-height:0;padding-top:0;padding-bottom:0}.home .h4s .c-sbtn{border:1px solid var(--edge);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;height:30px;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.home .h4s .c-chart{padding:14px 18px 8px}.home .h4s .c-chart svg{width:100%;height:auto;display:block}.home .h4s .c-chart rect.today{transition:y .8s cubic-bezier(.2,.8,.2,1),height .8s cubic-bezier(.2,.8,.2,1)}.home .h4-app{background:var(--page);width:402px;height:874px;color:var(--aink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;line-height:1.25;position:relative;overflow:hidden}.home .h4-app .p-sb{z-index:12;background:linear-gradient(var(--page) 70%,#f3f3f100);height:62px;position:absolute;top:0;left:0;right:0}.home .h4-app .p-sb .t,.home .h4-app .p-sb .r{justify-content:center;align-items:center;width:138px;height:37px;display:flex;position:absolute;top:11px}.home .h4-app .p-sb .t{letter-spacing:-.3px;padding-left:8px;font-size:17px;font-weight:600;left:0}.home .h4-app .p-sb .r{gap:6px;padding-right:8px;right:0}.home .h4-app .p-sb svg{display:block}.home .h4-app .p-di{z-index:13;background:#000;border-radius:19px;width:126px;height:37px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.home .h4-app .p-body{padding:62px 16px 0;transition:transform .9s cubic-bezier(.3,.7,.2,1)}.home .h4-app .p-body.up{transform:translateY(-162px)}.home .h4-app .p-hd{justify-content:space-between;align-items:center;margin:8px 0 14px;display:flex}.home .h4-app .p-hd b{letter-spacing:-.6px;font-size:34px;font-weight:700}.home .h4-app .p-loc{background:#fff;border-radius:22px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:16px;font-weight:600;display:flex;box-shadow:0 4px 14px #0000000f}.home .h4-app .p-loc svg{width:13px;height:13px}.home .h4-app .p-seg{height:38px;color:var(--aink2);background:#eaeae8;border-radius:19px;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:2px;font-size:16px;font-weight:500;display:grid}.home .h4-app .p-seg span{border-radius:17px;place-items:center;display:grid}.home .h4-app .p-seg span.on{background:var(--aink);color:#fff}.home .h4-app .p-card{background:#fff;border-radius:24px;margin-bottom:12px;padding:14px}.home .h4-app .p-wells{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.home .h4-app .p-well{background:#ededec;border-radius:16px;padding:10px 10px 8px}.home .h4-app .p-well small{color:var(--aink3);font-size:13px;font-weight:600;display:block}.home .h4-app .p-well b{color:var(--aink3);font-variant-numeric:tabular-nums;border-bottom:1.5px solid #cfccc6;padding:2px 0 3px;font-size:22px;font-weight:600;display:block}.home .h4-app .p-well b.has{color:var(--aink)}.home .h4-app .p-tot{font-variant-numeric:tabular-nums;border-top:1px solid #e5e3de;justify-content:space-between;margin-top:12px;padding-top:10px;font-size:17px;font-weight:700;display:flex}.home .h4-app .p-lbl{color:var(--aink2);justify-content:space-between;margin-bottom:10px;font-size:15px;display:flex}.home .h4-app .p-lbl b{color:var(--aink);font-weight:600}.home .h4-app .p-chips{flex-wrap:wrap;gap:8px;display:flex}.home .h4-app .p-chip{height:44px;color:var(--aink2);background:#fff;border-radius:22px;align-items:center;gap:8px;padding:0 16px;font-size:17px;font-weight:500;transition:background .2s,color .2s;display:inline-flex;box-shadow:0 0 0 1px #ecebe8,0 3px 10px #0000000d}.home .h4-app .p-chip i{color:var(--red);background:#fff;border-radius:12px;padding:2px 9px;font-size:15px;font-style:normal;font-weight:700;display:none}.home .h4-app .p-chip.sel{background:var(--red);color:#fff;box-shadow:none}.home .h4-app .p-chip.sel i{display:inline}.home .h4-app .p-split .r{opacity:0;border-top:1px solid #efeee9;align-items:center;gap:12px;padding:9px 0;transition:opacity .35s,transform .35s;display:flex;transform:translateY(6px)}.home .h4-app .p-split .r.in{opacity:1;transform:none}.home .h4-app .p-split .av{width:34px;height:34px;color:var(--aink2);background:#ececea;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.home .h4-app .p-split .nm{flex:1;min-width:0}.home .h4-app .p-split .nm b{font-size:17px;font-weight:600;display:block}.home .h4-app .p-split .nm b em{color:var(--red);background:var(--tint);vertical-align:2px;border-radius:8px;margin-left:6px;padding:1px 7px;font-size:13px;font-style:normal;font-weight:700}.home .h4-app .p-split .nm span{color:var(--aink3);font-variant-numeric:tabular-nums;font-size:13px;display:block}.home .h4-app .p-split .amt{font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.home .h4-app .p-act{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:6;background:#ffffffc7;border-radius:34px;gap:8px;padding:6px;display:flex;position:absolute;bottom:104px;left:12px;right:12px;box-shadow:0 0 0 1px #fffc,0 6px 20px #00000014}.home .h4-app .p-act span{border-radius:28px;justify-content:center;align-items:center;gap:8px;height:56px;font-size:19px;font-weight:600;transition:all .25s;display:flex}.home .h4-app .p-act .spk{background:var(--red);color:#fff;flex:1.45}.home .h4-app .p-act .sv{color:var(--aink2);background:#e6e6e3;flex:1}.home .h4-app .p-act.ready .spk{color:var(--aink2);background:#e6e6e3}.home .h4-app .p-act.ready .sv{background:var(--red);color:#fff}.home .h4-app .p-act .sv.press{transform:scale(.95)}.home .h4-app .p-act svg{width:18px;height:18px}.home .h4-app .p-tab{background:#ffffffe0;border-radius:33px;height:66px;position:absolute;bottom:22px;left:16px;right:16px;box-shadow:0 8px 24px #00000014}.home .h4-app .p-done{background:var(--page);opacity:0;z-index:11;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-bottom:110px;transition:opacity .35s;display:flex;position:absolute;inset:0}.home .h4-app .p-done.on{opacity:1}.home .h4-app .p-done .ck{background:var(--good);border-radius:50%;place-items:center;width:96px;height:96px;transition:transform .45s cubic-bezier(.2,1.4,.4,1);display:grid;transform:scale(.6)}.home .h4-app .p-done.on .ck{transform:scale(1)}.home .h4-app .p-done .ck svg{width:48px;height:48px}.home .h4-app .p-done b{letter-spacing:-.6px;margin-top:10px;font-size:34px;font-weight:700}.home .h4-app .p-done span{color:var(--aink2);font-size:18px;line-height:1.4}
