.hero-phone-rig{position:relative;width:max-content;isolation:isolate;animation:human-phone-float 7s ease-in-out infinite;--human-dark:0;--human-skin:#e8aa82;--human-jacket:#647958}
.hero-phone-rig .hero-phone{position:relative;z-index:1;animation:none}
.hero-human,.hero-human-grip{position:absolute;left:50%;top:0;margin-top:-38.76%;width:88%;height:auto;overflow:visible;pointer-events:none;user-select:none}
.hero-human{z-index:0;filter:drop-shadow(4px 8px 6px #1d1d1825);animation:human-climb-in 1s .4s cubic-bezier(.22,1,.36,1) both}
.hero-human-grip{z-index:3;animation:human-climb-in 1s .4s cubic-bezier(.22,1,.36,1) both}
.human-jacket{fill:var(--human-jacket)}.human-jacket-shadow{fill:color-mix(in srgb,var(--human-jacket),#101b17 28%)}
.human-jacket-edge{fill:none;stroke:#28392b;stroke-width:2.2;stroke-linecap:round;opacity:.55}
.human-shirt{fill:var(--human-shirt,#f5ecd9)}.human-shirt-fold{fill:none;stroke:#d7c9ac;stroke-width:2.4;stroke-linecap:round;opacity:calc(1 - var(--human-dark))}
.human-skin,.human-face-skin{fill:var(--human-skin)}.human-neck-shadow{fill:#b87857;opacity:calc(1 - var(--human-dark))}
.human-face-shadow{fill:#b97553;opacity:.3}.human-ear-line{fill:none;stroke:#ad6b4c;stroke-width:2.5;stroke-linecap:round}
.human-hair{fill:#352c28}.human-hair-light{fill:none;stroke:#716052;stroke-width:4;stroke-linecap:round;opacity:.6}
.human-brows{fill:none;stroke:#49342b;stroke-width:4;stroke-linecap:round}
.human-eyes{fill:#fffcf2;transform-origin:164px 106px;animation:human-blink 6.8s infinite}
.human-pupils{fill:#4b3125}.human-eye-light{fill:#fff}.human-nose{fill:none;stroke:#ba7957;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.human-cheek{fill:#d96f60;opacity:.32}.human-smile{fill:#713d35;stroke:#a45f48;stroke-width:1.4;stroke-linejoin:round}.human-teeth{fill:#fff8e8}.human-lip,.human-smile-corner{fill:none;stroke:#b97254;stroke-width:2;stroke-linecap:round}
.monster-fur{fill:url(#hero-food-monster)}.monster-fur-light{fill:none;stroke:#d3dfa4;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.monster-eyes,.monster-tooth{fill:#fff9e8}.monster-pupils{fill:#39372c}.monster-brows{fill:none;stroke:#4c6744;stroke-width:4;stroke-linecap:round}
.monster-cheeks{fill:#d9a275;opacity:.7}.monster-nose{fill:#56734d}.monster-mouth{fill:#643536;stroke:#527446;stroke-width:2;stroke-linejoin:round}.monster-mouth-glow{fill:#e89989}
.monster-dinner-badge{opacity:var(--human-dark)}.monster-plate-rim{fill:#f7eace;stroke:#547347;stroke-width:2}.monster-plate{fill:none;stroke:#d2c39c;stroke-width:2}.monster-cutlery{fill:none;stroke:#f7eace;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.monster-snacks{pointer-events:none}.snack-crust,.snack-bun{fill:#d49b55;stroke:#a76d3e;stroke-width:2;stroke-linejoin:round}.snack-cheese{fill:#f7d77a}.snack-tomato{fill:#b9503d}.snack-herb,.snack-lettuce{fill:none;stroke:#668750;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.snack-patty{fill:#664331}.snack-sesame{fill:none;stroke:#fff0cc;stroke-width:2;stroke-linecap:round}.snack-cookie{fill:#d5a366;stroke:#aa773f;stroke-width:2}.snack-chocolate{fill:#6a4632}.snack-crumbs{fill:#d5a366}
.human-finger-line{fill:none;stroke:#a96b4e;stroke-width:2;stroke-linecap:round;opacity:calc(1 - var(--human-dark)*.7)}
.human-hand-cuff{fill:var(--human-shirt,#f5ecd9)}
.human-launch-overlay{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#f8f5ecf2;backdrop-filter:blur(14px);animation:human-launch-in .16s ease-out;pointer-events:auto}
.human-launch-scene{position:relative;transform:scale(var(--human-launch-scale,1));transform-origin:center;flex-shrink:0;margin-top:50px}
.human-launch-overlay .hero-phone-rig{animation:none}
.human-launch-overlay .hero-phone{width:var(--human-launch-width,258px)!important}
.human-launch-overlay .hero-human{filter:drop-shadow(5px 12px 14px #080b1738)}
.human-launch-overlay :is(.hero-human,.hero-human-grip){animation:none}
.human-launch-label{position:absolute;bottom:22px;left:0;right:0;text-align:center;font:600 14px/1.5 Arial,sans-serif;letter-spacing:.02em;color:#292b22}
@keyframes human-phone-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes human-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}
@keyframes human-launch-in{from{opacity:0}to{opacity:1}}
@keyframes human-climb-in{from{opacity:0;transform:translateY(64px) rotate(4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(max-width:700px){.human-launch-label{bottom:16px}}
@media(prefers-reduced-motion:reduce){.hero-phone-rig,.hero-human,.hero-human-grip,.human-eyes,.human-launch-overlay{animation:none!important}}
html[data-motion=off] :is(.hero-phone-rig,.hero-human,.hero-human-grip,.human-eyes,.human-launch-overlay){animation:none!important}
