/* paraligm.com */
* { 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; overflow-x: hidden; }
.hero { text-align: center; padding: 6rem 2rem 3rem; position: relative; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.glitch-text { position: relative; }
.brand { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(2.5rem, 7vw, 4rem); text-shadow: -2px 0 #ff0040, 2px 0 #00fff0; position: relative; letter-spacing: -2px; }
.noise-band { height: 4px; background: linear-gradient(to right, #ff0040, #4040ff, #00fff0); width: 100%; position: absolute; top: 55%; left: 0; opacity: 0.8; transform: translateX(10px); box-shadow: 0 0 20px rgba(255, 0, 64, 0.5); }
.error-label { font-family: 'Fira Code', monospace; font-size: 0.55rem; color: #ff0040; display: block; margin-top: 1.5rem; letter-spacing: 1px; }
.fragment { max-width: 600px; margin: 0 auto; padding: 4rem 2rem; display: flex; flex-direction: column; gap: 2.5rem; min-height: 100vh; }
.glitch-panel { background: #161616; border: 2px solid #333333; border-left: 2px solid #4040ff; padding: 1.5rem; position: relative; }
.glitch-panel::before { content: ''; position: absolute; top: 40%; left: 0; right: 0; height: 3px; background: #00fff0; opacity: 0.3; transform: translateX(-8px); }
.glitch-panel::after { content: ''; position: absolute; bottom: 20%; right: 0; width: 100%; height: 2px; background: #4040ff; opacity: 0.2; transform: translateX(5px); }
.offset-right { transform: translateX(8px); border-left: 2px solid #00fff0; border-right: 2px solid #4040ff; }
.panel-text { font-size: 0.9rem; opacity: 0.85; line-height: 1.8; }
.static-zone { text-align: center; padding: 4rem 2rem; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%); }
.static-bg { background: repeating-linear-gradient(0deg, transparent 0, transparent 2px, rgba(26, 26, 26, 0.7) 2px, rgba(26, 26, 26, 0.7) 4px), linear-gradient(90deg, transparent 0%, rgba(64, 64, 255, 0.1) 50%, transparent 100%); padding: 4rem 2rem; border: 1px solid rgba(0, 255, 240, 0.3); }
.glitch-phrase { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(1.5rem, 5vw, 3rem); text-shadow: -2px 0 #ff0040, 2px 0 #00fff0, 0 0 20px rgba(64, 64, 255, 0.5); letter-spacing: -1px; }
@keyframes flicker { 0%, 98% { opacity: 1; } 99% { opacity: 0.5; } }
.flicker { animation: flicker 3s step-end infinite; }
.resolve { text-align: center; padding: 4rem 2rem 5rem; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0f0f0f; }
.resolve-brand { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.8rem; color: #f0f0f0; }
.resolve-text { font-size: 0.9rem; color: #00fff0; margin-top: 0.8rem; font-style: italic; }
.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }