:root {
            /* CORE RULE: Single Source of Truth for Accent */
            --accent: #2E5BFF; 
            
            --electric-blue: #2E5BFF;
            --royal-blue: #1A3BB5;
            --ink-blue: #0A1128;
            --paper: #F5F5F5;
            --muted-yellow: #E8C547;
            --soft-red: #E05263;
        }

        body {
            font-family: 'Archivo', sans-serif;
            background-color: var(--paper);
            color: var(--ink-blue);
            overflow-x: hidden;
            cursor: none; /* Hide default cursor */
        }

        /* Mobile Cursor Fallback */
        @media (hover: none) {
            body { cursor: auto; }
            #custom-cursor { display: none !important; }
        }

        .font-heading { font-family: 'Archivo Black', sans-serif; }
        .font-mono { font-family: 'Space Mono', monospace; }
        .font-hand { font-family: 'Patrick Hand', cursive; }

        /* Custom Cursor */
        #custom-cursor {
            position: fixed;
            top: 0; left: 0;
            pointer-events: none;
            z-index: 9999;
            transform: translate(-50%, -50%) scale(1);
            transform-origin: center center;
            transition: transform 0.15s ease-out;
            will-change: transform, top, left;
        }

        /* Cursor States */
        #custom-cursor.hovering {
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        #custom-cursor.clicking {
            transform: translate(-50%, -50%) scale(0.95);
        }

        /* Hide scrollbar for slider */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Brutalist Shadows & Cards */
        .brutal-shadow {
            box-shadow: 6px 6px 0px 0px var(--ink-blue);
        }
        
        /* Button & CTA "Pump" Effects */
        .btn-pump {
            transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
            position: relative;
        }
        .btn-pump:hover {
            transform: translate(-4px, -4px);
            box-shadow: 8px 8px 0px 0px var(--accent); 
        }
        .btn-pump:active {
            transform: translate(0px, 0px);
            box-shadow: 2px 2px 0px 0px var(--ink-blue);
        }
        
        .brutal-card {
            border: 3px solid var(--ink-blue);
            background: white;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            position: relative;
            overflow: hidden;
        }

        .brutal-card:hover {
            box-shadow: 10px 10px 0px 0px var(--accent);
            transform: translate(-3px, -3px);
            z-index: 10;
        }

        /* Interactive Service States */
        .service-card.expanded {
            transform: scale(1.02);
            box-shadow: 12px 12px 0px 0px var(--ink-blue);
            z-index: 20;
            border-color: var(--ink-blue);
        }

        .service-wiggle {
            animation: mild-wiggle 1s ease-in-out;
        }

        @keyframes mild-wiggle {
            0%, 100% { transform: rotate(0deg); }
            25% { transform: rotate(-1deg); }
            75% { transform: rotate(1deg); }
        }

        /* Subline Swap Logic */
        .subline-container {
            position: relative;
            height: 1.5em; 
            overflow: hidden;
        }
        .subline-default, .subline-hover {
            position: absolute;
            width: 100%;
            text-align: center;
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
        }
        .subline-default { transform: translateY(0); opacity: 1; }
        .subline-hover { transform: translateY(100%); opacity: 0; color: var(--accent); font-weight: 700; }
        
        .group:hover .subline-default { transform: translateY(-100%); opacity: 0; }
        .group:hover .subline-hover { transform: translateY(0); opacity: 1; }

        /* Texture on Hover */
        .card-texture {
            position: absolute;
            inset: 0;
            opacity: 0;
            background-image: repeating-linear-gradient(
                -45deg,
                transparent,
                transparent 4px,
                #e5e7eb 4px,
                #e5e7eb 5px
            );
            pointer-events: none;
            transition: opacity 0.3s ease;
            z-index: 0;
        }
        .group:hover .card-texture { opacity: 0.4; }

        /* Utilities */
        .bg-electric { background-color: var(--accent); }
        .bg-ink { background-color: var(--ink-blue); }
        .text-electric { color: var(--accent); }
        .text-ink-blue { color: var(--ink-blue); }
        .border-brutal { border: 3px solid var(--ink-blue); }
        .border-electric { border-color: var(--accent); }

        /* Animation Keyframes */
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        .marquee-container {
            white-space: nowrap;
            overflow: hidden;
            display: inline-block;
            animation: marquee 30s linear infinite;
        }

        /* Playground Tab Transitions */
        .tab-content {
            display: none;
            opacity: 0;
            transform: translateY(10px);
            transition: all 0.4s ease-out;
        }
        .tab-content.active {
            display: flex;
            opacity: 1;
            transform: translateY(0);
        }

        /* Hover Animations */
        .cycle-text span {
            position: absolute;
            left: 0; right: 0;
            opacity: 0;
            animation: cycleFade 2s infinite;
        }
        .cycle-text span:nth-child(1) { animation-delay: 0s; }
        .cycle-text span:nth-child(2) { animation-delay: 0.5s; }
        .cycle-text span:nth-child(3) { animation-delay: 1s; }
        .cycle-text span:nth-child(4) { animation-delay: 1.5s; }

        @keyframes cycleFade {
            0%, 20% { opacity: 0; transform: translateY(5px); }
            25%, 45% { opacity: 1; transform: translateY(0); }
            50%, 100% { opacity: 0; transform: translateY(-5px); }
        }

        .wireframe-part {
            transition: transform 0.4s ease-out, opacity 0.4s ease;
            transform: translateY(20px);
            opacity: 0;
        }
        .group:hover .wireframe-part {
            transform: translateY(0);
            opacity: 1;
        }

        .graph-path {
            stroke-dasharray: 100;
            stroke-dashoffset: 100;
            transition: stroke-dashoffset 1s ease;
        }
        .group:hover .graph-path {
            stroke-dashoffset: 0;
        }

        .sticker-rotate { transform: rotate(-2deg); }
        .sticker-rotate-alt { transform: rotate(1.5deg); }
        
        .reveal-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-on-scroll.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Team Card Active State */
        .team-card-dot {
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .snap-center.active-card .team-card-dot {
            opacity: 1;
        }

        /* Playground Anchor - Static placement */
        .playground-anchor {
            margin-top: 2rem;
            text-align: left;
            font-family: 'Space Mono', monospace;
            font-size: 12px;
            color: #9ca3af; /* zinc-400 */
        }

        /* Arsenal Number Block - Standardized */
        .service-index {
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Space Mono', monospace;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.05em;
            color: #0A1128;          /* ink-blue */
            background: #ffffff;
            border: 2px solid #0A1128;
            margin-bottom: 1.5rem;
        }

      
        }
        .manifesto-pin::after {
            content: '';
            position: absolute;
            top: 14px;
            left: 6px;
            width: 2px;
            height: 10px;
            background: #1A3BB5;
        }

        /* Manifesto Paper Depth */
        .manifesto-paper {
            background: #ffffff;
            box-shadow: 0 4px 0 #0A1128, 6px 6px 0 rgba(10,17,40,0.2);
        }
        :root {
            --accent: #2E5BFF; 
            --electric-blue: #2E5BFF;
            --royal-blue: #1A3BB5;
            --ink-blue: #0A1128;
            --paper: #F5F5F5;
            --muted-yellow: #E8C547;
            --soft-red: #E05263;
        }

        body {
            font-family: 'Archivo', sans-serif;
            background-color: var(--paper);
            color: var(--ink-blue);
            overflow-x: hidden;
            cursor: none;
        }

        @media (hover: none) {
            body { cursor: auto; }
            #custom-cursor { display: none !important; }
        }

        .font-heading { font-family: 'Archivo Black', sans-serif; }
        .font-mono { font-family: 'Space Mono', monospace; }
        .font-hand { font-family: 'Patrick Hand', cursive; }

        #custom-cursor {
            position: fixed;
            top: 0; left: 0;
            pointer-events: none;
            z-index: 9999;
            transform: translate(-50%, -50%) scale(1);
            transform-origin: center center;
            transition: transform 0.15s ease-out;
            will-change: transform, top, left;
        }
        #custom-cursor.hovering { transform: translate(-50%, -50%) scale(1.1); }
        #custom-cursor.clicking { transform: translate(-50%, -50%) scale(0.95); }

        .brutal-shadow { box-shadow: 6px 6px 0px 0px var(--ink-blue); }
        .border-brutal { border: 3px solid var(--ink-blue); }
        
        .btn-pump { transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; }
        .btn-pump:hover { transform: translate(-4px, -4px); box-shadow: 8px 8px 0px 0px var(--accent); }
        .btn-pump:active { transform: translate(0px, 0px); box-shadow: 2px 2px 0px 0px var(--ink-blue); }

        .reveal-on-scroll {
            opacity: 0; transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }

        .form-input {
            width: 100%; background: transparent; border: none;
            border-bottom: 2px solid var(--ink-blue); padding: 1rem 0;
            font-family: 'Archivo', sans-serif; font-size: 1.25rem;
            color: var(--ink-blue); outline: none; transition: border-color 0.3s ease;
        }
        .form-input:focus { border-color: var(--accent); }
        
        .form-label {
            display: block; font-family: 'Space Mono', monospace;
            font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em;
            color: #a1a1aa; margin-bottom: 0.5rem;
        }
        
        .bg-paper { background-color: var(--paper); }
        .text-electric { color: var(--accent); }
        .bg-electric { background-color: var(--accent); } 
        
        .font-heading { font-family: 'Archivo Black', sans-serif; }
        .font-mono { font-family: 'Space Mono', monospace; }
        .font-hand { font-family: 'Patrick Hand', cursive; }

        #custom-cursor {
            position: fixed;
            top: 0; left: 0;
            pointer-events: none;
            z-index: 9999;
            transform: translate(-50%, -50%) scale(1);
            transition: transform 0.15s ease-out;
        }
        #custom-cursor.hovering { transform: translate(-50%, -50%) scale(1.1); }
        #custom-cursor.clicking { transform: translate(-50%, -50%) scale(0.95); }

        .brutal-shadow { box-shadow: 6px 6px 0px 0px var(--ink-blue); }
        .border-brutal { border: 3px solid var(--ink-blue); }
        
        .btn-pump { transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; }
        .btn-pump:hover { transform: translate(-4px, -4px); box-shadow: 8px 8px 0px 0px var(--accent); }
        .btn-pump:active { transform: translate(0px, 0px); box-shadow: 2px 2px 0px 0px var(--ink-blue); }

        .reveal-on-scroll {
            opacity: 0; transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }

        .bg-paper { background-color: var(--paper); }
        .text-electric { color: var(--accent); }
        .bg-electric { background-color: var(--accent); }
        
          /* Custom Cursor */
        #custom-cursor {
            position: fixed;
            top: 0; left: 0;
            pointer-events: none;
            z-index: 9999;
            transform: translate(-50%, -50%) scale(1);
            transform-origin: center center;
            transition: transform 0.15s ease-out;
            will-change: transform, top, left;
        }

        /* Cursor States */
        #custom-cursor.hovering {
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        #custom-cursor.clicking {
            transform: translate(-50%, -50%) scale(0.95);
        }

        /* Hide scrollbar */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Brutalist Shadows & Cards */
        .brutal-shadow {
            box-shadow: 6px 6px 0px 0px var(--ink-blue);
        }
        
        /* Button & CTA "Pump" Effects */
        .btn-pump {
            transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
            position: relative;
        }
        .btn-pump:hover {
            transform: translate(-4px, -4px);
            box-shadow: 8px 8px 0px 0px var(--accent); 
        }
        .btn-pump:active {
            transform: translate(0px, 0px);
            box-shadow: 2px 2px 0px 0px var(--ink-blue);
        }
        
        .brutal-card {
            border: 3px solid var(--ink-blue);
            background: white;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            position: relative;
            overflow: hidden;
        }

        .brutal-card:hover {
            box-shadow: 10px 10px 0px 0px var(--accent);
            transform: translate(-3px, -3px);
            z-index: 10;
        }

        /* Utilities */
        .bg-electric { background-color: var(--electric-blue); }
        .bg-muted-yellow { background-color: var(--muted-yellow); }
        .bg-soft-red { background-color: var(--soft-red); }
        .bg-ink-blue { background-color: var(--ink-blue); }
        .bg-zinc-400 { background-color: var(--zinc-400); }
        
        .text-electric { color: var(--accent); }
        .text-ink-blue { color: var(--ink-blue); }
        .border-brutal { border: 3px solid var(--ink-blue); }
        .border-electric { border-color: var(--accent); }

        /* Arsenal Number Block - Standardized (Electric Blue BG) */
        .service-index {
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Space Mono', monospace;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.05em;
            border: 2px solid #0A1128;
            background-color: var(--electric-blue);
            color: white;
            margin-bottom: 1.5rem;
        }

        /* Reveal Animation Class */
        .reveal-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-on-scroll.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Service Reveal on Hover */
        .service-reveal-text {
            opacity: 0.5;
            transition: opacity 0.3s ease, transform 0.3s ease;
            transform: translateY(4px);
        }
        .group:hover .service-reveal-text {
            opacity: 1;
            transform: translateY(0);
            color: var(--accent);
        }

        /* Sticky Side CTA (Desktop) */
        .sticky-side-cta {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%) translateX(100%); /* Hidden by default */
            z-index: 40;
            writing-mode: vertical-rl;
            text-orientation: mixed;
            transition: transform 0.3s ease-out;
        }
        @media (min-width: 1024px) {
            .sticky-side-cta {
                transform: translateY(-50%) translateX(0); /* Show on desktop */
            }
        }

          @media (hover: none) {
            body { cursor: auto; }
            #custom-cursor { display: none !important; }
        }

        .font-heading { font-family: 'Archivo Black', sans-serif; }
        .font-mono { font-family: 'Space Mono', monospace; }
        .font-hand { font-family: 'Patrick Hand', cursive; }

        #custom-cursor {
            position: fixed;
            top: 0; left: 0;
            pointer-events: none;
            z-index: 9999;
            transform: translate(-50%, -50%) scale(1);
            transform-origin: center center;
            transition: transform 0.15s ease-out;
            will-change: transform, top, left;
        }
        #custom-cursor.hovering { transform: translate(-50%, -50%) scale(1.1); }
        #custom-cursor.clicking { transform: translate(-50%, -50%) scale(0.95); }

        .brutal-shadow { box-shadow: 6px 6px 0px 0px var(--ink-blue); }
        .border-brutal { border: 3px solid var(--ink-blue); }
        
        .btn-pump { transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; }
        .btn-pump:hover { transform: translate(-4px, -4px); box-shadow: 8px 8px 0px 0px var(--accent); }
        .btn-pump:active { transform: translate(0px, 0px); box-shadow: 2px 2px 0px 0px var(--ink-blue); }

        .brutal-card {
            border: 3px solid var(--ink-blue);
            background: white;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            position: relative;
            overflow: hidden;
        }
        .brutal-card:hover {
            box-shadow: 10px 10px 0px 0px var(--accent);
            transform: translate(-3px, -3px);
            z-index: 10;
        }

        .card-texture {
            position: absolute; inset: 0; opacity: 0;
            background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, #e5e7eb 4px, #e5e7eb 5px);
            pointer-events: none; transition: opacity 0.3s ease; z-index: 0;
        }
        .group:hover .card-texture { opacity: 0.4; }

        .reveal-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }

        .bg-paper { background-color: var(--paper); }
        .text-electric { color: var(--accent); }
        .bg-electric { background-color: var(--accent); }