:root {
	--neor-ink: #091110;
	--neor-paper: #f3f1eb;
	--neor-paper-dark: #e8e7e1;
	--neor-orange: #ff5a1f;
	--neor-muted: #6f7774;
	--neor-line: #d9d7d0;
	--neor-font-fa: "IRANSansX", Tahoma, Arial, sans-serif;
}

html {
	scroll-behavior: smooth;
}

body {
	direction: rtl;
	overflow-x: hidden;
	font-family: var(--neor-font-fa);
}

::selection {
	background: var(--neor-orange);
	color: #fff;
}

.neor-site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var(--neor-line);
	background: rgba(243, 241, 235, 0.96);
	backdrop-filter: blur(16px);
}

.neor-site-header__inner {
	min-height: 88px;
}

.neor-header-cta .wp-block-button__link,
.neor-primary-button .wp-block-button__link {
	background: var(--neor-orange);
}

.neor-hero {
	position: relative;
	min-height: 690px;
	overflow: hidden;
}

.neor-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(5, 15, 22, 0.1), rgba(5, 15, 22, 0.86));
	z-index: 2;
}

.neor-hero::after {
	content: "N";
	position: absolute;
	z-index: 3;
	left: 12%;
	top: 48%;
	width: 88px;
	height: 88px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--neor-orange);
	color: #fff;
	font: 800 30px/1 Arial, sans-serif;
	box-shadow: 0 0 45px rgba(255, 90, 31, 0.45);
}

.neor-hero .wp-block-cover__inner-container {
	position: static;
}

.neor-hero > .wp-block-cover__image-background {
	opacity: 0;
}

.neor-hero__rotator {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block !important;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	overflow: hidden;
	pointer-events: none;
}

.neor-hero__rotator > figure.wp-block-image {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	flex-grow: 0 !important;
	width: 100% !important;
	height: 100%;
	margin: 0 !important;
	opacity: 0;
	animation: neor-hero-crossfade 40s ease-in-out infinite;
	will-change: opacity;
}

.neor-hero__rotator figure.wp-block-image:nth-child(1) {
	animation-delay: 0s;
}

.neor-hero__rotator figure.wp-block-image:nth-child(2) {
	animation-delay: -32s;
}

.neor-hero__rotator figure.wp-block-image:nth-child(3) {
	animation-delay: -24s;
}

.neor-hero__rotator figure.wp-block-image:nth-child(4) {
	animation-delay: -16s;
}

.neor-hero__rotator figure.wp-block-image:nth-child(5) {
	animation-delay: -8s;
}

.neor-hero__rotator img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@keyframes neor-hero-crossfade {
	0%, 17.5% {
		opacity: 1;
	}

	22.5%, 100% {
		opacity: 0;
	}
}

.neor-hero__copy {
	position: relative;
	z-index: 4;
	width: min(720px, 58vw);
	margin-right: 0 !important;
	margin-left: auto !important;
	padding: 78px 4.5vw 78px 0;
}

.neor-eyebrow {
	font: 700 10px/1.4 Arial, sans-serif;
	letter-spacing: 1.4px;
	color: var(--neor-orange);
}

.neor-display {
	margin: 28px 0 22px;
	font-size: clamp(3.8rem, 6.7vw, 6.4rem);
	line-height: 0.98;
	letter-spacing: -0.075em;
}

.neor-display strong {
	display: block;
	margin-right: 10%;
}

@media (prefers-reduced-motion: reduce) {
	.neor-hero__rotator figure.wp-block-image {
		animation: none;
		opacity: 0;
	}

	.neor-hero__rotator figure.wp-block-image:first-child {
		opacity: 1;
	}
}

.neor-display mark {
	display: block;
	margin-top: 18px;
	background: transparent;
	color: var(--neor-orange);
	font-size: 0.58em;
}

.neor-section {
	padding-top: clamp(72px, 8vw, 112px);
	padding-bottom: clamp(72px, 8vw, 112px);
}

.neor-section-code {
	font: 700 10px/1 Arial, sans-serif;
	letter-spacing: 1.5px;
	color: var(--neor-orange);
}

.neor-card-grid {
	gap: 1px !important;
	background: var(--neor-line);
	border: 1px solid var(--neor-line);
}

.neor-card {
	min-height: 300px;
	padding: 28px;
	background: var(--neor-paper);
	transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

.neor-card:hover {
	position: relative;
	z-index: 2;
	transform: translateY(-5px);
	background: var(--neor-ink);
	color: #fff;
}

.neor-card__number {
	font: 700 10px/1 Arial, sans-serif;
	color: var(--neor-orange);
}

.neor-card h3 {
	margin-top: 48px;
}

.neor-product-card {
	border-top: 3px solid transparent;
}

.neor-product-card:hover,
.neor-product-card--featured {
	border-top-color: var(--neor-orange);
}

.neor-product-card--featured {
	background: var(--neor-ink);
	color: #fff;
}

.neor-query-grid .wp-block-post {
	padding: 28px;
	border: 1px solid var(--neor-line);
	background: #fff;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.neor-query-grid .wp-block-post:hover {
	transform: translateY(-5px);
	box-shadow: 0 24px 48px rgba(9, 17, 16, 0.1);
}

.neor-inner-hero {
	padding-top: clamp(64px, 7vw, 96px);
	padding-bottom: clamp(64px, 7vw, 96px);
	background:
		linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
		var(--neor-ink);
	background-size: 42px 42px, 42px 42px, auto;
	color: #fff;
}

.neor-inner-hero .wp-block-post-title {
	font-size: clamp(3.2rem, 5.8vw, 5.4rem);
	line-height: 1.05;
}

.neor-content-shell {
	padding-top: clamp(60px, 7vw, 96px);
	padding-bottom: clamp(60px, 7vw, 96px);
}

.neor-cta {
	padding-top: clamp(64px, 7vw, 88px);
	padding-bottom: clamp(64px, 7vw, 88px);
	background: linear-gradient(100deg, #ff4e17, #ff6c32);
	color: #fff;
}

.neor-site-footer {
	padding-top: 64px;
	padding-bottom: 28px;
	background: var(--neor-ink);
	color: #fff;
}

.neor-site-footer a {
	color: rgba(255, 255, 255, 0.65);
}

@media (max-width: 900px) {
	.neor-site-header__inner {
		min-height: 78px;
	}

	.neor-header-cta {
		display: none;
	}

	.neor-hero {
		min-height: 760px;
	}

	.neor-hero::after {
		left: 27%;
		top: 28%;
		width: 64px;
		height: 64px;
		font-size: 22px;
	}

	.neor-hero__copy {
		width: 100%;
		padding: 390px 20px 70px;
	}

	.neor-display {
		font-size: clamp(3.4rem, 15vw, 4.4rem);
		letter-spacing: -0.065em;
	}

	.neor-card-grid {
		display: block !important;
	}

	.neor-card {
		min-height: 250px;
		margin-bottom: 1px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	* {
		transition-duration: 0.01ms !important;
	}
}
