.browser-wall{--bw-bg:var(--n1);--bw-bg-rgb:248, 250, 252;--bw-stroke:#16a37b;pointer-events:none;position:absolute;inset:0;overflow:hidden}html.dark .browser-wall{--bw-bg-rgb:9, 9, 11;--bw-stroke:#5ae8bd}.browser-wall .stage{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.browser-wall .perspective{z-index:1;position:absolute;inset:0;overflow:hidden}.browser-wall .grid{transform-origin:50%;will-change:transform;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));grid-auto-rows:1fr;gap:24px;width:150%;height:280%;display:grid;position:absolute;top:-90%;left:-25%;transform:perspective(1200px)rotateX(50deg)scale(1.25)}.browser-wall .fade-top{z-index:2;pointer-events:none;background:linear-gradient(180deg, rgba(var(--bw-bg-rgb), 1) 0%, rgba(var(--bw-bg-rgb), .7) 45%, rgba(var(--bw-bg-rgb), 0) 100%);height:55%;position:absolute;top:0;left:0;right:0}.browser-wall .fade-bottom{z-index:2;pointer-events:none;background:linear-gradient(180deg, rgba(var(--bw-bg-rgb), 0) 0%, rgba(var(--bw-bg-rgb), .6) 45%, rgba(var(--bw-bg-rgb), 1) 100%);height:55%;position:absolute;bottom:0;left:0;right:0}.browser-wall .window{will-change:transform, opacity;position:relative}.browser-wall .window-inner{border:2px solid var(--bw-stroke);background:var(--bw-bg);opacity:0;border-radius:28px 28px 32px 22px;flex-direction:column;gap:2px;width:100%;height:100%;padding:6px;animation:.9s cubic-bezier(.2,.7,.2,1) forwards bw-rise,9s ease-in-out infinite bw-float;display:flex;position:relative;overflow:hidden}.browser-wall.bw-skip-rise .window-inner{opacity:1;animation-name:none,bw-float}@keyframes bw-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bw-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bw-glow-pulse{0%,to{opacity:.52}50%{opacity:1}}.browser-wall .chrome{flex-shrink:0;align-items:center;padding:14px 16px;display:flex}.browser-wall .controls{align-items:center;gap:10px;display:flex}.browser-wall .dot{background:var(--bw-stroke);border-radius:50%;width:12px;height:12px;display:inline-block}.browser-wall .viewport{border:2px solid var(--bw-stroke);background:var(--bw-bg);border-radius:20px 20px 24px 14px;flex:1;position:relative;overflow:hidden}.browser-wall .viewport:before{content:"";border-radius:inherit;opacity:.52;animation:4s ease-in-out infinite bw-glow-pulse;animation-delay:var(--bw-glow-delay,0s);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 16px #5ae8bd6b}.browser-wall .window-inner:after{content:"";opacity:.52;animation:4s ease-in-out infinite bw-glow-pulse;animation-delay:var(--bw-glow-delay,0s);pointer-events:none;border-radius:20px 20px 24px 14px;position:absolute;inset:48px 6px 6px;box-shadow:0 0 16px #5ae8bd52}.browser-wall .skel{flex-direction:column;gap:8px;padding:11px;transition:opacity .45s;display:flex;position:absolute;inset:0}.browser-wall .skel-row{gap:8px;min-width:0;min-height:0;display:flex}.browser-wall .skel-col,.browser-wall .skel-main{flex-direction:column;gap:7px;min-width:0;min-height:0;display:flex}.browser-wall .skel-main{flex:1}.browser-wall .skel-grid{flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:7px;min-height:0;display:grid}.browser-wall .skel-bars{flex:1;align-items:flex-end;gap:6px;min-height:0;display:flex}.browser-wall .skel-el{background:var(--bw-stroke);opacity:var(--o,.3);transition:opacity .22s}.browser-wall .skel-el.active{opacity:var(--oa,.55)}.browser-wall .e-bar{--o:.28;--oa:.5;border-radius:5px;flex-shrink:0;height:15px}.browser-wall .e-line{--o:.34;--oa:.55;border-radius:3px;flex-shrink:0;height:8px}.browser-wall .e-block{--o:.14;--oa:.34;border-radius:6px}.browser-wall .e-card{--o:.11;--oa:.3;border-radius:8px;flex:1;min-height:26px}.browser-wall .e-avatar{--o:.32;--oa:.6;border-radius:50%;flex-shrink:0;width:22px;height:22px}.browser-wall .e-thumb{--o:.18;--oa:.42;border-radius:5px}.browser-wall .e-chip{--o:.44;--oa:.72;border-radius:7px;flex-shrink:0;height:13px}.browser-wall .e-field{--o:.1;--oa:.28;border-radius:5px;flex-shrink:0;height:17px}.browser-wall .e-chartbar{--o:.3;--oa:.55;border-radius:3px 3px 0 0;flex:1;align-self:flex-end}.browser-wall .e-media{flex:1;min-height:0;position:relative}.browser-wall .e-media .e-card{position:absolute;inset:0}.browser-wall .e-play{background:var(--bw-stroke);opacity:.55;clip-path:polygon(0 0,100% 50%,0 100%);width:15px;height:17px;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)}.browser-wall .e-head{--o:.5;--oa:.72;border-radius:3px;flex-shrink:0;height:11px}.browser-wall .e-cell{--o:.16;--oa:.4;border-radius:3px}.browser-wall .e-cell-h{--o:.36;--oa:.58;border-radius:3px}.browser-wall .e-cell.is-event{--o:.52;--oa:.78}.browser-wall .e-bubble{--o:.2;--oa:.42;border-radius:9px;flex-shrink:0;height:16px}.browser-wall .e-bubble.me{--o:.42;--oa:.66;align-self:flex-end}.browser-wall .e-map{flex:1;min-height:0;position:relative}.browser-wall .e-map .e-card{position:absolute;inset:0}.browser-wall .e-pin{--o:.62;--oa:.85;border-radius:50% 50% 50% 0;width:13px;height:13px;position:absolute;transform:rotate(-45deg)}.browser-wall .e-spark{--o:.6;--oa:.85;background:0 0;flex:1;min-height:0}.browser-wall .e-spark svg{width:100%;height:100%;display:block}.browser-wall .e-spark polyline{fill:none;stroke:var(--bw-stroke);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.browser-wall .cursor{pointer-events:none;opacity:0;z-index:3;width:28px;height:38px;transition:transform .65s cubic-bezier(.4,0,.2,1),opacity .25s ease-out;position:absolute;top:0;left:0;transform:translate(8px,8px)}.browser-wall .cursor.visible{opacity:1}.browser-wall .cursor img{filter:saturate(1.35)brightness(1.25)drop-shadow(0 0 5px #5ae8bd73);width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.browser-wall .window-inner,.browser-wall .viewport:before,.browser-wall .window-inner:after{animation:none}.browser-wall .window-inner{opacity:1}.browser-wall .cursor{transition:opacity .25s ease-out}}.hero-legibility-overlay{background:#ffffff40}html.dark .hero-legibility-overlay{background:#00000040}.api-hero-scrim{background:radial-gradient(96% 60% at 50% 46%,#f8fafceb 0%,#f8fafca8 46%,#f8fafc00 78%)}html.dark .api-hero-scrim{background:radial-gradient(96% 60% at 50% 46%,#09090be0 0%,#09090b99 46%,#09090b00 78%)}
.nested-apis{--na-bg:var(--n1);--na-stroke:#16a37b;--na-grid:#16a37b;--na-g-angle:315deg;--na-col-w:min(clamp(224px, 25vw, 374px), calc((100vw - 310px) / 3))}html.dark .nested-apis{--na-stroke:#5ae8bd;--na-grid:#1dcd98;--na-g-angle:135deg}.nested-apis .na-scene{transform-origin:50%;position:relative;transform:rotateX(60deg)rotate(-45deg)}.nested-apis .na-scene.is-3d{transform-style:preserve-3d}.nested-apis .na-scene--cursor{width:460px;height:460px}.nested-apis .na-grid-floor{background-image:linear-gradient(to right, var(--na-grid) 4px, transparent 4px), linear-gradient(to bottom, var(--na-grid) 4px, transparent 4px);opacity:.7;pointer-events:none;background-position:2px 8px;background-size:34px 34px;width:1600px;height:1600px;margin:-800px 0 0 -800px;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(380px,#000 0 110px,#00000079 220px,#00000026 300px,#0000 380px);mask-image:radial-gradient(380px,#000 0 110px,#00000079 220px,#00000026 300px,#0000 380px)}.nested-apis .na-composition{position:absolute;inset:0;transform:translateZ(.1px)}.nested-apis .na-cursor{width:144px;height:144px;position:absolute;top:58px;left:76px;overflow:visible}.nested-apis .na-cursor svg{width:100%;height:100%;display:block;overflow:visible}.nested-apis .na-cursor svg path{fill:var(--na-bg);stroke:url(#naCursorGradLight)}html.dark .nested-apis .na-cursor svg path{stroke:url(#naCursorGrad)}.nested-apis .na-badge{background:var(--na-bg);border-radius:47px 47px 54px 41px;justify-content:center;align-items:center;width:208px;height:208px;transition:background .3s;display:flex;position:absolute;top:152px;left:180px}.nested-apis .na-badge .na-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.nested-apis .na-badge .na-frame path{fill:none;stroke:var(--na-stroke)}.nested-apis .na-badge .na-badge-label{font-family:var(--font-inter), "Inter", system-ui, sans-serif;background:linear-gradient(var(--na-g-angle), #5ae8bd 0%, #127d5d 50%, #148f6a 90%, #19b385 100%);color:#0000;white-space:nowrap;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:90px;font-weight:300;line-height:1.5}.nested-apis .na-scene--stack{width:460px;height:290px}.nested-apis .na-card{border:2.7px solid var(--na-card-stroke,var(--na-stroke));background:var(--na-bg);border-radius:26px 26px 30px 20px;flex-direction:column;gap:2px;padding:6px;transition:background .3s;display:flex;position:absolute;inset:0}.nested-apis .na-card .na-chrome{flex-shrink:0;align-items:center;padding:12px 14px;display:flex}.nested-apis .na-card .na-controls{align-items:center;gap:9px;display:flex}.nested-apis .na-card .na-dot{background:var(--na-card-stroke,var(--na-stroke));border-radius:50%;width:11px;height:11px;display:inline-block}.nested-apis .na-card .na-card-viewport{border:2.7px solid var(--na-card-stroke,var(--na-stroke));background:0 0;border-radius:18px 18px 18px 17px;flex:1}@media (max-width:950px){.nested-apis .na-lockup{gap:16px;width:100%}.nested-apis .na-ring{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.nested-apis .research{width:100%}.nested-apis .na-ring>.na-ring{order:1}.nested-apis .na-ring>.na-col{order:3;width:auto}.nested-apis .na-gbox{max-width:400px}.nested-apis .na-ring.is-active{border-color:var(--n7)}.nested-apis .navigator{border-radius:16px}.nested-apis .browsing{border-radius:33px}.nested-apis .research{border-radius:50px}.nested-apis .na-ring>.na-label{text-align:left;background:0 0;order:2;align-self:stretch;width:auto;padding:8px 6px}.nested-apis .browsing>.na-label,.nested-apis .browsing>.na-col .na-caption{padding-left:23px}.nested-apis .research>.na-label,.nested-apis .research>.na-col .na-caption{padding-left:40px}.nested-apis .browsing>.na-col .na-caption,.nested-apis .research>.na-col .na-caption{padding-bottom:8px}}@media (max-width:340px){.nested-apis .na-ring{padding:12px}.nested-apis .navigator{border-radius:16px}.nested-apis .browsing{border-radius:29px}.nested-apis .research{border-radius:42px}.nested-apis .browsing>.na-label,.nested-apis .browsing>.na-col .na-caption{padding-left:19px}.nested-apis .research>.na-label,.nested-apis .research>.na-col .na-caption{padding-left:32px}}