.axis-landing .monitoring-marquee{--marquee-gap:12px;gap:var(--marquee-gap);flex-direction:column;width:calc(100% + 2rem);margin-inline:-1rem;display:flex}.axis-landing .monitoring-marquee-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.axis-landing .monitoring-marquee-track{width:max-content;animation:monitoring-marquee-scroll calc(64s * var(--marquee-repeat-count,1)) linear infinite;animation-delay:-4s;display:flex}.axis-landing .monitoring-marquee-row:nth-child(2) .monitoring-marquee-track{animation-duration:calc(72s * var(--marquee-repeat-count,1));animation-direction:reverse;animation-delay:-18s}.axis-landing .monitoring-marquee-row:nth-child(3) .monitoring-marquee-track{animation-duration:calc(68s * var(--marquee-repeat-count,1));animation-delay:-10s}.axis-landing .monitoring-marquee-group{align-items:stretch;gap:var(--marquee-gap);padding:0 var(--marquee-gap) 0 0;flex:none;margin:0;list-style:none;display:flex}.axis-landing .monitoring-marquee-card{border:1px solid var(--border);background:var(--background);text-align:center;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:10px;width:248px;min-height:144px;padding:16px;display:flex}.axis-landing .monitoring-marquee[data-running=false] .monitoring-marquee-track{animation-play-state:paused}.axis-landing .monitoring-marquee:has(.monitoring-marquee-row:focus-visible) .monitoring-marquee-track{animation-play-state:paused}.axis-landing .monitoring-marquee-row:focus-visible{outline:2px solid var(--ring);outline-offset:-2px;scrollbar-width:thin;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.axis-landing .monitoring-marquee-row:focus-visible .monitoring-marquee-track{animation:none;transform:none}.axis-landing .monitoring-marquee-row:focus-visible .monitoring-marquee-group[aria-hidden=true],.axis-landing .monitoring-marquee-row:focus-visible .monitoring-marquee-card[aria-hidden=true]{display:none}.axis-landing .monitoring-marquee-control{border:1px solid var(--border);min-height:36px;color:var(--muted-foreground);border-radius:999px;padding:8px 14px;font-size:12px;line-height:1.5;transition:color .16s,background-color .16s}@keyframes monitoring-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:639px){.axis-landing .monitoring-marquee-row{-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.axis-landing .monitoring-marquee-card{width:212px;min-height:136px;padding:12px}}@media (hover:hover) and (pointer:fine){.axis-landing .monitoring-marquee-control:hover{color:var(--foreground);background:var(--muted)}}@media (prefers-reduced-motion:reduce){.axis-landing .monitoring-marquee-row{scrollbar-width:thin;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.axis-landing .monitoring-marquee-track{animation:none;transform:none}.axis-landing .monitoring-marquee-group[aria-hidden=true],.axis-landing .monitoring-marquee-card[aria-hidden=true],.axis-landing .monitoring-marquee-control{display:none}}
.axis-landing .audience-strip{width:100%}.axis-landing .audience-strip-heading{justify-content:center;align-items:center;gap:12px;min-height:36px;margin-bottom:16px;padding-inline:64px;display:flex;position:relative}.axis-landing .audience-strip-heading h2{color:#000;text-align:center;text-wrap:balance;font-size:13px;font-weight:400;line-height:1.5}.axis-landing .audience-strip-heading .monitoring-marquee-control{min-width:60px;padding-inline:8px;position:absolute;right:0}.axis-landing .audience-strip .monitoring-marquee{--marquee-gap:16px}.axis-landing .audience-strip .monitoring-marquee-track{animation-duration:calc(120s * var(--marquee-repeat-count,1))}.axis-landing .audience-strip .monitoring-marquee-card{background:0 0;border:0;border-radius:0;gap:9px;width:160px;min-height:80px;padding:4px 0}.axis-landing .audience-source-logos{isolation:isolate;padding-inline:4px;display:flex}.axis-landing .audience-source-logos span{background:#fff;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.axis-landing .audience-source-logos span+span{margin-left:-7px}.axis-landing .audience-source-logos img{width:24px;height:24px}.axis-landing .audience-strip .monitoring-marquee-card p{color:var(--muted-foreground);font-size:12px;line-height:18px}.axis-landing .audience-strip .monitoring-marquee-control:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.axis-landing .audience-strip .monitoring-marquee:hover .monitoring-marquee-track{animation-play-state:paused}}@media (max-width:639px){.axis-landing .audience-strip .monitoring-marquee-card{width:144px}}
.axis-landing .delivery-diagram{--delivery-cycle:3.2s;isolation:isolate;width:100%;max-width:800px;height:460px;margin-top:24px;position:relative}.axis-landing .delivery-connections{pointer-events:none;position:absolute;inset:0}.axis-landing .delivery-edge{background:color-mix(in oklab, var(--foreground) 17%, transparent);transform-origin:0;height:1px;position:absolute}.axis-landing .delivery-pulse{width:36px;height:18px;color:var(--primary);background:var(--background);opacity:0;animation:delivery-pulse-travel var(--delivery-cycle) linear infinite;position:absolute;top:-8px;left:0}.axis-landing .delivery-pulse svg{width:100%;height:100%;filter:drop-shadow(0 0 3px color-mix(in oklab, var(--primary) 30%, transparent));display:block}.axis-landing .delivery-hub,.axis-landing .delivery-destination{position:absolute;transform:translate(-50%,-50%)}.axis-landing .delivery-hub{z-index:2;width:104px;height:104px}.axis-landing .delivery-hub-face{border:1px solid var(--border);background:var(--background);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:0;height:100%;display:flex;position:relative;box-shadow:0 2px 5px #00000008,0 12px 30px #0000000f}.axis-landing .delivery-logo{object-fit:contain;width:48px;height:48px}.axis-landing .delivery-hub-ring{border:1px solid var(--primary);opacity:0;animation:delivery-heartbeat var(--delivery-cycle) linear infinite;border-radius:35px;position:absolute;inset:-7px}.axis-landing .delivery-destination{z-index:1;width:64px;height:64px}.axis-landing .delivery-channel{border:1px solid var(--border);background:var(--background);width:100%;height:100%;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;transition:border-color .16s,background-color .16s;display:flex;position:relative;box-shadow:0 2px 4px #00000005,0 5px 14px #00000008}.axis-landing .delivery-brand-logo{object-fit:contain;width:32px;height:32px}.axis-landing .delivery-channel[data-tone=push]{color:#2563eb;background:#eff6ff}.axis-landing .delivery-channel[data-tone=webhooks]{color:#db2777;background:#fdf2f8}.axis-landing .delivery-channel-label{width:max-content;color:var(--muted-foreground);font-size:13px;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.axis-landing .delivery-arrival-ring{border:1px solid var(--primary);pointer-events:none;opacity:0;animation:delivery-arrival var(--delivery-cycle) linear infinite;border-radius:50%;position:absolute;inset:-4px}.axis-landing .delivery-diagram[data-running=false] :is(.delivery-pulse,.delivery-hub-ring,.delivery-arrival-ring){animation-play-state:paused}.axis-landing .delivery-animation-control{border:1px solid var(--border);min-height:36px;color:var(--muted-foreground);border-radius:999px;padding:8px 14px;font-size:12px;line-height:1.5;transition:color .16s,background-color .16s}@keyframes delivery-pulse-travel{0%,12%{opacity:0;transform:translate(0)}20%{opacity:1}72%{transform:translateX(var(--delivery-distance));opacity:1}80%,to{transform:translateX(var(--delivery-distance));opacity:0}}@keyframes delivery-heartbeat{0%,4%{opacity:0;transform:scale(.97)}9%{opacity:.36;transform:scale(1.04)}14%{opacity:.15;transform:scale(1)}20%{opacity:.28;transform:scale(1.08)}32%,to{opacity:0;transform:scale(1.2)}}@keyframes delivery-arrival{0%,65%{opacity:0;transform:scale(.98)}75%{opacity:.4;transform:scale(1.04)}92%,to{opacity:0;transform:scale(1.16)}}@media (max-width:639px){.axis-landing .delivery-diagram{height:390px;margin-top:20px}.axis-landing .delivery-hub{width:84px;height:84px}.axis-landing .delivery-hub-face{border-radius:24px;gap:0}.axis-landing .delivery-hub-ring{border-radius:31px}.axis-landing .delivery-logo{width:40px;height:40px}.axis-landing .delivery-destination{width:56px;height:56px}.axis-landing .delivery-channel-label{font-size:12px}}@media (hover:hover) and (pointer:fine){.axis-landing .delivery-channel:hover{border-color:var(--primary);background-color:var(--muted)}.axis-landing .delivery-animation-control:hover{color:var(--foreground);background-color:var(--muted)}}@media (prefers-reduced-motion:reduce){.axis-landing :is(.delivery-pulse,.delivery-hub-ring,.delivery-arrival-ring){opacity:0;animation:none}.axis-landing .delivery-animation-control{display:none}}