/* reasr.one */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #ffffff; color: #000000; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.5; }
.name { text-align: center; padding: 8rem 2rem 2rem; }
.massive { font-family: 'Space Grotesk', sans-serif; font-weight: 900; font-size: clamp(72px, 14vw, 140px); line-height: 1; }
.one { font-family: 'Space Grotesk', sans-serif; font-weight: 400; font-size: 1.5rem; color: #999999; margin-top: 0.5rem; }
.purpose { padding: 4rem 0; }
.purpose-block { background: #000000; color: #ffffff; padding: 3rem 2rem; text-align: center; }
.purpose-block:hover { background: #333333; }
.purpose-text { font-family: 'Space Grotesk', sans-serif; font-weight: 900; font-size: clamp(1.5rem, 4vw, 2.5rem); }
.thick-bar { height: 8px; background: #000000; }
.end { text-align: center; padding: 4rem 2rem 6rem; }
.version { font-family: 'IBM Plex Mono', monospace; font-size: 0.8rem; color: #999999; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }