.magnetLines-container{grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);place-items:center;width:80vmin;height:80vmin;display:grid}.magnetLines-container span{transform-origin:50%;will-change:transform;transform:rotate(var(--rotate));display:block}
.container{color:#fff;background-color:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 0;display:flex}.sub-container{flex-direction:row;justify-content:center;align-items:center;gap:8rem;padding:10rem 0;display:flex}.logo-container{position:absolute;top:1rem;left:2.5rem}.info{width:42%}.headline h1{letter-spacing:-.05em;font-size:48px;font-weight:400;line-height:1.2}.gradient{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#2563eb,#f1f1f1);-webkit-background-clip:text;background-clip:text}.description{color:#d1d5db;letter-spacing:-.02em;max-width:600px;margin-top:2rem;font-size:1rem;font-weight:400;line-height:1.2}.description span{font-weight:500}.current{flex-direction:column;align-items:center;margin-top:5rem;margin-bottom:10rem;display:flex}.current h2{font-size:2rem;font-weight:500}.logo{cursor:pointer;flex-direction:row;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.logo img{width:50px;height:auto}.logo p{font-size:32px}.brand{font-size:1.25rem;font-weight:500}.footer{width:90%;margin-top:4rem}.footer-header{flex-direction:row;justify-content:space-between;align-items:end;display:flex}.footer-description{font-size:.85rem}.footer-logo{width:240px}.footer-separator{background:linear-gradient(90deg,#2563eb,#f1f1f1) border-box;border-top:1px solid transparent;margin-top:.7rem;-webkit-mask:linear-gradient(#fff 0,#fff 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0,#fff 0) exclude}.footer-content{color:#696969;flex-direction:row;justify-content:space-between;margin-top:.8rem;font-size:.85rem;display:flex}.links{flex-direction:row;gap:2rem;display:flex}.social-icons{flex-direction:row;gap:1rem;display:flex}.social-icons img{cursor:pointer}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.logo-container{left:1rem}.magnet-lines{display:none}.info{width:85%}.current{margin-top:10rem}.current h2{font-size:1.8rem}.logo img{width:45px}.logo p{font-size:28px}.footer-logo{width:120px}.footer-description{font-size:1rem}.links{display:none}}