*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#a9c4ff;font-family:monospace}a{color:inherit;text-decoration:none}header{height:68px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293657}.hero{min-height:calc(100vh - 68px);padding:7vw 5vw;position:relative;overflow:hidden}.stars{position:absolute;inset:0;background-image:radial-gradient(#769cff 1px,transparent 1px);background-size:35px 35px;opacity:.2}.hero>*:not(.stars){position:relative}.hero h1,.what h2,.diagram h2,.cta h2{font:400 clamp(65px,11vw,180px)/.78 Arial;letter-spacing:-.08em;margin:8vh 0}.hero h1 em,.what em,.diagram em,.cta em{font-style:normal;color:#fff}.hero p{max-width:600px;line-height:1.7}.hero button,.cta button{padding:14px 0;border:0;border-bottom:1px solid;background:transparent;color:inherit}.cube{position:absolute;right:12vw;top:25%;width:240px;height:240px;transform:rotate(30deg);animation:cube 8s linear infinite}.cube i{position:absolute;inset:0;border:1px solid}.cube i:nth-child(2){transform:translate(35px,35px)}.cube i:nth-child(3){transform:translate(70px,70px)}@keyframes cube{to{transform:rotate(390deg)}}.console{padding:5vw;background:#02040a;color:#5dffbd;font-size:14px}.console div{border-bottom:1px solid #17352b;padding-bottom:20px}.what,.diagram{padding:12vw 6vw}.what{display:grid;grid-template-columns:1.4fr .6fr;gap:5vw}.what h2,.diagram h2,.cta h2{font-size:clamp(50px,8vw,125px)}.what p{line-height:1.8}.modules{display:grid;grid-template-columns:repeat(3,1fr)}.modules article{padding:4vw;border:1px solid #293657;min-height:300px}.modules h3{font-size:25px;color:#fff}.modules p{line-height:1.7}.diagram{background:#111a31}.diagram>div{display:flex;align-items:center}.diagram span{border:1px solid;padding:18px}.diagram i{height:1px;flex:1;background:#769cff;animation:beam 2s infinite}@keyframes beam{50%{box-shadow:0 0 15px #769cff}}.cta{min-height:90vh;padding:10vw 6vw;display:grid;place-content:center}footer{padding:35px 5vw;border-top:1px solid}@media(max-width:800px){html,body{overflow-x:hidden}.hero h1{font-size:13vw;overflow-wrap:break-word}.cube{opacity:.2;right:-20%;width:170px;height:170px}.what,.modules{grid-template-columns:1fr}.diagram>div{overflow:auto}.what h2,.diagram h2,.cta h2{font-size:10vw;overflow-wrap:break-word}}
