:root{--cl-main: #400}.star{--cl-link: #400;--cl-link-hover: #600;background-color:#fff}.star #naval{background:#fff}.star #naval a:link,.star #naval a:visited,.star #naval button{color:#888}.star #naval a:link.active,.star #naval a:visited.active,.star #naval button.active{color:#111}.star #naval a:hover,.star #naval button:hover{color:#333}.star #title-banner{background:linear-gradient(90deg,#dde2ff,#fff3ec)}.moon{--cl-link: #c00;--cl-link-hover: #f00;background-color:#000}.moon #naval{background:#000}.moon #naval a:link,.moon #naval a:visited,.moon #naval button{color:#888}.moon #naval a:link.active,.moon #naval a:visited.active,.moon #naval button.active{color:#ddd}.moon #naval a:hover,.moon #naval button:hover{color:#fff}.moon #title-banner{background:linear-gradient(90deg,#215,#200)}#landing{color:var(--cl-1);font-size:18px}.cta{padding:10px 0;margin:40px 0}.cta a{display:inline-flex;align-items:center;transition:all .2s;letter-spacing:2px}.cta a svg{margin-right:20px}.cta.mono a:link,.cta.mono a:visited{color:var(--cl-1)}.cta.mono a:hover{color:var(--cl-f);background-color:var(--cl-0)}.star .cta.mono-invert a:link,.star .cta.mono-invert a:visited{color:var(--cl-f)}.star .cta.mono-invert a:hover{color:var(--cl-0);background-color:var(--cl-f)}.moon .cta.mono-invert a:link,.moon .cta.mono-invert a:visited{color:#fff}.moon .cta.mono-invert a:hover{color:#000;background-color:#fff}#hero{padding:100px 50px;text-align:center;position:relative;background:radial-gradient(circle at bottom,#400 0,var(--cl-f) 100%)}#hero .ship{min-height:70vh;position:relative;z-index:2}#hero h1{font-size:3.3em;position:relative;z-index:1;line-height:1;font-family:"Source Serif 4",Fira Sans,serif}#hero h1 b{font-weight:900;text-shadow:0 0 15px rgba(255,255,255,.2);letter-spacing:7px;font-size:1.3em}#hero h1 small{font-size:1em;font-weight:300}#hero p.tagline{line-height:1.6}#hero a{background:#0005;color:#fff}#hero a:hover{background:#fff;color:#000}#hero .logo{fill:#0000;stroke:#fff;stroke-width:2px;height:100px;width:100px}#hero:before{content:"";position:absolute;top:40%;left:30%;width:300px;height:300px;border-radius:50%;background:linear-gradient(259.53deg,#1a5fff 6.53%,#ff6a1a 95.34%);filter:blur(60px);opacity:.7;transform-origin:center;animation:fluidOrbit 20s ease-in-out infinite;pointer-events:none;z-index:1}#hero:after{content:"";position:absolute;top:60%;right:25%;width:200px;height:200px;border-radius:50%;background:linear-gradient(120deg,#ff6a1a 20%,#1a5fff 80%);filter:blur(60px);opacity:.5;transform-origin:center;animation:fluidOrbit 15s ease-in-out infinite reverse;animation-delay:-7s;pointer-events:none;z-index:1}@keyframes fluidOrbit{0%{transform:translate(0) scale(1) rotate(0);opacity:.4}25%{transform:translate(40%,-20%) scale(1.1) rotate(90deg);opacity:.6}50%{transform:translate(60%,30%) scale(.9) rotate(180deg);opacity:.3}75%{transform:translate(10%,40%) scale(1.05) rotate(270deg);opacity:.5}to{transform:translate(0) scale(1) rotate(360deg);opacity:.4}}@media(prefers-reduced-motion:reduce){#hero:before,#hero:after{animation:none;opacity:.3;transform:translate(20%,10%) scale(1)}}@media(max-width:768px){#hero:before{width:200px;height:200px;filter:blur(6vw);animation-duration:25s}#hero:after{width:150px;height:150px;filter:blur(4vw);animation-duration:20s}}@media(max-width:768px)and (prefers-reduced-motion:no-preference){@supports not (backdrop-filter: blur(1px)){#hero:before{animation-duration:40s;filter:blur(3vw)}}}