*{box-sizing:border-box}body{margin:0;background:#5b37ff;color:#fff;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:68px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff55;font-size:10px}.hero{min-height:calc(100vh - 68px);padding:7vw 5vw;position:relative;overflow:hidden}.hero h1,.intro h2,.cta h2{font-size:clamp(75px,14vw,220px);line-height:.7;letter-spacing:-.1em;margin:8vh 0}.hero em,.intro em,.cta em{font-style:normal;color:#ffdf3d}.hero p{max-width:580px;line-height:1.7}.hero button,.cta button{border:1px solid #fff;color:#fff;background:transparent;padding:15px 24px}.frame{position:absolute;right:5vw;top:12%;width:34vw;aspect-ratio:1;border:1px solid;display:grid;place-items:center;animation:frame 6s infinite}.frame i{width:45%;height:45%;background:#ffdf3d;clip-path:polygon(50% 0,100% 100%,0 100%);animation:shape 4s infinite}.frame span{position:absolute;font-size:5vw;mix-blend-mode:difference}@keyframes frame{50%{border-radius:50%;transform:rotate(30deg)}}@keyframes shape{50%{border-radius:50%;transform:rotate(180deg)}}.timeline{height:90px;background:#111;display:flex;align-items:center;padding:20px;gap:4px}.timeline div{width:35%;height:50px;background:#ffdf3d}.timeline i{height:50px;flex:1;background:#5b37ff}.timeline span{margin-left:auto}.intro{padding:12vw 6vw;background:#111}.intro h2,.cta h2{font-size:clamp(55px,9vw,145px)}.intro p{max-width:700px;margin-left:auto;font-size:18px;line-height:1.7}.formats{display:grid;grid-template-columns:repeat(2,1fr)}.formats article{padding:6vw;border:1px solid #ffffff55;min-height:360px}.formats h3{font-size:40px}.formats p{line-height:1.7}.sequence{padding:12vw 6vw;background:#ffdf3d;color:#111;overflow:hidden}.sequence h2{font-size:5vw;white-space:nowrap;animation:sequence 16s linear infinite}.shape{width:150px;height:150px;background:#5b37ff;border-radius:50%}@keyframes sequence{to{transform:translateX(-70%)}}.cta{min-height:90vh;padding:10vw 6vw;display:grid;place-content:center}footer{padding:35px 5vw;border-top:1px solid}@media(max-width:800px){.hero h1{font-size:20vw}.frame{opacity:.25;width:80vw;right:-30%}.formats{grid-template-columns:1fr}.intro h2,.cta h2{font-size:14vw}.sequence h2{font-size:12vw}}