.shapegrid-canvas{border:none;width:100%;height:100%;display:block}.flap{gap:4px;display:inline-flex}.flap-cell{color:#ede9ff;font-variant-numeric:tabular-nums;background:linear-gradient(#2b2650 0%,#191436 48%,#221c45 52%,#120e29 100%);border:1px solid #ffffff1f;border-radius:6px;place-items:center;width:1.05em;height:1.5em;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 6px 14px #00000080}.flap-cell:after{content:"";background:#000000a6;height:1px;position:absolute;top:50%;left:0;right:0}.flap-cell span{z-index:1;animation:.14s ease-out flap-in;position:relative}@keyframes flap-in{0%{opacity:.35;transform:rotateX(-70deg)}to{opacity:1;transform:rotateX(0)}}.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#0b0b0b;position:relative;overflow:hidden}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .35);padding-bottom:calc(var(--logoloop-logoHeight) * .35)}.logoloop__track{will-change:transform;-webkit-user-select:none;user-select:none;z-index:0;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);flex:none;line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{align-items:center;display:inline-flex}.logoloop__item img{height:var(--logoloop-logoHeight);object-fit:contain;width:auto;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform-origin:50%;transform:scale(1.2)}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{border-radius:4px;align-items:center;text-decoration:none;transition:opacity .2s;display:inline-flex}.logoloop__link:hover{opacity:.85}.logoloop__link:focus-visible{outline-offset:2px;outline:2px solid}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:10;width:clamp(24px,8%,120px);position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);left:0}.logoloop--fade:after{background:linear-gradient(to left, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);right:0}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{width:100%;height:clamp(24px,8%,120px);left:0;right:0}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);top:0;bottom:auto}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);top:auto;bottom:0}.logoloop--brands .logoloop__node{color:#eaffef;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;gap:.6rem;font-size:.78rem;font-weight:600;transition:color .3s,filter .3s,transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--brands .logoloop__node svg{height:var(--logoloop-logoHeight);width:auto}.logoloop--brands .logoloop__link:hover{opacity:1}.logoloop--brands .logoloop__link:hover .logoloop__node{color:#2eff6e;filter:drop-shadow(0 0 12px #2eff6e8c)}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translate(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.laptop{width:100%;position:relative}.laptop__glow{filter:blur(46px);opacity:.9;pointer-events:none;border-radius:999px;height:42%;position:absolute;bottom:-6%;left:8%;right:8%}.laptop__lid{background:linear-gradient(160deg,#3a3d41 0%,#17191b 40%,#2b2e31 100%);border-radius:18px;padding:8px;position:relative;box-shadow:inset 0 1px #ffffff2e,0 30px 70px #000000a6}.laptop__bezel{background:#050708;border-radius:12px;padding:12px 10px 14px;position:relative;box-shadow:inset 0 0 0 1px #ffffff12}.laptop__cam{background:#1b1f21;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 2px #ffffff40}.laptop__screen{background:#01060a;border-radius:6px;width:100%;position:relative;overflow:hidden}.laptop__screen:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff14 0%,#fff0 42%);position:absolute;inset:0}.laptop__hinge{background:linear-gradient(#202325 0%,#0d0f10 100%);border-radius:0 0 5px 5px;height:5px;margin:0 6%}.laptop__base{background:linear-gradient(#43474b 0%,#22252700 90%,#1a1c1e 100%);border-radius:0 0 14px 14px;height:11px;margin:0 -3%;position:relative;box-shadow:0 18px 34px #0009}.laptop__notch{background:#0000008c;border-radius:0 0 8px 8px;width:16%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}
