1:I[39756,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js"],"LoadingBoundaryProvider"] 2:I[5500,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js","/_next/static/immutable/chunks/2h1fa0c0euzay.js"],"Image"] 3:"$Sreact.fragment" c:I[68027,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js"],"default",1] :HL["/_next/static/immutable/chunks/1lytgs6ti7k46.css","style"] :HL["/_next/static/immutable/media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/immutable/media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/immutable/media/ClashDisplay_Semibold-s.p.35glwwf3jhwis.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/immutable/media/Satoshi_Black-s.p.03d7m3bcbsl0m.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/immutable/media/Satoshi_Bold-s.p.19z5sx2nusz2v.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/immutable/media/Satoshi_Medium-s.p.2gbh8zsgu5xby.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/immutable/media/Satoshi_Regular-s.p.2oultpqxb_gh9.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/immutable/media/b59689b1142d37ce-s.p.3tqbdkkdqajd-.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/immutable/chunks/301is4d1o18gb.css","style"] :HL["/_next/static/immutable/chunks/30zmtp-x67pq7.css","style"] 4:T6184,/* . GPU/canvas background art pieces. WebGL fragment shaders (chrome, rays, hole, warp, ink, fracture, glitch) + canvas2D sims (pulse, arcs, lidar). Touch-reactive; pauses when off-screen; own clock so pausing never jumps. */ (() => { if (customElements.get('reach-claude-bg')) return; const VERT = 'attribute vec2 p;void main(){gl_Position=vec4(p,0.0,1.0);}'; const HEAD = [ 'precision highp float;', 'uniform vec2 R;uniform float T;uniform vec3 M;uniform vec4 P[4];', 'const vec3 A1=vec3(1.0,0.62,0.173);', 'const vec3 A2=vec3(1.0,0.478,0.102);', 'const vec3 A3=vec3(1.0,0.831,0.604);', 'const vec3 BG=vec3(0.0235,0.0275,0.0392);', 'float h21(vec2 p){p=fract(p*vec2(123.34,456.21));p+=dot(p,p+45.32);return fract(p.x*p.y);}', 'float n2(vec2 p){vec2 i=floor(p),f=fract(p);f=f*f*(3.0-2.0*f);float a=h21(i),b=h21(i+vec2(1.0,0.0)),c=h21(i+vec2(0.0,1.0)),d=h21(i+vec2(1.0,1.0));return mix(mix(a,b,f.x),mix(c,d,f.x),f.y);}', 'float fbm(vec2 p){float v=0.0,a=0.5;for(int i=0;i<5;i++){v+=a*n2(p);p=p*2.03+vec2(7.3,3.1);a*=0.5;}return v;}', ].join('\n'); const FRAGS = { chrome: HEAD + ` float H(vec2 q){ float t=T*0.1; float h=fbm(q*2.0+vec2(t*0.8,-t*0.6))+0.45*fbm(q*4.3-vec2(t*1.1,t*0.5)); for(int i=0;i<4;i++){ vec4 tp=P[i]; if(tp.w<0.5) continue; float age=T-tp.z; if(age<0.0||age>3.5) continue; float r=length(q-tp.xy); h+=sin(r*42.0-age*7.5)*exp(-r*7.0)*exp(-age*1.6)*0.5; } return h; } void main(){ vec2 uv=(gl_FragCoord.xy-0.5*R)/min(R.x,R.y); float e=0.012; float h=H(uv),hx=H(uv+vec2(e,0.0)),hy=H(uv+vec2(0.0,e)); vec3 N=normalize(vec3((h-hx)/e,(h-hy)/e,1.6)); vec3 V=vec3(0.0,0.0,1.0); vec3 L1=normalize(vec3(sin(T*0.23)*0.7,0.45+0.2*cos(T*0.17),0.5)); vec3 L2=normalize(vec3(-0.5,-0.35,0.45)); float s1=pow(max(dot(reflect(-L1,N),V),0.0),26.0); float s2=pow(max(dot(reflect(-L2,N),V),0.0),14.0); float fr=pow(1.0-max(N.z,0.0),2.2); float fire=smoothstep(0.55,0.95,fbm(vec2(N.x*2.6+T*0.14,N.y*2.6-T*0.1))*0.5+0.5); vec3 col=BG*0.7; col+=A2*s1*1.6+A3*pow(s1,3.0)*0.9+A1*s2*0.5; col+=A1*fr*fire*0.55+A2*fr*0.18+A2*max(N.y,0.0)*0.06; gl_FragColor=vec4(col,1.0); }`, rays: HEAD + ` float beam(vec2 uv,vec2 o,float ang,float wd){ vec2 d=uv-o; float a=atan(d.x,-d.y); return exp(-pow((a-ang)/wd,2.0))*exp(-length(d)*0.75); } void main(){ vec2 uv=(gl_FragCoord.xy-0.5*R)/min(R.x,R.y); float t=T*0.5; vec2 q=uv*2.2; vec2 w1=vec2(fbm(q+vec2(t*0.14,0.0)),fbm(q+vec2(5.2,t*0.11))); float fog=0.35+0.65*fbm(q+1.6*w1+vec2(t*0.06,t*0.03)); float tgt=atan(M.x,-(M.y-1.2)); float a1=mix(sin(T*0.31)*0.55,tgt,M.z*0.6); float a2=mix(sin(T*0.23+2.1)*0.6,tgt,M.z*0.4); float a3=sin(T*0.4+4.2)*0.5; float b1=beam(uv,vec2(-0.3,1.15),a1,0.06); float b2=beam(uv,vec2(0.32,1.2),a2,0.05); float b3=beam(uv,vec2(0.0,1.28),a3,0.035); float bs=b1+b2+b3; float cr=b1*b2+b2*b3+b1*b3; vec3 col=BG+A2*fog*0.05; col+=A1*bs*fog*1.5+A3*cr*fog*6.0+A3*pow(bs*fog,2.5)*0.8; float dust=smoothstep(0.965,1.0,n2(uv*34.0+vec2(0.0,-T*0.25)))*bs*fog; col+=A3*dust*1.5; gl_FragColor=vec4(col,1.0); }`, hole: HEAD + ` void main(){ vec2 uv=(gl_FragCoord.xy-0.5*R)/min(R.x,R.y); vec2 c=vec2(-0.16,0.28); vec2 d=uv-c; float r=length(d); float rc=0.11; vec2 uvl=uv-normalize(d)*(0.028/max(r,0.06)); float stars=smoothstep(0.975,1.0,n2(uvl*40.0)); float neb=fbm(uvl*2.0+vec2(T*0.01,0.0))*0.06; vec3 col=BG+A2*neb+A3*stars*0.35; float a=atan(d.y,d.x); float sp=fbm(vec2(a*2.5+log(max(r,0.02))*7.0-T*0.5,r*16.0-T*0.35)); float fil=smoothstep(0.62,0.92,sp)*smoothstep(0.75,0.2,r)*smoothstep(rc*0.9,rc*1.6,r); float band=exp(-pow((r-0.21)/0.085,2.0)); float swirl=fbm(vec2(a*3.0-T*0.9+r*9.0,r*22.0)); float dop=0.55+0.45*sin(a+T*0.25); float disk=band*(0.4+0.8*swirl)*dop; col+=A2*disk*1.3+A1*disk*disk*1.2+A3*pow(disk,3.0)*1.1; col+=A1*fil*0.9+A3*fil*fil*0.5; col+=A3*exp(-pow((r-rc*1.25)/0.008,2.0))*0.9; col+=A2*exp(-pow((r-rc*1.25)/0.05,2.0))*0.5; col*=smoothstep(rc*0.86,rc*1.02,r); col+=A1*M.z*exp(-pow((r-0.3)/0.05,2.0))*0.4; gl_FragColor=vec4(col,1.0); }`, warp: HEAD + ` float lane(vec2 uv,float t,float ln,float speed,float len,float seedo,float th){ float li=floor(uv.y*ln); float fy=fract(uv.y*ln)-0.5; float h=h21(vec2(li,seedo)); if(h<0.3)return 0.0; float x=fract(uv.x*0.32+t*speed*(0.6+0.7*h)+h*9.0); return exp(-pow((x-0.5)*len,2.0)*(0.6+h))*exp(-fy*fy*th)*(0.35+0.65*h); } void main(){ vec2 uv=(gl_FragCoord.xy-0.5*R)/min(R.x,R.y); float t=T*(1.0+M.z*1.6); vec3 col=BG*0.8; vec2 bq=uv*2.6+vec2(t*0.35,0.0); float bh=h21(floor(bq)); col+=A2*step(0.9,bh)*exp(-pow(length(fract(bq)-0.5)*(2.5+bh*3.0),2.0))*0.3; col+=A2*lane(uv,t,22.0,0.5,10.0,1.0,30.0)*0.3; col+=A1*lane(uv,t,14.0,0.95,13.0,2.0,45.0)*0.65; float nr=lane(uv,t,8.0,1.8,16.0,3.0,60.0); col+=A1*nr*1.1+A3*nr*nr*1.3; float hy=uv.y+0.12; float hx=fract(uv.x*0.25+t*1.5); col+=A3*exp(-pow((hx-0.5)*9.0,2.0))*exp(-hy*hy*900.0)*1.6; col+=A1*exp(-abs(hy)*26.0)*exp(-pow((hx-0.5)*3.0,2.0))*0.3; float sg=h21(vec2(floor(uv.y*3.0),floor(t*0.4))); float sgx=fract(uv.x*0.2+t*2.2*(0.5+sg)); float sgb=step(0.86,sg)*exp(-pow((sgx-0.5)*7.0,2.0))*step(abs(fract(uv.y*3.0)-0.5),0.28); col+=A2*sgb*fbm(vec2(uv.x*4.0+t*8.0,uv.y*30.0))*0.6; gl_FragColor=vec4(col,1.0); }`, ink: HEAD + ` void main(){ vec2 uv=(gl_FragCoord.xy-0.5*R)/min(R.x,R.y); float t=T*0.07; vec2 q=uv*1.7; float inj=0.0; for(int i=0;i<4;i++){ vec4 tp=P[i]; if(tp.w<0.5) continue; float age=T-tp.z; if(age<0.0||age>6.0) continue; vec2 dd=uv-tp.xy; float r=length(dd); float an=exp(-r*3.5)*exp(-age*0.5)*2.4; float cs=cos(an),sn=sin(an); vec2 ctr=tp.xy*1.7; q=(q-ctr)*mat2(cs,-sn,sn,cs)+ctr; inj+=exp(-r*r/(0.004+age*0.03))*exp(-age*0.7); } q+=vec2(0.0,-t*0.5); vec2 w1=vec2(fbm(q+vec2(t,0.0)),fbm(q+vec2(3.7,t*0.9))); vec2 w2=vec2(fbm(q+2.2*w1+vec2(1.2,7.6)-t*0.6),fbm(q+2.2*w1+vec2(8.1,2.3)+t*0.5)); float dn=fbm(q+2.4*w2)+inj*0.55; vec3 col=BG*0.75; col=mix(col,A2*0.5,smoothstep(0.42,0.62,dn)); col=mix(col,A2,smoothstep(0.55,0.75,dn)); col=mix(col,A1,smoothstep(0.68,0.86,dn)); col=mix(col,A3,smoothstep(0.84,0.98,dn)); gl_FragColor=vec4(col,1.0); }`, fracture: HEAD + ` vec2 vh(vec2 p){return fract(sin(vec2(dot(p,vec2(127.1,311.7)),dot(p,vec2(269.5,183.3))))*43758.5453);} void main(){ vec2 uv=(gl_FragCoord.xy-0.5*R)/min(R.x,R.y); float cyc=14.0; float seed=floor(T/cyc); float ph=fract(T/cyc); float sep=smoothstep(0.02,0.5,ph)*(1.0-smoothstep(0.78,0.98,ph)); vec2 shift=vh(vec2(seed,3.7))*17.0; vec2 p=uv*3.2+shift; vec2 ip=floor(p),fp=fract(p); float f1=8.0,f2=8.0; vec2 id1=vec2(0.0); for(int j=-1;j<=1;j++)for(int i=-1;i<=1;i++){ vec2 g=vec2(float(i),float(j)); vec2 o=vh(ip+g+seed); vec2 r=g+o-fp; float dd=dot(r,r); if(dd0.5?P[0].xy:vec2(0.0,0.1); vec2 cc=(id1+0.5-shift)/3.2; float thr=0.22*ch+0.32*length(cc-orig); float act=smoothstep(thr,thr+0.12,sep); vec2 dir=vh(id1+seed+11.0)-0.5; vec2 suv=uv+dir*0.03*act*sep; float refl=fbm(suv*2.4+vec2(T*0.02,ch*3.0)); vec3 col=BG*0.85+A2*refl*0.05+A2*ch*0.02; float cw=0.028*act; float crack=(1.0-smoothstep(0.0,max(cw,0.001),edge))*act; col+=A1*crack*1.2+A3*crack*crack*0.9; col+=A2*exp(-edge*24.0)*act*0.35; col+=A2*smoothstep(0.05,0.0,edge)*act*0.15; gl_FragColor=vec4(col,1.0); }`, glitch: HEAD + ` vec3 scene(vec2 uv,float t){ vec3 c=BG; c+=A2*fbm(uv*2.0+vec2(0.0,t*0.01))*0.08; float em=exp(-pow(length(uv-vec2(0.0,0.12))*2.4,2.0)); c+=A2*em*0.4+A1*em*em*0.5; c+=A1*exp(-pow((length(uv-vec2(0.0,0.12))-0.26)/0.012,2.0))*0.5; c*=0.92+0.08*sin(uv.y*520.0); return c; } void main(){ vec2 uv=(gl_FragCoord.xy-0.5*R)/min(R.x,R.y); float t=T; float g1=h21(vec2(floor(t*1.7),3.0)); float burst=step(0.62,g1)*(0.4+0.6*h21(vec2(floor(t*1.7),9.0)))+M.z*0.7; float band=floor((uv.y+2.0)*14.0); float bh=h21(vec2(band,floor(t*8.0))); float tear=step(0.8,bh)*(bh-0.8)*5.0*burst; vec2 duv=uv+vec2(tear*0.24*(bh>0.9?1.0:-1.0),0.0); float sm=step(0.75,h21(vec2(band,floor(t*2.3))))*burst; duv.x=mix(duv.x,floor(duv.x*30.0)/30.0,sm*0.7); float off=0.012*burst+0.003; vec3 c=scene(duv+vec2(off,0.0),t)*vec3(1.1,0.55,0.2)+scene(duv-vec2(off,0.0),t)*vec3(1.0,0.9,0.7); c*=0.6; float blk=step(0.93,h21(floor(duv*vec2(9.0,16.0))+floor(t*6.0)))*burst; c+=A1*blk*0.5; c+=A2*exp(-pow((uv.y-(fract(t*0.11)*2.4-1.2))*40.0,2.0))*burst*0.6; c=mix(scene(uv,t),c,clamp(burst*2.0,0.0,1.0)); gl_FragColor=vec4(c,1.0); }`, }; function makePulse() { const Z = [ { u: 0.18, v: 0.60, c: [255, 77, 109], base: 0.92, tempo: 1.9, ph: 0.0 }, { u: 0.55, v: 0.32, c: [0, 209, 161], base: 0.55, tempo: 1.3, ph: 2.1 }, { u: 0.86, v: 0.66, c: [255, 159, 69], base: 0.62, tempo: 1.6, ph: 4.4 }, ]; return { resize(w, h, x) { x.fillStyle = '#06070A'; x.fillRect(0, 0, w, h); }, step(x, w, h, t, dt, tp) { x.fillStyle = '#06070A'; x.fillRect(0, 0, w, h); const kick = Math.exp(-((t * 1.05) % 1) * 4.5); const zs = Z.map((z, i) => ({ x: z.u * w + Math.sin(t * 0.5 + z.ph) * w * 0.02, y: z.v * h + Math.cos(t * 0.4 + z.ph) * h * 0.05, act: Math.max(0.12, z.base + Math.sin(t * z.tempo + z.ph) * 0.22 + kick * (i === 0 ? 0.5 : 0.18)), c: z.c, s2: 2 * Math.pow(w * (0.13 + 0.02 * Math.sin(t * 0.7 + z.ph)), 2), })); if (tp.press > 0.02) zs.push({ x: tp.x, y: tp.y, act: tp.press * 1.3, c: [255, 212, 154], s2: 2 * Math.pow(w * 0.1, 2) }); for (const z of zs) { const R = Math.sqrt(z.s2 / 2) * 1.9; const g = x.createRadialGradient(z.x, z.y, 0, z.x, z.y, R); g.addColorStop(0, 'rgba(' + z.c[0] + ',' + z.c[1] + ',' + z.c[2] + ',' + (0.10 * z.act).toFixed(3) + ')'); g.addColorStop(1, 'rgba(0,0,0,0)'); x.fillStyle = g; x.beginPath(); x.arc(z.x, z.y, R, 0, 6.2832); x.fill(); } const gap = Math.max(9, w / 36); let row = 0; for (let py = gap * 0.7; py < h; py += gap, row++) { for (let px = gap * (row % 2 ? 0.95 : 0.45); px < w; px += gap) { let iSum = 0, r = 0, gc = 0, b = 0; for (const z of zs) { const dx = px - z.x, dy = (py - z.y) * 1.6, wgt = Math.exp(-(dx * dx + dy * dy) / z.s2) * z.act; iSum += wgt; r += z.c[0] * wgt; gc += z.c[1] * wgt; b += z.c[2] * wgt; } const i2 = Math.min(iSum, 1.15); if (i2 < 0.03) { x.fillStyle = 'rgba(168,170,184,0.10)'; x.fillRect(px - 0.5, py - 0.5, 1, 1); continue; } const inv = 1 / iSum, lift = Math.max(0, i2 - 0.75) * 260; x.fillStyle = 'rgba(' + (Math.min(255, r * inv + lift) | 0) + ',' + (Math.min(255, gc * inv + lift) | 0) + ',' + (Math.min(255, b * inv + lift) | 0) + ',' + Math.min(1, 0.14 + i2 * 0.9).toFixed(3) + ')'; x.beginPath(); x.arc(px, py, 0.8 + i2 * gap * 0.30, 0, 6.2832); x.fill(); } } }, }; } function makeArcs() { let mesh = null, arcs = [], flash = 0, nextMinor = 0.7, nextMajor = 5; function seg(x1, y1, x2, y2, disp, pts) { if (disp < 3) { pts.push(x1, y1); return; } const mx = (x1 + x2) / 2 + (Math.random() - 0.5) * disp, my = (y1 + y2) / 2 + (Math.random() - 0.5) * disp; seg(x1, y1, mx, my, disp * 0.52, pts); seg(mx, my, x2, y2, disp * 0.52, pts); } function bolt(x1, y1, x2, y2, big) { const pts = []; seg(x1, y1, x2, y2, Math.hypot(x2 - x1, y2 - y1) * 0.24, pts); pts.push(x2, y2); const branches = []; for (let i = 0; i < (big ? 3 : 1); i++) { const bi = ((Math.random() * (pts.length / 2 - 4)) | 0) * 2 + 2; const bx = pts[bi], by = pts[bi + 1]; const ang = Math.atan2(y2 - y1, x2 - x1) + (Math.random() - 0.5) * 1.8; const bl = (big ? 90 : 50) * (0.5 + Math.random()); const p2 = []; seg(bx, by, bx + Math.cos(ang) * bl, by + Math.sin(ang) * bl, bl * 0.3, p2); branches.push(p2); } return { pts, branches, life: big ? 0.22 : 0.13, age: 0, big }; } function draw(x, pts, lw, style, blur) { if (pts.length < 4) return; x.beginPath(); x.moveTo(pts[0], pts[1]); for (let i = 2; i < pts.length; i += 2) x.lineTo(pts[i], pts[i + 1]); x.lineWidth = lw; x.strokeStyle = style; if (blur) { x.shadowBlur = blur; x.shadowColor = 'rgba(255,158,44,0.8)'; } x.stroke(); x.shadowBlur = 0; } return { resize(w, h, x) { x.fillStyle = '#06070A'; x.fillRect(0, 0, w, h); mesh = []; const cell = 74; for (let gy = 0; gy < h + cell; gy += cell) for (let gx = 0; gx < w + cell; gx += cell) { if (Math.random() < 0.5) continue; mesh.push([gx + (Math.random() - 0.5) * 40, gy + (Math.random() - 0.5) * 40, gx + (Math.random() > 0.5 ? cell : 0) + (Math.random() - 0.5) * 40, gy + cell + (Math.random() - 0.5) * 40]); } }, step(x, w, h, t, dt, tp) { x.fillStyle = 'rgba(6,7,10,0.09)'; x.fillRect(0, 0, w, h); nextMinor -= dt; nextMajor -= dt; if (nextMinor <= 0) { arcs.push(bolt(Math.random() * w, -10, Math.random() * w, Math.random() * h * 0.9, false)); nextMinor = 0.7 + Math.random() * 1.6; } if (nextMajor <= 0) { arcs.push(bolt(Math.random() * w, -10, Math.random() * w, h * 0.6 + Math.random() * h * 0.35, true)); flash = 1; nextMajor = 6 + Math.random() * 5; } if (tp.tapped) { arcs.push(bolt(tp.tapX > w / 2 ? 0 : w, Math.random() * h * 0.3, tp.tapX, tp.tapY, true)); flash = Math.max(flash, 0.8); tp.tapped = false; } if (flash > 0.01) { x.fillStyle = 'rgba(255,158,44,' + (flash * 0.05).toFixed(3) + ')'; x.fillRect(0, 0, w, h); x.lineWidth = 1; x.strokeStyle = 'rgba(255,158,44,' + (flash * 0.16).toFixed(3) + ')'; x.beginPath(); for (const m of mesh) { x.moveTo(m[0], m[1]); x.lineTo(m[2], m[3]); } x.stroke(); flash *= Math.pow(0.02, dt); } arcs = arcs.filter((a) => { a.age += dt; const k = 1 - a.age / a.life; if (k <= 0) return false; draw(x, a.pts, a.big ? 2.2 : 1.4, 'rgba(255,222,178,' + (0.85 * k).toFixed(3) + ')', a.big ? 14 : 8); for (const b of a.branches) draw(x, b, 1, 'rgba(255,158,44,' + (0.6 * k).toFixed(3) + ')', 0); return true; }); }, }; } function makeLidar() { let pts = null, yaw = 0, scanT = 0; function build() { pts = []; const push = (x, y, z) => pts.push({ x, y, z, a: 0, px: 0, py: 0, s: 1 }); for (let gx = -14; gx <= 14; gx++) for (let gz = 0; gz < 16; gz++) { if (Math.random() < 0.35) continue; push(gx * 0.55 + (Math.random() - 0.5) * 0.2, 0, gz * 0.7 + 1 + (Math.random() - 0.5) * 0.3); } for (let arch = 0; arch < 3; arch++) { const z = 3 + arch * 3.4; for (let i = 0; i <= 26; i++) { const a = Math.PI * i / 26; push(Math.cos(a) * 3.4, Math.sin(a) * 3.2, z); } } for (let i = 0; i < 160; i++) push((Math.random() - 0.5) * 5, Math.random() * 1.6, 11 + Math.random() * 1.6); for (let c = 0; c < 34; c++) { const cx = (Math.random() - 0.5) * 6, cz = 2.5 + Math.random() * 6; const n = 6 + ((Math.random() * 8) | 0); for (let i = 0; i < n; i++) push(cx + (Math.random() - 0.5) * 0.5, Math.random() * 1.75, cz + (Math.random() - 0.5) * 0.5); } } return { resize(w, h, x) { if (!pts) build(); x.fillStyle = '#06070A'; x.fillRect(0, 0, w, h); }, step(x, w, h, t, dt, tp) { x.fillStyle = '#06070A'; x.fillRect(0, 0, w, h); const yawT = tp.press > 0.02 ? ((tp.x / w) - 0.5) * 0.5 : Math.sin(t * 0.1) * 0.16; yaw += (yawT - yaw) * Math.min(1, dt * 2); scanT += dt / 4.6; const cyc = Math.floor(scanT), ph = scanT - cyc; const scanX = (cyc % 2 === 0 ? ph : 1 - ph) * (w + 80) - 40; const cy = Math.cos(yaw), sy = Math.sin(yaw); const f = h * 0.62; for (const p of pts) { const xx = p.x * cy - (p.z - 6) * sy, zz = p.x * sy + (p.z - 6) * cy + 6; const dz = zz + 2.2; if (dz < 0.4) { p.px = -99; continue; } p.px = w * 0.5 + xx * f / dz; p.py = h * 0.62 - (p.y - 0.5) * f / dz; p.s = Math.max(0.8, 2.6 - dz * 0.14); if (Math.abs(p.px - scanX) < 9) p.a = 1; p.a *= Math.pow(0.42, dt); } const bk = [[], [], []]; for (const p of pts) { if (p.a < 0.03 || p.px < -20) continue; bk[p.a > 0.65 ? 2 : (p.a > 0.25 ? 1 : 0)].push(p); } x.fillStyle = 'rgba(255,122,26,0.28)'; for (const p of bk[0]) x.fillRect(p.px, p.py, p.s, p.s); x.fillStyle = 'rgba(255,158,44,0.6)'; for (const p of bk[1]) x.fillRect(p.px, p.py, p.s, p.s); x.fillStyle = 'rgba(255,222,178,0.95)'; for (const p of bk[2]) x.fillRect(p.px, p.py, p.s, p.s); const g = x.createLinearGradient(scanX - 14, 0, scanX + 14, 0); g.addColorStop(0, 'rgba(255,158,44,0)'); g.addColorStop(0.5, 'rgba(255,158,44,0.28)'); g.addColorStop(1, 'rgba(255,158,44,0)'); x.fillStyle = g; x.fillRect(scanX - 14, 0, 28, h); x.fillStyle = 'rgba(255,222,178,0.75)'; x.fillRect(scanX - 0.5, 0, 1, h); }, }; } function makeFallback() { return { resize(w, h, x) { x.fillStyle = '#06070A'; x.fillRect(0, 0, w, h); }, step(x, w, h, t) { x.fillStyle = '#06070A'; x.fillRect(0, 0, w, h); const k = 0.5 + 0.5 * Math.sin(t * 0.8); const g = x.createRadialGradient(w / 2, h * 0.42, 0, w / 2, h * 0.42, w * 0.8); g.addColorStop(0, 'rgba(255,122,26,' + (0.1 + 0.08 * k).toFixed(3) + ')'); g.addColorStop(1, 'rgba(255,122,26,0)'); x.fillStyle = g; x.fillRect(0, 0, w, h); }, }; } const CANVAS2D = { pulse: makePulse, arcs: makeArcs, lidar: makeLidar }; class BgFx extends HTMLElement { connectedCallback() { if (!this._built) { this._built = true; this.style.display = this.style.display || 'block'; if (!this.style.width) { this.style.width = '100%'; this.style.height = '100%'; } if (getComputedStyle(this).position === 'static') this.style.position = 'relative'; this.style.touchAction = 'pan-x'; this._cv = document.createElement('canvas'); this._cv.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;display:block;'; this.attachShadow({ mode: 'open' }).appendChild(this._cv); this._t = 0; this._run = false; this._inView = true; this._pressSm = 0; this._touch = { x: -999, y: -999, press: 0, tapped: false, tapX: 0, tapY: 0 }; this._taps = []; const loc = (e) => { const r = this.getBoundingClientRect(); return { x: (e.clientX - r.left) * (this.clientWidth / Math.max(r.width, 1)), y: (e.clientY - r.top) * (this.clientHeight / Math.max(r.height, 1)) }; }; this.addEventListener('pointerdown', (e) => { const p = loc(e); Object.assign(this._touch, { x: p.x, y: p.y, press: 1, tapped: true, tapX: p.x, tapY: p.y }); this._taps.push({ x: p.x, y: p.y, t: this._t }); if (this._taps.length > 4) this._taps.shift(); }); this.addEventListener('pointermove', (e) => { const p = loc(e); this._touch.x = p.x; this._touch.y = p.y; }); const up = () => { this._touch.press = 0; }; this.addEventListener('pointerup', up); this.addEventListener('pointercancel', up); this.addEventListener('pointerleave', up); this._io = new IntersectionObserver((es) => { this._inView = es.some(x => x.isIntersecting); this._sync(); }, { rootMargin: '40px' }); this._onVis = () => this._sync(); this._ro = new ResizeObserver(() => { clearTimeout(this._rt); this._rt = setTimeout(() => this._resize(), 100); }); this._tick = (ts) => this._frame(ts); } this._io.observe(this); this._ro.observe(this); document.addEventListener('visibilitychange', this._onVis); clearInterval(this._vt); this._vt = setInterval(() => this._checkVis(), 400); this._checkVis(); } _checkVis() { const r = this.getBoundingClientRect(); const vis = r.width > 0 && r.right > -80 && r.left < window.innerWidth + 80 && r.bottom > 0 && r.top < window.innerHeight + 80 && !document.hidden; if (vis !== this._inView) { this._inView = vis; this._sync(); } else if (vis && !this._run) this._sync(); } disconnectedCallback() { this._io.disconnect(); this._ro.disconnect(); clearInterval(this._vt); document.removeEventListener('visibilitychange', this._onVis); this._run = false; if (this._raf) { cancelAnimationFrame(this._raf); this._raf = 0; } } _kind() { return this.getAttribute('kind') || 'chrome'; } _init() { if (this._inited) return; this._inited = true; if (FRAGS[this._kind()]) { try { const gl = this._cv.getContext('webgl', { antialias: false, depth: false, stencil: false }); if (gl) { const mk = (type, src) => { const s = gl.createShader(type); gl.shaderSource(s, src); gl.compileShader(s); if (!gl.getShaderParameter(s, gl.COMPILE_STATUS)) { console.warn('reach-claude-bg shader', this._kind(), gl.getShaderInfoLog(s)); return null; } return s; }; const vs = mk(gl.VERTEX_SHADER, VERT), fs = mk(gl.FRAGMENT_SHADER, FRAGS[this._kind()]); if (vs && fs) { const pr = gl.createProgram(); gl.attachShader(pr, vs); gl.attachShader(pr, fs); gl.linkProgram(pr); if (gl.getProgramParameter(pr, gl.LINK_STATUS)) { gl.useProgram(pr); const buf = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, buf); gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW); const ap = gl.getAttribLocation(pr, 'p'); gl.enableVertexAttribArray(ap); gl.vertexAttribPointer(ap, 2, gl.FLOAT, false, 0, 0); this._gl = gl; this._u = { R: gl.getUniformLocation(pr, 'R'), T: gl.getUniformLocation(pr, 'T'), M: gl.getUniformLocation(pr, 'M'), P: gl.getUniformLocation(pr, 'P') }; } } } } catch (e) { this._gl = null; } } if (!this._gl) { this._2d = this._cv.getContext('2d'); this._eng = (CANVAS2D[this._kind()] || makeFallback)(); } this._resize(); } _resize() { if (!this._inited) return; const w = this.clientWidth, h = this.clientHeight; if (w < 10 || h < 10) return; const dpr = Math.min(window.devicePixelRatio || 1, this._gl ? 1.5 : 2); this._w = w; this._h = h; this._dpr = dpr; this._cv.width = Math.round(w * dpr); this._cv.height = Math.round(h * dpr); if (this._gl) this._gl.viewport(0, 0, this._cv.width, this._cv.height); else if (this._eng) { this._2d.setTransform(dpr, 0, 0, dpr, 0, 0); this._eng.resize(w, h, this._2d); } } _sync() { const on = this._inView && !document.hidden; if (on && !this._run) { this._run = true; if (!this._inited) this._init(); this._last = performance.now(); if (!this._raf) this._raf = requestAnimationFrame(this._tick); } else if (!on) { this._run = false; } } _frame(ts) { this._raf = 0; if (!this._run) return; this._raf = requestAnimationFrame(this._tick); this._fc = (this._fc || 0) + 1; if (this._fc % 24 === 0) this._checkVis(); let dt = (ts - this._last) / 1000; this._last = ts; dt = Math.max(0.001, Math.min(dt, 0.05)); this._t += dt; this._pressSm += (this._touch.press - this._pressSm) * Math.min(1, dt * 9); if (this._gl) { const gl = this._gl, W = this._cv.width, H = this._cv.height, mn = Math.min(W, H), d = this._dpr; gl.uniform2f(this._u.R, W, H); gl.uniform1f(this._u.T, this._t); gl.uniform3f(this._u.M, (this._touch.x * d - 0.5 * W) / mn, (0.5 * H - this._touch.y * d) / mn, this._pressSm); const arr = new Float32Array(16); for (let i = 0; i < this._taps.length; i++) { const tp = this._taps[i]; arr[i * 4] = (tp.x * d - 0.5 * W) / mn; arr[i * 4 + 1] = (0.5 * H - tp.y * d) / mn; arr[i * 4 + 2] = tp.t; arr[i * 4 + 3] = 1; } gl.uniform4fv(this._u.P, arr); gl.drawArrays(gl.TRIANGLES, 0, 3); } else if (this._eng && this._w) { this._eng.step(this._2d, this._w, this._h, this._t, dt, this._touch); } } } customElements.define('reach-claude-bg', BgFx); })(); a:X 0:{"P":null,"c":["","onboard","phone"],"q":"","i":false,"f":[[["",{"children":["(claude)",{"children":["onboard",{"children":["phone",{"children":["__PAGE__",{},"$undefined","$undefined",4096]},"$undefined","$undefined",4096]},"$undefined","$undefined",4096]},"$undefined","$undefined",4096]},"$undefined","$undefined",4116],[["$","$L1",null,{"loading":[["$","div","l",{"className":"loading-module__xs3ooG__surface","role":"status","aria-live":"polite","aria-label":"Loading Reach","aria-busy":"true","children":[["$","div",null,{"className":"loading-module__xs3ooG__ambient","aria-hidden":"true","children":["$","reach-claude-bg",null,{"kind":"ink","suppressHydrationWarning":true}]}],["$","div",null,{"className":"loading-module__xs3ooG__scrim","aria-hidden":"true"}],["$","div",null,{"className":"loading-module__xs3ooG__glow","aria-hidden":"true"}],["$","div",null,{"className":"loading-module__xs3ooG__grain","aria-hidden":"true"}],["$","div",null,{"className":"loading-module__xs3ooG__content","children":[["$","div",null,{"className":"loading-module__xs3ooG__stack","children":[["$","div",null,{"className":"loading-module__xs3ooG__logoBox","children":["$","$L2",null,{"className":"loading-module__xs3ooG__logo","src":"/claude/guest/assets/ave-live-logo.png","alt":"The Ave Live","width":5366,"height":920,"unoptimized":true,"priority":true}]}],["$","div",null,{"className":"loading-module__xs3ooG__progress","children":[["$","div",null,{"className":"loading-module__xs3ooG__track","aria-hidden":"true","children":["$","div",null,{"className":"loading-module__xs3ooG__fill","children":["$","div",null,{"className":"loading-module__xs3ooG__pulse"}]}]}],["$","div",null,{"className":"loading-module__xs3ooG__caption","children":[["$","span",null,{"className":"loading-module__xs3ooG__dot","aria-hidden":"true"}],["$","span",null,{"className":"loading-module__xs3ooG__label","children":"Loading Reach"}]]}]]}]]}],["$","div",null,{"className":"loading-module__xs3ooG__footer","children":"The Ave Live"}]]}]]}],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/30zmtp-x67pq7.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],[["$","script","script-0",{"src":"/_next/static/immutable/chunks/2h1fa0c0euzay.js","async":true}]]],"children":["$","$3","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/1lytgs6ti7k46.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/immutable/chunks/1fvmp_nf-ss5m.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","children":[["$","head",null,{"children":["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$4"}}]}],"$L5"]}]]}]}],{"children":["$L6",{"children":["$L7",{"children":["$L8",{"children":["$L9",{},null,false,null]},null,false,"$a"]},null,false,"$a"]},null,false,"$a"]},null,false,null],"$Lb",false]],"m":"$undefined","G":["$c",["$Ld"]],"S":false,"h":null,"r":"$undefined","s":"$undefined","a":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined"} e:I[39229,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js"],"default"] f:I[39756,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js"],"default"] 10:I[8821,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js","/_next/static/immutable/chunks/2yv092h58llln.js"],"default"] 11:I[37457,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js"],"default"] 13:I[97367,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js"],"OutletBoundary"] 14:"$Sreact.suspense" 16:I[97367,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js"],"ViewportBoundary"] 18:I[97367,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js"],"MetadataBoundary"] 5:["$","body",null,{"className":"unbounded_c11a6e2c-module__prkCmW__variable body_b5e1014-module__uR3zvG__variable inter_8d3affd6-module__d72gTq__variable","children":[["$","$Le",null,{}],["$","$Lf",null,{"parallelRouterKey":"children","error":"$10","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/_next/static/immutable/chunks/2yv092h58llln.js","async":true}]],"template":["$","$L11",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 6:["$","$3","c",{"children":[null,["$","$Lf",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L11",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":"$5:props:children:1:props:notFound:0:1:props:style","children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":"$5:props:children:1:props:notFound:0:1:props:children:props:children:1:props:style","children":404}],["$","div",null,{"style":"$5:props:children:1:props:notFound:0:1:props:children:props:children:2:props:style","children":["$","h2",null,{"style":"$5:props:children:1:props:notFound:0:1:props:children:props:children:2:props:children:props:style","children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 7:["$","$3","c",{"children":[null,["$","$Lf",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L11",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 8:["$","$3","c",{"children":[null,["$","$Lf",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L11",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 9:["$","$3","c",{"children":["$L12",[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/301is4d1o18gb.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/immutable/chunks/17eq7mfihk6k_.js","async":true,"nonce":"$undefined"}]],["$","$L13",null,{"children":["$","$14",null,{"name":"Next.MetadataOutlet","children":"$@15"}]}]]}] b:["$","$3","h",{"children":[null,["$","$L16",null,{"children":"$L17"}],["$","div",null,{"hidden":true,"children":["$","$L18",null,{"children":["$","$14",null,{"name":"Next.Metadata","children":"$L19"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}] d:["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/1lytgs6ti7k46.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}] 1a:I[63313,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js","/_next/static/immutable/chunks/17eq7mfihk6k_.js"],"default"] a:C 12:["$","$L1a",null,{"fonts":"inter_a9c90980-module__LKqWSW__variable space_grotesk_8de902ec-module__vQYTFG__variable unbounded_632507aa-module__MjAVbq__variable clash_2625d4af-module__NN8Jjq__variable satoshi_94f72ef6-module__goooVW__variable","initialMode":"phone"}] 17:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"}]] 1b:I[27201,["/_next/static/immutable/chunks/1fvmp_nf-ss5m.js"],"IconMark"] 15:null 19:[["$","title","0",{"children":"Reach | The Ave Live"}],["$","meta","1",{"name":"description","content":"Your night. Your people. Your place. Reach at The Ave Live."}],["$","meta","2",{"name":"robots","content":"noindex, nofollow"}],["$","link","3",{"rel":"icon","href":"/favicon.ico?favicon.3fpu2ql9ns1a0.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L1b","4",{}]]