:root{--bg:#f5f5f5;--text:#060a0e;--primary:#e8452e;--secondary:#9aa4ae}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}img,svg{-webkit-user-drag:none}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);width:100vw;min-height:100dvh;color:var(--text);flex-direction:column;justify-content:space-between;line-height:1.6;display:flex}small{color:var(--secondary)}a{color:var(--secondary);border-bottom:1px solid #0000;text-decoration:none}a:hover{cursor:pointer;border-bottom:1px solid var(--secondary)}a:active{opacity:.7}button,a.cta{background:var(--primary);color:var(--bg);text-transform:uppercase;cursor:pointer;border:0;align-items:center;gap:10px;padding:.8rem 1.5rem;font-weight:600;transition:all .5s;display:flex}button.secondary{background:var(--bg);color:var(--primary)}button.cta{font-size:1rem}button.cta:hover,a.cta:hover{transform:scale(1.025)}button.cta:active,a.cta:active{transform:scale(1)}button[type=submit],input{appearance:none;border:none;outline:none;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}input[type=email],input[type=text]{min-width:250px}button[type=submit],input[type=submit]{cursor:pointer;background:var(--primary);color:var(--bg);font-weight:600}button[type=submit] svg{width:18px;height:18px}button[type=submit].secondary,input[type=submit].secondary{background:var(--bg);color:var(--primary)}blockquote{border-left:2px solid var(--secondary);text-align:left;margin:1rem 0;padding-left:1rem;font-style:italic}blockquote:before{content:"“"}blockquote:after{content:"”"}.row{align-items:center;display:flex}@media (max-width:650px){.row{flex-wrap:wrap}}.column{flex-direction:column;display:flex}.card{background-color:var(--bg);box-shadow:1px 1px 5px var(--secondary);padding:1rem;transition:transform .5s}.card:hover{cursor:pointer;transform:scale(1.025)}.card:active{transform:scale(.975)}
header{background:var(--bg);border-bottom:1px solid var(--secondary);z-index:9999;justify-content:space-between;width:100%;padding:1rem 2rem;position:sticky;top:0}header>div{gap:10px}header div>span{font-weight:600}header div>span>span{color:var(--primary)}nav a{color:var(--text);margin-left:1rem;text-decoration:none;transition:all .5s}nav a:hover{opacity:.5}
footer{gap:20px;padding:3rem 1rem}footer section#about div>p{font-style:italic}footer>section.row:has(ul#platforms-footer){justify-content:space-around;align-items:flex-start}footer>section.row:has(ul#platforms-footer)>div.column{gap:10px}footer>section.row div.column>ul#platforms-footer{list-style:none}footer>div:last-child{text-align:center;opacity:.7}