/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* vars */
:root { 
  --max-width:        960px;
  --bgcolor-home:     #310014;
  --bgcolor-eula:     #0F1EDC;
  --bgcolor-info:     #0F1EDC;
  --color-text:       #ff0028;
  --color-text-internal: #fff;
}

/* Basic page style resets */
* {
  box-sizing: border-box;
}

::selection { 
  background-color: rgba(0, 0, 0, 0.5);
}

/* Import fonts */
@font-face{
  font-family:'Chip Regular';
  src:url("/fonts/chip_regular.woff2") format("woff2");
  /* src:url("http://typeoca.com/fonts/chip_regular.woff2") format("woff2"); */
  font-weight:normal;
  font-style:normal
}
@font-face{
  font-family:'Chip Italic';
  src:url("/fonts/chip_italic.woff2") format("woff2");
  /* src:url("http://typeoca.com/fonts/chip_italic.woff2") format("woff2"); */
  font-weight:normal;
  font-style:normal
}
@font-face{
  font-family:'Chip Bold';
  src:url("/fonts/chip_bold.woff2") format("woff2");
  /* src:url("http://typeoca.com/fonts/chip_bold.woff2") format("woff2"); */
  font-weight:normal;
  font-style:normal
}



/* better font rendering in macOS */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  overflow-x: hidden;
}

/* bg colors */
.home {background: var(--bgcolor-home);}
.eula {background: var(--bgcolor-eula)}
.info {background: var(--bgcolor-info)}

body {
  font-family: 'Chip Regular', -apple-system, '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif;
  margin: 0 48px;
}

@media (max-width: 750px) {
  body {
    margin: 0 24px;
  }
}



/* Cursors */
.home * {cursor: url("data:image/svg+xml,%3Csvg width='91' height='72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M88.259 58.131c2.848-6.034 2.91-12.2.175-17.843l-.283-.59-13.014-6.88-3.375-1.774s-.814.65-1.783 1.788c-1.736-1.233-6.216-4.293-8.496-5.864-5.097-5.691-11.404-15.129-13.044-18.547l-.684-1.376-1.513.281c-3.108.584-4.71 2.177-5.52 3.441a7.14 7.14 0 00-1.013 2.834C28.93 8.312 9.045 3.033 4.932 1.697L2.725 1l-.8 1.386c-2.14 3.706-.494 7.855 4.191 10.56 1.455.84 3.182 1.549 5.029 2.21 3.89 1.403 8.297 2.609 11.766 4.461-2.182.519-4.488 1.312-6.58 2.495l-.75.42-.207.84c-.775 3.12.153 5.954 1.236 7.619-.573 2.971-.037 5.082.725 6.503-.508 2.64.338 6.015 3.489 8.377l.155.112.17.087c.665.327 12.775 4.431 17.745 2.844.48-.15.984-.425 1.462-.773 1.98 2.09 5.042 4.886 8.905 7.116 3.767 2.175 8.516 3.89 12.852 3.899-.231 2.741.505 4.725.505 4.725l14.063 6.064.851-.455c4.425-2.365 8.426-6.614 10.727-11.359z' fill='%23310014'/%3E%3Cpath d='M72.276 54.654c6.735-11.666 1.935-20.072 1.935-20.072l12.428 6.575c3.148 6.506 1.603 12.323-.184 16.118-2.077 4.297-5.773 8.26-9.861 10.46L65.593 62.99c4.795-4.725 6.218-7.53 6.683-8.335zM4.162 3.55c.281.093 27.771 7.64 37.943 13.581-.668-1.863-.633-3.783.319-5.312 1.294-2.001 3.681-2.436 4.211-2.534 1.737 3.612 8.319 13.452 13.52 19.203 6.92 4.734 11.8 8.36 12 8.475 2.349 6.853-.187 13.564-3.412 19.15-6.169 1.865-12.314 1.008-18.497-2.562-5.075-2.93-8.59-6.842-9.834-8.287-.405.701-1.413 1.528-2.162 1.765-4.107 1.313-15.515-2.387-16.247-2.74-2.713-2.04-3.26-5.034-2.54-7.101-1.754-2.422-.994-5.598-.72-6.652-.882-.913-2.207-3.618-1.45-6.668 3.58-2.021 7.871-2.834 11.316-3.12-1.196-.83-2.556-1.614-4.01-2.454-6.132-3.54-14.488-5.328-17.51-7.073-2.165-1.25-5.58-4.156-3.46-7.828l.533.157z' fill='%23EA3336'/%3E%3C/svg%3E"), auto;}
.home *:active {cursor: url("data:image/svg+xml,%3Csvg width='91' height='72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M87.644 59.196c2.848-6.034 2.91-12.2.175-17.843l-.283-.59-13.014-6.879-3.375-1.775s-.814.65-1.783 1.788c-1.736-1.233-6.216-4.293-8.496-5.864-5.098-5.69-11.404-15.128-13.044-18.547L47.14 8.11l-1.513.281c-3.108.584-4.71 2.177-5.52 3.441a7.138 7.138 0 00-1.012 2.834C28.315 9.377 9.045 3.033 4.932 1.697L2.725 1l-.8 1.386c-2.14 3.706-.494 7.855 4.191 10.56 1.334.77 3.437 1.707 5.886 2.786 3.115 1.383 6.938 3.082 10.302 4.955-2.181.519-4.487 1.313-6.578 2.495l-.752.421-.207.839c-.774 3.12.154 5.954 1.236 7.619-.572 2.971-.036 5.083.726 6.504-.508 2.64.338 6.014 3.489 8.376l.154.113.17.086c.666.327 12.776 4.432 17.745 2.844.48-.15.985-.425 1.462-.773 1.98 2.09 5.043 4.886 8.906 7.116 3.767 2.175 8.516 3.89 12.852 3.899-.232 2.741.505 4.725.505 4.725l14.062 6.064.852-.455c4.416-2.37 8.417-6.619 10.718-11.364z' fill='%23310014'/%3E%3Cpath d='M71.661 55.72c6.735-11.666 1.935-20.072 1.935-20.072l12.428 6.574c3.148 6.506 1.603 12.323-.184 16.118-2.077 4.297-5.773 8.26-9.861 10.46l-11.001-4.746c4.795-4.725 6.218-7.53 6.683-8.335zM4.162 3.55c.281.093 27.156 8.705 37.328 14.646-.668-1.863-.633-3.783.319-5.312 1.294-2 3.681-2.436 4.211-2.534 1.737 3.613 8.319 13.452 13.52 19.203 6.92 4.734 11.8 8.36 12 8.476 2.348 6.852-.187 13.563-3.412 19.15-6.17 1.864-12.314 1.007-18.497-2.563-5.075-2.93-8.59-6.841-9.834-8.287-.405.702-1.413 1.528-2.162 1.765-4.107 1.313-15.515-2.387-16.247-2.74-2.713-2.04-3.26-5.034-2.54-7.101-1.754-2.422-.994-5.597-.72-6.652-.882-.913-2.207-3.618-1.45-6.668 3.58-2.02 7.871-2.834 11.316-3.12-1.196-.829-2.556-1.614-4.01-2.454-6.132-3.54-13.868-6.401-16.89-8.146-2.165-1.25-5.58-4.157-3.46-7.829l.528.166z' fill='%23EA3336'/%3E%3C/svg%3E"), auto;}

.eula *, .info * {cursor: url("data:image/svg+xml,%3Csvg width='91' height='72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M88.259 58.131c2.848-6.034 2.91-12.2.175-17.843l-.283-.59-13.014-6.88-3.375-1.774s-.814.65-1.783 1.788c-1.736-1.233-6.216-4.293-8.496-5.864-5.097-5.691-11.404-15.129-13.044-18.547l-.684-1.376-1.513.281c-3.108.584-4.71 2.177-5.52 3.441a7.14 7.14 0 00-1.013 2.834C28.93 8.312 9.045 3.033 4.932 1.697L2.725 1l-.8 1.386c-2.14 3.706-.494 7.855 4.191 10.56 1.455.84 3.182 1.549 5.029 2.21 3.89 1.403 8.297 2.609 11.766 4.461-2.182.519-4.488 1.312-6.58 2.495l-.75.42-.207.84c-.775 3.12.153 5.954 1.236 7.619-.573 2.971-.037 5.082.725 6.503-.508 2.64.338 6.015 3.489 8.377l.155.112.17.087c.665.327 12.775 4.431 17.745 2.844.48-.15.984-.425 1.462-.773 1.98 2.09 5.042 4.886 8.905 7.116 3.767 2.175 8.516 3.89 12.852 3.899-.231 2.741.505 4.725.505 4.725l14.063 6.064.851-.455c4.425-2.365 8.426-6.614 10.727-11.359z' fill='%230F1EDC'/%3E%3Cpath d='M72.276 54.654c6.735-11.666 1.935-20.072 1.935-20.072l12.428 6.575c3.148 6.506 1.603 12.323-.184 16.118-2.077 4.297-5.773 8.26-9.861 10.46L65.593 62.99c4.795-4.725 6.218-7.53 6.683-8.335zM4.162 3.55c.281.093 27.771 7.64 37.943 13.581-.668-1.863-.633-3.783.319-5.312 1.294-2.001 3.681-2.436 4.211-2.534 1.737 3.612 8.319 13.452 13.52 19.203 6.92 4.734 11.8 8.36 12 8.475 2.349 6.853-.187 13.564-3.412 19.15-6.169 1.865-12.314 1.008-18.497-2.562-5.075-2.93-8.59-6.842-9.834-8.287-.405.701-1.413 1.528-2.162 1.765-4.107 1.313-15.515-2.387-16.247-2.74-2.713-2.04-3.26-5.034-2.54-7.101-1.754-2.422-.994-5.598-.72-6.652-.882-.913-2.207-3.618-1.45-6.668 3.58-2.021 7.871-2.834 11.316-3.12-1.196-.83-2.556-1.614-4.01-2.454-6.132-3.54-14.488-5.328-17.51-7.073-2.165-1.25-5.58-4.156-3.46-7.828l.533.157z' fill='%23fff'/%3E%3C/svg%3E"), auto;}
.eula *:active, .info *:active {cursor: url("data:image/svg+xml,%3Csvg width='91' height='72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M87.644 59.196c2.848-6.034 2.91-12.2.175-17.843l-.283-.59-13.014-6.879-3.375-1.775s-.814.65-1.783 1.788c-1.736-1.233-6.216-4.293-8.496-5.864-5.098-5.69-11.404-15.128-13.044-18.547L47.14 8.11l-1.513.281c-3.108.584-4.71 2.177-5.52 3.441a7.138 7.138 0 00-1.012 2.834C28.315 9.377 9.045 3.033 4.932 1.697L2.725 1l-.8 1.386c-2.14 3.706-.494 7.855 4.191 10.56 1.334.77 3.437 1.707 5.886 2.786 3.115 1.383 6.938 3.082 10.302 4.955-2.181.519-4.487 1.313-6.578 2.495l-.752.421-.207.839c-.774 3.12.154 5.954 1.236 7.619-.572 2.971-.036 5.083.726 6.504-.508 2.64.338 6.014 3.489 8.376l.154.113.17.086c.666.327 12.776 4.432 17.745 2.844.48-.15.985-.425 1.462-.773 1.98 2.09 5.043 4.886 8.906 7.116 3.767 2.175 8.516 3.89 12.852 3.899-.232 2.741.505 4.725.505 4.725l14.062 6.064.852-.455c4.416-2.37 8.417-6.619 10.718-11.364z' fill='%230F1EDC'/%3E%3Cpath d='M71.661 55.72c6.735-11.666 1.935-20.072 1.935-20.072l12.428 6.574c3.148 6.506 1.603 12.323-.184 16.118-2.077 4.297-5.773 8.26-9.861 10.46l-11.001-4.746c4.795-4.725 6.218-7.53 6.683-8.335zM4.162 3.55c.281.093 27.156 8.705 37.328 14.646-.668-1.863-.633-3.783.319-5.312 1.294-2 3.681-2.436 4.211-2.534 1.737 3.613 8.319 13.452 13.52 19.203 6.92 4.734 11.8 8.36 12 8.476 2.348 6.852-.187 13.563-3.412 19.15-6.17 1.864-12.314 1.007-18.497-2.563-5.075-2.93-8.59-6.841-9.834-8.287-.405.702-1.413 1.528-2.162 1.765-4.107 1.313-15.515-2.387-16.247-2.74-2.713-2.04-3.26-5.034-2.54-7.101-1.754-2.422-.994-5.597-.72-6.652-.882-.913-2.207-3.618-1.45-6.668 3.58-2.02 7.871-2.834 11.316-3.12-1.196-.829-2.556-1.614-4.01-2.454-6.132-3.54-13.868-6.401-16.89-8.146-2.165-1.25-5.58-4.157-3.46-7.829l.528.166z' fill='%23fff'/%3E%3C/svg%3E"), auto;}




/* Header */
header {
  max-width: var(--max-width);
  margin: 0 auto 128px;
  display: flex;
  justify-content: space-between;
  padding: 32px 0;
  font-size: 28px;
}

header a {
  display: inline-block;
  position: relative;
  margin-right: 22px;
  text-decoration: none;
  color: var(--color-text-internal);
  text-transform: uppercase;
}

header a:hover,
header a.on {
  font-family: 'Chip Bold';
}

header a:hover::before,
header a.on::before {
  font-family: 'Chip Regular';
}

header a::before {
  content: '/';
  position: absolute;
  top: 0;
  right: -20px;
  pointer-events: none;
}

header a.header-div::before {
  content: '—';
}

/* eliminating last child itens styles */
header a:last-child {
  margin-right: 0;
}

header a:last-child::before {
  display: none;
}

@media (max-width: 750px) {
  header {
    font-size: 16px;
    margin: 0 auto 128px;
    padding: 24px 0;
  }
  
  header a {
    margin-right: 12px;
  }
  
  header a::before {
    right: -12px;
  }
}

.home header a {
  color: var(--color-text);
}





/* Page Content */
.content {
  max-width: var(--max-width);
  margin: 0 auto;
  font-size: 32px;
  color: var(--color-text-internal);
}

.content .italic {
  font-family: 'Chip Italic';
}

.content.internal a,
.modal-inner p a {
  color: var(--color-text-internal);
  text-decoration: none;
  position: relative;
  
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 10% 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
}

.home .modal-inner p a {
  color: var(--color-text);
}




/* .content.internal span a {
  color: var(--color-promo-gray);
}

.content.internal span a::before {
  background: var(--color-promo-gray);
} */






/* Home */
.home-type {
  margin-bottom: 128px;
}

.home-type svg {
  width: 100%;
}

.home-links {
  display: flex;
  align-items: flex-start;
  margin-top: 64px;
}


.home-links a {
  background: var(--bgcolor-home);
  color: var(--color-text);
  border: 2px solid var(--color-text);
  transition: background 0.2s, color 0.2s;
  font-size: 48px;
  padding: 8px 20px 6px;
  text-decoration: none;
  margin-right: 20px;
  display: block;
}

.home-links a:hover {
  background: var(--color-text);
  color: var(--bgcolor-home);
}

@media (max-width: 750px) {
  .home-links {
    flex-direction: column;
    margin-top: 32px;
  }
  
  .home-links a {
    font-size: 24px;
    padding: 8px 20px 6px;
    margin-right: 0;
    margin-bottom: 12px;
    display: block;
  }
}




/* EULA/INFO */
.content.internal {
  margin-bottom: 128px;
}

.content.internal .section {
  margin-bottom: 56px;
}

.content.internal .section h1 {
  text-transform: uppercase;
}

.content.internal .section h1 .italic {
  text-transform: initial;
}

.content.internal .section p {
  margin-bottom: 32px;
}

.content.internal .section p:last-child {
  margin-bottom: 0;
}







.modal-outer {
  background: rgba(0,0,0,0);
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  transition: background 0.3s;
  pointer-events: none;
}

.modal-outer.on {
  pointer-events: auto;
  background: rgba(0,0,0,0.75);
}

.modal-inner {
  position: relative;
  background: var(--bgcolor-home);
  width: 80%;
  max-width: 720px;
  height: auto;
  padding: 40px;
  transform: translateY(60px);
  opacity: 0;
  transition: opacity 0.3s, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.modal-outer.on .modal-inner {
  transform: translateY(0);
  opacity: 1;
}

.modal-inner svg {
  margin-bottom: 40px;
}

.modal-inner p {
  margin-bottom: 40px;
  font-size: 32px;
  color: var(--color-text);
}

.modal-inner .prices a {
  background: var(--bgcolor-home);
  color: var(--color-text);
  border: 2px solid var(--color-text);
  transition: background 0.2s, color 0.2s;
  font-size: 32px;
  padding: 8px 20px 6px;
  text-decoration: none;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.modal-inner .prices a:last-child {
  margin-bottom: 0;
}

.modal-inner .prices a:hover {
  background: var(--color-text);
  color: var(--bgcolor-home);
}

.modal-content {
  display: none;
}

.modal-content.on {
  display: block;
}

.modal-close {
  margin-bottom: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 46px;
}

@media (max-width: 750px) {
  .modal-inner {
    padding: 20px;
  }
  
  .modal-inner p {
    margin-bottom: 20px;
    font-size: 24px;
  }
  
  .modal-inner svg {
    margin-bottom: 20px;
  }
  
  .modal-inner .prices a {
    font-size: 24px;
    padding: 8px 20px 6px;
    margin-bottom: 12px;
  }
}