:root{--tx-line:#0000000d;--tx-line-strong:#00000016;--tx-band:color-mix(in srgb, var(--vl-void), var(--vl-mint) 7%);--tx-tint:color-mix(in srgb, var(--vl-canvas), var(--vl-mint) 7%)}.dark{--tx-line:#ffffff0d;--tx-line-strong:#ffffff16;--tx-band:color-mix(in srgb, var(--vl-void), var(--vl-mint) 5%)}.tx-ruled{background-image:repeating-linear-gradient(to bottom, var(--tx-line) 0 1px, transparent 1px 28px)}.tx-hatch{background-image:repeating-linear-gradient(135deg, var(--tx-line-strong) 0 1px, transparent 1px 8px)}.tx-dots{background-image:radial-gradient(var(--tx-line-strong) 1px, transparent 1.4px);background-size:12px 12px}.tx-fade-radial{-webkit-mask-image:radial-gradient(70% 70%,#000 20%,#0000 78%);mask-image:radial-gradient(70% 70%,#000 20%,#0000 78%)}.tx-fade-y{-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.tx-fade-sides{-webkit-mask-image:linear-gradient(90deg,#000,#0000 22% 78%,#000);mask-image:linear-gradient(90deg,#000,#0000 22% 78%,#000)}.hatch-band{border-color:var(--vl-line);background-image:repeating-linear-gradient(135deg, var(--tx-line-strong) 0 1px, transparent 1px 8px);height:22px}.tick-box{--tick:var(--vl-ink-3);--t:linear-gradient(var(--tick), var(--tick));background-image:var(--t), var(--t), var(--t), var(--t), var(--t), var(--t), var(--t), var(--t);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:7px 1px,1px 7px,7px 1px,1px 7px,7px 1px,1px 7px,7px 1px,1px 7px}.ibeam{border-right:1px solid var(--vl-line-2);position:relative}.ibeam:before,.ibeam:after{content:"";background:var(--vl-ink-3);width:7px;height:1px;position:absolute;right:-4px}.ibeam:before{top:0}.ibeam:after{bottom:0}.tx-band{isolation:isolate;background-color:var(--tx-band);position:relative}.tx-band:before{content:"";z-index:-1;background-image:repeating-linear-gradient(135deg, var(--vl-mint-edge) 0 1px, transparent 1px 14px);opacity:.35;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 18% 82%,#000);mask-image:linear-gradient(90deg,#000,#0000 18% 82%,#000)}.tx-ascii{letter-spacing:1px;white-space:pre;color:var(--vl-mint);-webkit-user-select:none;user-select:none;pointer-events:none;margin:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:12px}.tx-ascii-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(55% 60%,#000 25%,#0000 75%);mask-image:radial-gradient(55% 60%,#000 25%,#0000 75%)}.integrations-ascii{opacity:.3;position:absolute;top:0;right:0;-webkit-mask-image:radial-gradient(70% 80% at 100% 0,#000 20%,#0000 70%);mask-image:radial-gradient(70% 80% at 100% 0,#000 20%,#0000 70%)}.hero-spot{position:relative;overflow:hidden}.hero-spot:before{content:"";border-radius:inherit;background-image:radial-gradient(var(--spot-dot) .9px, transparent 1.3px);opacity:0;pointer-events:none;-webkit-mask-image:radial-gradient(64px circle at var(--spot-x,50%) var(--spot-y,50%), black, transparent 72%);-webkit-mask-image:radial-gradient(64px circle at var(--spot-x,50%) var(--spot-y,50%), black, transparent 72%);mask-image:radial-gradient(64px circle at var(--spot-x,50%) var(--spot-y,50%), black, transparent 72%);background-size:4px 4px;transition:opacity .22s cubic-bezier(.32,.72,.34,1);position:absolute;inset:0}.hero-spot:hover:before{opacity:1}.hero-spot>span,.hero-spot>svg{position:relative}.hero-spot-primary{--spot-dot:color-mix(in srgb, var(--vl-inverse-ink) 45%, transparent)}.hero-spot-outline{--spot-dot:var(--vl-mint-edge)}