/* rational.monster */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #0f0f0f; color: #f0f0f0; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.6; }
.noise-overlay { position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.02) 2px, rgba(255,255,255,0.02) 4px); pointer-events: none; }
.noise-overlay.intense { background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.05) 2px, rgba(255,255,255,0.05) 4px); }
.break { position: relative; padding: 6rem 2rem 4rem; text-align: center; overflow: hidden; }
.break-inner { position: relative; z-index: 1; }
.title-rational { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(3rem, 8vw, 5rem); letter-spacing: 0.05em; }
.title-monster { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(3rem, 8vw, 5rem); letter-spacing: 0.05em; text-shadow: -2px 0 #ff0040, 2px 0 #00fff0; }
.glitch-band { height: 4px; background: #ff0040; margin: 1.5rem auto; width: 60%; clip-path: inset(0 0 0 0); transform: translateX(12px); }
.error-label { font-family: 'Fira Code', monospace; font-size: 0.75rem; color: #ff0040; letter-spacing: 0.1em; }
.analyze { padding: 4rem 2rem; }
.analyze-inner { max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; gap: 2rem; }
.panel { background: #161616; border: 1px solid #333333; padding: 2rem; }
.panel.offset { transform: translateX(12px); }
.panel-title { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.1rem; margin-bottom: 0.5rem; }
.panel-text { font-size: 0.85rem; color: #a0a0a0; }
.corrupt { position: relative; padding: 5rem 2rem; text-align: center; overflow: hidden; }
.static-section { position: relative; background: #1a1a1a; padding: 4rem 2rem; }
.survive-text { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(2rem, 5vw, 3rem); position: relative; z-index: 1; }
.flicker { animation: flicker 3s ease-in-out infinite; color: #00fff0; }
@keyframes flicker { 0%, 97% { opacity: 1; } 98% { opacity: 0.3; } 100% { opacity: 1; } }
.resolve { text-align: center; padding: 3rem 2rem 5rem; }
.resolve-text { font-family: 'Space Grotesk', sans-serif; font-weight: 400; font-size: 1rem; color: #f0f0f0; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }