html,body{
		border:none; padding:0; margin:0;
		background: var(--bg-color);
		color: var(--text-color);
	}
	body{
		text-align:center;
		font-family:"Montserrat", "Helvetica Neue", sans-serif;
	}
	h1{
		color: var(--text-color);
		margin-top: 2em;
		font-weight: 300;
		letter-spacing: 2px;
		font-size: 2em;
	}
	#startStopBtn{
		display:inline-block;
		margin:0 auto;
		margin-top: 2em;
		color:#FFFFFF;
		background-color:rgba(255,255,255,0.05);
		border:2px solid #ff003c;
		border-radius:50%;
		transition:all 0.3s ease-in-out;
		box-sizing:border-box;
		width:180px; height:180px;
		line-height:176px;
		font-size: 2em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		cursor:pointer;
		box-shadow: 0 0 20px rgba(255, 0, 60, 0.2), inset 0 0 10px rgba(255, 0, 60, 0.1);
	}
	#startStopBtn:hover{
		box-shadow: 0 0 40px rgba(255, 0, 60, 0.4), inset 0 0 20px rgba(255, 0, 60, 0.2);
		background-color:rgba(255, 0, 60, 0.1);
		transform: none;
	}
	#startStopBtn.running{
		border-color:#ff003c;
		background-color:rgba(255, 0, 60, 0.05);
		color:#FFFFFF;
		box-shadow: 0 0 20px rgba(255, 0, 60, 0.2), inset 0 0 10px rgba(255, 0, 60, 0.1);
	}
	#startStopBtn.running:hover{
		box-shadow: 0 0 40px rgba(255, 0, 60, 0.4), inset 0 0 20px rgba(255, 0, 60, 0.2);
		background-color:rgba(255, 0, 60, 0.1);
	}
	#startStopBtn:before{
		content:"GO";
	}
	#startStopBtn.running:before{
		content:"STOP";
	}
	#test{
		margin-top:3em;
		margin-bottom:6em;
	}
	div.testArea{
		display:inline-block;
		width:16em;
		height:12.5em;
		position:relative;
		box-sizing:border-box;
	}
	div.testArea2{
		display:inline-block;
		width:12em;
		height:6em;
		position:relative;
		box-sizing:border-box;
		text-align:center;
	}
	div.testArea div.testName{
		position:absolute;
		top:0.1em; left:0;
		width:100%;
		font-size:1.2em;
		font-weight: 300;
		color: var(--text-muted);
		text-transform: uppercase;
		letter-spacing: 1px;
		z-index:9;
	}
	div.testArea2 div.testName{
        display:block;
        text-align:center;
        font-size:1.2em;
		font-weight: 300;
		color: var(--text-muted);
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	div.testArea div.meterText{
		position:absolute;
		bottom:1.55em; left:0;
		width:100%;
		font-size:3em;
		font-weight: 300;
		z-index:9;
	}
	div.testArea2 div.meterText{
        display:inline-block;
        font-size:3em;
		font-weight: 300;
	}
	div.meterText:empty:before{
		content:"0.00";
	}
	div.testArea div.unit{
		position:absolute;
		bottom:2em; left:0;
		width:100%;
		color: var(--text-muted);
		font-weight: 300;
		z-index:9;
	}
	div.testArea2 div.unit{
		display:inline-block;
		color: var(--text-muted);
		font-weight: 300;
		margin-left: 0.2em;
	}
	div.testArea canvas{
		position:absolute;
		top:0; left:0; width:100%; height:100%;
		z-index:1;
	}
	div.testGroup{
		display:block;
        margin: 0 auto;
	}

	/* Layout grid */
	body {
		display: flex;
		flex-direction: column;
		min-height: 100vh;
	}
	header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1.5rem 2rem;
		border-bottom: 1px solid #1a1a1a;
		background: rgba(10, 10, 10, 0.95);
		backdrop-filter: blur(10px);
		position: sticky;
		top: 0;
		z-index: 100;
	}
	.logo a {
		font-size: 1.5em;
		letter-spacing: 2px;
		color: #ffffff;
		text-decoration: none;
		font-weight: 700;
		text-transform: uppercase;
	}
	.logo a span {
		color: #ff003c;
	}
	header nav a {
		color: #a0a0a0;
		text-decoration: none;
		font-weight: 400;
		font-size: 0.9em;
		text-transform: uppercase;
		letter-spacing: 1px;
		transition: color 0.2s;
		margin-left: 1.5rem;
	}
	header nav a:hover {
		color: #ffffff;
	}
	.layout-wrapper {
		display: flex;
		flex: 1;
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
	}
	.left-rail, .right-rail {
		width: 160px;
		display: none;
		flex-direction: column;
		align-items: center;
		padding: 40px 10px;
	}
	main {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 1rem;
	}

	/* Ad Unit Styling */
	.ad-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: transparent;
		border: none;
		border-radius: 4px;
		margin: 2rem 0;
		width: 100%;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
	}
	.ad-container::before {
		content: '';
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		background: transparent;
		pointer-events: none;
		display: none;
	}
	.ad-label {
		display: none;
		font-size: 10px;
		text-transform: uppercase;
		color: transparent;
		margin-bottom: 4px;
		letter-spacing: 2px;
		z-index: 1;
	}
	.ad-leaderboard {
		min-height: 90px;
		max-width: 970px;
		margin-left: auto;
		margin-right: auto;
	}
	.ad-skyscraper {
		min-height: 600px;
		width: 160px;
		margin: 0;
	}
	@media (max-width: 768px) {
		.ad-leaderboard { min-height: 100px; }
	}

	/* Quarantine Zone */
	.quarantine-zone {
		margin: 30px 0;
		position: relative;
		padding: 40px 0;
		width: 100%;
		max-width: 800px;
		background: radial-gradient(circle at center, #111 0%, #0a0a0a 70%);
		border-radius: 20px;
		box-shadow: 0 0 50px rgba(0,0,0,0.5);
	}

	/* SEO content */
	.seo-content {
		max-width: 800px;
		text-align: left;
		color: #b0b0b0;
		line-height: 1.8;
		margin: 3em 0;
		font-size: 1.05em;
	}
	.seo-content h2 {
		color: #FFFFFF;
		font-weight: 300;
		margin-bottom: 0.8em;
		margin-top: 1.5em;
		font-size: 1.8em;
	}
	.disclosure-box {
		background: linear-gradient(145deg, #111, #0a0a0a);
		padding: 1.5rem 2rem;
		border-radius: 12px;
		margin-bottom: 3em;
		border: 1px solid #1a1a1a;
		box-shadow: inset 0 2px 10px rgba(0,0,0,0.2);
	}
	.disclosure-box p {
		margin: 0;
		font-size: 0.85em;
		color: #888;
		line-height: 1.6;
	}
	.disclosure-box strong {
		color: #bbb;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 0.9em;
	}

	/* Footer */
	footer {
		padding: 3rem 2rem;
		border-top: 1px solid #1a1a1a;
		margin-top: auto;
		background: #080808;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1.5rem;
	}
	.footer-links {
		display: flex;
		gap: 2rem;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-links a {
		color: #888;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 0.85em;
		letter-spacing: 1px;
		transition: color 0.2s;
	}
	.footer-links a:hover {
		color: #fff;
	}
	.footer-powered {
		color: #444;
		font-size: 0.8em;
	}
	.footer-powered a {
		color: #555;
		text-decoration: none;
		transition: color 0.2s;
	}
	.footer-powered a:hover {
		color: #888;
	}

	@media all and (min-width: 60em) {
		.left-rail, .right-rail {
			display: flex;
		}
	}
	@media all and (max-width:40em){
		body{
			font-size:0.8em;
		}
		.quarantine-zone {
			padding: 20px 10px;
			background: none;
			box-shadow: none;
		}
		header {
			flex-direction: column;
			gap: 1rem;
			padding: 1rem;
		}
		.footer-links {
			gap: 1rem;
		}
	}

	/* ===== PHASE 6: SOCIAL PROOF STYLES ===== */
	.trust-counter-section {
		width: 100%; max-width: 800px; margin: 3rem auto 1rem; padding: 2rem 1rem;
		border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a;
	}
	.trust-counter-inner {
		display: flex; justify-content: center; align-items: center;
		gap: 2rem; flex-wrap: wrap;
	}
	.trust-counter-item { display: flex; flex-direction: column; align-items: center; gap: 0.3rem; }
	.trust-counter-number {
		font-size: 2.4rem; font-weight: 700; color: #ff003c;
		letter-spacing: -1px; line-height: 1;
		font-variant-numeric: tabular-nums;
	}
	.trust-counter-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; color: #666; }
	.trust-counter-divider { width: 1px; height: 50px; background: #1a1a1a; }
	.testimonials-section {
		width: 100%; max-width: 800px; margin: 3rem auto; padding: 0 1rem;
	}
	.trust-section-heading {
		font-size: 1rem; font-weight: 400; text-transform: uppercase;
		letter-spacing: 2px; color: #555; margin-bottom: 2rem; text-align: center;
	}
	.testimonials-grid {
		display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem;
	}
	.testimonial-card {
		background: #0f0f0f; border: 1px solid #1a1a1a; border-radius: 6px;
		padding: 1.5rem; margin: 0; text-align: left;
		transition: border-color 0.2s;
	}
	.testimonial-card:hover { border-color: #ff003c33; }
	.testimonial-text {
		font-size: 0.9rem; line-height: 1.7; color: #c0c0c0;
		margin: 0 0 1rem; font-style: italic;
	}
	.testimonial-text::before { content: '\201C'; color: #ff003c; font-size: 1.4rem; line-height: 0; vertical-align: -0.4rem; margin-right: 2px; }
	.testimonial-author { display: flex; flex-direction: column; gap: 0.2rem; }
	.testimonial-name { font-size: 0.8rem; font-weight: 700; color: #fff; }
	.testimonial-source { font-size: 0.75rem; color: #ff003c; text-transform: uppercase; letter-spacing: 1px; }
	.community-bar-section {
		width: 100%; max-width: 800px; margin: 1rem auto 3rem; padding: 1.5rem 1rem;
		border: 1px solid #1a1a1a; border-radius: 6px; background: #0d0d0d;
		text-align: center;
	}
	.community-bar-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 1rem; }
	.community-bar-items { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.5rem 1rem; }
	.community-bar-item {
		color: #a0a0a0; text-decoration: none; font-size: 0.85rem;
		font-weight: 700; transition: color 0.2s; white-space: nowrap;
	}
	.community-bar-item span { font-weight: 400; color: #555; margin-left: 4px; }
	.community-bar-item:hover { color: #fff; }
	.community-bar-sep { color: #2a2a2a; }
	@media (max-width: 768px) {
		.trust-counter-divider { display: none; }
		.trust-counter-inner { gap: 1.5rem; }
		.trust-counter-number { font-size: 1.8rem; }
	}
	/* ===== END PHASE 6 ===== */

	@media (max-width: 600px) {
		div.testArea {
			display: inline-block;
			width: 48%;
			height: 10em;
			margin: 1%;
		}
		div.testArea2 {
			display: inline-block;
			width: 48%;
			height: 5em;
			margin: 1%;
		}
		div.testArea div.meterText {
			font-size: 2.2em;
			bottom: 1.2em;
		}
		div.testArea2 div.meterText {
			font-size: 2.2em;
		}
		div.testArea div.unit {
			font-size: 1.1rem;
			bottom: 1.4em;
		}
		#startStopBtn {
			width: 200px;
			height: 200px;
			line-height: 196px;
			font-size: 2.2em;
		}
	}