.keyspace-agent-matcher {
			--kam-black: #0b0b0b;
			--kam-accent: #433F2D;
			--kam-gold: #b8ad87;
			--kam-muted: #717171;
			--kam-line: rgba(67, 63, 45, 0.17);
			--kam-soft: #f5f5f1;
			padding: 64px 0 78px;
			background: #fff;
			color: var(--kam-black);
		}

		.keyspace-agent-matcher *,
		.keyspace-agent-matcher *::before,
		.keyspace-agent-matcher *::after {
			box-sizing: border-box;
		}

		.keyspace-agent-matcher .kam-shell {
			width: min(100% - 40px, 1460px);
			margin: 0 auto;
		}

		.keyspace-agent-matcher .kam-hero {
			position: relative;
			display: grid;
			min-height: 360px;
			margin-bottom: 30px;
			padding: 58px;
			align-items: end;
			overflow: hidden;
			border-radius: 6px;
			background: linear-gradient(118deg, #050505 0%, #181713 64%, #433F2D 100%);
			box-shadow: 0 30px 75px rgba(20, 18, 12, 0.22);
			color: #fff;
		}

		.keyspace-agent-matcher .kam-hero::before {
			position: absolute;
			top: -150px;
			right: -90px;
			width: 470px;
			height: 470px;
			border: 1px solid rgba(255, 255, 255, 0.16);
			border-radius: 50%;
			box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.025), 0 0 0 120px rgba(255, 255, 255, 0.018);
			content: "";
			transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
		}

		.keyspace-agent-matcher .kam-hero:hover::before {
			transform: scale(1.08) translate(-20px, 18px);
		}

		.keyspace-agent-matcher .kam-hero-copy {
			position: relative;
			z-index: 1;
			max-width: 810px;
		}

		.keyspace-agent-matcher .kam-kicker {
			display: inline-flex;
			margin-bottom: 18px;
			align-items: center;
			gap: 12px;
			color: var(--kam-gold);
			font-size: 12px;
			font-weight: 700;
			text-transform: uppercase;
		}

		.keyspace-agent-matcher .kam-kicker::before {
			width: 30px;
			height: 1px;
			background: currentColor;
			content: "";
		}

		.keyspace-agent-matcher .kam-hero h2 {
			max-width: 780px;
			margin: 0 0 18px;
			color: #fff;
			font-family: Georgia, "Times New Roman", serif;
			font-size: clamp(44px, 6vw, 76px);
			font-weight: 400;
			line-height: 0.98;
		}

		.keyspace-agent-matcher .kam-hero p {
			max-width: 680px;
			margin: 0;
			color: rgba(255, 255, 255, 0.68);
			font-size: 16px;
			line-height: 1.7;
		}

		.keyspace-agent-matcher .kam-form {
			position: relative;
			z-index: 2;
			display: grid;
			margin: -34px 26px 52px;
			padding: 26px;
			grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
			gap: 12px;
			border: 1px solid var(--kam-line);
			border-radius: 6px;
			background: #fff;
			box-shadow: 0 22px 55px rgba(24, 22, 15, 0.14);
		}

		.keyspace-agent-matcher .kam-field label {
			display: block;
			margin: 0 0 8px;
			color: var(--kam-accent);
			font-size: 10px;
			font-weight: 800;
			text-transform: uppercase;
		}

		.keyspace-agent-matcher .kam-field select {
			width: 100%;
			height: 50px;
			padding: 0 38px 0 14px;
			border: 1px solid var(--kam-line);
			border-radius: 3px;
			background-color: var(--kam-soft);
			color: var(--kam-black);
			font-size: 14px;
			outline: none;
			transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
		}

		.keyspace-agent-matcher .kam-field select:focus {
			border-color: var(--kam-accent);
			background: #fff;
			box-shadow: 0 0 0 3px rgba(67, 63, 45, 0.1);
		}

		.keyspace-agent-matcher .kam-submit {
			align-self: end;
			height: 50px;
			padding: 0 25px;
			border: 1px solid var(--kam-black);
			border-radius: 3px;
			background: var(--kam-black);
			color: #fff;
			cursor: pointer;
			font-size: 11px;
			font-weight: 800;
			text-transform: uppercase;
			transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
		}

		.keyspace-agent-matcher .kam-submit:hover {
			border-color: var(--kam-accent);
			background: var(--kam-accent);
			transform: translateY(-2px);
		}

		.keyspace-agent-matcher .kam-results-head {
			display: flex;
			margin-bottom: 24px;
			align-items: end;
			justify-content: space-between;
			gap: 20px;
		}

		.keyspace-agent-matcher .kam-results-head h3 {
			margin: 0 0 5px;
			font-family: Georgia, "Times New Roman", serif;
			font-size: 34px;
			font-weight: 400;
		}

		.keyspace-agent-matcher .kam-results-head p {
			margin: 0;
			color: var(--kam-muted);
			font-size: 14px;
		}

		.keyspace-agent-matcher .kam-result-count {
			color: var(--kam-accent);
			font-size: 12px;
			font-weight: 800;
			text-transform: uppercase;
		}

		.keyspace-agent-matcher .kam-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 26px;
		}

		.keyspace-agent-matcher .kam-card {
			position: relative;
			overflow: hidden;
			border: 1px solid var(--kam-line);
			border-radius: 6px;
			background: #fff;
			box-shadow: 0 12px 32px rgba(25, 23, 17, 0.07);
			transition: border-color 0.4s ease, box-shadow 0.4s ease, opacity 0.35s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
		}

		.keyspace-agent-matcher .kam-card:hover {
			border-color: rgba(67, 63, 45, 0.5);
			box-shadow: 0 28px 56px rgba(25, 23, 17, 0.16);
			transform: translateY(-9px);
		}

		.keyspace-agent-matcher .kam-card[hidden] {
			display: none;
		}

		.keyspace-agent-matcher .kam-media {
			position: relative;
			display: block;
			height: 390px;
			overflow: hidden;
			background: var(--kam-soft);
		}

		.keyspace-agent-matcher .kam-media::after {
			position: absolute;
			inset: 0;
			background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.66));
			content: "";
		}

		.keyspace-agent-matcher .kam-media img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			filter: saturate(0.94);
			transition: filter 0.6s ease, transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
		}

		.keyspace-agent-matcher .kam-card:hover .kam-media img {
			filter: saturate(1.08);
			transform: scale(1.065);
		}

		.keyspace-agent-matcher .kam-placeholder {
			display: grid;
			height: 100%;
			place-items: center;
			color: var(--kam-accent);
			font-family: Georgia, "Times New Roman", serif;
			font-size: 80px;
		}

		.keyspace-agent-matcher .kam-score {
			position: absolute;
			z-index: 2;
			top: 18px;
			right: 18px;
			display: none;
			min-width: 70px;
			padding: 10px 12px;
			border: 1px solid rgba(255, 255, 255, 0.45);
			border-radius: 3px;
			background: rgba(11, 11, 11, 0.74);
			color: #fff;
			font-size: 11px;
			font-weight: 800;
			text-align: center;
			backdrop-filter: blur(9px);
		}

		.keyspace-agent-matcher .kam-card.is-matched .kam-score {
			display: block;
		}

		.keyspace-agent-matcher .kam-position {
			position: absolute;
			z-index: 2;
			right: 20px;
			bottom: 18px;
			left: 20px;
			color: #fff;
			font-size: 11px;
			font-weight: 700;
			text-transform: uppercase;
		}

		.keyspace-agent-matcher .kam-body {
			padding: 25px;
		}

		.keyspace-agent-matcher .kam-name {
			margin: 0 0 15px;
			font-family: Georgia, "Times New Roman", serif;
			font-size: 28px;
			font-weight: 400;
			line-height: 1.15;
		}

		.keyspace-agent-matcher .kam-name a {
			color: var(--kam-black);
			text-decoration: none;
		}

		.keyspace-agent-matcher .kam-meta {
			display: grid;
			min-height: 112px;
			margin-bottom: 20px;
			gap: 10px;
		}

		.keyspace-agent-matcher .kam-meta-row {
			display: grid;
			grid-template-columns: 82px 1fr;
			gap: 12px;
			font-size: 12px;
			line-height: 1.45;
		}

		.keyspace-agent-matcher .kam-meta-row span {
			color: var(--kam-muted);
			font-size: 9px;
			font-weight: 800;
			text-transform: uppercase;
		}

		.keyspace-agent-matcher .kam-meta-row strong {
			color: #303030;
			font-weight: 600;
		}

		.keyspace-agent-matcher .kam-actions {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 9px;
		}

		.keyspace-agent-matcher .kam-action {
			display: inline-flex;
			height: 46px;
			align-items: center;
			justify-content: center;
			border: 1px solid var(--kam-black);
			border-radius: 3px;
			background: var(--kam-black);
			color: #fff;
			font-size: 10px;
			font-weight: 800;
			text-decoration: none;
			text-transform: uppercase;
			transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
		}

		.keyspace-agent-matcher .kam-action.is-whatsapp {
			border-color: var(--kam-accent);
			background: var(--kam-accent);
		}

		.keyspace-agent-matcher .kam-action:hover {
			color: #fff;
			transform: translateY(-2px);
		}

		.keyspace-agent-matcher .kam-empty {
			display: none;
			padding: 58px 24px;
			border: 1px solid var(--kam-line);
			border-radius: 6px;
			background: var(--kam-soft);
			text-align: center;
		}

		.keyspace-agent-matcher .kam-empty.is-visible {
			display: block;
		}

		@media (max-width: 1120px) {
			.keyspace-agent-matcher .kam-form {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}

			.keyspace-agent-matcher .kam-submit {
				grid-column: 1 / -1;
			}

			.keyspace-agent-matcher .kam-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}
		}

		@media (max-width: 767px) {
			.keyspace-agent-matcher {
				padding: 24px 0 52px;
			}

			.keyspace-agent-matcher .kam-shell {
				width: min(100% - 24px, 1460px);
			}

			.keyspace-agent-matcher .kam-hero {
				min-height: 390px;
				padding: 32px 25px 78px;
				align-items: start;
			}

			.keyspace-agent-matcher .kam-hero h2 {
				font-size: 45px;
			}

			.keyspace-agent-matcher .kam-form {
				margin: -48px 12px 38px;
				padding: 18px;
				grid-template-columns: 1fr;
			}

			.keyspace-agent-matcher .kam-submit {
				grid-column: auto;
			}

			.keyspace-agent-matcher .kam-results-head {
				align-items: flex-start;
				flex-direction: column;
			}

			.keyspace-agent-matcher .kam-grid {
				grid-template-columns: 1fr;
			}

			.keyspace-agent-matcher .kam-media {
				height: 340px;
			}
		}

		@media (prefers-reduced-motion: reduce) {
			.keyspace-agent-matcher *,
			.keyspace-agent-matcher *::before,
			.keyspace-agent-matcher *::after {
				transition-duration: 0.01ms !important;
			}
		}