:root {
				--brand1: #008FD1;
			
				--core_primary: #008FD1;
				--core_primary_dark: #1e5ca6;	/* button hover */
				--core_secondary: #2E4A6B;
				--core_accent: #E2951A;
			
				--neutral_ink: #2A2623;
				--neutral_brown: #897763;
				--neutral_warm: #E6D9C8;
				--neutral_white: #F7F4EE;
				
				--feedback_success: #4F8A5B;
				--feedback_warning: #D1A21A;
				--feedback_danger: #C64A3A;
			/*
			
			CORE
						Primary blue      #008FD1
						Deep blue         #2E4A6B
						Accent orange     #E2951A
			
			NEUTRAL:
						Ink               #2A2623
						Grey-brown        #897763
						Warm sand         #E6D9C8
						Off-white         #F7F4EE
			
			FEEDBACK:
						Success           #4F8A5B						color: #2F5D3A; background-color: #E4F0E7; border-color: #9FBFA6;
						Warning           #D1A21A						color: #7A5B0C; background-color: #F6EBD8; border-color: #E2C879;
						Danger            #C64A3A						color: #7A2B21; background-color: #F6E4E2; border-color: #E0A19A;
			
			*/
			}
			


/* media */			

			/* mobile layout */
			@media (max-width: 991px) {
				.navbar-brand img{
				margin-right:6px;
				height:38px;
				}
				
				.navbar .container {
				    position: relative;
				}
				
				.navbar-brand {
				    position: absolute;
				    left: 50%;
				    transform: translateX(-50%);
				}
				
				.hero {
					padding-top: 40px !important;
					padding-bottom: 30px !important;
				}
				.hero h1 {
					margin-top: 10px;
					margin-bottom: 16px;
				}
				.hero .hero-radar {
					margin-top: 30px;
					opacity: 0.35;
					width: 65%;
					max-width: 260px;
				}
				
			}
				
			
			body {
				font-family: 'Inter', sans-serif;
				font-size:18px;
				background: var(--neutral_white);
				color: var(--neutral_ink);
			}
			
			body::before {
			  content: "";
			  position: fixed;
			  inset: 0;
			  pointer-events: none;
			
			  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
		     	  opacity: 0.05;
			}


/* bootstrap overrides */
			
			
			.text-success {
				color:var(--feedback_success) !important;
			}
			
			a.btn-primary:hover {
				background: var(--core_primary_dark);
			}
			
			.text-primary {
				color: var(--core_primary) !important;
			}
			.text-secondary {
				color: var(--core_accent) !important;
			}
			.text-muted {
				color: var(--neutral_brown) !important;
			}
			
			.alert.alert-success {
				color: #2F5D3A;
				background-color: #E4F0E7;
				border-color: #9FBFA6;
			}
			.alert.alert-warning {
			  color: #7A5B0C;
			  background-color: #F6EBD8;
			  border-color: #E2C879;
			}
			.alert.alert-danger {
			  color: #7A2B21;
			  background-color: #F6E4E2;
			  border-color: #E0A19A;
			}
			
			
			.btn:hover {
				background-color:#fff;
				border-color: var(--core_primary);
				color: var(--core_primary);
			}
			.btn-primary {
				background: var(--core_primary);
				border:none;
				padding:14px 28px;
				border-radius:8px;
				font-weight:600;
				
				padding: 12px 16px;
				font-weight: 600;
			}
			
			.btn-primary:hover{
				background: var(--core_primary);
				color: #fff;
			}
			.btn-outline-primary {
				background-color:#fff;
				border-color: var(--core_primary);
				color: var(--core_primary);
			}
			.btn-outline-primary:hover {
				background-color: var(--core_primary);
				color:#fff;
			}
			
			
			
			.btn-light {
				background-color: var(--neutral_white) !important;
				_border-color: f8f9fa
				color: var(--neutral_ink) !important;
			}
			.btn-light:hover {
				background-color: var(--neutral_ink);
				color: var(--neutral_ink);
			}
			
			
			
			.bg-light {
				background-color: var(--neutral_warm) !important;
			}
			.bg-primary {
				background-color: var(--core_primary) !important;
			}
			.bg-secondary {
				background-color: var(--core_accent) !important;
			}
			
			.badge {
				color: var(--neutral_white) !important;
			}
			
			
/* layout */

		.section {
			padding:90px 0;
		}

		.page-content {
			padding-top: 40px;
			padding-bottom: 60px;
		}

		footer {
			background:#f8f9fa;
			padding:40px 0;
			
			background: var(--core_secondary);
			background:linear-gradient(180deg, var(--neutral_ink), #000);
			color:var(--neutral_brown);
		}
		footer a {
			color:var(--neutral_white);
		}
		footer a:hover {
			text-decoration: underline !important;
		}


 /* components */

		.navbar {
			box-shadow: 0 6px 20px rgba(0,0,0,0.06);
		 	padding: 18px 0;
		}
		.navbar a:hover {
			text-decoration: underline;
		}
		.navbar-brand {
		  font-size: 1.3rem;
		}

		a.btn:hover, a.navbar-brand {
			text-decoration:none !important;
		}

		.card {
			box-shadow: 0 12px 30px rgba(0,0,0,0.08);
			transition: transform .15s ease, box-shadow .15s ease;
		}
		.card:hover {
			transform: translateY(-2px);
			box-shadow: 0 14px 34px rgba(0,0,0,0.1);
		}


		.hero {
			padding-top:140px;
			padding-bottom:140px;
			_background: linear-gradient(180deg,#f4f7ff 0%,#ffffff 70%);
			background: linear-gradient( 180deg, #f4f8fb 0%, #ffffff 70% );
		}
		.hero p {
			max-width:520px;
		}
		.hero-visual {
			max-width:420px;
			filter: drop-shadow(0 20px 40px rgba(0,0,0,0.1));
		}
		.hero-trust {
			font-size:15px;
			line-height:1.8;
			margin-top:10px;
		}
		.hero-trust div {
			margin-bottom: 6px;
			font-size: 15px;
		}
		.hero-radar {
			max-width: 420px;
			animation: radar-rotate 6s linear infinite;
			filter: drop-shadow(0 0 25px rgba(46, 74, 107, 0.2) );
		}
		@keyframes radar-rotate {
			0% {
				transform: rotate(0deg);
			}
			100% {
				transform: rotate(360deg);
			}
		}
		



 /* landing page */
 
 		.feature-card {
			border-radius:12px;
			padding:30px;
			background:white;
			box-shadow:0 8px 24px rgba(0,0,0,0.06);
			height:100%;
		}
		.pricing-card {
			border-radius:14px;
			padding:40px;
			box-shadow:0 8px 24px rgba(0,0,0,0.06);
			background:white;
		}
		.highlight-plan {
			border:2px solid var(--core_primary);
		}
 
 
		 .live-ticker {
			overflow:hidden;
			position:relative;
		}
		.live-track {
			display:flex;
			gap:20px;
			animation: live-scroll linear infinite;
		}
		.live-card {
			flex:0 0 300px;
			background:white;
			border-radius:12px;
			padding:20px;
			box-shadow:0 8px 24px rgba(0,0,0,0.06);
		}
		.live-track:hover {
			animation-play-state: paused !important;
		}
		@keyframes live-scroll {
			from {
				transform: translateX(0);
			}
			
			to {
				transform: translateX(calc(-1 * var(--scroll-distance)));
			}
		}
		.live-track .tracker-text-content {
			font-style: italic;
			font-size: 1.05rem;
			line-height: 1.45;
			color: #333;
			margin: 10px 0;

			border-left: 3px solid var(--neutral_warm);
			padding-left: 10px;
			font-style: italic;
		}
		.live-track .tracker-domain {
			font-size: 0.9rem;
			color: #777;
		}
		.live-track .tracker-number-content {
			font-size: 1.2rem;
			font-weight: 400;
			color: var(--neutral_ink);
			margin: 8px 0;
		}


/* ====================================
   PRICING TABLE
==================================== */

#plan-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
}
#plan-table th, #plan-table td {
	padding: 14px 16px;
	border-bottom: 1px solid #e6e6e6;
}
#plan-table th {
	font-weight: 600;
	text-align: center;
}
#plan-table td:first-child {
	text-align: right;
	font-weight: 500;
}
#plan-table .price-plan-row th {
	font-size: 1.05rem;
	color: #333;
	background: #f7f9fc;
}
#plan-table .feature-section-header {
	background: var(--neutral_brown);
	color: #fff;
	text-align: center;
	font-weight: 600;
	padding: 10px;
}
#plan-table tbody tr:nth-child(even) {
	background: #fafafa;
}
#plan-table tbody tr:hover {
	background: #f1f6fb;
}
#plan-table td i {
	display: block;
	text-align: center;
}
#plan-table tr:nth-child(3) th {
	font-size: 1.1rem;
	color: #1e88c8;
}
#plan-table tr:last-child th {
	padding-top: 30px;
	border-bottom: none;
}


 /* authentication */

		.auth-card hr {
			opacity: 0.15;
			margin: 1.25rem 0;
		}
		.auth-card .form-check {
			margin-bottom: 1rem;
		}

 /* dashboard */

			
			
/* ==========================================
   COOKIE CONSENT
========================================== */

.cookie-overlay {

position: fixed;
inset: 0;

background: rgba(0,0,0,0.55);

display: flex;
align-items: flex-end;

z-index: 2000;

}

.cookie-panel {

width: 100%;

background: #ffffff;

border-top: 4px solid #4b2ca3;

padding: 30px 20px;

box-shadow: 0 -10px 30px rgba(0,0,0,0.2);

}