body{margin:0;background:#020B2C}
a{color:#45D9CF}a:hover{color:#9FF3EC}
*{box-sizing:border-box}
button,input,textarea,select{font:inherit}
:focus-visible{outline:2px solid #45D9CF;outline-offset:3px}


:root{color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:#020B2C}
html{scroll-padding-top:calc(96px + env(safe-area-inset-top,0px));scroll-behavior:smooth}
header{top:calc(16px + env(safe-area-inset-top,0px)) !important}
body{color:#EEF2F8}
.view[hidden]{display:none}
@media (max-width:640px){h1 span:nth-child(1){font-size:44px !important}h1 span:nth-child(2){font-size:58px !important}h1 span:nth-child(3){font-size:76px !important}h2{font-size:38px !important}#launch-h{font-size:50px !important}form{padding:24px !important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

canvas.sea{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:crisp-edges;image-rendering:pixelated}
.navlinks{display:flex}
@media (max-width:900px){.navlinks{display:none}}
img{image-rendering:pixelated}
body{-webkit-font-smoothing:none;font-smooth:never}
p{line-height:1.7}
input[type=range]{accent-color:#45D9CF}
::selection{background:#45D9CF;color:#00144B}
.view{background-image:linear-gradient(rgba(159,243,236,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(159,243,236,.025) 1px,transparent 1px);background-size:10px 10px}