:root {
	--navy: #0a1c2e;
	--navy-lt: #122436;
	--orange: #c45c0a;
	--orange-lt: #e07212;
	--amber: #d4841a;
	--amber-lt: #f0a030;
	--sun: #ffd166;
	--teal: #0e7a8a;
	--teal-lt: #12a0b5;
	--green: #2e7d52;
	--red: #c0392b;
	--cream: #fdfaf5;
	--warm: #f7f2ea;
	--stone: #ede8e0;
	--sky: #e8f3f8;
	--field: #f0f8f0;
	--safety: #fff8e8;
	--body: #2c3e50;
	--muted: #6b7f8f;
	--white: #ffffff;
	--e: cubic-bezier(0.22, 0.61, 0.36, 1);
	--spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

a {
	text-decoration: none;
	color: inherit;
}

/* ── NAV ── */
nav {
	background: rgba(10, 28, 46, 0.97);
	border-bottom: 3px solid var(--orange);
}

.nav-links a:hover {
	color: var(--amber-lt);
}

.nav-cta {
	background: var(--orange);
	box-shadow: 0 4px 18px rgba(196, 92, 10, 0.4);
	transition:
		background 0.2s,
		transform 0.15s;
}

.nav-cta:hover {
	background: var(--orange-lt);
	transform: translateY(-1px);
}

/* ── HERO ── */
#home {
	min-height: 100vh;
	background: var(--navy);
	position: relative;
	overflow: hidden;
	padding: 100px 0;
}

.home-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-height: calc(100vh - 200px);
  gap: 40px;
}

.hero-wash {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(
			ellipse 70% 60% at 80% 40%,
			rgba(196, 92, 10, 0.22) 0%,
			transparent 65%
		),
		radial-gradient(
			ellipse 45% 45% at 15% 70%,
			rgba(212, 132, 26, 0.1) 0%,
			transparent 60%
		),
		radial-gradient(
			ellipse 40% 40% at 50% 5%,
			rgba(14, 122, 138, 0.08) 0%,
			transparent 60%
		);
}

.hero-dots {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: radial-gradient(
		circle,
		rgba(255, 255, 255, 0.04) 1px,
		transparent 1px
	);
	background-size: 30px 30px;
}

.hero-left {
	position: relative;
	z-index: 2;
}

.hero-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(196, 92, 10, 0.18);
	border: 1px solid rgba(196, 92, 10, 0.4);
	border-radius: 100px;
	padding: 7px 16px 7px 12px;
	margin-bottom: 32px;
}

.hero-pill-dot {
	min-width: 8px;
	min-height: 8px;
	border-radius: 50%;
	background: var(--orange-lt);
	animation: pulse 1.8s infinite;
}

@keyframes pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}

	50% {
		opacity: 0.3;
		transform: scale(1.5);
	}
}

.hero-pill-text {
	font-size: 12px;
	font-weight: 700;
	color: var(--orange-lt);
	letter-spacing: 0.05em;
}

.hero-h1 {
	font-size: clamp(32px, 3.5vw, 54px);
	color: var(--white);
	line-height: 1.12;
	margin-bottom: 24px;
	animation: slideUp 0.9s var(--e) both;
}

.hero-h1 em {
	color: var(--amber-lt);
	font-style: italic;
}

.hero-sub {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	color: rgba(255, 255, 255, 0.72);
	line-height: 1.82;
	margin-bottom: 40px;
	animation: slideUp 0.9s 0.1s var(--e) both;
}

.hero-sub strong {
	color: rgba(255, 255, 255, 0.95);
	font-weight: 700;
}

.hero-btns {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	animation: slideUp 0.9s 0.2s var(--e) both;
}

.btn-orange,
.btn-outline {
  font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
  padding: clamp(8px, calc(5.982px + 0.631vw), 15px) clamp(15px, calc(10.676px + 1.351vw), 30px);
  border-radius: 100px;
  font-weight: 800;
  color: var(--white);
}

.btn-orange {
	background: var(--orange);
	box-shadow: 0 6px 24px rgba(196, 92, 10, 0.4);
	transition:
		background 0.2s,
		transform 0.2s var(--spring);
}

.btn-orange:hover {
	background: var(--orange-lt);
	transform: translateY(-2px) scale(1.02);
}

.btn-outline {
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.25);
	transition:
		border-color 0.2s,
		color 0.2s;
}

.btn-outline:hover {
	border-color: var(--amber-lt);
	color: var(--amber-lt);
}

.hero-right {
	position: relative;
	z-index: 2;
	animation: slideUp 0.9s 0.15s var(--e) both;
}

.problem-card {
	opacity: 0;
	transform: translateX(100%);
}

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

.industry-card,
.reg-card,
.proto-step,
.ben-card,
.faq-item {
	opacity: 0;
	transform: translateY(20px);
}

.industry-card.fade-in-up,
.reg-card.fade-in-up,
.proto-step.fade-in-up,
.ben-card.fade-in-up,
.faq-item.fade-in-up {
	opacity: 1;
	transform: translateY(0);
	transition: 0.6s ease;
}

.hp,
.ci-item {
	opacity: 0;
	transform: translateX(-100%);
}

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

.tech-display,
.table,
#work-place-impairment-form {
	opacity: 0;
}

.tech-display.fade-in,
.table.fade-in,
#work-place-impairment-form.fade-in {
	opacity: 1;
	transition: 0.6s ease;
}

.industry-scene {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.ind-card {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 18px;
	padding: 15px;
	text-align: center;
	transition:
		background 0.25s,
		border-color 0.25s,
		transform 0.25s var(--spring);
}

.ind-icon {
	font-size: clamp(28px, calc(27.135px + 0.27vw), 31px);
  margin-bottom: 8px;
}

.ind-title {
	font-size: 14px;
	color: var(--white);
	font-weight: 600;
	margin-bottom: 4px;
}

.ind-sub {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.45);
	line-height: 1.5;
}

.ind-card.wide {
	grid-column: 1/-1;
	display: flex;
	gap: 5px;
	text-align: left;
	align-items: center;
	padding: 15px;
}

.ind-card.wide .ind-icon {
	flex-shrink: 0;
	margin: 0;
}

.ind-card.wide p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.52);
	line-height: 1.65;
	font-style: italic;
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(24px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ── SHARED ── */
.eyebrow {
	font-size: 12px;
	font-weight: 500;
	color: var(--orange);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.sh {
	font-size: clamp(25px, calc(19.523px + 1.712vw), 44px);
	color: var(--navy);
	line-height: 1.15;
	margin-bottom: 16px;
	font-weight: 700;
}

.sh em {
	color: var(--teal);
	font-style: italic;
}

.sintro {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--muted);
	line-height: 1.85;
	max-width: 680px;
	margin-bottom: clamp(30px, calc(24.234px + 1.802vw), 50px);
}

/* ── STATS BAND ── */
.stats-band {
	background: linear-gradient(135deg, var(--orange), #8a3a06);
	padding: 50px 0;
}

.stats-inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.stat {
	text-align: center;
	padding: 0 30px;
	border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.stat:first-child {
  padding-left: 0;
}

.stat:last-child {
	border-right: none;
  padding-right: 0;
}

.stat-n {
	font-size: clamp(30px, calc(24.234px + 1.802vw), 50px);
	color: var(--sun);
	line-height: 1;
	margin-bottom: 10px;
}

.stat-l {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.82);
	line-height: 1.5;
}

.stat-s {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.38);
	margin-top: 6px;
	letter-spacing: 0.1em;
}

/* ── THE PROBLEM ── */
.problem {
	background: var(--white);
  padding: var(--vertical-padding) 0;
}

.prob-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(30px, calc(22.793px + 2.252vw), 55px);
	align-items: start;
}

.prose {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--body);
	line-height: 1.85;
	margin-bottom: clamp(10px, calc(7.117px + 0.901vw), 20px);
}

.prose:last-of-type {
	margin-bottom: 0;
}

.prose strong {
	color: var(--navy);
}

.problem-card-list {
	overflow: hidden;
}

.prob-card {
	background: var(--warm);
	border-radius: 14px;
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	border-left: clamp(3px, calc(2.712px + 0.09vw), 4px) solid var(--orange);
	margin-bottom: 15px;
}

.prob-card:last-of-type {
	margin-bottom: 0;
}

.prob-card h4,
.sol-card h4  {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
}
.prob-card h4 {
	font-weight: 700;
	color: var(--navy);
	margin-bottom: 8px;
}

.prob-card p,
.sol-card p {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
}

.prob-card p {
	color: var(--body);
	line-height: 1.7;
}

.sol-card {
	background: var(--field);
	border-radius: 14px;
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	border-left: clamp(3px, calc(2.712px + 0.09vw), 4px) solid var(--green);
}

.sol-card h4 {
	font-weight: 700;
	color: var(--navy);
	margin-bottom: 8px;
}

.sol-card p {
	color: var(--body);
	line-height: 1.7;
}

/* ── INDUSTRIES ── */
.industries {
	background: var(--warm);
  padding: var(--vertical-padding) 0;
}

.ind-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.industry-card {
	background: var(--white);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 4px 22px rgba(0, 0, 0, 0.07);
	transition:
		transform 0.25s var(--spring),
		box-shadow 0.25s;
}

.industry-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 38px rgba(0, 0, 0, 0.13);
}

.ic-top {
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	text-align: center;
}

.ic-icon {
	font-size: clamp(38px, calc(35.117px + 0.901vw), 48px);
	margin-bottom: 5px;
}

.ic-title {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	color: var(--navy);
	margin-bottom: 5px;
}

.ic-reg {
	font-size: clamp(10px, calc(9.712px + 0.09vw), 11px);
	color: var(--orange);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.ic-stat {
	font-size: 14px;
	color: var(--muted);
	line-height: 1.5;
	margin-bottom: 0;
}

.ic-bottom {
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
  min-height: 267px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
}

.ic-bottom-text {
	font-size: 14px;
	color: var(--body);
	line-height: 1.75;
}

.ic-bottom strong {
	color: var(--teal);
}

.ic-stakes {
	display: flex;
	align-items: baseline;
	gap: 8px;
	background: var(--safety);
	border-radius: 8px;
	padding: clamp(5px, calc(3.559px + 0.45vw), 10px);
}

.ic-stakes-icon {
	font-size: 16px;
}

.ic-stakes-text {
	font-size: 12px;
	font-weight: 700;
	color: #6b4500;
}

.industry-card:nth-child(1) .ic-top {
	background: linear-gradient(160deg, #eef4fc, #d0e0f8);
}

.industry-card:nth-child(2) .ic-top {
	background: linear-gradient(160deg, #fff3dc, #ffe0a0);
}

.industry-card:nth-child(3) .ic-top {
	background: linear-gradient(160deg, #e8f3f8, #c0dce8);
}

.industry-card:nth-child(4) .ic-top {
	background: linear-gradient(160deg, #f0f4e8, #d8e8c0);
}

.industry-card:nth-child(5) .ic-top {
	background: linear-gradient(160deg, #f8eef8, #e8d0e8);
}

.industry-card:nth-child(6) .ic-top {
	background: linear-gradient(160deg, #fee8e8, #fcc0b0);
}

/* ── HOW THE TEST WORKS ── */
.how {
	background: var(--navy);
  padding: var(--vertical-padding) 0;
}

.how .eyebrow {
	color: var(--amber-lt);
}

.how .sh {
	color: var(--white);
}

.how .sintro {
	color: rgba(255, 255, 255, 0.65);
	margin-bottom: 44px;
}

.how-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: center;
}

.how-points {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.hp {
	display: flex;
	gap: 18px;
}

.hp-icon {
	width: clamp(40px, calc(37.117px + 0.901vw), 50px);
	height: clamp(40px, calc(37.117px + 0.901vw), 50px);
	border-radius: clamp(8px, calc(6.847px + 0.36vw), 12px);
	flex-shrink: 0;
	background: rgba(255, 255, 255, 0.07);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(18px, calc(16.27px + 0.541vw), 24px);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.hp-title {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	font-weight: 800;
	color: var(--white);
	margin-bottom: 5px;
}

.hp-body {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.7;
}

.hp-body strong {
	color: var(--amber-lt);
	font-weight: 600;
}

.tech-display {
	background: linear-gradient(
		160deg,
		rgba(26, 52, 84, 0.9),
		rgba(14, 122, 138, 0.15)
	);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 22px;
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	position: relative;
	overflow: hidden;
}

.tech-display::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(
		ellipse 80% 60% at 70% 30%,
		rgba(196, 92, 10, 0.18) 0%,
		transparent 65%
	);
}

.eye-wrap {
	width: clamp(100px, calc(94.234px + 1.802vw), 120px);
	height: clamp(100px, calc(94.234px + 1.802vw), 120px);
	border-radius: 50%;
	border: 2px solid rgba(196, 92, 10, 0.4);
	margin: 0 auto 28px;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.03);
}

.er1 {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 1px solid rgba(196, 92, 10, 0.25);
}

.er2 {
	position: absolute;
	inset: clamp(12px, calc(10.847px + 0.36vw), 16px);
	border-radius: 50%;
	border: 1px solid rgba(212, 132, 26, 0.2);
}

.eye-core {
	width: clamp(45px, calc(42.982px + 0.631vw), 52px);
	height: clamp(45px, calc(42.982px + 0.631vw), 52px);
	border-radius: 50%;
	background: var(--orange);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(20px, calc(18.847px + 0.36vw), 24px);
	box-shadow: 0 0 clamp(20px, calc(18.847px + 0.36vw), 24px) rgba(196, 92, 10, 0.6);
	z-index: 2;
	position: relative;
}

.bm-mini-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	position: relative;
	z-index: 2;
}

.bm-mini {
	background: rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	padding: 10px;
}

.bm-mini:nth-child(odd) {
	border-left: 2px solid var(--orange-lt);
}

.bm-mini:nth-child(even) {
	border-left: 2px solid var(--amber-lt);
}

.bm-mini-name {
	font-size: 14px;
	font-weight: 700;
	color: var(--white);
	margin-bottom: 2px;
}

.bm-mini-val {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.38);
}

/* ── PROBLEM VS SOLUTION TABLE ── */
.vs {
	background: var(--stone);
  padding: var(--vertical-padding) 0;
}

.table td > span {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.vb-fail {
	color: var(--red);
}

.vb-pass {
	color: var(--green);
}

.vb-partial {
	background: rgba(212, 132, 26, 0.12);
	color: var(--amber);
}

/* ── REGULATORY FRAMEWORK ── */
.reg {
	background: var(--white);
  padding: var(--vertical-padding) 0;
}

.reg-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(336px, 1fr));
	gap: 18px;
	margin-bottom: clamp(18px, calc(8.775px + 2.883vw), 50px);
}

.reg-card {
	background: var(--warm);
	border-radius: 14px;
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	text-align: center;
	border-top: clamp(3px, calc(2.712px + 0.09vw), 4px) solid var(--orange);
	transition: transform 0.2s var(--spring);
}

.reg-card:hover {
	transform: translateY(-4px);
}

.reg-card:nth-child(2) {
	border-top-color: var(--amber);
}

.reg-card:nth-child(3) {
	border-top-color: var(--teal);
}

.reg-card:nth-child(4) {
	border-top-color: var(--green);
}

.reg-icon {
	font-size: clamp(34px, calc(32.27px + 0.541vw), 40px);
	margin-bottom: 12px;
}

.reg-agency {
	font-size: 12px;
	font-weight: 700;
	color: var(--orange);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.reg-card:nth-child(2) .reg-agency {
	color: var(--amber);
}

.reg-card:nth-child(3) .reg-agency {
	color: var(--teal);
}

.reg-card:nth-child(4) .reg-agency {
	color: var(--green);
}

.reg-name,
.reg-note h4 {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
}
.reg-name {
	font-weight: 700;
	color: var(--navy);
	margin-bottom: 8px;
}

.reg-body,
.reg-note p {
	font-size: 14px;
}

.reg-body {
	color: var(--muted);
	line-height: 1.65;
}

.reg-note {
	background: var(--safety);
	border-radius: 14px;
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	border-left: clamp(3px, calc(2.712px + 0.09vw), 4px) solid var(--amber);
}

.reg-note h4 {
	color: var(--navy);
	margin-bottom: 10px;
}

.reg-note p {
	color: var(--body);
	line-height: 1.8;
}

.reg-note p strong {
	color: var(--orange);
}

/* ── PROTOCOL ── */
.protocol {
	background: var(--sky);
  padding: var(--vertical-padding) 0;
}

.proto-steps {
	display: flex;
	flex-direction: column;
	gap: 0;
	position: relative;
}

.proto-steps::before {
	content: '';
	position: absolute;
	left: clamp(18px, calc(16.27px + 0.541vw), 24px);
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(
		180deg,
		var(--orange),
		var(--amber-lt),
		rgba(14, 122, 138, 0.2)
	);
}

.proto-step {
	display: grid;
	grid-template-columns: clamp(38px, calc(35.117px + 0.901vw), 48px) 1fr;
	gap: clamp(15px, calc(12.982px + 0.631vw), 22px);
	padding: 0 0 clamp(20px, calc(16.541px + 1.081vw), 32px);
	position: relative;
}

.proto-step:last-child {
	padding-bottom: 0;
}

.step-circle {
	width: clamp(38px, calc(35.117px + 0.901vw), 48px);
	height: clamp(38px, calc(35.117px + 0.901vw), 48px);
	border-radius: 50%;
	background: var(--orange);
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(16px, calc(14.847px + 0.36vw), 20px);
	font-weight: 700;
	position: relative;
	z-index: 2;
	box-shadow: 0 4px 14px rgba(196, 92, 10, 0.35);
}

.step-content {
	background: var(--white);
	border-radius: 14px;
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
}

.step-time {
	font-size: 11px;
	font-weight: 500;
	color: var(--orange);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.step-title {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	color: var(--navy);
	margin-bottom: 10px;
}

.step-body {
	font-size: 14px;
	color: var(--body);
	line-height: 1.75;
}

.step-tag {
	display: inline-block;
	margin-top: 10px;
	background: var(--field);
	border-radius: 100px;
	padding: 3px 12px;
	font-size: 11px;
	font-weight: 700;
	color: var(--green);
	border: 1px solid rgba(46, 125, 82, 0.2);
}

/* ── EMPLOYER BENEFITS ── */
.benefits {
	background: var(--warm);
  padding: var(--vertical-padding) 0;
}

.ben-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.ben-card {
	background: var(--white);
	border-radius: 16px;
	padding: clamp(15px, calc(12.117px + 0.901vw), 25px);
	border-top: 3px solid var(--orange);
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06);
	transition: transform 0.25s var(--spring);
}

.ben-card:hover {
	transform: translateY(-5px);
}

.ben-card:nth-child(2) {
	border-bottom-color: var(--amber);
}

.ben-card:nth-child(3) {
	border-bottom-color: var(--teal);
}

.ben-card:nth-child(4) {
	border-bottom-color: var(--green);
}

.ben-card:nth-child(5) {
	border-bottom-color: var(--orange-lt);
}

.ben-card:nth-child(6) {
	border-bottom-color: #7b5ea7;
}

.ben-icon {
	font-size: clamp(27px, calc(26.135px + 0.27vw), 30px);
	margin-bottom: 12px;
}

.ben-title {
	font-size: clamp(16px, calc(15.423px + 0.18vw), 18px);
	color: var(--navy);
	margin-bottom: 8px;
}

.ben-body {
	font-size: 14px;
	color: var(--muted);
	line-height: 1.7;
}

.ben-body strong {
	color: var(--navy);
}

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

.faq-list {
  margin-top: 30px;
}

.faq-a p strong {
	color: var(--navy);
}

/* ── CONTACT ── */
.contact {
	background: var(--navy);
	padding: var(--vertical-padding) 0;
}

.contact-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.contact .sh {
	color: var(--white);
}

.contact .sintro {
	color: rgba(255, 255, 255, 0.6);
}

.contact-form select option {
	background: var(--navy);
	color: var(--white);
}

.cf-submit {
	background: var(--orange);
	color: var(--white);
	font-weight: 800;
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	padding: clamp(8px, calc(5.982px + 0.631vw), 15px);
	border-radius: 100px;
	border: none;
	cursor: pointer;
	width: 100%;
	box-shadow: 0 6px 24px rgba(196, 92, 10, 0.4);
	transition:
		background 0.2s,
		transform 0.2s;
}

.cf-submit:hover {
	background: var(--orange-lt);
	transform: translateY(-1px);
}

.contact-info {
	display: flex;
	flex-direction: column;
	gap: 26px;
}

.ci-item {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.ci-icon {
	font-size: clamp(24px, calc(22.27px + 0.541vw), 30px);
}

.ci-title {
	font-size: 14px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: 4px;
}

.ci-val {
	font-size: clamp(14px, calc(13.423px + 0.18vw), 16px);
	color: var(--white);
	font-weight: 600;
	line-height: 1.5;
}

.ci-val a {
	color: var(--amber-lt);
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
	.home-content {
		grid-template-columns: 1fr;
	}
	.stats-inner {
		grid-template-columns: 1fr 1fr;
	}

	.stat {
		border-right: 1px solid rgba(255, 255, 255, 0.12);
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
		padding: 0 20px;
	}

	.stat:nth-of-type(1) {
		padding: 0 20px 20px 0;
	}
	.stat:nth-of-type(2) {
		padding: 0 0 20px 20px;
		border-right: none;
	}
	.stat:nth-of-type(3) {
		padding: 20px 20px 0 0;
		border-right: 1px solid rgba(255, 255, 255, 0.12);
		border-bottom: none;
	}
	.stat:nth-of-type(4) {
		padding: 20px 0 0 20px;
		border-right: none;
		border-bottom: none;
	}

	.prob-grid,
	.how-grid,
	.contact-inner {
		grid-template-columns: 1fr;
	}

	.ind-grid,
	.ben-grid {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 680px) {
	.ind-grid, .ben-grid {
		grid-template-columns: 1fr;
	}
	.ic-bottom {
    min-height: 200px;
	}
}
@media (max-width: 475px) {
	.stats-inner {
		grid-template-columns: 1fr;
	}
	.stat {
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
		padding: 20px 0 0 0;
	}
	.stat:last-of-type {
		border-bottom: none;
	}
	.stat:nth-of-type(1) {
		padding: 0 0 20px 0;
	}
	.stat:nth-of-type(2) {
		padding: 20px 0 20px 0;
	}
	.stat:nth-of-type(3) {
		padding: 20px 0 20px 0;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}
	.stat:nth-of-type(4) {
		padding: 20px 0 0 0;
	}
}
@media (max-width: 390px) {
	.industry-scene {
    grid-template-columns: 1fr;
    gap: 10px;
	}
	.ind-card.wide {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
	}
}
@media (max-width: 370px) {
	.bm-mini-grid {
    grid-template-columns: 1fr;
	}
	.reg-grid {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
	}
}