/* p9r.st */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #ffffff; color: #333333; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.5; }
.hero { text-align: center; padding: 15vh 2rem 10vh; }
.brand { font-family: 'Space Grotesk', sans-serif; font-weight: 800; font-size: clamp(64px, 12vw, 120px); color: #000000; }
.info { padding: 0; }
.black-block { background: #000000; color: #ffffff; padding: 60px 40px; width: 100%; text-align: center; }
.info-line { font-size: 0.9rem; margin-bottom: 0.5rem; color: #ffffff; }
.info-links { font-family: 'IBM Plex Mono', monospace; font-size: 0.7rem; margin-bottom: 0.5rem; color: #ffffff; }
.link { color: #ffffff; }
.info-status { font-size: 0.75rem; color: #999999; }
.thick-bar { height: 8px; background: #333333; width: 100%; }
.end { text-align: center; padding: 8vh 2rem 6vh; }
.footer-text { font-size: 0.6rem; 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); }