/* ===== Brand Colors ===== */
		:root{
			--elevatorio-primary: #3A6EA5; /* Steel Blue */
			--elevatorio-secondary: #2F3E46; /* Slate Gray */
			--elevatorio-accent: #F97316; /* Bright Orange */
			--elevatorio-accent-alt: #84CC16; /* Lime (optional) */
			--elevatorio-bg: #F5F6F7; /* Light Gray */
			--elevatorio-mid: #94A3B8; /* Muted text/borders */
			--elevatorio-dark: #1E293B; /* Dark Charcoal */
			--elevatorio-white: #FFFFFF;
		}
		:root{
			--bs-primary: var(--elevatorio-primary);
			--bs-secondary: var(--elevatorio-secondary);
			--bs-warning: var(--elevatorio-accent);
			--bs-dark: var(--elevatorio-dark);
			--bs-light: var(--elevatorio-bg);
		}
		html, body{
			height: 100%;
			scroll-behavior: smooth;
			background-color: var(--elevatorio-bg);
			color: var(--elevatorio-dark);
		}

		/* ===== Header / Nav ===== */
		.navbar{
			background: linear-gradient(90deg, var(--elevatorio-dark), var(--elevatorio-primary));
		}
		.navbar .navbar-brand{
			font-weight: 700;
			letter-spacing: 0.5px;
			color: var(--elevatorio-white);
		}
		.navbar .navbar-brand:hover{ color: #E6ECF3; }
		.navbar .btn-cta{
			background-color: var(--elevatorio-accent);
			border: none;
		}
		.navbar .btn-cta:hover{ opacity: 0.9; }

		/* ===== Hero ===== */
		.hero{
			background:
				radial-gradient(1200px 600px at 80% -10%, rgba(58,110,165,0.25), transparent 60%),
				linear-gradient(180deg, var(--elevatorio-dark), #233445 50%, var(--elevatorio-dark));
			color: var(--elevatorio-white);
			padding: 6rem 0 4rem;
		}
		.hero h1{ font-weight: 800; line-height: 1.1; }
		.hero p.lead{ color: #DCE7F4; max-width: 48rem; }
		.hero .btn-primary{
			background-color: var(--elevatorio-accent);
			border: none;
			font-weight: 600;
		}

		/* ===== Features ===== */
		.feature-icon{
			width: 44px;
			height: 44px;
			border-radius: 10px;
			background-color: var(--elevatorio-primary);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			color: var(--elevatorio-white);
			font-weight: 700;
			margin-bottom: 0.75rem;
		}
		.feature-icon i{ font-size: 1.25rem; line-height: 1; }
		
		.feature-header{
			background-color: var(--elevatorio-primary);
		}

		/* ===== Signup Section ===== */
		#waitlist{
			background-color: var(--elevatorio-white);
			border-radius: 16px;
			box-shadow: 0 10px 30px rgba(30,41,59,0.08);
		}
		.form-control, .form-select{ border-color: var(--elevatorio-mid); }
		.btn-accent{
			background-color: var(--elevatorio-accent);
			border: none;
			color: var(--elevatorio-white);
			font-weight: 600;
		}
		.btn-accent:hover{ opacity: 0.95; }

		/* ===== Footer ===== */
		.footer{ background-color: var(--elevatorio-dark); color: var(--elevatorio-white); }
		.footer a{ color: #E6ECF3; text-decoration: none; }
		.footer a:hover{ text-decoration: underline; }

		.small-muted{ color: var(--elevatorio-mid); }