:root{--color-bg: #1f1f1f;--color-darker: #111;--color-text: #f2f2f2}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:Roboto,Arial,Helvetica,sans-serif;line-height:1.45;font-size:16px;-webkit-font-smoothing:antialiased}@media (min-width: 768px){body{font-size:20px}}main{padding-top:48px}p{margin-bottom:.8em}ul{padding:0 0 0 1em;line-height:1.2;margin:0 0 .8em}li+li{margin-top:.8em}a{color:currentColor}h2{margin-bottom:.9em}.container{padding:0 12px;margin:0 auto;max-width:1000px;width:100%}img{max-width:100%;height:auto;display:block}.topbar{position:fixed;background-color:var(--color-darker);width:100%;z-index:9}.topbar__container{padding:0 12px;margin:0 auto;display:flex;align-items:center;height:48px;width:100%;max-width:1000px}.hero{background-color:var(--color-darker);position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:60px 12px;margin-bottom:60px;animation:fade linear;animation-timeline:scroll();animation-direction:reverse;animation-range-start:contain 0%}.hero__image{max-width:300px;width:100%;position:relative}@media (min-width: 768px){.hero__image{max-width:600px}}.hero__noise{height:100%;width:100%;position:absolute;background:radial-gradient(circle at 50% 50%,#000c,#212020d9),url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");filter:contrast(145%) brightness(650%);mix-blend-mode:screen}.image-module{display:grid;grid-template-columns:5fr 4fr}.image-module__content{z-index:2;margin:12px -50px 0 0}@media (min-width: 768px){.image-module{display:grid;grid-template-columns:1fr 1fr}.image-module__content{margin:24px -100px 0 100px;animation:follow linear;animation-timeline:view()}}.section{margin-top:45px;margin-bottom:45px}.image-module__image{animation:fade linear;animation-timeline:view()}.footer{background-color:var(--color-darker);text-align:center;padding:12px;font-size:13px}@keyframes fade{0%{opacity:.2}to{opacity:1}}@keyframes follow{0%{transform:translateY(0)}to{transform:translateY(90px)}}.formfield{margin-bottom:.8em;border:0;padding:0}.formfield__label{display:block;text-align:left;font-size:15px}input[type=email],input[type=text]{font-size:16px;padding-left:6px;line-height:1.5;letter-spacing:.055em;border:1px solid #888;color:var(--color-text);background-color:var(--color-darker);border-radius:3px;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:38px;width:100%}input{color:#04062c;opacity:1;outline:none}.radioGroup{width:fit-content;display:flex;flex-direction:row;font-size:14px;font-weight:500;border-radius:8px;align-items:center;background-color:var(--color-darker);padding:4px 8px;line-height:1;gap:3px;margin-bottom:12px;height:56px}.radioGroup input{display:none}.radioGroup span{letter-spacing:.025em;margin-bottom:.2em;padding:12px 8px;border:1px solid transparent;cursor:pointer;border-radius:8px;width:100%;text-align:center;transition:background-color .2s,border-color .2s;font-size:clamp(12px,2.5vw,14px)}.radioGroup span:hover{border:1px solid #888}.radioGroup input:checked+span{background-color:var(--color-text);border:1px solid var(--color-bg);color:var(--color-bg);cursor:unset;pointer-events:none}.button{background-color:var(--color-text);color:var(--color-bg);border:none;border-radius:3px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.newsletterForm{position:relative;border:1px solid #888;border-radius:3px;width:100%;max-width:480px;text-align:center;padding:24px 8px 36px;margin:60px auto 45px}.newsletterForm h2{font-size:24px;line-height:1.2}.newsletterForm p{font-size:16px;line-height:1.2}.newsletterForm .small{font-size:14px;line-height:1.2}.newsletterForm .button{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);width:calc(100% - 48px)}@media (min-width: 768px){.newsletterForm{padding:24px 24px 36px}.radioGroup span{padding:12px}}
