.guide-mascot{aspect-ratio:1;z-index:40;pointer-events:none;visibility:hidden;will-change:transform;width:96px;position:fixed;top:22vh;left:7vw}.guide-mascot svg{width:100%;height:100%;overflow:visible}.gm-float{animation:3.8s ease-in-out infinite gm-float}.gm-arm{transform-box:fill-box}.gm-eyes{animation:4.6s ease-in-out infinite gm-blink}@keyframes gm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gm-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}
.aegis-mascot{aspect-ratio:1;width:96px;overflow:visible}.aegis-mascot .aegis-body{transform-origin:50%;animation:3.8s ease-in-out infinite aegis-float}.aegis-mascot .aegis-eyes{transform-origin:58px 57px;animation:4.6s ease-in-out infinite aegis-blink}@keyframes aegis-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes aegis-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@media (max-width:767px){.aegis-mascot{width:72px}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference) and (pointer:fine){.aegis-mascot{display:none}}@media (prefers-reduced-motion:reduce){.aegis-mascot .aegis-body,.aegis-mascot .aegis-eyes{animation:none}}
.pm-visual{perspective:1200px;justify-content:center;width:100%;display:flex}.pm-mockup{will-change:transform;position:relative}@media (prefers-reduced-motion:no-preference) and (min-width:768px){.pm-mockup,.pm-widget,.pm-badge{opacity:0;visibility:hidden}}.pm-bezel{width:280px;height:580px;transform-style:preserve-3d;will-change:transform;background:#111;border-radius:3rem;position:relative;box-shadow:inset 0 0 0 2px #3a3a40,inset 0 0 0 7px #000,0 40px 80px -15px #000000e6,0 15px 25px -5px #0009}.pm-hw{z-index:0;background:linear-gradient(90deg,#3a3a3a,#141414);position:absolute}.pm-hw-1{border-radius:3px 0 0 3px;width:3px;height:24px;top:118px;left:-3px}.pm-hw-2{border-radius:3px 0 0 3px;width:3px;height:44px;top:156px;left:-3px}.pm-hw-3{border-radius:3px 0 0 3px;width:3px;height:44px;top:214px;left:-3px}.pm-hw-r{border-radius:0 3px 3px 0;width:3px;height:68px;top:170px;right:-3px}.pm-screen{background:#0a0c12;border-radius:2.5rem;position:absolute;inset:7px;overflow:hidden;box-shadow:inset 0 0 15px #000}.pm-glare{z-index:4;pointer-events:none;background:linear-gradient(120deg,#ffffff0f 0%,#fff0 45%);position:absolute;inset:0}.pm-island{z-index:5;background:#000;border-radius:999px;justify-content:flex-end;align-items:center;width:96px;height:26px;padding-right:12px;display:flex;position:absolute;top:9px;left:50%;transform:translate(-50%)}.pm-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:1.8s ease-in-out infinite pulse}.pm-app{width:100%;height:100%;color:var(--ink);flex-direction:column;padding:46px 18px 20px;display:flex;position:relative}.pm-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.pm-head>div{flex-direction:column;display:flex}.pm-eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:3px;font-size:9px}.pm-title{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:18px;font-weight:600}.pm-avatar{width:34px;height:34px;font-family:var(--mono);color:var(--ink);background:var(--surface-high);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex}.pm-ring-wrap{filter:drop-shadow(0 14px 24px #0009);width:176px;height:176px;margin:0 auto 22px;position:relative}.pm-ring{width:100%;height:100%;transform:rotate(-90deg)}.pm-ring-track{fill:none;stroke:var(--line-soft);stroke-width:12px}.pm-ring-arc{fill:none;stroke:var(--accent);stroke-width:12px;stroke-linecap:round}.pm-ring-center{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.pm-counter{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);font-size:40px;font-weight:600;line-height:1}.pm-ring-cap{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:9px}.pm-rows{flex-direction:column;gap:10px;display:flex}.pm-row{background:var(--surface-high);border:1px solid var(--line-soft);border-radius:14px;align-items:center;gap:11px;padding:11px 12px;display:flex;box-shadow:inset 0 1px 1px #ffffff08}.pm-row-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pm-row-icon--ok{color:var(--green);background:#34c79a1f;border:1px solid #34c79a38}.pm-row-icon--accent{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line)}.pm-row-text{flex-direction:column;gap:2px;display:flex}.pm-row-title{color:var(--ink);font-size:12px;font-weight:600}.pm-row-sub{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-size:9px}.pm-homebar{background:#fff3;border-radius:999px;width:110px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.pm-badge{z-index:3;will-change:transform;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff05 100%),#121216db;border-radius:16px;align-items:center;gap:12px;width:196px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,inset 0 1px 1px #fff3,inset 0 -1px 1px #00000080}.pm-badge-tl{top:56px;left:-70px}.pm-badge-br{bottom:60px;right:-70px}.pm-badge-icon{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pm-badge-br .pm-badge-icon{color:var(--danger);background:#ec6a6a1f;border-color:#ec6a6a47}.pm-badge-title{color:var(--ink);margin:0;font-size:12px;font-weight:600}.pm-badge-sub{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:0;font-size:9px}@media (max-width:767px){.pm-bezel{width:248px;height:512px}.pm-badge{width:166px;padding:10px 12px}.pm-badge-tl{top:-18px;bottom:auto;left:-10px}.pm-badge-br{top:auto;bottom:-18px;right:-10px}}@media (prefers-reduced-motion:reduce){.pm-dot{animation:none}}
