@layer vetools {
	table.home-table {
		padding: 0 10px 10px;
	}

	table.home-table td {
		vertical-align: top;
		padding: 0 5px;
		width: 50%;
	}

	#don-wrapper {
		position: relative;
		margin-bottom: 7px;
		padding: 5px 15px;
	}

	#wrp-patreon {
		min-height: 51px;
		display: flex;
		justify-content: center;
		margin-bottom: 24px;
	}

	/* Header & Navigation Spacing */
	.page__header {
		padding: 20px 0 12px;
	}

	#navigation {
		margin-bottom: 24px;
	}

	/* Page Title Branding */
	.page__title--home {
		font-size: 38px;
		font-weight: 800;
		letter-spacing: -0.5px;
	}
	.page__title--home span {
		background: linear-gradient(135deg, #0080ff, #00d2ff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	/* Home Main Stripe */
	.home__stripe {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 55px 15px 30px;
		max-width: 1240px;
		margin: 0 auto;
	}

	.home__split {
		display: flex;
		width: 100%;
		justify-content: center;
	}

	.home__split + .home__split {
		margin-top: 50px;
	}

	/* Section Headers */
	.home__stripe-header {
		position: absolute;
		top: -42px;
		left: 0;
		right: 0;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: -0.2px;
		display: flex;
		align-items: center;
		padding: 0;
	}

	.home__h-player {
		color: #3b82f6;
		text-decoration: none !important;
	}
	.home__h-player > div::before {
		content: "";
		display: inline-block;
		width: 4px;
		height: 18px;
		background: #3b82f6;
		border-radius: 4px;
		margin-right: 8px;
		vertical-align: -2px;
		box-shadow: 0 0 10px rgba(59, 130, 246, 0.6);
	}

	.home__h-rule {
		color: #06b6d4;
		text-decoration: none !important;
	}
	.home__h-rule > div::before {
		content: "";
		display: inline-block;
		width: 4px;
		height: 18px;
		background: #06b6d4;
		border-radius: 4px;
		margin-right: 8px;
		vertical-align: -2px;
		box-shadow: 0 0 10px rgba(6, 182, 212, 0.6);
	}

	.home__h-dm {
		color: #a855f7;
		text-decoration: none !important;
	}
	.home__h-dm > div::before {
		content: "";
		display: inline-block;
		width: 4px;
		height: 18px;
		background: #a855f7;
		border-radius: 4px;
		margin-right: 8px;
		vertical-align: -2px;
		box-shadow: 0 0 10px rgba(168, 85, 247, 0.6);
	}

	/* Button Groups / Row */
	.home__wrp-buttons {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	/* Buttons Base */
	.home__btn-page {
		position: relative;
		width: 132px;
		height: 114px;
		border-radius: 12px;
		padding: 10px 6px;
		display: flex;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		flex-shrink: 0;
		border-width: 1px;
		border-style: solid;
		text-decoration: none !important;
		cursor: pointer;
		overflow: hidden;
		box-sizing: border-box;
		transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}

 .home__btn-page:hover {
 transform: translateY(-4px) scale(1.02);
 text-decoration: none;
 }

 .home__btn-page:active {
 transform: translateY(-1px) scale(0.98);
 }

 .home__icn-page {
 font-size: 38px;
 height: 42px;
 line-height: 42px;
 text-align: center;
 margin-bottom: 6px;
 transition: transform 0.2s ease;
 }

 .home__btn-page:hover .home__icn-page {
 transform: scale(1.12);
 }

 .home__lbl-page {
 width: 100%;
 font-size: 13px;
 font-weight: 600;
 line-height: 1.25;
 margin: 0;
 text-align: center;
 white-space: normal;
 display: flex;
 align-items: center;
 justify-content: center;
 color: inherit !important;
 }

 /* Day Mode Colors */
 .home__btn-player {
 background: linear-gradient(145deg, #ffffff, #f0f7ff);
 border-color: rgba(59, 130, 246, 0.35) !important;
 color: #2563eb !important;
 }
 .home__btn-player:hover {
 border-color: #2563eb !important;
 background: #ebf5ff;
 box-shadow: 0 8px 22px rgba(37, 99, 235, 0.22);
 }

 .home__btn-rule {
 background: linear-gradient(145deg, #ffffff, #f0fdfa);
 border-color: rgba(6, 182, 212, 0.35) !important;
 color: #0891b2 !important;
 }
 .home__btn-rule:hover {
 border-color: #0891b2 !important;
 background: #e6fffa;
 box-shadow: 0 8px 22px rgba(8, 145, 178, 0.22);
 }

 .home__btn-dm {
 background: linear-gradient(145deg, #ffffff, #faf5ff);
 border-color: rgba(168, 85, 247, 0.35) !important;
 color: #9333ea !important;
 }
 .home__btn-dm:hover {
 border-color: #9333ea !important;
 background: #f3e8ff;
 box-shadow: 0 8px 22px rgba(147, 51, 234, 0.22);
 }

 /* Night Mode Colors (Sleek Dark Glow & Glassmorphism) */
 .ve-night-mode .home__btn-page {
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
 }

 .ve-night-mode .home__btn-player {
 background: linear-gradient(145deg, rgba(30, 58, 95, 0.45), rgba(15, 23, 42, 0.75)) !important;
 border-color: rgba(59, 130, 246, 0.45) !important;
 color: #60a5fa !important;
 }
 .ve-night-mode .home__btn-player:hover {
 background: linear-gradient(145deg, rgba(37, 99, 235, 0.3), rgba(30, 41, 59, 0.85)) !important;
 border-color: #93c5fd !important;
 box-shadow: 0 8px 26px rgba(59, 130, 246, 0.35), 0 0 12px rgba(59, 130, 246, 0.2);
 }

 .ve-night-mode .home__btn-rule {
 background: linear-gradient(145deg, rgba(16, 56, 64, 0.45), rgba(13, 27, 30, 0.75)) !important;
 border-color: rgba(6, 182, 212, 0.45) !important;
 color: #22d3ee !important;
 }
 .ve-night-mode .home__btn-rule:hover {
 background: linear-gradient(145deg, rgba(6, 182, 212, 0.3), rgba(20, 39, 44, 0.85)) !important;
 border-color: #67e8f9 !important;
 box-shadow: 0 8px 26px rgba(6, 182, 212, 0.35), 0 0 12px rgba(6, 182, 212, 0.2);
 }

 .ve-night-mode .home__btn-dm {
 background: linear-gradient(145deg, rgba(58, 25, 84, 0.45), rgba(22, 14, 32, 0.75)) !important;
 border-color: rgba(168, 85, 247, 0.45) !important;
 color: #c084fc !important;
 }
 .ve-night-mode .home__btn-dm:hover {
 background: linear-gradient(145deg, rgba(168, 85, 247, 0.3), rgba(38, 24, 53, 0.85)) !important;
 border-color: #d8b4fe !important;
 box-shadow: 0 8px 26px rgba(168, 85, 247, 0.35), 0 0 12px rgba(168, 85, 247, 0.2);
 }

 /* Card layout adjustments */
 .home__split-spaced {
 margin-right: 32px;
 }
 .home__split-spaced--gutter {
 margin-right: 12px;
 }

 .home__mobile-visible {
 display: none;
 }
 	.home__narrow-visible,
	.home__btn-page.home__narrow-visible,
	a.home__narrow-visible {
		display: none !important;
	}

 /* Bottom Sections Cards & Typography */
 main.container {
 max-width: 1200px;
 margin-top: 30px;
 margin-bottom: 50px;
 }

 .home__integrations-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 20px;
 margin-top: 24px;
 margin-bottom: 28px;
 }

 .home__integration-card {
 background: rgba(255, 255, 255, 0.02);
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 14px;
 padding: 22px 24px;
 display: flex;
 flex-direction: column;
 transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
 }
 .home__integration-card:hover {
 border-color: rgba(255, 255, 255, 0.18);
 transform: translateY(-2px);
 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
 }

 .home__integration-card h3 {
 margin-top: 0;
 margin-bottom: 12px;
 font-size: 18px;
 font-weight: 700;
 display: flex;
 align-items: center;
 gap: 8px;
 }

 .home__integration-card p {
 font-size: 13.5px;
 line-height: 1.6;
 color: #bbb;
 margin-bottom: 12px;
 }
 .home__integration-card p:last-child {
 margin-bottom: 0;
 }

 .home__info-section {
 background: rgba(255, 255, 255, 0.02);
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 14px;
 padding: 24px 28px;
 margin-bottom: 24px;
 }

 .home__info-section h3 {
 margin-top: 0;
 margin-bottom: 16px;
 font-size: 19px;
 font-weight: 700;
 color: #e2e8f0;
 }

 .home__info-section p {
 font-size: 14px;
 line-height: 1.6;
 color: #cbd5e1;
 margin-bottom: 12px;
 }
 .home__info-section p:last-child {
 margin-bottom: 0;
 }

 /* Responsive */
 @media screen and (max-width: 1200px) {
 .home__btn-page {
 width: 116px;
 height: 108px;
 }
 .home__icn-page {
 font-size: 34px;
 }
 .home__lbl-page {
 font-size: 12px;
 }
 }

 @media screen and (max-width: 991px) {
 .home__split {
 flex-direction: column;
 align-items: center;
 }
 .home__split + .home__split {
 margin-top: 20px;
 }
 .home__split > * {
 margin-bottom: 45px;
 }
 .home__split-spaced {
 margin-right: 0;
 margin-bottom: 20px;
 }
 .home__split-spaced--no-header {
 margin-bottom: 0;
 }
 .home__stripe-header {
 top: -38px;
 }
 .home__mobile-visible {
 display: block;
 }
 .home__mobile-hidden {
 display: none !important;
 }
 .home__integrations-grid {
 grid-template-columns: 1fr;
 }
 }

	@media screen and (max-width: 507px) {
		.home__narrow-visible,
		.home__btn-page.home__narrow-visible,
		a.home__narrow-visible {
			display: flex !important;
		}
		.home__narrow-hidden,
		.home__btn-page.home__narrow-hidden,
		div.home__narrow-hidden {
			display: none !important;
		}
 .home__split-spaced--no-header {
 margin-bottom: 15px;
 }
 .home__btn-page {
 width: 104px;
 height: 98px;
 margin: 4px !important;
 }
 }
}