.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%)}