@layer components{.home-scenes{--brand:var(--ui-primary);--brand-gradient:linear-gradient(135deg,var(--color-webchat-500),var(--color-webchat-600));--ease:cubic-bezier(.22,.8,.24,1)}.home-scenes:not(.is-visible) *,.home-scenes:not(.is-visible) :after,.home-scenes:not(.is-visible) :before{animation-play-state:paused!important}.home-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 1px 2px #0f172a0a,0 12px 32px -22px #0f172a33;transition:border-color .3s var(--ease),box-shadow .3s var(--ease),translate .3s var(--ease)}.home-card:hover{border-color:color-mix(in srgb,var(--brand) 35%,transparent);box-shadow:0 1px 2px #0f172a0a,0 24px 44px -26px #0284c766;translate:0 -4px}.home-scene{background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--brand) 14%,transparent) 1px,transparent 0) 0 0 /16px 16px,linear-gradient(180deg,#f5faff 0,#eef6fe);border:1px solid color-mix(in srgb,var(--brand) 12%,transparent);border-radius:1.1rem;overflow:hidden;position:relative}.home-hub{background:var(--brand-gradient);box-shadow:0 10px 24px -10px #0284c7b3;color:#fff;display:grid;place-items:center}.home-track{background:color-mix(in srgb,var(--brand) 12%,transparent);display:block;overflow:hidden;position:relative}.home-track>span{background:var(--brand-gradient);border-radius:inherit;inset:0;position:absolute;transform-origin:left}.home-ping{position:relative}.home-ping:after{animation:home-ping var(--ping-duration,2.4s) ease-out var(--ping-delay,0s) infinite;border:2px solid color-mix(in srgb,var(--brand) 40%,transparent);border-radius:inherit;content:"";inset:-.3rem;opacity:0;pointer-events:none;position:absolute}.home-ping-success:after{border-color:#10b98180}.home-ping-seq:after{animation-name:home-ping-seq}@keyframes home-ping-seq{0%{opacity:0;transform:scale(1)}3%{opacity:1}18%,to{opacity:0;transform:scale(1.45)}}@keyframes home-ping{0%{opacity:0;transform:scale(1)}15%{opacity:1}to{opacity:0;transform:scale(1.35)}}@keyframes home-pop{0%{opacity:0;transform:scale(.4)}}@keyframes home-grow{0%{transform:scaleX(0)}}@keyframes home-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.home-scenes *,.home-scenes :after,.home-scenes :before{animation:none!important;transition:none!important}}}