.hero-art-root{--phone-frame:#12152b;--phone-frame-ring:#2a2f4f;--app-bg:#f3f4f9;--app-ink:#0f1222;--app-muted:#5b5f75;--app-meta:#6f7389;--app-line:#e3e5ee;--app-hot:#c2410c;--app-hot-soft:#ffedd5;--app-perk:#15803d;--app-perk-soft:#dcfce7;--blob-back-from:#c9c5fb;--blob-back-to:#a9a3f7;--blob-right:#b7b1f8;--blob-left:#d9d6fc;width:100%;height:470px;position:relative}.hero-art-stage{width:100%;height:100%;position:relative}.hero-art-dots,.hero-art-blob-right,.hero-art-blob-left,.hero-art-chat-chip,.hero-art-spark,.hero-art-job-card{display:none}.hero-art-blob-back{background:linear-gradient(160deg, var(--blob-back-from), var(--blob-back-to));opacity:.55;border-radius:48px;position:absolute;inset:10px 6% 30px 18%;transform:rotate(-7deg)}.hero-art-phone{z-index:1;background:var(--phone-frame);width:226px;height:440px;box-shadow:0 50px 90px -40px #1e1b4b99, inset 0 0 0 2px var(--phone-frame-ring);border-radius:38px;padding:8px;position:absolute;top:6px;left:50%;transform:translate(-50%)rotate(4deg)}.hero-art-screen{background:var(--app-bg);width:100%;height:100%;color:var(--app-ink);border-radius:34px;flex-direction:column;font-size:.75rem;line-height:1.45;display:flex;position:relative;overflow:hidden}.hero-art-status-bar{background:var(--primary);color:#fff;justify-content:space-between;align-items:center;padding:10px 22px 6px;font-size:.6875rem;font-weight:600;display:flex}.hero-art-notch{background:var(--phone-frame);border-radius:12px;width:76px;height:20px}.hero-art-battery{border:1.5px solid #fff;border-radius:3px;width:14px;height:8px}.hero-art-app-header{background:var(--primary);color:#fff;flex-direction:column;gap:10px;padding:6px 14px 14px;display:flex}.hero-art-avatar{background:#fff;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.hero-art-search{height:30px;color:var(--app-meta);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:.6875rem;display:flex}.hero-art-messages{flex-direction:column;flex:1;gap:8px;padding:12px 12px 10px;display:flex;overflow:hidden}.hero-art-chips{gap:5px;display:flex;overflow:hidden}.hero-art-chip{border:1px solid var(--app-line);color:var(--app-muted);background:#fff;border-radius:999px;flex:none;align-items:center;gap:3px;padding:3px 8px;font-size:.625rem;font-weight:600;display:inline-flex}.hero-art-chip-hot{background:var(--app-hot-soft);color:var(--app-hot);border-color:#0000}.hero-art-list-title{justify-content:space-between;align-items:baseline;margin-top:2px;font-size:.75rem;display:flex}.hero-art-list-title span{color:var(--primary);font-size:.625rem;font-weight:600}.hero-art-app-job{border:1px solid var(--app-line);background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:9px 11px;display:flex;box-shadow:0 1px 2px #0f12220d}.hero-art-app-job-active{border-color:var(--primary);box-shadow:0 6px 16px -8px #4f46e573}.hero-art-app-job-title{font-size:.75rem;line-height:1.3}.hero-art-app-job-meta{color:var(--app-muted);align-items:center;gap:3px;font-size:.625rem;display:inline-flex}.hero-art-app-job-foot{justify-content:space-between;align-items:center;gap:6px;margin-top:3px;display:flex}.hero-art-app-job-foot b{color:var(--primary);font-size:.75rem}.hero-art-app-job-perk{background:var(--app-perk-soft);color:var(--app-perk);border-radius:999px;padding:1px 7px;font-size:.5625rem;font-weight:600}.hero-art-app-cta{background:#fff;padding:8px 12px 14px}.hero-art-app-cta-button{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:32px;font-size:.6875rem;font-weight:600;display:flex}.dark .hero-art-root .hero-art-blob-back{opacity:.3}@media (min-width:48rem){.hero-art-root{flex:440px;height:620px;margin:-24px 0}.hero-art-stage{width:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-art-dots{color:var(--accent-dash);display:block;position:absolute}.hero-art-dots-a{top:150px;left:0}.hero-art-dots-b{bottom:70px;right:0}.hero-art-blob-back{inset:26px 6% 70px 18%}.hero-art-blob-right{background:var(--blob-right);opacity:.5;border-radius:40px;width:110px;height:300px;display:block;position:absolute;top:230px;right:2%;transform:rotate(8deg)}.hero-art-blob-left{background:var(--blob-left);opacity:.8;border-radius:60px;width:160px;height:260px;display:block;position:absolute;top:250px;left:4%;transform:rotate(-10deg)}.dark .hero-art-root .hero-art-blob-right{opacity:.2}.dark .hero-art-root .hero-art-blob-left{opacity:.15}.hero-art-phone{border-radius:44px;width:290px;height:590px;padding:10px;top:0;transform:translate(-44%)rotate(4deg)}.hero-art-app-cta{display:none}.hero-art-chat-chip{z-index:2;background:var(--surface);box-shadow:var(--elevation-float);border-radius:20px;align-items:center;gap:12px;padding:12px 18px 12px 12px;display:flex;position:absolute;top:250px;right:-8%}.hero-art-spark{display:block;position:absolute;top:22px;right:-6px;transform:rotate(-30deg)}.hero-art-job-card{z-index:2;background:var(--surface);width:310px;box-shadow:var(--elevation-float);border-radius:22px;flex-direction:column;gap:8px;padding:18px 20px;display:flex;position:absolute;bottom:-6px;left:-4%}}@media (min-width:48rem) and (max-width:79.99rem){.hero-art-root{display:none}}@media (min-width:80rem){.hero-art-root{--hero-art-scale:.88;flex-basis:calc(440px * var(--hero-art-scale));height:calc(620px * var(--hero-art-scale))}.hero-art-stage{transform:translateX(-50%) scale(var(--hero-art-scale));transform-origin:top}}@media (min-width:90rem){.hero-art-root{--hero-art-scale:1}}@media (prefers-reduced-motion:no-preference){.hero-art-phone{animation:hero-art-rise .7s var(--motion-ease) both}.hero-art-messages>*{animation:hero-art-pop .42s var(--motion-ease) both}.hero-art-messages>:first-child{animation-delay:.5s}.hero-art-messages>:nth-child(2){animation-delay:.8s}.hero-art-messages>:nth-child(3){animation-delay:1.1s}.hero-art-messages>:nth-child(4){animation-delay:1.5s}.hero-art-messages>:nth-child(5){animation-delay:1.9s}.hero-art-messages>:nth-child(6){animation-delay:2.3s}.hero-art-messages>:nth-child(7){animation-delay:2.7s}.hero-art-chat-chip{animation:hero-art-pop .5s var(--motion-ease) 2.5s both, hero-art-float 5s ease-in-out 3s infinite}.hero-art-job-card{animation:hero-art-pop .5s var(--motion-ease) 2.9s both, hero-art-float 6s ease-in-out 3.4s infinite reverse}.hero-art-spark{animation:hero-art-pop .4s var(--motion-ease) 3.2s both}}@keyframes hero-art-rise{0%{opacity:0;translate:0 80px}to{opacity:1;translate:0}}@keyframes hero-art-pop{0%{opacity:0;translate:0 12px;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes hero-art-float{0%,to{translate:0}50%{translate:0 -8px}}