body,html {
    margin:0 auto;
    background:#FFF;
    font-family: "Poppins",sans-serif;
}

.page-container {
    position:relative;
    width:1024px;
    margin:0 auto;
    text-align:center;
}

.header-logo {
    margin:50px auto;
}

.warning-icon {
    width:150px;
    margin:0 auto;
}

.warning-icon svg {
    width:100%;
}

.lp-header {}

.lp-header h1 {
    font-size:43px;
    font-weight:200;
}

.colour-set {
    background: linear-gradient(90deg, #000, #333, #642c9c, #4c1684, #7746aa);
    background-clip: text;
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    display: inline-block;
}

.understood-box {
    text-align:left;
    margin-bottom:50px;
}

.ub-left,
.ub-right {
    display:inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}
.ub-left {
    width:100px;
    padding-right:15px;
}

.ub-right {
    width:calc(100% - 100px);
    font-size:27px;
    font-weight:200;
}

.toggle {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #ccc;
  border-radius: 34px;
  transition: 0.4s;
}

.toggle .slider::before {
  content: "";
  position: absolute;
  height: 26px; width: 26px;
  left: 4px; bottom: 4px;
  background-color: white;
  border-radius: 50%;
  transition: 0.4s;
}

.toggle input:checked + .slider {
  background-color: #4caf50;
}

.toggle input:checked + .slider::before {
  transform: translateX(26px);
}

.divider {
    margin:75px auto 50px;
    width:100%;
    height:1px;
    background-color:#642c9c;
}

.lp-header p {
    font-size:21px;
    line-height:27px;
    font-weight:200;
    width:60%;
    margin:0 auto;
}

.lp-header.bottom p {
    width:80%;
    font-size:18px;
    line-height:24px;
}

.scam-alert {
    width:300px;
    margin:0 auto;
}

.scam-alert img {
    position:relative;
    width:100%;
}

.browser-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 50px auto;
  border: 2px #DDD solid;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 2 / 1; 
  height: auto; 
}

.browser-wrapper iframe {
  position: absolute;
  top: 33px; 
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.browser-wrapper .browser-overlay {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}


@media only screen and (max-width:1267px){
    .page-container {
        width:1000px;
    }
}

@media only screen and (max-width:1067px){
    .page-container {
        width:800px;
    }
    .scam-alert {
        width:80%;
        margin:0 auto;
    }
}

@media only screen and (max-width:867px){
    .page-container {
        width:92%;
    }
    .scam-alert {
        width:70%;
    }

}