@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}}.hero-canvas{background:linear-gradient(180deg,#f2f7fe,#fff 78%)}.hero-spot{background:radial-gradient(ellipse 70% 55% at 50% -12%,rgba(2,156,245,.14),transparent 62%),radial-gradient(ellipse 45% 40% at 88% 8%,rgba(2,156,245,.06),transparent 60%)}.hero-primary-cta{align-items:center;background:linear-gradient(135deg,var(--color-webchat-700) 0,var(--color-webchat-800) 100%);border:1px solid hsla(0,0%,100%,.2);border-radius:1.05rem;box-shadow:0 16px 32px -16px #0284c7a6,inset 0 1px #ffffff4d;color:#fff;display:inline-flex;font-size:.96rem;font-weight:720;gap:1rem;justify-content:center;letter-spacing:-.015em;max-width:100%;min-height:3.35rem;padding:.42rem .45rem .42rem 1.3rem;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.hero-primary-cta:hover{box-shadow:0 18px 36px -15px #0284c7b8,inset 0 1px #ffffff57;filter:saturate(1.06);transform:translateY(-1px)}.hero-primary-cta:focus-visible{outline:3px solid rgba(2,156,245,.22);outline-offset:3px}.hero-primary-cta__arrow{background:#ffffff29;border-radius:.75rem;box-shadow:inset 0 0 0 1px #ffffff1f;display:grid;flex:0 0 auto;height:2.35rem;place-items:center;transition:background .2s ease,transform .2s ease;width:2.35rem}.hero-primary-cta:hover .hero-primary-cta__arrow{background:#ffffff38;transform:translate(2px)}.hero-primary-cta__arrow svg{height:1rem;stroke-width:2.4;width:1rem}@media(max-width:520px){.hero-primary-cta{justify-content:space-between;padding-left:1.1rem;text-align:left;width:100%}}.home-wire{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--brand) 45%,transparent) 0 6px,transparent 6px 11px);overflow:hidden;position:relative}.home-wire:after{animation:home-wire var(--wire-duration,2.4s) linear var(--wire-delay,0s) infinite;background:linear-gradient(90deg,transparent,var(--brand),transparent);content:"";inset:0 auto 0 0;position:absolute;width:40%}@keyframes home-wire{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media(prefers-reduced-motion:reduce){.home-scenes *,.home-scenes :after,.home-scenes :before{animation:none!important;transition:none!important}}}