.pgh{--hl:#F3EC78;position:relative;width:100%;aspect-ratio:1000/700;overflow:hidden;background:#f7f6f1;background-image:radial-gradient(rgba(14,14,14,.07) 1px,transparent 1.2px),radial-gradient(60% 70% at 85% 0%,rgba(243,236,120,.55),transparent 70%);background-size:14px 14px,100% 100%;font-family:"Inter Tight",var(--display),sans-serif;color:#1f2937}.pgh-stage{position:absolute;left:0;top:0;width:1000px;height:700px;transform-origin:0 0;transform:scale(var(--s,.5))}.pgh *{box-sizing:border-box}.pgh .row{flex-wrap:nowrap;margin:0}.pgh-logo{position:absolute;left:56px;top:34px;width:230px;height:auto;z-index:5}.pgh-bw{position:absolute;left:56px;top:118px;width:760px;height:500px;background:#fff;border:1px solid rgba(14,14,14,.1);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0e0e0e0d,0 30px 60px -30px #0e0e0e59}.pgh-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(14,14,14,.08);background:#fafaf8}.pgh-bar i{width:11px;height:11px;border-radius:50%}.pgh-bar i:nth-child(1){background:#f1a9a0}.pgh-bar i:nth-child(2){background:#f3d27a}.pgh-bar i:nth-child(3){background:#a6d8b0}.pgh-bar span{margin-left:12px;width:320px;height:24px;border-radius:5px;background:#f1f1ec;font-size:13px;color:#6f6f69;display:flex;align-items:center;padding:0 11px}.pgh-app{position:relative;height:calc(100% - 38px);padding:24px 28px;background:#f7f8fa}.pgh-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;letter-spacing:-.03em;margin-bottom:16px;color:#1f2937}.pgh-title>b{width:4px;height:22px;border-radius:2px;background:#3b82f6;display:block}.pgh-title.sm{font-size:19px;margin:18px 0 14px}.pgh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pgh-tile{position:relative;background:#fff;border:1px solid #eceef1;border-radius:14px;padding:14px 16px 30px;transition:transform .4s,box-shadow .4s}.pgh-tile.bump{transform:scale(1.05);box-shadow:0 0 0 3px #22c55e}.pgh-tile .n{font-weight:700;font-size:28px;letter-spacing:-.04em;line-height:1;color:#1f2937}.pgh-tile .l{font-size:13px;color:#6b7280;margin-top:5px}.pgh-tile .ti{position:absolute;right:14px;top:14px;width:20px;height:20px;color:#b3b8c0}.pgh-tile .ti svg{width:100%;height:100%;display:block}.pgh-tile .bar{position:absolute;left:16px;right:16px;bottom:12px;height:6px;border-radius:3px;background:#f1f2f4;overflow:hidden}.pgh-tile .bar i{display:block;height:100%;border-radius:3px;width:var(--w);animation:pghGrow 1.2s cubic-bezier(.2,.8,.2,1) both}.pgh-list{margin-top:14px;background:#fff;border:1px solid #eceef1;border-radius:14px;padding:4px 18px}.pgh-list .row{display:flex;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid #f3f4f6;animation:pghIn .6s both}.pgh-list .row:last-child{border:0}.pgh-list .row b{font-size:14px;width:74px;color:#1f2937}.pgh .sk{display:inline-block;height:9px;border-radius:5px;background:#e5e7eb}.pgh .pill{display:inline-flex;align-items:center;font-weight:700;font-size:12px;border-radius:6px;padding:4px 10px;white-space:nowrap;margin-left:auto}.pgh .p-y{background:#fff4c2;color:#a16207}.pgh .p-g{background:#dcfce7;color:#15803d}.pgh .p-b{background:#dbeafe;color:#1d4ed8}.pgh .p-v{background:#ede9fe;color:#6d28d9}.pgh .p-o{background:#ffedd5;color:#c2410c}.pgh-toast{position:absolute;right:150px;bottom:20px;display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 24px 50px -20px #00000059;animation:pghToast 7s 1.2s infinite both}.pgh-toast .ok{width:38px;height:38px;border-radius:50%;background:#1fa757;color:#fff;display:flex;align-items:center;justify-content:center}.pgh-toast .ok svg{width:20px;height:20px}.pgh-toast b{display:block;color:#15803d;font-size:15px}.pgh-toast small{color:#6b7280;font-size:12px}.pgh-phone{--w:236px;position:absolute;right:48px;bottom:26px;width:var(--w);aspect-ratio:9/19.3;border-radius:calc(var(--w)*.17);padding:calc(var(--w)*.028);background:linear-gradient(145deg,#dad7d0,#8d8a84 18%,#e7e4de 40%,#77746f 70%,#c9c6c0);box-shadow:0 40px 70px -30px #1428148c;z-index:4}.pgh-phone:before{content:"";position:absolute;inset:calc(var(--w)*.012);border-radius:calc(var(--w)*.158);background:#0b0b0b}.pgh-phone .scr{position:relative;height:100%;border-radius:calc(var(--w)*.145);overflow:hidden;background:#fbfbfc;z-index:1}.pgh-phone .isl{position:absolute;z-index:3;left:50%;top:calc(var(--w)*.045);width:30%;height:calc(var(--w)*.085);transform:translate(-50%);border-radius:99px;background:#050505}.pgh-phone .pv{position:absolute;left:0;top:0;width:360px;height:760px;padding:0 18px;background:#fbfbfc;transform-origin:0 0;transform:scale(.6189)}.pv .sb{height:56px;display:flex;justify-content:space-between;align-items:center;padding:8px 30px 0 36px;font-size:15px;color:#111;margin:0 -18px 6px}.pv .sb span{display:flex;gap:5px;align-items:center}.pv .sb .sg{width:16px;height:10px;background:linear-gradient(90deg,#111 0 3px,transparent 3px 4px,#111 4px 7px,transparent 7px 8px,#111 8px 11px,transparent 11px 12px,#111 12px);clip-path:polygon(0 70%,100% 0,100% 100%,0 100%)}.pv .sb .bt{width:22px;height:11px;border:1.5px solid #111;border-radius:3px;position:relative}.pv .sb .bt:after{content:"";position:absolute;inset:1.5px 5px 1.5px 1.5px;background:#111;border-radius:1px}.pv-top{display:flex;justify-content:space-between;align-items:center}.pv-top .lg{font:800 22px Inter Tight,sans-serif;color:#111;background:linear-gradient(transparent 55%,#fdf6b0 55%)}.pv-top .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#9ca3af,#4b5563)}.pv-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pv-g .pgh-tile{padding:14px 14px 30px}.pv-g .pgh-tile .n{font-size:26px}.pv-l{margin-top:12px;background:#fff;border:1px solid #eceef1;border-radius:14px;padding:4px 14px}.pv-l .row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f3f4f6;animation:pghIn .6s both;font-size:13px}.pv-l .row:last-child{border:0}.pv-l .sk{width:90px;height:8px}.pv-l .pill{font-size:11px}.pv-n{position:absolute;left:12px;right:12px;top:48px;display:flex;gap:10px;align-items:center;background:#fffffff5;border-radius:16px;padding:10px 12px;box-shadow:0 14px 30px -12px #0000004d;animation:pghToast 7s 2s infinite both}.pv-n .ok{width:32px;height:32px;border-radius:50%;background:#1fa757;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.pv-n b{display:block;font-size:13px;color:#15803d}.pv-n small{font-size:11px;color:#6b7280}.pv-tab{position:absolute;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid #eceef1;display:flex;justify-content:space-around;align-items:center}.pv-tab i{width:24px;height:24px;border-radius:7px;background:#e5e7eb}.pv-tab i:first-child{background:#bfdbfe}.pgh-float{position:absolute;left:24px;bottom:30px;z-index:5;display:grid;gap:4px;justify-items:start;background:#fff;border:1px solid rgba(14,14,14,.08);border-radius:12px;box-shadow:0 1px 2px #0e0e0e0d,0 24px 48px -28px #0e0e0e59;padding:16px 20px;animation:pghBob 6s ease-in-out infinite}.pgh-float small{color:#6f6f69;font-size:14px}.pgh-float b{font-size:18px;letter-spacing:-.02em;color:#0e0e0e;font-weight:600}.pgh-float .pill{margin:6px 0 0;font-size:14px;padding:6px 12px}@keyframes pghGrow{0%{width:0}}@keyframes pghIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pghToast{0%,6%{opacity:0;transform:translateY(16px)}12%,82%{opacity:1;transform:none}90%,to{opacity:0;transform:translateY(8px)}}@keyframes pghBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.pgh *{animation:none!important}}