.hero--webhooks{position:relative;isolation:isolate;overflow:clip;min-height:43rem;display:grid;align-items:center;padding-block:6rem}.hero--webhooks .hero__inner{position:relative;width:100%;display:block}.hero__copy{max-width:31rem;position:relative;z-index:1}.hero__copy .eyebrow{margin-bottom:1.5rem}.hero__copy h1{max-width:18ch;font-size:clamp(2.75rem,4.2vw,4rem)}.hero-network{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-network svg{width:100%;max-width:100rem;height:100%;margin-inline:auto;stroke:var(--color-line-strong);stroke-width:1.2}.network-floor{fill:color-mix(in oklab,var(--color-surface) 18%,transparent);stroke:color-mix(in oklab,var(--color-line) 55%,transparent)}.network-floor path+path{fill:none}.network-routes{fill:none;stroke:var(--color-line-strong);stroke-width:2}.network-routes .network-retry{stroke:color-mix(in oklab,var(--color-retrying) 35%,var(--color-line))}.network-face{stroke:var(--color-line-strong);stroke-width:1}.network-face--left{fill:var(--color-ground-deep)}.network-face--right{fill:var(--color-surface)}.network-face--top{fill:var(--color-surface-raised)}.network-face--core{fill:color-mix(in oklab,var(--color-surface-raised) 90%,var(--color-text))}.network-core-inset{fill:none;stroke:var(--color-text-faint);opacity:.6}.network-symbol{fill:none;stroke:var(--color-text-muted);stroke-width:1.8}.network-symbol--core{stroke:var(--color-text)}.network-label{fill:var(--color-text-faint);stroke:none;text-anchor:middle;font:11px var(--font-family);letter-spacing:1.4px}.network-brand{fill:var(--color-text);stroke:none;text-anchor:middle;font:600 23px var(--font-family);letter-spacing:-.5px}.network-delivered{fill:var(--color-delivered);stroke:none}.network-status{fill:var(--color-delivered);stroke:none;text-anchor:middle;font:12px var(--font-family)}.network-packets{fill:none;stroke:var(--color-text-muted);stroke-width:4;stroke-dasharray:2 98}.network-packets path{animation:webhook-packet 9s linear infinite}.network-packets path:nth-child(2){animation-delay:-3s}.network-packets path:nth-child(3){animation-delay:-6s}.network-packets path:nth-child(4),.network-packets path:nth-child(5){stroke:var(--color-delivered);animation-delay:-4.5s}.network-packets .network-retry{stroke:var(--color-retrying);animation-duration:15s;animation-delay:-8s}.network-hub{animation:webhook-depth 12s ease-in-out infinite}.hero-network[data-paused=true] *{animation-play-state:paused}.hero__motion{position:absolute;right:var(--gutter);bottom:1rem;min-height:2.75rem;padding:.6rem 1rem;border:var(--border-hair);border-radius:var(--radius);background:var(--color-ground-deep);color:var(--color-text-muted);font-size:var(--text-xs);z-index:2}.hero__motion:hover{color:var(--color-text);border-color:var(--color-line-strong)}.delivery-example{background:var(--color-ground-deep);border-top:var(--border-hair)}.delivery-example .ledger{margin-top:0}@keyframes webhook-packet{to{stroke-dashoffset:-100}}@keyframes webhook-depth{50%{transform:translateY(-6px)}}@media(max-width:61.99rem){.hero--webhooks{min-height:auto;padding-block:4rem 27.5rem}.hero__copy{max-width:36rem}.hero-network{top:auto;bottom:3.5rem;height:24rem}.hero-network svg{width:67rem;max-width:none;position:absolute;left:calc(50% - 41rem)}.delivery-example .editorial-split{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hero-network *{animation:none!important}}