:root { --teal: #269588; --gold: #F4C024; --dark: #0f172a; }
        body { 
            font-family: 'Plus Jakarta Sans', sans-serif; 
            background-color: var(--dark); 
            color: #f8fafc; 
            overflow-x: hidden; 
            width: 100%; 
            text-rendering: optimizeLegibility; 
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .neural-container { width: 100%; height: 2px; position: relative; overflow: hidden; background: rgba(255,255,255,0.05); }
        .neural-line {
            width: 100%; height: 100%;
            background: linear-gradient(90deg, transparent, var(--teal), var(--gold), transparent);
            position: absolute; left: -100%;
            animation: flow 4s infinite cubic-bezier(0.4, 0, 0.2, 1);
            will-change: transform;
        }
        @keyframes flow { 100% { transform: translateX(200%); } }

        .glow-bg { position: absolute; width: 60vw; height: 60vw; background: radial-gradient(circle, rgba(38, 149, 136, 0.1) 0%, rgba(15, 23, 42, 0) 70%); z-index: -1; filter: blur(60px); pointer-events: none; }
        .pricing-card { background: rgba(30, 41, 59, 0.6); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: transform 0.3s ease; display: flex; flex-direction: column; }
        .shield-icon { background: linear-gradient(135deg, var(--teal) 0%, #1e7a6f 100%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
        
        .status-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 8px; position: relative; }
        .is-online .status-dot { background-color: #10b981; }
        .is-online .status-dot::after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #10b981; border-radius: 50%; animation: ping 1.5s infinite; opacity: 0.7; }
        .is-offline .status-dot { background-color: #ef4444; }
        @keyframes ping { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(2.5); opacity: 0; } }

        .btn-support-glow {
            box-shadow: 0 0 15px rgba(38, 149, 136, 0.4);
            animation: support-pulse 2s infinite ease-in-out;
        }
        @keyframes support-pulse {
            0%, 100% { box-shadow: 0 0 15px rgba(38, 149, 136, 0.4); }
            50% { box-shadow: 0 0 25px rgba(38, 149, 136, 0.7); }
        }

        .modal { display: none; position: fixed; inset: 0; z-index: 200; background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); align-items: center; justify-content: center; padding: 20px; }
        .modal.active { display: flex; }
		
		/* Light 300 */
		@font-face {
		  font-family: 'Plus Jakarta Sans';
		  font-style: normal;
		  font-weight: 300;
		  font-display: swap;
		  src: url('fonts/plus-jakarta-sans-v12-latin-300.woff2') format('woff2');
		}

		/* Regular 400 */
		@font-face {
		  font-family: 'Plus Jakarta Sans';
		  font-style: normal;
		  font-weight: 400;
		  font-display: swap;
		  src: url('fonts/plus-jakarta-sans-v12-latin-regular.woff2') format('woff2');
		}

		/* Semi-bold 600 */
		@font-face {
		  font-family: 'Plus Jakarta Sans';
		  font-style: normal;
		  font-weight: 600;
		  font-display: swap;
		  src: url('fonts/plus-jakarta-sans-v12-latin-600.woff2') format('woff2');
		}

		/* Extra-bold 800 */
		@font-face {
		  font-family: 'Plus Jakarta Sans';
		  font-style: normal;
		  font-weight: 800;
		  font-display: swap;
		  src: url('fonts/plus-jakarta-sans-v12-latin-800.woff2') format('woff2');
		}
		
		.client-logo {
			filter: grayscale(1) brightness(2);
			opacity: 0.4;
			transition: all 0.3s ease;
			max-height: 35px;
			width: auto;
		}
		.client-logo:hover {
			filter: grayscale(0) brightness(1);
			opacity: 1;
		}