*{margin:0;padding:0;box-sizing:border-box}:root{--primary-colour: #0D0221;--cta-colour: #00A5E0}body{line-height:1.6;font-family:Roboto,system-ui;overflow-x:hidden;background:#f2f2f2}.slider{position:relative;z-index:0}.slider .controls{position:absolute;top:50%;width:100%}.slider .left,.slider .right{background:none;font-size:60px;outline:none;border:none;cursor:pointer}.slider .left{position:absolute;z-index:0}.slider .right{position:absolute;z-index:0;right:0}.demoHolder{display:none}.demoHolder.active{display:block}.slide{width:100%;min-width:100%}.slide .img-container{height:200px}.slide img{min-width:100%;max-width:100%;max-height:100%}.slide .info{text-align:center}section{padding:30px 0}.wrapper{width:min(1260px,95vw);margin-inline:auto}.landing-nav{padding:20px;box-shadow:0 0 2px #0003;position:sticky;z-index:2;top:0;background:var(--primary-colour)}.landing-nav .mobile-menu span{display:block;width:40px;height:5px;background:#eee}.landing-nav .mobile-menu span:nth-child(2){margin:5px 0}.landing-nav .mobile-menu input[type=checkbox]{display:none}.landing-nav ul{display:none;flex-direction:column;justify-content:center;align-items:center;height:100%}.landing-nav .nav-button{background:var(--cta-colour);display:none;justify-content:center;align-items:center;padding:1rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:700;color:var(--primary-colour)}.landing-nav li{list-style-type:none;margin:10px 0}.landing-nav li a{font-weight:700;color:#eee;text-decoration:none}.landing-nav:has(.mobile-menu input[type=checkbox]:checked) ul,.landing-nav:has(.mobile-menu input[type=checkbox]:checked) .nav-button{display:flex}.hero{height:100vh;display:flex;justify-content:center;align-items:center}.hero .content .hero-buttons .btn{padding:1rem 1.5rem;margin:10px 0;display:block;text-align:center;font-weight:700}.hero .content .hero-image{max-width:100%}.hero .content .hero-image img{width:100%}.slide img{max-width:100%}.btn{display:inline-block;padding:.5rem .75rem;border:1px solid var(--primary-colour);border-radius:12px;text-decoration:none;color:var(--primary-colour)}.btn.btn-cta{background:var(--cta-colour);border-color:transparent;color:var(--primary-colour)}.cta-content{color:var(--cta-colour);font-weight:700;font-size:16px}.about{background:var(--primary-colour);color:#eee}.about .content p{margin:10px 0}.about .content ul{margin-inline:20px}.about .content .cta-content{margin:20px 0;display:block}.features{background:var(--primary-colour)}.features h2{color:#eee}.features .feature{background:linear-gradient(to bottom right,#32cbff,#00a5e0);margin:10px 0;padding:20px;border-radius:12px;box-shadow:0 2px 2px #0003}.alert{text-align:center;padding:10px 15px;border-radius:6px;border:1px solid #222}.alert.success{background:var(--cta-colour)}.alert.error{background:red}.hide{display:none}.form-group{margin:10px 0}.form-group label{display:block}.form-group input{width:100%;padding:.5rem;border-radius:12px;border:1px solid var(--primary-colour);outline:none}.form-group .btn.btn-cta{font-weight:700;padding:1rem 1.5rem}footer{background:var(--primary-colour);color:#eee;padding:30px 0}@media screen and (min-width: 960px){.landing-nav .wrapper{display:flex;justify-content:space-between;align-items:center}.landing-nav .mobile-menu{display:none}.landing-nav ul{display:flex;flex-direction:row;justify-content:flex-end}.landing-nav ul li{margin-inline:20px}.landing-nav ul li:last-child{margin-right:0}.landing-nav .nav-button{display:flex}.hero .content{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr}.hero .content .hero-image{height:100%;width:100%}.hero .content .hero-image img{height:100%;width:100%}.hero .content h1{font-size:3rem}.hero .content p{font-size:1.5rem}.hero .content .hero-buttons .btn{display:inline-block}.hero .content .hero-buttons .btn.btn-cta{padding:1rem 3rem}h2{margin-bottom:20px;font-size:2rem}.features .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.features .grid .feature{margin:0}.slider .left,.slider .right{background:none;font-size:10rem;outline:none;border:none;cursor:pointer}.slider .left{left:-60px;position:absolute;z-index:0}.slider .right{position:absolute;right:-60px;z-index:0}.slider .slide .img-container{height:600px}}