.sb-wrap{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.sb-b{background:#3caaff2e;border:1.5px solid #8cd2ffd9;border-radius:50%;animation:linear infinite sb-rise;position:absolute;bottom:-30px;box-shadow:0 0 8px #6fc3ff59}@keyframes sb-rise{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1}to{opacity:0;transform:translateY(-560px)scale(1.15)}}.sb-light .sb-b{box-shadow:none;background:#0080d01a;border-color:#00438080}@media(max-width:768px){.sb-b{background:#3caaff40;border-width:2px;box-shadow:0 0 10px #6fc3ff80}@keyframes sb-rise{0%{opacity:0;transform:translateY(0)scale(.7)}15%{opacity:1}to{opacity:0;transform:translateY(-340px)scale(1.2)}}}@media(prefers-reduced-motion:reduce){.sb-b{opacity:.5;animation:none}}.lgs{--lgs-fg:#eef3f8;--lgs-muted:#a9b9ca;--lgs-accent:var(--accent,#2f7fd8);--lgs-line:#eef3f81f;--fill:0;color:var(--lgs-fg);background:0 0;padding-block:clamp(56px,9vw,120px);position:relative}.lgs-inner{max-width:1280px;padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px));margin:0 auto;position:relative}.lgs-pipe{left:max(20px,env(safe-area-inset-left,0px));right:max(20px,env(safe-area-inset-right,0px));background:var(--lgs-line);pointer-events:none;border-radius:2px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.lgs-pipe-fill{transform-origin:0;transform:scaleX(var(--fill));background:repeating-linear-gradient(90deg,var(--lgs-accent) 0 14px,color-mix(in srgb,var(--lgs-accent) 45%,transparent) 14px 22px);box-shadow:0 0 14px color-mix(in srgb,var(--lgs-accent) 70%,transparent);background-size:22px 100%;border-radius:2px;animation:.9s linear infinite lgs-flow;position:absolute;inset:0}@keyframes lgs-flow{to{background-position:22px 0}}.lgs-node{border:2px solid var(--lgs-line);--lit:clamp(0, calc((var(--fill) - var(--at)) * 40), 1);border-color:color-mix(in srgb,var(--lgs-accent) calc(var(--lit) * 100%),var(--lgs-line));width:10px;height:10px;box-shadow:0 0 calc(var(--lit) * 14px) var(--lgs-accent);background:#0a1630;border-radius:50%;margin:-5px 0 0 -5px;transition:border-color .3s,box-shadow .3s;position:absolute;top:50%}.lgs-grid{perspective:900px;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,24px);display:grid;position:relative}.lgs-card{--in:0;--drift:0px;--rx:0deg;--ry:0deg;--mx:50%;--my:0%;text-align:center;background:radial-gradient(120% 90% at var(--mx) var(--my),color-mix(in srgb,var(--lgs-accent) 16%,transparent),transparent 60%),linear-gradient(180deg,#ffffff12,#ffffff05);border:1px solid var(--lgs-line);-webkit-backdrop-filter:blur(12px);min-width:0;opacity:var(--in);transform:translateY(calc((1 - var(--in)) * 70px + var(--drift))) rotateX(var(--rx)) rotateY(var(--ry)) scale(calc(.94 + var(--in) * .06));will-change:transform,opacity;border-radius:18px;padding:clamp(18px,2.4vw,30px) 16px;transition:transform .25s ease-out,border-color .3s;position:relative;box-shadow:0 24px 50px -30px #000c,inset 0 1px #ffffff14}.lgs-card:hover{border-color:color-mix(in srgb,var(--lgs-accent) 55%,transparent)}.lgs-num{letter-spacing:-.02em;color:#fff;text-shadow:0 0 28px color-mix(in srgb,var(--lgs-accent) 75%,transparent);margin:0;font-size:clamp(2.2rem,4.2vw,3.4rem);font-weight:800;line-height:1}.lgs-label{margin:12px 0 4px;font-size:1rem;font-weight:700}.lgs-detail{color:var(--lgs-muted);margin:0;font-size:.82rem}@media(max-width:860px){.lgs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lgs-pipe{display:none}}@media(prefers-reduced-motion:reduce){.lgs-card{opacity:1;transition:none;transform:none}.lgs-pipe-fill{animation:none;transform:none}}