/* UNIQUE "VAULT / SECURITY" DOM & BRAND ALIGNED CSS */
        body { background: #030712; color: #94a3b8; font-family: 'Plus Jakarta Sans', sans-serif; overflow-x: hidden; margin: 0; }
        
        /* Vault Background with Amber/Gold Security Accents */
        .vault-grid { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-image: radial-gradient(rgba(245, 158, 11, 0.05) 1px, transparent 1px); background-size: 30px 30px; z-index: -2; pointer-events: none; }
        .amber-glow { position: absolute; width: 800px; height: 800px; background: radial-gradient(circle, rgba(245, 158, 11, 0.12) 0%, transparent 60%); top: -20%; left: 50%; transform: translateX(-50%); z-index: -1; pointer-events: none; mix-blend-mode: screen; filter: blur(50px); }

        /* Security Hero */
        .security-hero { position: relative; padding: 200px 5% 120px; text-align: center; border-bottom: 1px solid rgba(245, 158, 11, 0.15); }
        .compliance-badge { display: inline-flex; align-items: center; gap: 10px; background: rgba(15, 23, 42, 0.8); border: 1px solid #f59e0b; padding: 10px 24px; border-radius: 100px; color: #f59e0b; font-weight: 700; font-size: 0.9rem; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 35px; box-shadow: 0 0 20px rgba(245, 158, 11, 0.2); }
        .compliance-badge i { font-size: 1.2rem; }
        
        .security-hero h1 { font-family: 'Outfit', sans-serif; font-size: clamp(45px, 6.5vw, 85px); color: #f8fafc; font-weight: 900; line-height: 1.1; margin-bottom: 30px; }
        .security-hero h1 span { background: linear-gradient(135deg, #f59e0b, #fbbf24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .security-hero p { font-size: 1.3rem; color: #cbd5e1; max-width: 900px; margin: 0 auto 50px; line-height: 1.8; }
        
        .btn-vault { display: inline-flex; align-items: center; gap: 10px; background: #f59e0b; color: #030712; font-family: 'Outfit', sans-serif; font-weight: 800; padding: 18px 45px; text-decoration: none; border-radius: 8px; font-size: 1.15rem; transition: 0.3s; box-shadow: 0 10px 30px rgba(245, 158, 11, 0.3); }
        .btn-vault:hover { background: #fbbf24; transform: translateY(-3px); box-shadow: 0 15px 40px rgba(245, 158, 11, 0.5); }

        /* Protection Columns (Deep Text) */
        .protection-zone { padding: 120px 5%; max-width: 1400px; margin: 0 auto; }
        .zone-title { text-align: center; font-family: 'Outfit', sans-serif; font-size: 3.5rem; color: #f8fafc; font-weight: 900; margin-bottom: 80px; }
        
        .vault-columns { display: flex; gap: 40px; flex-wrap: wrap; }
        .vault-pillar { background: rgba(15, 23, 42, 0.4); border: 1px solid rgba(255,255,255,0.05); padding: 50px; border-radius: 16px; flex: 1 1 calc(50% - 40px); transition: 0.4s; position: relative; overflow: hidden; }
        .vault-pillar:hover { border-color: rgba(245, 158, 11, 0.3); background: rgba(30, 41, 59, 0.6); transform: translateY(-5px); }
        .vault-pillar::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #f59e0b, transparent); }
        
        .vp-icon { font-size: 45px; color: #f59e0b; margin-bottom: 30px; }
        .vault-pillar h2 { font-family: 'Outfit', sans-serif; font-size: 2.2rem; color: #f8fafc; font-weight: 800; margin-bottom: 25px; line-height: 1.2; }
        .vault-pillar p { font-size: 1.15rem; line-height: 1.8; color: #cbd5e1; margin-bottom: 20px; }

        /* The Law Matrix (Data Heavy Table Alternative) */
        .law-matrix-section { background: #020617; padding: 120px 5%; border-top: 1px solid rgba(245, 158, 11, 0.1); border-bottom: 1px solid rgba(245, 158, 11, 0.1); }
        .law-matrix { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
        
        .law-row { background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(255,255,255,0.05); border-radius: 12px; display: flex; align-items: center; padding: 30px 40px; transition: 0.3s; }
        .law-row:hover { border-color: #f59e0b; background: rgba(15, 23, 42, 0.9); }
        
        .lr-badge { background: rgba(245, 158, 11, 0.1); color: #f59e0b; font-family: 'Outfit', sans-serif; font-weight: 800; font-size: 1.5rem; padding: 15px 25px; border-radius: 8px; border: 1px solid rgba(245, 158, 11, 0.3); min-width: 120px; text-align: center; margin-right: 40px; }
        .lr-content { flex: 1; }
        .lr-content h3 { font-family: 'Outfit', sans-serif; font-size: 1.6rem; color: #f8fafc; margin-bottom: 10px; font-weight: 700; }
        .lr-content p { font-size: 1.1rem; line-height: 1.6; color: #94a3b8; margin: 0; }
        
        .lr-status { display: flex; align-items: center; gap: 8px; color: #10b981; font-weight: 700; font-size: 1.1rem; margin-left: 40px; }
        .lr-status i { font-size: 1.5rem; }

        /* Detailed SEO Narrative Block */
        .deep-text-vault { max-width: 900px; margin: 120px auto; padding: 0 5%; }
        .deep-text-vault h2 { font-family: 'Outfit', sans-serif; font-size: 2.8rem; color: #f8fafc; margin-bottom: 30px; font-weight: 800; line-height: 1.2; }
        .deep-text-vault p { font-size: 1.2rem; line-height: 1.8; color: #cbd5e1; margin-bottom: 25px; }
        .deep-text-vault blockquote { background: rgba(245, 158, 11, 0.05); border-left: 5px solid #f59e0b; padding: 30px; margin: 40px 0; border-radius: 0 12px 12px 0; }
        .deep-text-vault blockquote p { margin: 0; color: #f8fafc; font-style: italic; font-size: 1.3rem; }

        @media (max-width: 1024px) {
            .vault-pillar { flex: 1 1 100%; }
            .law-row { flex-direction: column; text-align: center; }
            .lr-badge { margin-right: 0; margin-bottom: 20px; }
            .lr-status { margin-left: 0; margin-top: 20px; }
        }