*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5;overflow-x:hidden;font-size:20px;font-family:din,sans-serif}@media (max-width: 800px){body{font-size:18px}}#horizon{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:auto;background-image:url(/static/homepage/images/horizon.webp);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;aspect-ratio:16/9;opacity:0;animation:fadeIn 1s ease-in forwards}.page{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}@supports (height: 100svh){.page{height:100svh}}@media (min-width: 800px){.page{min-height:600px}}#hero{opacity:1!important}.page:not(#hero){opacity:0;transition:opacity 1s ease-out}.page.fade-in{opacity:1!important}.page>*{text-align:center}.signup-message{margin-top:1rem;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;text-align:center;animation:fadeIn .3s ease-in}.signup-message.success{background-color:#d4edda;color:#155724}.signup-message.error{background-color:#f8d7da;color:#721c24}#hero{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.scroll-hint{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;opacity:0;z-index:10;pointer-events:none;transition:opacity .5s ease-in-out}.scroll-hint.visible{opacity:1;animation:pulseHint 2s ease-in-out infinite}.scroll-hint.visible .scroll-hint-arrow{animation:bounceArrow 1.5s ease-in-out infinite}.scroll-hint-arrow{font-size:1.8rem;color:#666}@keyframes pulseHint{0%,to{transform:translate(-50%) scale(.9)}50%{transform:translate(-50%) scale(1.1)}}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#hero h2{width:600px;max-width:80vw;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);letter-spacing:-.03em;font-size:1.6em;font-weight:400;opacity:0;animation:fadeIn 2s ease-in forwards;animation-delay:1s}@media (max-width: 800px){#hero h2{font-size:1.1em}}#gotendai-logo-wrapper{width:600px;height:auto;max-width:61.8vw;display:block;margin:0 auto}#gotendai-logo{width:100%;height:auto;opacity:0;transform:scale(.75);animation:fadeIn 1s ease-in forwards,scaleUp 2s cubic-bezier(.165,.84,.44,1) forwards;animation-delay:.2s,.2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.75)}to{transform:scale(1)}}.feature-article{max-width:480px;margin:0 auto;text-align:center}@media (max-width: 800px){.feature-article{max-width:90vw}}.feature-article img{width:100%;max-width:480px;height:auto;display:block;margin:0 auto 1.5rem;transition:transform .3s ease}.feature-article .caption{margin:0 auto .5rem;max-width:480px}.feature-article .aqualike{margin-top:1.5rem}#signup,#contact{text-align:center}#signup{margin-bottom:8em}.signup-form{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.email-input{padding:.618em 1.382em;border-radius:2em;border:2px solid #ccc;background-color:#fff;font-family:din,sans-serif;font-size:inherit;outline:none;transition:border-color .3s ease}.email-input:focus{border-color:#5890bf}.email-input::placeholder{color:#999}.aqualike{display:inline-block;padding:.618em 1.382em;border-radius:2em;position:relative;text-decoration:none;font-family:din-rounded,sans-serif;letter-spacing:-.01em;color:#fff;text-align:center;vertical-align:middle;white-space:nowrap;background-color:#3c84c6;box-shadow:#428cf026 0 10px 16px;cursor:pointer;transition:.4s ease-out}button.aqualike{font-size:20px;border:none}@media (max-width: 800px){button.aqualike{font-size:18px}}.aqualike:before{content:"";position:absolute;top:0;left:.618em;right:.618em;border-radius:8px;height:1px;padding:10px 0;background-color:#ffffff0d;background-image:linear-gradient(0deg,#ffffff4d,#fff0 95%)}.aqualike:hover{background-color:#5aa2e4;padding:.618em 1.618em}#footer{position:fixed;z-index:10;bottom:1em;left:1em;font-size:.76em;opacity:.5}@font-face{font-family:din;src:url(/static/homepage/fonts/DINNextLTPro-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:din;src:url(/static/homepage/fonts/DINNextLTPro-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:din;src:url(/static/homepage/fonts/DINNextLTPro-Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:din;src:url(/static/homepage/fonts/DINNextLTPro-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:din-rounded;src:url(/static/homepage/fonts/DINNextRoundedLTPro-Bold.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:din-rounded;src:url(/static/homepage/fonts/DINNextRoundedLTPro-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:din-rounded;src:url(/static/homepage/fonts/DINNextRoundedLTPro-Bold.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:din-rounded;src:url(/static/homepage/fonts/DINNextRoundedLTPro-Bold.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}
