*{box-sizing:border-box}html{color-scheme:dark;background:#050709}body{margin:0;color:#dce5e9;font-family:Arial,Helvetica,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}header{position:fixed;z-index:4;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:34px 4.5vw;font-size:13px}.brand{letter-spacing:-.035em}.brand span{font-size:8px;vertical-align:top;margin-left:3px}.login{padding:10px 0;color:#c4d5dc}.login span{margin-left:12px;color:#58d8dc}a:focus-visible{outline:2px solid #58d8dc;outline-offset:8px}main{height:100svh;position:relative;overflow:hidden}h1{position:absolute;z-index:2;top:18%;left:0;width:100%;text-align:center;margin:0;font-size:clamp(17px,1.8vw,27px);font-weight:400;letter-spacing:-.035em;color:#b7c9d0}.gallery{position:absolute;inset:0;perspective:1100px;perspective-origin:50% 50%;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}#screens{position:absolute;inset:0;transform-style:preserve-3d}.screen{position:absolute;left:50%;top:50%;width:390px;height:258px;margin:-129px 0 0 -195px;border-radius:13px;overflow:hidden;background:#122028;border:1px solid #ffffff22;box-shadow:0 26px 70px #0008;will-change:transform;backface-visibility:hidden}.screen svg{width:100%;height:100%;display:block}.floor{position:absolute;left:-70%;right:-70%;height:170%;top:60%;background-image:linear-gradient(#608b9d12 1px,transparent 1px),linear-gradient(90deg,#608b9d12 1px,transparent 1px);background-size:70px 70px;transform-origin:50% 0;transform:rotateX(74deg);mask-image:linear-gradient(transparent,#000 15%,transparent 70%)}footer{position:fixed;z-index:4;bottom:32px;left:4.5vw;right:4.5vw;display:flex;justify-content:flex-end;color:#62737c;font-size:10px;letter-spacing:.02em}.hint span{margin-left:9px;color:#73adb6}@media(max-width:600px){header{padding:24px 24px;font-size:12px}h1{top:23%;font-size:20px}.screen{width:310px;height:205px;margin:-102px 0 0 -155px}footer{left:24px;right:24px;bottom:26px;font-size:9px}footer>span:first-child{max-width:145px}.floor{top:57%}}@media(prefers-reduced-motion:reduce){.hint{display:none}}
.ribbon-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:default}.gallery{perspective:none}.flat-fallback .screen{transform:translateX(-180px)}.flat-fallback .screen:nth-of-type(3){transform:translateX(230px)}.flat-fallback .screen:nth-of-type(n+4){display:none}@media(max-width:600px){h1{top:20%}.ribbon-canvas{height:90%;top:5%}}

.floor{transform:perspective(650px) rotateX(74deg)}h1{transition:opacity .4s}

h1{top:auto;bottom:12%;font-size:clamp(17px,1.8vw,27px);pointer-events:none}@media(max-width:600px){h1{top:auto;bottom:19%;font-size:19px}}