:root {
            --bg: #050505;
            --fg: #F4F4F0;
            --accent: #D6FF00; /* Acid Yellow */
            --danger: #FF003C;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; cursor: crosshair; }
        
        body { 
            background: var(--bg); 
            color: var(--fg); 
            font-family: 'Space Mono', monospace; 
            overflow-x: hidden; 
            text-transform: uppercase; 
        }

        h1, h2, h3, .impact-text { font-family: 'Anton', sans-serif; letter-spacing: 2px; }

        /* HEAVY VPS LOAD: Animated TV Static Noise Overlay */
        .noise {
            position: fixed; top: -50%; left: -50%; right: -50%; bottom: -50%;
            width: 200%; height: 200vh; z-index: 9999; pointer-events: none;
            background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAGFBMVEUAAAD///+srKxgYGBAwP////8AAAAAAAC/O2ZfAAAACHRSTlMAMwAAMwAAMwAAMwAAMwAAMwAAMwAAMwD//z/9tAAAALJJREFUOMt1k0ESwyAMAkFm/y87t9XGiQ7c0mZmHAErIyP7Nzc/3xP3iN38I3cRe/lHLiP28Y9cRtzjH7mL2Ms/chmxl3/kLmIv/8hlxF7+kbuIvfwjlxF7+UfuIvbzj1xG7OMfuYvYyz9yGbGXf+QuYi//yGXEfv6Ru4i9/COXEfv5R+4i9vKPXEbs5R+5i9jLP3IZsZd/5C5iL//IZcRe/pG7iL38I5cRe/lH7iL28o9cRuzlX/wBq/Z+248fDCAAAAAASUVORK5CYII=') repeat;
            opacity: 0.08; animation: staticNoise 0.2s infinite;
        }
        @keyframes staticNoise { 0% { transform: translate(0,0) } 10% { transform: translate(-5%,-5%) } 20% { transform: translate(-10%,5%) } 30% { transform: translate(5%,-10%) } 40% { transform: translate(-5%,15%) } 50% { transform: translate(-10%,5%) } 60% { transform: translate(15%,0) } 70% { transform: translate(0,15%) } 80% { transform: translate(3%,35%) } 90% { transform: translate(-10%,10%) } 100% { transform: translate(0,0) } }

        /* Brutalist Navigation */
        nav { 
            display: flex; justify-content: space-between; align-items: center; 
            padding: 20px 40px; border-bottom: 4px solid var(--fg); 
            background: var(--bg); position: sticky; top: 0; z-index: 1000; 
        }
        .logo { font-size: 2.5rem; font-family: 'Anton', sans-serif; color: var(--accent); -webkit-text-stroke: 1px var(--fg); }
        .nav-links a { color: var(--fg); text-decoration: none; margin-left: 30px; font-weight: 700; font-size: 1.2rem; border: 2px solid transparent; padding: 5px 10px; transition: 0s; }
        .nav-links a:hover { background: var(--accent); color: var(--bg); border-color: var(--accent); }

        /* 5 GIANT SECTIONS */
        section { min-height: 100vh; padding: 120px 5%; border-bottom: 8px solid var(--fg); display: flex; flex-direction: column; justify-content: center; }

        /* SECTION 1: HERO */
        .hero { background: repeating-linear-gradient(45deg, var(--bg), var(--bg) 10px, #111 10px, #111 20px); }
        .hero-title { font-size: clamp(5rem, 15vw, 12rem); line-height: 0.85; color: var(--bg); -webkit-text-stroke: 3px var(--fg); text-transform: uppercase; margin-bottom: 20px; transition: 0.1s; }
        .hero-title:hover { color: var(--accent); -webkit-text-stroke: 0px; text-shadow: 10px 10px 0px var(--danger); transform: skewX(-5deg); }
        .hero-sub { font-size: 1.5rem; max-width: 800px; background: var(--fg); color: var(--bg); padding: 15px; font-weight: 700; margin-bottom: 40px; border-left: 15px solid var(--accent); }
        
        .btn-raw { padding: 20px 50px; background: var(--bg); color: var(--accent); font-family: 'Space Mono', monospace; font-size: 1.5rem; font-weight: 700; border: 4px solid var(--accent); text-decoration: none; display: inline-block; box-shadow: 8px 8px 0px var(--fg); transition: 0.1s; text-transform: uppercase; }
        .btn-raw:hover { transform: translate(8px, 8px); box-shadow: 0px 0px 0px var(--fg); background: var(--accent); color: var(--bg); }

        /* INFINITE MARQUEE (CPU LOAD) */
        .marquee-container { border-bottom: 8px solid var(--fg); background: var(--accent); color: var(--bg); padding: 20px 0; overflow: hidden; white-space: nowrap; display: flex; align-items: center; }
        .marquee-text { font-family: 'Anton', sans-serif; font-size: 4rem; animation: scrollText 15s linear infinite; display: inline-block; padding-left: 100%; }
        @keyframes scrollText { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }

        /* SECTION 2: THE GRIND (SERVICES) */
        .section-title { font-size: 5rem; margin-bottom: 60px; display: inline-block; background: var(--fg); color: var(--bg); padding: 10px 20px; transform: rotate(-2deg); }
        .grid-raw { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 0; border: 4px solid var(--fg); }
        .card-raw { padding: 60px 40px; border: 4px solid var(--fg); background: var(--bg); transition: 0s; position: relative; }
        .card-raw:hover { background: var(--fg); color: var(--bg); z-index: 10; transform: scale(1.05); box-shadow: 20px 20px 0px var(--danger); border-color: var(--danger); }
        .card-raw h3 { font-size: 3rem; margin-bottom: 20px; color: var(--accent); -webkit-text-stroke: 1px #000; }
        .card-raw:hover h3 { color: var(--danger); -webkit-text-stroke: 0px; }
        .card-raw p { font-size: 1.2rem; font-weight: 700; line-height: 1.5; }

        /* SECTION 3: PHILOSOPHY (ABSTRACT POSTER) */
        .philosophy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: stretch; }
        .text-block p { font-size: 1.3rem; margin-bottom: 30px; font-weight: 700; line-height: 1.6; border-left: 5px solid var(--danger); padding-left: 20px; }
        .poster-art { border: 8px solid var(--fg); background: var(--accent); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px; text-align: center; overflow: hidden; position: relative; }
        .poster-art::before { content: 'M. JONES'; position: absolute; font-family: 'Anton'; font-size: 15rem; color: var(--bg); opacity: 0.1; transform: rotate(-45deg); white-space: nowrap; }
        .poster-art h2 { font-size: 4rem; color: var(--bg); z-index: 2; margin-bottom: 20px; line-height: 1; }

        /* SECTION 4: FAQ (WARNING LABELS) */
        .faq-item { border: 4px solid var(--fg); margin-bottom: 20px; background: #111; transition: 0.1s; }
        .faq-item:hover { background: var(--accent); color: var(--bg); border-color: var(--accent); transform: translateX(20px); box-shadow: -20px 20px 0px var(--fg); }
        .faq-head { padding: 30px; font-size: 1.5rem; font-weight: 700; display: flex; justify-content: space-between; align-items: center; }
        .faq-body { padding: 0 30px 30px; font-size: 1.1rem; line-height: 1.6; font-weight: 700; }
        .faq-item:hover .faq-body { color: var(--bg); }

        /* SECTION 5: INTAKE FORM */
        .intake { background: var(--fg); color: var(--bg); }
        .intake .section-title { background: var(--bg); color: var(--accent); transform: rotate(2deg); }
        .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 4px solid var(--bg); margin-bottom: 30px; }
        input, select, textarea { width: 100%; padding: 25px; border: 4px solid var(--bg); background: transparent; color: var(--bg); font-family: 'Space Mono', monospace; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; outline: none; }
        input:focus, select:focus, textarea:focus { background: var(--accent); }
        textarea { grid-column: span 2; border-top: none; }

        /* FOOTER */
        footer { padding: 80px 5%; background: var(--bg); display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 50px; border-bottom: 20px solid var(--accent); }
        .f-block h3 { font-size: 2rem; margin-bottom: 20px; color: var(--accent); }
        .f-block p { font-size: 1.1rem; margin-bottom: 15px; font-weight: 700; }
        .f-block strong { color: var(--danger); }
        .hours { border: 2px solid var(--fg); padding: 20px; }
        .hours p { display: flex; justify-content: space-between; border-bottom: 2px dashed #333; padding-bottom: 10px; }

        @media (max-width: 1024px) { 
            .philosophy-grid, .form-grid { grid-template-columns: 1fr; }
            textarea { grid-column: span 1; }
            .nav-links { display: none; }
            .hero-title { font-size: 4rem; }
        }