html {
		--spacing: 0.25rem;
		
		--confined-width: 1024px;
		
		/*--color-accent: oklch(67.3% .182 276.935);*/
		--color-accent: rgb(124, 134, 255);
		--color-background: #101010;
		--color-dark-gray: #232323;
		--color-white: #ffffff;
		--color-green: #00c951;
		
		--lead-image-width: 318px;
		--lead-image-height: 181px;
		
		--lead-image-container-aspect-ratio: calc(var(--lead-image-width) / var(--lead-image-height));
	}
	
	body[data-bs-theme="dark"] {
		background-color: var(--color-background);
		color: var(--color-white);
	}
	
	/* Helpers */
	.bg_dark_gray { background-color: var(--color-dark-gray) !important; }
	.bg_match_body { background-color: var(--color-background) !important; }
	.green_bubble { background-color: var(--color-green) !important; width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
	.text_green { color: var(--color-green) !important; }
	.text-more_muted { color: #99a1af !important; }
	.rounded_5 { border-radius: 15px; }
	.rounded_6 { border-radius: 20px; }
	.rounded_7 { border-radius: 25px; }
	.w_33 { width: 33.3333%; }
	
	@media (min-width: 576px) {
		.w_sm_33 { width: 33.3333%; }
	}
	
	@media (min-width: 768px) {
		.w_md_33 { width: 33.3333%; }
	}
	
	@media (min-width: 992px) {
		.w_lg_33 { width: 33.3333%; }
	}
	
	@media (min-width: 1200px) {
		.w_xl_33 { width: 33.3333%; }
	}
	
	@media (min-width: 1400px) {
		.w_xxl_33 { width: 33.3333%; }
	}
	
	/* Logo */
	#site_logo {
		width: 90%;
		height: auto;
		aspect-ratio: 739 / 31;
		max-width: 739px;
	}
	
	/* Leader */
	.stretch_lead_box {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: calc(var(--spacing) * 12);
		padding: calc(var(--spacing) * 24) calc(var(--spacing) * 12) calc(var(--spacing) * 12) calc(var(--spacing) * 12);
	}
	
	@media screen and (max-width: 768px) {
		.stretch_lead_box {
			grid-template-columns: 1fr;
			gap: calc(var(--spacing) * 6);
			padding: calc(var(--spacing) * 12);
		}
	}
	
	.blur_blob_1 {
		width: 240px;
		height: auto;
		aspect-ratio: 1/1;
		
		background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
		background: radial-gradient(
			circle,
			var(--color-accent) 0%,
			transparent 40%
		);
		filter: blur(82px);
		border-image-width: 1;
		top: calc(var(--spacing)*60);
		left: calc(var(--spacing)*-20);
		margin-top: -70px;
		margin-left: -40px;
		border-radius: 50%;
	}
	
	.lead_text {
		font-family: var(--default-font-family, ui-sans-serif, system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
		font-size: 48px;
	}
	
	.stat_descriptor {
		border-color: rgba(74, 85, 101, 0.2);
		background-color: color-mix(in oklab, oklch(37.3% .034 259.733) 50%, transparent) !important;
	}
	
	.stat_descriptor svg {
		width: 20px;
		height: 20px;
		color: #2b7fff;
	}
	
	/* Screenshot */
	.screenshot_blur_1 {
		width: 80px;
		height: auto;
		aspect-ratio: 1/1;
		
		background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
		background: radial-gradient(
			circle,
			var(--color-accent) 0%,
			transparent 40%
		);
		filter: blur(40px);
		border-image-width: 1;
		top: 0;
		left: 0;
		margin-top: -70px;
		margin-left: -40px;
		border-radius: 50%;
	}
	
	.screenshot_blur_offset {
		background-image: linear-gradient(to right bottom, oklab(0.623 -0.0378409 -0.210628 / 0.2) 0%, oklab(0.627 0.147802 -0.219953 / 0.2) 100%);
		border-bottom-color: rgb(0, 0, 0);
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
		border-bottom-style: solid;
		border-bottom-width: 0px;
		border-image-outset: 0;
		border-image-repeat: stretch;
		border-image-slice: 100%;
		border-image-source: none;
		border-image-width: 1;
		border-left-color: rgb(0, 0, 0);
		border-left-style: solid;
		border-left-width: 0px;
		border-right-color: rgb(0, 0, 0);
		border-right-style: solid;
		border-right-width: 0px;
		border-top-color: rgb(0, 0, 0);
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		border-top-style: solid;
		border-top-width: 0px;
		bottom: 0px;
		box-sizing: border-box;
		display: block;
		filter: blur(8px);
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-feature-settings: normal;
		font-variation-settings: normal;
		/* height: 100%; */
		left: 0px;
		line-height: 24px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		position: absolute;
		right: 0px;
		tab-size: 4;
		text-size-adjust: 100%;
		top: 0px;
		translate: 8px 8px;
		unicode-bidi:isolate;
		width:100%;
		-webkit-font-smoothing: antialiased;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	
	
	/* scrolling company logos */
	@keyframes scroll {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-100%);
		}
	}
	
	.scrolling_logos {
		max-width: var(--confined-width);
	}
	
	.animate-scroll_infinite {
		animation: 30s linear infinite scroll;
	}
	
	.company_logo_box {
		width: 100px;
		height: calc(var(--spacing) * 16);
	}
	
	.animating_company_logo {
		max-width: 80px;
		max-height: 40px;
		
		--tw-grayscale: grayscale(100%);
		filter: grayscale(100%);
		
		opacity: 0.7;
		transition: all 0.3s ease-in-out;
	}
	
	.animating_company_logo:hover {
		opacity: 1;
		filter: none;
	}
	
	
	/* Plan Table */
	.plan_table {
		width: 100%;
		margin-bottom: 75px;
	}
	
	.plan_table tbody tr:hover td { background-color: #364153 !important; }
	
	@media (min-width: 40rem) {
		.plan_table { max-width: 40rem; }
	}
	
	@media (min-width: 48rem) {
		.plan_table { max-width: 48rem; }
	}

	@media (min-width: 64rem) {
		.plan_table { max-width: 64rem; }
	}
	
	@media (min-width: 80rem) {
		.plan_table { max-width: 80rem; }
	}
	
	@media (min-width: 96rem) {
		.plan_table { max-width: 96rem; }
	}
	
	@media screen and (max-width: 768px) {
		.company_logo_box {
			width: 120px;
			height: calc(var(--spacing) * 20);
		}
		
		.animating_company_logo {
			max-width: 100px;
			max-height: 60px;
		}
	}
	
	
	/* Infrastructure */
	.infrastructure_box {
		max-width: var(--confined-width);
		margin: 0 auto;
		padding: calc(var(--spacing) * 6) calc(var(--spacing) * 3);
	}
	
	.infrastructure_box .infrastructure_icon_box {
		aspect-ratio: 3/2;
	}
	
	.infrastructure_box .infrastructure_icon_box svg {
		width: 64px;
		height: 64px;
	}
	
	
	/* Control Panel */
	.info_control_panel {
		max-width: 1280px;
		margin: 0 auto;
		padding: calc(var(--spacing) * 6) calc(var(--spacing) * 3);
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: calc(var(--spacing) * 6);
		align-items: center;
		padding-inline: calc(var(--spacing)*8);
		padding-block: calc(var(--spacing)*16);
	}
	
	@media screen and (max-width: 768px) {
		.info_control_panel {
			grid-template-columns: 1fr;
			gap: calc(var(--spacing) * 6);
			padding: calc(var(--spacing) * 6);
		}
	}
	
	.image_screenshot_backdrop {
		background-image: linear-gradient(
			to right bottom,
			oklab(0.623 -0.0378409 -0.210628 / 0.2) 0%,
			oklab(0.627 0.147802 -0.219953 / 0.2) 100%
		);
	}
	
	.image_screenshot_backdrop img {
		box-shadow: 0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;
	}
	
	
	/* Service Stats */
	.service_stats_panel {
		max-width: var(--confined-width);
		padding-inline: calc(var(--spacing) * 8);
		padding-block: calc(var(--spacing) * 16);
	}
	
	.service_stats_panel .service_blocks {
		gap: calc(var(--spacing) * 12) !important;
	}
	
	
	/* Service Details */
	.service_detail_grid {
		max-width: var(--confined-width);
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: calc(var(--spacing) * 6);
	}
	
	.service_detail_box {
		background-color: var(--color-dark-gray);
		border-radius: 12px;
		padding: calc(var(--spacing) * 4);
		color: var(--color-white);
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	}
	
	
	/* Counter Panel */
	.counter_panel {
		gap: calc(var(--spacing) * 24) !important;
	}
	
	@media screen and (max-width: 768px) {
		.counter_panel {
			gap: calc(var(--spacing) * 6) !important;
		}
	}
	
	
	/* Footer */
	.footer_content {
		max-width: 1216px;
		margin: 0 auto;
		padding: calc(var(--spacing) * 3) calc(var(--spacing) * 6);
	}
	
	.footer_grid {
		gap: calc(var(--spacing) * 12);
		display: flex;
		flex-direction: column;
	}
	
	@media screen and (min-width: 1024px) {
		.footer_grid {
			display: grid;
			grid-template-columns: repeat(12,minmax(0,1fr));
			gap: calc(var(--spacing) * 8);
			padding-block: calc(var(--spacing) * 8);
		}
		
		.footer_text {
			grid-column: span 4/span 4;
		}
		
		.footer_links {
			grid-column: span 8/span 8;
		}
	}
	
	@media screen and (max-width: 520px) {
		.footer_links_grid > * {
			width: 40%;
		}
	}
	
	.status_indicator_icon {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		margin-right: 5px;
	}
	
	.status_indicator_text {
		font-size: 0.875rem;
		line-height: 1.25rem;
		font-weight: 500;
	}
	
	.footer_logo_box svg { width: 64px; height: 64px; fill: var(--color-white); }
	
	
	@keyframes ping {
		75%, to{
			opacity: 0;
			transform: scale(2);
		}
	}
	
	.bubble_illuminated {
		animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
	}