@font-face{font-family:Integral;src:url("assets/fonts/IntegralCF-Regular.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Integral;src:url("assets/fonts/IntegralCF-Medium.woff2") format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Integral;src:url("assets/fonts/IntegralCF-DemiBold.woff2") format("woff2");font-weight:600 900;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box;font-family:Integral,sans-serif}:root{--colour-1:#111827;--colour-1-hover:#131b2e;--colour-1-trans:#1a202c6c;--colour-1-trans2:#1b1c1dcc;--colour-2:#1f2937;--colour-7:#fbbf24;--colour-7-hover:#e0a718;--text-1:#f9fafb;--text-2:#e5e7eb;--text-2-5:#dfe2e7;--text-3:#b8babd;--tag-red:#fbbe24}html,body{scroll-behavior:smooth;background-color:var(--colour-1)}#app{display:flex;flex-direction:column;width:100%;min-height:max-content;margin-top:-4rem;margin-bottom:1rem}.pageStart{display:flex;width:100%;height:95vh}.thumbnailPreview{z-index:0;position:absolute;width:100%;height:95vh;object-fit:cover;object-position:center}.backupBackground{z-index:0;position:absolute;width:100%;height:95vh;background-color:#ffffff20}.headerArea{z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem;width:100%;height:95vh;background-color:var(--colour-1-trans)}.headerArea h3{font-size:.95rem;line-height:1.5rem;font-weight:600;color:var(--colour-7);text-align:center;max-width:55rem}.headerArea h1{font-size:4rem;line-height:4rem;font-weight:500;color:var(--text-1);text-align:center;max-width:55rem}.headerArea h1 .alt{color:var(--colour-7)}.headerArea small{font:400 .75rem/1rem Arial,sans-serif;color:var(--text-2-5);text-align:center;max-width:55rem;margin-top:1rem}.buttonContainer{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.buttonContainer button{padding:.75rem 1.5rem;cursor:pointer;border:0;border-radius:.35rem;background-color:var(--colour-7);transition:.15s}.buttonContainer button a{color:#000;text-decoration:none}.buttonContainer button:hover{background-color:var(--colour-7-hover)}.buttonContainer button.alternate{background-color:#ffffff20;backdrop-filter:blur(.25rem)}.buttonContainer button.alternate a{color:var(--text-2)}.informationBox{display:flex;align-items:center;justify-content:center;padding:5rem 0;width:100%}.informationBox .container{display:flex;flex-direction:column;gap:1rem;width:min(100%,75rem);padding:0 5rem}.informationBox.alt{background-color:#ffffff05}.container h2{font-size:2rem;font-weight:600;color:#fff}.container small{font:600 1rem Arial,sans-serif;color:var(--text-3);text-transform:uppercase;margin-bottom:.5rem}.container h2.right,.container small.right{text-align:right;width:100%}.infoBoxRow{display:flex;justify-content:space-between;align-items:center;gap:2rem;width:100%}.infoBoxRow .box{display:flex;flex-direction:column;gap:1rem;width:30%;height:100%;border-radius:1rem;padding:2rem;background-color:var(--colour-2)}.two{display:flex;flex-direction:column;min-height:100%;gap:1rem;width:50%}.box.big{width:50%}.box.smaller{width:45%}.box.min{min-width:min-content;height:23.75rem}.box iframe{border:0;border-radius:.5rem;width:100%;height:14rem}.two .box{height:min-content;width:100%}.box.btnrow{flex-direction:row;align-items:center;justify-content:center;gap:2rem;max-width:33.25rem;min-width:33.25rem;flex-wrap:wrap}.box button,.buttonLike{width:100%;height:3rem;border-radius:.5rem;background-color:var(--colour-1);color:#fff;font:700 1rem Integral,sans-serif;text-transform:uppercase;border:0;cursor:pointer;transition:.15s;text-decoration:none;display:grid;place-items:center}.box button:hover,.buttonLike:hover{background-color:var(--colour-1-hover)}.box h3{font-size:1.5rem;font-weight:600;color:#fff}.box>small{font:500 1rem Arial,sans-serif;color:var(--text-3);text-transform:none}.faq{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;width:100%;border-radius:.5rem;background-color:var(--colour-2)}.faq .question{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;user-select:none}.question h3{position:relative;font-size:1.5rem;line-height:1.575rem;font-weight:600;padding:0 2rem 0 1.5rem;color:var(--text-2-5);width:100%;cursor:pointer;transition:color .15s}.question h3 svg{position:absolute;right:.5rem;top:0;width:1.5rem;height:1.5rem;color:var(--text-2-5);transition:color .15s,rotate .15s,transform .15s}.question.open svg{color:var(--text-1);rotate:90deg;transform:rotate(90deg)}.question h3:hover{color:var(--text-1)}.question p{display:none;padding:0 1.5rem;font-size:.9rem;font-weight:400;color:var(--text-3);font-family:Inter,sans-serif;width:100%}.question.open p{display:block}.box.btnrow h2{font-size:1.4rem}.box.btnrow h2 a{color:var(--text-1);text-decoration:none}.navigationBar{z-index:10;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;width:100%;background-image:linear-gradient(to bottom,var(--colour-1-trans2),#ffffff00)}.navigationBar .container{display:flex;align-items:center;justify-content:space-between;width:min(100%,75rem);padding:0 1rem}.navigationBar .banner{display:flex;align-items:center;justify-content:center;padding:.25rem 1rem;gap:.5rem;width:100%;min-height:2rem;background-color:var(--tag-red)}.warning{font-size:1.1rem;color:var(--colour-1)}.banner .text{font-size:1rem;font-weight:600;text-align:center;color:var(--colour-1);text-transform:uppercase;margin-bottom:2px}.logo{height:4rem;width:4rem;background-image:radial-gradient(circle at 50% 50%,var(--colour-1) 0%,var(--colour-1-trans2) 50%,var(--colour-1-trans) 50%,var(--colour-1-trans) 100%)}.logo svg{height:100%;width:100%;fill:#fff}.links{display:flex;align-items:center;gap:1rem}.link{font-size:1.5rem;font-weight:500;color:var(--text-2-5);text-decoration:none;transition:.15s;background:none;border:0;cursor:pointer}.link:hover{color:var(--colour-7-hover)}.footerContainer{display:flex;justify-content:space-between;padding:2rem 5rem;width:min(100%,75rem);margin:0 auto}.footer{display:flex;flex-direction:column;gap:.5rem}.footer h4,.flinks h4{font-size:1.5rem;font-weight:600;color:#ffffff20}.footer span,.footer p,.flinks button{font:400 1rem Arial,sans-serif;color:#ffffff20;max-width:30rem}.footer p{font-size:.8rem}.flinks{display:flex;flex-direction:column;gap:.5rem}.flinks h4{text-align:right}.flinks .list{display:flex;flex-direction:column}.flinks button{background:none;border:0;cursor:pointer;text-align:right;width:100%}.flinks button:hover{color:var(--text-3)}dialog{max-width:30rem;border:0;border-radius:1rem;padding:2rem;background:var(--colour-2);color:#fff}dialog::backdrop{background:#0009}dialog p{font:400 1rem/1.5 Arial,sans-serif;color:var(--text-3);margin-top:1rem}.close{position:absolute;right:.5rem;top:.25rem;border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}@media(max-width:1050px){.infoBoxRow{flex-direction:column}.infoBoxRow .box,.box.big,.box.smaller{width:100%}.two{width:100%;gap:2rem}.box.btnrow{max-width:100%;min-width:100%}.box iframe{height:auto;aspect-ratio:16/9}.box.min{height:auto}}@media(max-width:650px){.headerArea h1{font-size:10vw;line-height:10vw}.informationBox .container{padding:0 2rem}.footerContainer{flex-direction:column;padding:2rem}.flinks h4,.flinks button{text-align:left}}