:root {
	--midnight: #060e1c;
	--navy: #0a1e38;
	--electric: #1252d8;
	--elec-lt: #2a72ff;
	--volt: #08d454;
	--volt-dk: #06a840;
	--amber: #d4841a;
	--amber-lt: #e89a30;
	--cream: #fdfaf5;
	--gray-lt: #f2f0eb;
	--gray: #e0ddd7;
	--mid: #8a8580;
	--text: #1a1810;

	--shadow: 0 8px 32px rgba(6, 14, 28, 0.14);
	--trans: 0.3s ease;
}

/* ── NAV ── */
nav {
	background: var(--midnight);
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
}
.nav-links a:hover {
	color: #fff;
}
.nav-cta {
	background: var(--electric);
}
.nav-cta:hover {
	background: var(--elec-lt) !important;
}

/* ── HERO ── */
.hero {
	background: linear-gradient(
		150deg,
		var(--midnight) 0%,
		#071630 45%,
		#050c1a 100%
	);
	color: #fff;
	position: relative;
	overflow: hidden;
}

/* Depth-perception visual grid */
.hero::before {
  content: '';
	position: absolute;
	inset: 0;
	background:
  radial-gradient(
    ellipse 60% 40% at 75% 50%,
    rgba(18, 82, 216, 0.12) 0%,
    transparent 70%
		),
		radial-gradient(
      ellipse 40% 60% at 25% 50%,
			rgba(8, 212, 84, 0.05) 0%,
			transparent 60%
  );
  pointer-events: none;
}
    
.hero-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
	position: relative;
  min-height: calc(100vh - 200px);
	z-index: 1;
}

.hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	background: rgba(18, 82, 216, 0.18);
	border: 1px solid rgba(42, 114, 255, 0.35);
	border-radius: 50px;
	padding: 0.4rem 1.1rem;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--elec-lt);
	margin-bottom: 1.5rem;
}
.badge-dot {
	min-width: 8px;
	min-height: 8px;
	border-radius: 50%;
	background: var(--volt);
	animation: blink 2s infinite;
}
@keyframes blink {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.25;
	}
}

.hero h1 {
	font-size: clamp(2rem, 3.8vw, 3.3rem);
	line-height: 1.2;
	margin-bottom: 1.3rem;
  max-width: 446px;
}
.hero h1 em {
	font-style: italic;
	color: var(--elec-lt);
}
.hero h1 .volt {
	color: var(--volt);
	font-style: normal;
}

.hero-lead {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	opacity: 0.85;
	margin-bottom: 1.8rem;
	line-height: 1.8;
}

.hero-proof {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 30px;
	margin-bottom: 2.2rem;
}
.proof-num {
	font-size: clamp(24px, calc(22.847px + 0.36vw), 28px);
	font-weight: 700;
	color: var(--volt);
	line-height: 1;
}
.proof-label {
	font-size: 14px;
	opacity: 0.6;
	margin-top: 0.15rem;
}

.hero-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.btn-primary,
.btn-volt {
	padding: clamp(10px, calc(8.847px + 0.36vw), 14px) clamp(18px, calc(13.964px + 1.261vw), 32px);
	font-size: 14px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 800;
	transition: var(--trans);
}

.btn-primary {
	background: var(--electric);
	color: #fff;
	box-shadow: 0 4px 20px rgba(18, 82, 216, 0.45);
}
.btn-primary:hover {
	background: var(--elec-lt);
	transform: translateY(-2px);
}
.btn-volt {
	background: rgba(8, 212, 84, 0.12);
	border: 1.5px solid rgba(8, 212, 84, 0.4);
	color: var(--volt);
}
.btn-volt:hover {
	background: rgba(8, 212, 84, 0.2);
}

/* ── 3D GLASSES VISUAL ── */
.hero-visual {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
}

.glasses-svg-wrap {
	position: relative;
	width: 100%;
}

/* Anaglyph glasses SVG */
.glasses-svg {
	width: 100%;
	filter: drop-shadow(0 0 40px rgba(18, 82, 216, 0.5));
}

/* Scanning lines emanating from glasses */
.scan-field {
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 340px;
	height: 180px;
	background: linear-gradient(
		180deg,
		rgba(8, 212, 84, 0.06) 0%,
		rgba(18, 82, 216, 0.08) 50%,
		transparent 100%
	);
	clip-path: polygon(25% 0%, 75% 0%, 100% 100%, 0% 100%);
	pointer-events: none;
}

/* Depth display panel */
.depth-panel {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(42, 114, 255, 0.22);
	border-radius: var(--r);
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	width: 100%;
}
.depth-title {
	font-size: clamp(12px, calc(11.423px + 0.18vw), 14px);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--elec-lt);
	margin-bottom: 1rem;
}
.depth-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.45rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	font-size: clamp(13px, calc(12.712px + 0.09vw), 14px);
}
.depth-row:last-of-type {
	border-bottom: none;
}
.depth-label {
	color: rgba(255, 255, 255, 0.55);
}
.depth-val {
	font-weight: 600;
}
.d-green {
	color: var(--volt);
}
.d-blue {
	color: var(--elec-lt);
}
.d-amber {
	color: var(--amber-lt);
}

.science-prose-description,
.why3d-prose-description,
.skill-card,
.advantage-card,
.sport-card,
.evidence-card,
.faq-item {
	opacity: 0;
	transform: translateY(20px);
}

.science-prose-description.fade-in-up,
.why3d-prose-description.fade-in-up,
.skill-card.fade-in-up,
.advantage-card.fade-in-up,
.sport-card.fade-in-up,
.evidence-card.fade-in-up,
.faq-item.fade-in-up {
	opacity: 1;
	transform: translateY(0);
	transition: 0.6s ease;
}

.timing-panel,
.disparity-panel,
.cleargazetest-box,
#sports-vision-training-vision-form {
	opacity: 0;
}

.timing-panel.fade-in,
.disparity-panel.fade-in,
.cleargazetest-box.fade-in,
#sports-vision-training-vision-form.fade-in {
	opacity: 1;
	transition: 0.6s ease;
}

.protocol-item {
	opacity: 0;
	transform: translateX(-100%);
}

.protocol-item.fade-in-slide-right {
	opacity: 1;
	transform: translateX(0);
	transition: 0.6s ease;
}

.contact-item {
	opacity: 0;
	transform: translateX(100%);
}

.contact-item.fade-in-slide-left {
	opacity: 1;
	transform: translateX(0);
	transition: 0.6s ease;
}

/* ── STATS BAND ── */
.stats-band {
	background: var(--navy);
  padding: 50px 0;
}
.stats-band-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
  color: #fff;
}
.stat-cell {
	padding: 0 20px;
	border-right: 1px solid rgba(255, 255, 255, 0.09);
}
.stat-cell:first-child {
  padding-left: 0;
}
.stat-cell:last-child {
	border-right: none;
  padding-right: 0;
}
.stat-num {
	font-size: clamp(28px, calc(25.117px + 0.901vw), 38px);
	font-weight: 700;
	color: var(--volt);
	line-height: 1;
}
.stat-label {
	font-size: 14px;
	opacity: 0.72;
	margin-top: 0.45rem;
	line-height: 1.4;
}

/* ── SECTION ── */
.section-label {
	font-size: clamp(11px, calc(10.712px + 0.09vw), 12px);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--electric);
	margin-bottom: 0.6rem;
}
h2 {
	font-size: clamp(1.7rem, 2.8vw, 2.4rem);
	color: var(--navy);
	line-height: 1.25;
	margin-bottom: 1rem;
}
.section-sub {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--mid);
	max-width: 660px;
	margin-bottom: 3rem;
	line-height: 1.78;
}

/* ── INTRO / SCIENCE BLOCK ── */
#science {
  padding: var(--vertical-padding) 0;
}
.science-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(30px, calc(24.234px + 1.802vw), 50px);
	align-items: start;
  margin-top: clamp(30px, calc(24.234px + 1.802vw), 50px);
}
.science-prose p {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--mid);
	line-height: 1.82;
	margin-bottom: clamp(10px, calc(7.117px + 0.901vw), 20px);
}
.science-prose p:last-of-type {
	margin-bottom: 0;
}
.science-prose p strong {
	color: var(--text);
}
.science-prose .callout {
	background: rgba(18, 82, 216, 0.07);
	border-left: 3px solid var(--electric);
	border-radius: 0 var(--r) var(--r) 0;
	padding: clamp(15px, calc(13.559px + 0.45vw), 20px);
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--navy);
	font-style: italic;
	line-height: 1.65;
	margin: clamp(10px, calc(7.117px + 0.901vw), 20px) 0;
}

/* Timing panel */
.timing-panel {
	background: var(--navy);
	border-radius: 16px;
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	color: #fff;
  position: sticky;
  top: 85px;
}
.timing-title {
	font-size: clamp(13px, calc(12.712px + 0.09vw), 14px);
	color: var(--elec-lt);
	letter-spacing: 0.09em;
	text-transform: uppercase;
	margin-bottom: 1.4rem;
}
.timing-sport {
	margin-bottom: clamp(15px, calc(12.982px + 0.631vw), 22px);
	padding-bottom: clamp(15px, calc(12.982px + 0.631vw), 22px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.timing-sport:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.timing-sport-name {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	font-weight: 600;
	color: #fff;
	margin-bottom: 0.7rem;
}
.timing-bar-row {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	margin-bottom: 0.4rem;
	font-size: 14px;
}
.timing-bar-label {
	color: rgba(255, 255, 255, 0.55);
	width: clamp(115px, calc(113.559px + 0.45vw), 120px);
}
.t-track {
	flex: 1;
	height: 6px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 3px;
	overflow: hidden;
}
.t-fill {
	height: 100%;
	border-radius: 3px;
}
.t-green {
	background: var(--volt);
}
.t-blue {
	background: var(--elec-lt);
}
.t-amber {
	background: var(--amber-lt);
}
.t-red {
	background: #e05050;
}
.timing-bar-val {
	color: rgba(255, 255, 255, 0.65);
}
.timing-note {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.4);
	font-style: italic;
	margin-top: 0.4rem;
}

/* ── WHY 3D SECTION ── */
.why3d-section {
	background: var(--gray-lt);
  padding: var(--vertical-padding) 0;
}
.why3d-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(30px, calc(24.234px + 1.802vw), 50px);
	align-items: center;
}
.why3d-prose p {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--mid);
	line-height: 1.82;
	margin-bottom: clamp(10px, calc(7.117px + 0.901vw), 20px);
}
.why3d-prose p:last-of-type {
	margin-bottom: 0;
}
.why3d-prose p strong {
	color: var(--text);
}

/* Binocular disparity illustration */
.disparity-panel {
	background: var(--midnight);
	border-radius: 16px;
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	color: #fff;
}
.disparity-title {
	font-size: 14px;
	color: var(--volt);
	letter-spacing: 0.09em;
	text-transform: uppercase;
	margin-bottom: 1.2rem;
}
.eye-row {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	margin-bottom: 20px;
}
.eye-box {
	flex: 1;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 15px;
	text-align: center;
}
.eye-box.left-eye {
	border-color: rgba(220, 60, 60, 0.35);
}
.eye-box.right-eye {
	border-color: rgba(60, 80, 220, 0.35);
}
.eye-label,
.fusion-label {
  font-size: 14px;
  font-weight: 800;
}
.eye-label {
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: clamp(5px, calc(3.27px + 0.541vw), 11px);
}
.eye-label.red {
	color: #ff6060;
}
.eye-label.blue {
	color: #6090ff;
}
.eye-diagram {
	font-size: clamp(26px, calc(23.405px + 0.811vw), 35px);
	margin-bottom: clamp(5px, calc(4.135px + 0.27vw), 8px);
}
.eye-note,
.fusion-result {
  font-size: 14px;
}
.eye-note {
	color: rgba(255, 255, 255, 0.5);
	line-height: 1.45;
}
.fusion-row {
	background: rgba(8, 212, 84, 0.08);
	border: 1px solid rgba(8, 212, 84, 0.2);
	border-radius: 8px;
	padding: 1rem;
	text-align: center;
}
.fusion-label {
	color: var(--volt);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: clamp(5px, calc(3.27px + 0.541vw), 11px);
}
.fusion-result {
	color: rgba(255, 255, 255, 0.75);
}
.disparity-key {
	margin-top: 1rem;
	display: flex;
	gap: clamp(10px, calc(8.559px + 0.45vw), 15px);
	flex-wrap: wrap;
}
.d-key-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.55);
}
.d-key-dot {
	min-width: 8px;
	min-height: 8px;
	border-radius: 50%;
}

.disparity-panel-target-areas {
  margin-top: 20px;
  background: rgba(255,255,255,0.05);
  border-radius: 8px;
  padding: 15px;
}

.disparity-panel-target-areas-title {
  font-size: 14px;
  color:rgba(255,255,255,0.45);
  margin-bottom:0.5rem;
}

.disparity-panel-target-areas-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
  color:rgba(255,255,255,0.70);
}

/* ── 8 TRAINABLE SKILLS ── */
.trainable-skills {
  padding: var(--vertical-padding) 0;
}
.skills-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(336px, 1fr));
	gap: 1.2rem;
}
.skill-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
	background: #fff;
	border-radius: var(--r);
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	box-shadow: var(--shadow);
	transition: var(--trans);
	border-top: 3px solid var(--electric);
	position: relative;
}
.skill-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(6, 14, 28, 0.14);
}
.skill-num {
	font-size: 14px;
	color: rgba(18, 82, 216, 0.35);
	font-weight: 600;
  text-align: right;
}
.skill-icon {
	font-size: clamp(26px, calc(24.27px + 0.541vw), 32px);
	margin-bottom: 0.8rem;
}
.skill-card h3 {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	color: var(--navy);
	margin-bottom: 0.5rem;
}
.skill-card p {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--mid);
	line-height: 1.6;
}
.skill-trainable {
	margin-top: 0.8rem;
	font-size: 12px;
	font-weight: 800;
	color: var(--volt-dk);
	letter-spacing: 0.04em;
}

/* ── 3D GLASSES ADVANTAGE ── */
.dark-section {
	background: var(--navy);
	color: #fff;
}
.dark-section .section-label {
	color: var(--elec-lt);
}
.dark-section h2 {
	color: #fff;
}
.dark-section .section-sub {
	color: rgba(255, 255, 255, 0.68);
}

.advantage {
  padding: var(--vertical-padding) 0;
}

.advantage-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(336px, 1fr));
	gap: 1.2rem;
}
.advantage-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(42, 114, 255, 0.2);
	border-radius: var(--r);
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	transition: var(--trans);
}
.advantage-card:hover {
	background: rgba(255, 255, 255, 0.11);
	border-color: rgba(42, 114, 255, 0.35);
}
.adv-icon {
	font-size: clamp(26px, calc(24.27px + 0.541vw), 32px);
	margin-bottom: clamp(7px, calc(5.559px + 0.45vw), 12px);
}
.advantage-card h3 {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	color: #fff;
	margin-bottom: 0.5rem;
}
.advantage-card p {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: rgba(255, 255, 255, 0.65);
	line-height: 1.65;
}
.adv-science {
	font-size: clamp(12px, calc(11.712px + 0.09vw), 13px);
	color: var(--elec-lt);
	font-style: italic;
	margin-top: 0.7rem;
}

/* vs panel */
.vs-panel {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 20px;
	align-items: center;
	margin-top: clamp(30px, calc(24.234px + 1.802vw), 50px);
}
.vs-col {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--r);
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
}
.vs-col h4 {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 1rem;
}
.vs-col.highlight {
	border-color: rgba(8, 212, 84, 0.3);
	background: rgba(8, 212, 84, 0.06);
}
.vs-col.highlight h4 {
	color: var(--volt);
}
.vs-list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}
.vs-list li {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: rgba(255, 255, 255, 0.6);
	padding-left: 1.3rem;
	position: relative;
}
.vs-list li::before {
	content: '·';
	position: absolute;
	left: 0.4rem;
	color: rgba(255, 255, 255, 0.3);
}
.vs-list.green li {
	color: rgba(255, 255, 255, 0.78);
}
.vs-list.green li::before {
	content: '✓';
	color: var(--volt);
	font-size: 0.7rem;
	left: 0.2rem;
}
.vs-vs {
	font-size: 1.5rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.25);
	text-align: center;
}

/* ── PROTOCOL ── */
.protocol-section {
	background: var(--gray-lt);
  padding: var(--vertical-padding) 0;
}
.protocol-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(40px, calc(34.234px + 1.802vw), 60px);
	align-items: start;
}
.protocol-list {
	display: flex;
	flex-direction: column;
	gap: 1.4rem;
}
.protocol-item {
	background: #fff;
	border-radius: var(--r);
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	box-shadow: 0 3px 12px rgba(6, 14, 28, 0.07);
	display: flex;
	gap: 15px;
	align-items: flex-start;
}
.protocol-num {
	background: var(--electric);
	color: #fff;
	width: clamp(30px, calc(28.27px + 0.541vw), 36px);
	height: clamp(30px, calc(28.27px + 0.541vw), 36px);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.88rem;
	font-weight: 800;
	flex-shrink: 0;
}
.protocol-item h4 {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	color: var(--navy);
	margin-bottom: 0.35rem;
}
.protocol-item p {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--mid);
	line-height: 1.65;
}
.protocol-mechanism {
	font-size: 13px;
	color: var(--electric);
	font-style: italic;
	margin-top: 0.4rem;
}

.cleargazetest-box {
	background: var(--navy);
	border-radius: 16px;
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	color: #fff;
  position: sticky;
  top: 85px;
}
.cleargazetest-box .section-label {
	color: var(--elec-lt);
	margin-bottom: 0.6rem;
}
.cleargazetest-box h3 {
	font-size: clamp(18px, calc(16.847px + 0.36vw), 22px);
	color: #fff;
	margin-bottom: 1rem;
	line-height: 1.3;
}
.cleargazetest-box p {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.75;
	margin-bottom: 1rem;
}
.measure-flow {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin: 1.2rem 0;
  padding-left: 10px;
}
.measure-step {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
}
.measure-step-num {
	color: var(--volt);
	font-size: 16px;
	font-weight: 800;
}
.measure-step span {
	color: rgba(255, 255, 255, 0.75);
}
.measure-step strong {
	color: #fff;
}
.synergy-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1rem;
}
.synergy-chip {
	background: rgba(18, 82, 216, 0.18);
	border: 1px solid rgba(42, 114, 255, 0.25);
	color: var(--elec-lt);
	font-family: 'Source Code Pro', monospace;
	font-size: 0.72rem;
	font-weight: 600;
	padding: 0.25rem 0.75rem;
	border-radius: 50px;
}

/* ── SPORT SPECIFIC ── */
.sport-specific {
	padding: var(--vertical-padding) 0;
}
.sports-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(335px, 1fr));
	gap: 1.3rem;
}
.sport-card {
	background: #fff;
	border-radius: var(--r);
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	box-shadow: var(--shadow);
	transition: var(--trans);
}
.sport-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 38px rgba(6, 14, 28, 0.13);
}
.sport-icon {
	font-size: clamp(26px, calc(23.117px + 0.901vw), 36px);
	margin-bottom: 0.8rem;
}
.sport-card h3 {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	color: var(--navy);
	margin-bottom: 0.5rem;
}
.sport-card p {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--mid);
	line-height: 1.65;
	margin-bottom: 0.8rem;
}
.sport-skills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}
.sport-skill {
	background: var(--gray-lt);
	color: var(--electric);
	font-size: 12px;
	font-weight: 700;
	padding: 0.22rem 0.65rem;
	border-radius: 50px;
}

/* ── EVIDENCE SECTION ── */
.evidence-section {
	background: var(--gray-lt);
	padding: var(--vertical-padding) 0;
}
.evidence-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(454px, 1fr));
	gap: clamp(20px, calc(17.117px + 0.901vw), 30px);
}
.evidence-card {
	background: #fff;
	border-radius: var(--r);
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	box-shadow: var(--shadow);
}
.evidence-card h3 {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	color: var(--navy);
	margin-bottom: 0.5rem;
}
.ev-source {
	font-size: 13px;
	color: var(--mid);
	font-style: italic;
	margin-bottom: 1rem;
}
.evidence-card p {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--mid);
	line-height: 1.68;
}
.ev-finding {
	background: rgba(18, 82, 216, 0.06);
	border-left: 3px solid var(--electric);
	padding: 10px;
	border-radius: 0 6px 6px 0;
	font-size: 14px;
	color: var(--navy);
	margin-top: 0.9rem;
	line-height: 1.6;
}
.ev-caveat {
	font-size: 13px;
	color: var(--mid);
	font-style: italic;
	margin-top: 0.7rem;
	border-top: 1px solid var(--gray);
	padding-top: 0.7rem;
}

/* Honest science box */
.honesty-box {
	background: rgba(212, 132, 26, 0.07);
	border: 1px solid rgba(212, 132, 26, 0.25);
	border-radius: var(--r);
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	margin-top: 30px;
}
.honesty-box h4 {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	color: var(--amber);
	margin-bottom: 0.6rem;
}
.honesty-box p {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--mid);
	line-height: 1.72;
}

/* ── QUOTE BAND ── */
.quote-band {
	background: var(--electric);
	color: #fff;
	padding: var(--vertical-padding) 0;
	text-align: center;
}
.quote-band blockquote {
	font-size: clamp(16px, calc(13.982px + 0.631vw), 23px);
	font-style: italic;
	margin: 0 auto 1rem;
	line-height: 1.65;
}
.quote-attr {
	font-size: 14px;
	opacity: 0.72;
}

/* ── FAQ ── */
.faq {
	background:var(--gray-lt);
	padding: var(--vertical-padding) 0;
}

/* ── CONTACT ── */
.contact-section {
	background: var(--midnight);
	color: #fff;
	padding: var(--vertical-padding) 0;
}
.contact-section .section-label {
	color: var(--elec-lt);
}
.contact-section h2 {
	color: #fff;
}
.contact-section .section-sub {
	color: rgba(255, 255, 255, 0.68);
}
.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: start;
	gap: clamp(30px, calc(24.234px + 1.802vw), 50px);
}
.contact-info {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	overflow: hidden;
}
.contact-item {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}
.contact-icon {
	width: clamp(34px, calc(31.117px + 0.901vw), 44px);
	height: clamp(34px, calc(31.117px + 0.901vw), 44px);
	background: rgba(18, 82, 216, 0.18);
	border: 1px solid rgba(42, 114, 255, 0.25);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(16px, calc(14.847px + 0.36vw), 20px);
	flex-shrink: 0;
}
.contact-item h4 {
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--elec-lt);
	margin-bottom: 0.2rem;
}
.contact-item p {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	opacity: 0.75;
	line-height: 1.5;
}

.sports-vision-contact-btn {
	background:var(--electric);
	color:#fff;
	border:none;
	border-radius:50px;
	padding: clamp(7px, calc(4.405px + 0.811vw), 16px) clamp(15px, calc(10.676px + 1.351vw), 30px);
	font-size:clamp(14px, calc(13.423px + 0.18vw), 16px);
	font-weight:800;
	cursor:pointer;
	transition: 0.3s ease;
}

.sports-vision-contact-btn:hover {
	background:var(--elec-lt);
}

/* ── RESPONSIVE ── */
@media(max-width: 1050px) {
	.hero-content {
		grid-template-columns: 1fr;
	}
	.hero h1 {
    max-width: 100%;
	}
	.glasses-svg-wrap {
    max-width: 620px;
	}
}
@media (max-width: 1000px) {
	.hero {
		grid-template-columns: 1fr;
		min-height: unset;
	}
	.stats-band {
		grid-template-columns: repeat(2, 1fr);
	}
	.science-grid,
	.why3d-grid,
	.protocol-grid,
	.contact-grid {
		grid-template-columns: 1fr;
	}
}
@media(max-width: 800px) {
	.vs-panel {
		grid-template-columns: 1fr;
    gap: 15px;
	}
	.vs-col {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
@media (max-width: 795px) {
	.stats-band-content {
    grid-template-columns: repeat(2, 1fr);
	}
	.stat-cell:nth-of-type(1) {
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	}
	.stat-cell:nth-of-type(2) {
		padding-right: 0;
		padding-bottom: 20px;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	}
	.stat-cell:nth-of-type(3) {
		padding-top: 20px;
		padding-left: 0;
	}
	.stat-cell:nth-of-type(4) {
		padding-top: 20px;
	}
}
@media (max-width: 600px) {
	.skills-grid {
		grid-template-columns: 1fr;
	}
	.stats-band {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 485px) {
	.eye-row {
    flex-direction: column;
    align-items: stretch;
	}
	.evidence-grid {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
	}
}
@media (max-width: 455px) {
	.disparity-key {
    justify-content: center;
	}
}
@media (max-width: 430px) {
	.stats-band-content {
		grid-template-columns: 1fr;
	}
	.stat-cell {
		border-right: none;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.stat-cell:first-of-type {
		padding-top: 0;
	}
	.stat-cell:not(:last-of-type) {
		border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	}
	.stat-cell:nth-of-type(1),
	.stat-cell:nth-of-type(3) {
		padding-right: 0;
	}
	.stat-cell:nth-of-type(2),
	.stat-cell:nth-of-type(4) {
		padding-left: 0;
	}
	.stat-cell:last-of-type {
		padding-bottom: 0;
	}
	.advantage-grid,
	.sports-grid {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
	}
}