:root {
			--teal: #004e4f;
			--teal-dark: #004e4f;
			--gold: #f0b01d;
			--gold-hover: #f1b01d;
			--hero-text: #E9E8E8;
			--dark: #1a1a1a;
			--dark-card: #242424;
			--light: #f2f2f2;
			--light-alt: #f5f5f5;
			--text-muted: #999;
			--radius-pill: 50px;
			--radius-card: 16px;
			--container: 1200px;
			--mnav-panel-w: min(100%, 402px);
		}

		*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

		body {
			font-family: 'Peyda', Tahoma, Arial, sans-serif;
			background: var(--light);
			color: #333;
			line-height: 1.7;
			overflow-x: clip;
		}
		html.lenis, html.lenis body {
			height: auto;
		}

		img { max-width: 100%; height: auto; display: block; }
		a { text-decoration: none; color: inherit; }

		/* ── Site loader ── */
		body.is-loading { overflow: hidden; }
		body.is-loading .hero__logo,
		body.is-loading .hero__logo-svg {
			opacity: 0 !important;
			visibility: hidden;
		}
		body.is-loading .hero__graphic--large,
		body.is-loading .hero__graphic--small,
		body.is-loading .hero__title-line--1,
		body.is-loading .hero__title-line--2,
		body.is-loading .hero__title-accent,
		body.is-loading .hero__desc,
		body.is-loading .hero__actions {
			opacity: 0;
		}
		.site-loader {
			position: fixed;
			inset: 0;
			z-index: 100000;
			pointer-events: none;
		}
		.site-loader.is-active { pointer-events: auto; }
		.site-loader__backdrop {
			position: absolute;
			inset: 0;
			background: var(--teal);
		}
		.site-loader__mark {
			--loader-h: 80px;
			position: fixed;
			left: 50%;
			top: 50%;
			width: calc(var(--loader-h) * 156 / 26);
			height: var(--loader-h);
			margin: 0;
			/* اول روی مرکز O، بعد به وسط لوگو می‌رود */
			transform: translate(-27.832%, -50%);
			z-index: 1;
			will-change: transform;
			overflow: hidden;
			backface-visibility: hidden;
			-webkit-backface-visibility: hidden;
		}
		@media (max-width: 767px) {
			.site-loader__mark { --loader-h: 32px; }
		}
		.site-loader__spin {
			position: absolute;
			left: 27.832%;
			top: 50%;
			width: var(--loader-h);
			height: var(--loader-h);
			transform: translate(-50%, -50%);
		}
		.site-loader__spin svg {
			display: block;
			width: 100%;
			height: 100%;
			overflow: visible;
		}
		.site-loader__spin-arcs {
			transform-origin: 12.9037px 12.9037px;
			transform-box: view-box;
			will-change: transform;
			backface-visibility: hidden;
			animation: dotnex-loader-spin 1.35s linear infinite;
		}
		.site-loader.is-js .site-loader__spin-arcs {
			animation: none;
		}
		@keyframes dotnex-loader-spin {
			to { transform: rotate(360deg); }
		}
		.site-loader__word {
			position: absolute;
			inset: 0;
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
			overflow: hidden;
		}
		.site-loader__spin svg,
		.site-loader__word svg {
			display: block;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		.loader-letter { opacity: 1; }

		.container {
			width: 100%;
			max-width: var(--container);
			margin: 0 auto;
			padding: 0 24px;
		}

		.section { padding: 100px 0; position: relative; }

		/* ── Buttons ── */
		.btn {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			padding: 14px 28px;
			border-radius: var(--radius-pill);
			font-family: inherit;
			font-size: 0.9375rem;
			font-weight: 600;
			cursor: pointer;
			border: 2px solid transparent;
			transition: all .25s ease;
		}
		.btn-primary {
			background: var(--gold);
			color: #111;
			border-color: var(--gold);
		}
		.btn-primary:hover { background: var(--gold-hover); border-color: var(--gold-hover); }
		.btn-outline {
			background: transparent;
			color: #fff;
			border-color: var(--gold);
		}
		.btn-outline:hover { background: rgba(240,176,29,.12); }
		.btn-dark {
			background: var(--dark);
			color: #fff;
			border-color: var(--dark);
		}
		.btn-sm { padding: 10px 20px; font-size: 0.8125rem; }

		/* ── Hero ── */
		.hero {
			--hero-frame: 1540px;
			--hero-pad: clamp(24px, 2.78vw, 40px);
			background-color: var(--teal);
			color: var(--hero-text);
			position: relative;
			overflow: hidden;
			min-height: 750px;
			display: flex;
			flex-direction: column;
			height: 750px;
		}
		.hero__bg {
			position: absolute;
			inset: 0;
			z-index: 0;
			pointer-events: none;
			line-height: 0;
		}
		.hero__bg img,
		.hero__bg svg,
		.hero__bg object {
			width: 100%;
			height: 100%;
			display: block;
			object-fit: cover;
			object-position: center bottom;
		}
		.hero__graphic {
			position: absolute;
			pointer-events: none;
			z-index: 1;
			line-height: 0;
		}
		.hero__graphic img {
			width: 100%;
			height: auto;
			display: block;
		}
		@keyframes hero-float-large {
			0%, 100% { transform: translate3d(0, 0, 0); }
			50% { transform: translate3d(4px, -10px, 0); }
		}
		@keyframes hero-float-small {
			0%, 100% { transform: translate3d(0, 0, 0); }
			50% { transform: translate3d(-6px, 8px, 0); }
		}
		.hero__graphic--large.is-floating img {
			animation: hero-float-large 6.5s ease-in-out infinite;
			will-change: transform;
		}
		.hero__graphic--small.is-floating img {
			animation: hero-float-small 7.8s ease-in-out infinite;
			will-change: transform;
		}
		@media (prefers-reduced-motion: reduce) {
			.hero__graphic--large.is-floating img,
			.hero__graphic--small.is-floating img {
				animation: none;
			}
		}
		/* موقعیت دقیق از فریم ۱۴۴۰×۷۰۰ فیگما */
		.hero__graphic--large {
			left: 12.17%;
			bottom: 31%;
			width: 22.4%;
			min-width: 200px;
			max-width: 368px;
		}
		.hero__graphic--small {
			right: 17.6%;
			top: 0;
			width: 13.7%;
			min-width: 120px;
			max-width: 197px;
		}
		.hero__side-label {
			position: absolute;
			right: var(--hero-pad);
			bottom: var(--hero-pad);
			writing-mode: vertical-rl;
			text-orientation: mixed;
			font-size: 18px;
			font-weight: 400;
			letter-spacing: .08em;
			color: #E9E8E8;
			z-index: 2;
			white-space: nowrap;
			line-height: 1;
		}
		.hero__scroll {
			position: absolute;
			left: -109%;
			top: 50%;
			width: 44px;
			height: 44px;
			border-radius: 50%;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			line-height: 0;
			transform: translateY(-50%);
			transition: transform .25s ease;
			flex-shrink: 0;
		}
		.hero__scroll:hover { transform: translateY(calc(-50% + 4px)); }
		.hero__scroll img { display: block; width: 44px; height: 44px; }

		.hero .hero__frame {
			position: relative;
			z-index: 2;
			flex: 1;
			display: flex;
			flex-direction: column;
			width: 100%;
			max-width: var(--hero-frame);
			margin: 0 auto;
			padding: var(--hero-pad);
			/* جای ناو fixed/absolute که از داخل فریم خارج شد */
			padding-top: calc(var(--hero-pad) + 44px + 62px);
			padding-bottom: unset;
			min-height: 750px;
			gap: 0;
		}

		.hero__nav {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 100%;
			max-width: var(--hero-frame, 1540px);
			height: 44px;
			padding: 0;
			box-sizing: content-box;
			z-index: 50;
			pointer-events: none;
		}
		.hero__nav .hero__logo,
		.hero__nav .hero__menu {
			pointer-events: auto;
		}
		.hero__logo {
			position: absolute;
			left: var(--hero-pad, clamp(24px, 2.78vw, 40px));
			top: var(--hero-pad, clamp(24px, 2.78vw, 40px));
			display: block;
			line-height: 0;
			color: #E9E8E8;
			opacity: var(--nav-op, 1);
			transition: opacity 0.35s ease;
		}
		.hero__logo-svg {
			display: block;
			height: 26px;
			width: auto;
		}
		.hero__logo .logo-ink {
			fill: var(--nav-ink, #E9E8E8) !important;
		}
		.hero__logo .logo-gold {
			fill: var(--nav-gold, #F0B01D) !important;
		}
		html {
			--nav-op: 1;
			--nav-ink: #E9E8E8;
			--nav-gold: #F0B01D;
		}
		.hero__menu {
			position: absolute;
			right: var(--hero-pad, clamp(24px, 2.78vw, 40px));
			top: var(--hero-pad, clamp(24px, 2.78vw, 40px));
			display: flex;
			align-items: center;
			justify-content: center;
			width: 44px;
			height: 44px;
			padding: 0;
			border: 0;
			background: transparent;
			cursor: pointer;
			z-index: 2;
		}
		.hero__menu-box {
			position: relative;
			width: 22px;
			height: 14px;
			display: block;
		}
		.hero__menu-line {
			position: absolute;
			left: 0;
			right: 0;
			height: 2px;
			border-radius: 2px;
			background: var(--nav-ink, #E9E8E8);
			opacity: var(--nav-op, 1);
			transform-origin: 50% 50%;
			transition:
				transform 0.55s cubic-bezier(0.77, 0, 0.175, 1),
				opacity 0.35s cubic-bezier(0.77, 0, 0.175, 1),
				width 0.45s cubic-bezier(0.77, 0, 0.175, 1),
				top 0.55s cubic-bezier(0.77, 0, 0.175, 1),
				background-color 0.35s ease;
			will-change: transform, opacity, top;
		}
		.hero__menu-line--1 { top: 0; width: 100%; }
		.hero__menu-line--2 { top: 6px; width: 100%; }
		.hero__menu-line--3 { top: 12px; width: 68%; } /* شبیه منوی فعلی: خط پایین کوتاه‌تر */
		/* دسکتاپ: هدر استیکی مثل موبایل */
		@media (min-width: 768px) {
			.hero__nav {
				position: fixed !important;
				top: 0 !important;
				left: 0 !important;
				right: 0 !important;
				transform: none !important;
				max-width: none;
				width: 100%;
				height: auto;
				min-height: 44px;
				padding: clamp(20px, 2.2vw, 32px) clamp(24px, 2.78vw, 40px);
				box-sizing: border-box;
				z-index: 9000;
				pointer-events: none;
				background: transparent !important;
				display: flex;
				align-items: center;
				justify-content: space-between;
				direction: ltr;
			}
			.hero__logo {
				position: relative !important;
				left: auto !important;
				right: auto !important;
				top: auto !important;
				pointer-events: auto;
			}
			.hero__logo-svg {
				height: 26px;
				transition: height .55s cubic-bezier(0.22, 1, 0.36, 1);
			}
			html.is-nav-stuck .hero__logo-svg {
				height: 22px;
			}
			.hero__menu {
				position: fixed !important;
				left: auto !important;
				right: clamp(24px, 2.78vw, 40px);
				top: clamp(20px, 2.2vw, 32px);
				pointer-events: auto;
				z-index: 10060;
				transition: right .85s cubic-bezier(.22, .61, .36, 1);
			}
			body.mnav-open .hero__nav {
				z-index: 10060 !important;
			}
			body.mnav-open .hero__menu,
			.hero__menu.is-open {
				/* داخل پنل، نزدیک لبهٔ چپ (عرض دکمه ≈۴۴px + ۸px فاصله) */
				right: calc(var(--mnav-panel-w, min(100%, 402px)) - 52px);
				z-index: 10070;
			}
			.hero__menu.is-open .hero__menu-line {
				opacity: 1 !important;
				background: #0A0A0A !important;
			}
			body.is-nav-hidden .hero__nav {
				opacity: 0 !important;
				visibility: hidden !important;
				pointer-events: none !important;
				transition: opacity .28s ease, visibility .28s ease;
			}
			/* دسکتاپ: لوگو رنگ تم سکشن را نگه می‌دارد */
			body.mnav-open .hero__logo {
				opacity: 1 !important;
			}
		}
		/* باز: مثل Lando — خطوط به X نرم تبدیل می‌شوند */
		.hero__menu.is-open .hero__menu-line--1 {
			top: 6px;
			width: 100%;
			transform: rotate(45deg);
		}
		.hero__menu.is-open .hero__menu-line--2 {
			top: 6px;
			opacity: 0;
			transform: scaleX(0.2);
		}
		.hero__menu.is-open .hero__menu-line--3 {
			top: 6px;
			width: 100%;
			transform: rotate(-45deg);
		}
		.hero__menu img { display: none; }

		.hero__content {
			max-width: unset;
			margin-left: auto;
			margin-right: 8rem;
			margin-top: 15px;
			text-align: right;
			padding-left: 48px;
		}
		.hero__title {
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			width: 100%;
			line-height: 1.15;
			color: var(--hero-text);
			font-size: 64px;
			font-weight: 400;
			gap: 4px;
			--title-step-2: 43%;
			--title-step-3: 50%;
		}
		.hero__title-line {
			display: block;
			width: fit-content;
			max-width: 100%;
			margin-left: auto;
			font-size: inherit;
			font-weight: 100;
			margin-bottom: 0;
			white-space: nowrap;
			overflow: hidden;
			/* فضای بالا برای ضخامت فونت ۹۰۰ — وگرنه خط سوم بریده می‌شود */
			padding-top: 0.14em;
			padding-bottom: 0.08em;
			margin-top: -0.08em;
		}
		.hero__title-line strong,
		.hero__title-accent strong {
			font-weight: 900;
			word-spacing: 7px;
		}
		.hero__title-line--1,
		.hero__title-line--2 {
			display: block;
		}
		.hero__title-line--1 {
			margin-right: 0;
			font-weight: 900;
		}
		.hero__title-line--2 {
			margin-right: var(--title-step-2);
		}
		.hero__title-line--2::before {
			content: none;
		}
		.hero__title-accent {
			display: block;
			width: fit-content;
			max-width: 100%;
			margin-left: auto;
			font-size: inherit;
			font-weight: 900;
			letter-spacing: -.02em;
			overflow: hidden;
			padding-top: 0.14em;
			padding-bottom: 0.08em;
			margin-top: -0.08em;
			margin-right: var(--title-step-3);
			white-space: nowrap;
		}
		/* Lusion-style clip reveal */
		.px-reveal {
			overflow: hidden !important;
		}
		.px-reveal__inner {
			display: block;
			will-change: transform;
		}
		.services__title.px-reveal > .px-reveal__inner {
			display: flex;
			flex-wrap: wrap;
			align-items: baseline;
			justify-content: center;
			gap: inherit;
			width: 100%;
		}
		.service-card h3.px-reveal,
		.service-card p.px-reveal,
		.services__eyebrow-text.px-reveal,
		.stats__kicker-text.px-reveal,
		.stats__title-lead.px-reveal,
		.stats__desc.px-reveal,
		.clients__eyebrow-text.px-reveal,
		.clients__title-line.px-reveal,
		.clients__intro-text.px-reveal {
			overflow: hidden;
		}
		.hero__desc {
			font-size: 24px;
			font-weight: 300;
			color: #E9E8E8;
			margin-top: 52px;
			margin-bottom: 57px;
			max-width: 520px;
			margin-right: 0;
			margin-left: auto;
			line-height: 1.4;
		}
		.hero__actions {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			gap: 32px;
			flex-wrap: wrap;
			padding-left: 76px;
		}
		.hero__cta-primary {
			display: inline-flex;
			align-items: center;
			gap: 0;
			/* بدون آیکون: راست و چپ برابر */
			padding-block: 6px;
			padding-inline: 28px;
			background: var(--gold);
			color: var(--teal);
			border-radius: var(--radius-pill);
			font-size: 20px;
			font-weight: 700;
			line-height: 1.4;
			transition: background .25s ease;
		}
		.hero__cta-primary:hover { background: var(--gold-hover); }
		.hero__cta-icon {
			width: 0;
			min-width: 0;
			height: 44px;
			border-radius: 50%;
			background: var(--teal);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
			overflow: hidden;
			opacity: 0;
			transform: none;
			margin: 0;
			padding: 0;
			line-height: 0;
			vertical-align: middle;
		}
		.hero__cta-icon img {
			display: block;
			width: 16px;
			height: 16px;
			flex-shrink: 0;
		}
		.hero__desc-typing-wrap {
			display: block;
			width: 100%;
			text-align: right;
			direction: rtl;
		}
		.hero__desc-typing {
			white-space: pre-line;
		}
		.hero__desc-cursor {
			display: inline-block;
			width: 2px;
			height: 0.95em;
			margin-inline-start: 3px;
			vertical-align: text-bottom;
			background: #E9E8E8;
			animation: hero-desc-cursor 0.85s step-end infinite;
		}
		@keyframes hero-desc-cursor {
			0%, 100% { opacity: 1; }
			50% { opacity: 0; }
		}
		@media (prefers-reduced-motion: reduce) {
			body:not(.is-loading) .hero__cta-primary {
				gap: 16px;
				padding-inline-start: 28px;
				padding-inline-end: 6px;
			}
			body:not(.is-loading) .hero__cta-icon {
				width: 44px;
				opacity: 1;
			}
		}
		.hero__cta-secondary {
			font-size: 20px;
			font-weight: 500;
			line-height: 1.4;
			color: var(--hero-text);
			transition: opacity .25s ease;
		}
		.hero__cta-secondary:hover { opacity: .75; }

		@media (min-width: 768px) {
			.hero__desc-br { display: none; }
			/* آیکون دکمه همیشه دیده شود — دیگر با هاور نیاید */
			.hero__cta-primary {
				gap: 16px;
				padding-inline-start: 28px;
				padding-inline-end: 6px;
			}
			.hero__cta-icon {
				width: 44px;
				min-width: 44px;
				opacity: 1;
			}
		}

		/* ── Intro ── */
		.section.intro {
			padding: 0;
		}
		.intro {
			position: relative;
			background: #E9E8E8;
			overflow: hidden;
			height: 700px;
			min-height: 700px;
		}
		.intro__bg {
			position: absolute;
			inset: 0;
			z-index: 0;
			pointer-events: none;
			line-height: 0;
		}
		.intro__bg picture {
			display: block;
			width: 100%;
			height: 100%;
		}
		.intro__bg img {
			width: 100%;
			height: 100%;
			display: block;
			object-fit: fill;
		}
		.intro__wrap {
			position: relative;
			z-index: 1;
			width: 100%;
			max-width: 1440px;
			height: 100%;
			margin: 0 auto;
			padding: 0 clamp(20px, 4vw, 48px);
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		/* دسکتاپ: عنوان بالای متن، وسط سکشن */
		.intro__title {
			display: block;
			flex-shrink: 0;
			position: relative;
			z-index: 2;
			margin: 0 0 28px;
			padding: 0;
			font-size: 20px;
			font-weight: 400;
			line-height: 1.4;
			color: #0A0A0A;
			text-align: center;
			background: #E9E8E8;
		}
		.intro__side-label {
			display: none;
		}
		.intro__panel {
			position: relative;
			z-index: 2;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			max-width: 800px;
			height: auto;
			background: transparent;
			padding: 0;
			text-align: right;
		}
		.intro__br {
			display: none;
		}
		.intro__br--mobile-gap {
			display: none;
		}
		.intro__text {
			margin: 0 auto;
			width: 100%;
			max-width: 800px;
			font-size: 28px;
			font-weight: 500;
			line-height: 1.4;
			color: #808080;
			text-align: right;
			background: #E9E8E8;
		}
		.intro__text-dark,
		.intro__text-muted {
			display: inline;
			margin-top: 0;
			color: #808080;
			font-weight: 500;
		}
		.intro__char {
			color: #808080;
			font-weight: 500;
			transition: color .28s ease;
		}
		.intro__char.is-lit {
			color: #0A0A0A;
			font-weight: 500;
		}
		.intro__keyword {
			color: #0A0A0A;
			font-weight: 600;
		}
		.intro__word {
			color: #808080;
			display: inline-block;
			backface-visibility: hidden;
		}
		.intro__word.is-lit {
			color: #717171;
			font-weight: 200;
		}
		.intro__word--slogan {
			font-weight: 600;
		}
		.intro__word--slogan.is-lit {
			color: #0A0A0A;
			font-weight: 600;
		}

		/* ── Services ── */
		.services {
			background: #1A1A1A;
			color: #fff;
			padding-top: 96px;
			padding-bottom: 88px;
			overflow: visible;
			position: relative;
		}
		.services__frame {
			width: 100%;
			max-width: var(--hero-frame, 1540px);
			margin: 0 auto;
			padding: 0 var(--hero-pad, clamp(24px, 2.78vw, 40px));
			overflow: visible;
		}
		.services__content {
			margin-right: auto;
			margin-left: auto;
			width: 100%;
			max-width: 1200px;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		/* دسکتاپ: مثل «چرا ما» — متن راست + خط طلایی به راست */
		.services__eyebrow {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			width: 100%;
			direction: rtl;
			margin-bottom: 28px;
			overflow: visible;
			gap: 0;
		}
		.services__eyebrow-line {
			display: block;
			position: absolute;
			top: 50%;
			left: 103%;
			right: auto;
			transform: translateY(-50%);
			order: 0;
			flex: none;
			width: max(120px, calc((100vw - 100%) / 2 + 48px));
			min-width: 0;
			height: 2px;
			margin: 0;
			background: linear-gradient(to right, #F1B01D -56%, rgba(241, 176, 29, 0) 70%);
			pointer-events: none;
		}
		.services__eyebrow-text {
			position: relative;
			z-index: 1;
			order: 0;
			margin-left: 0;
			flex-shrink: 0;
			direction: rtl;
			font-size: 20px;
			font-weight: 400;
			line-height: 1.4;
			color: rgba(255, 255, 255, .5);
			letter-spacing: .01em;
			text-align: right;
			white-space: nowrap;
		}
		.services__title {
			display: flex;
			flex-wrap: wrap;
			align-items: baseline;
			justify-content: center;
			gap: 0.34em;
			font-size: 40px;
			line-height: 1.3;
			font-weight: 700;
			color: #fff;
			margin: 0 0 36px;
			text-align: center;
		}
		.services__title strong {
			font-weight: 700;
			color: #FFFFFF;
		}
		.services__title-light {
			font-weight: 300;
			color: rgba(233, 232, 232, .58);
		}
		.services__thumb {
			width: min(520px, 54%);
			height: auto;
			aspect-ratio: 244 / 72;
			border-radius: 999px;
			overflow: hidden;
			line-height: 0;
			margin: 0 auto 56px;
			border: 1px solid rgba(233, 232, 232, .14);
			box-sizing: border-box;
			box-shadow: 0 14px 36px rgba(0, 0, 0, .28);
		}
		.services__thumb img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center 32%;
			display: block;
		}
		.services__grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			width: 100%;
			position: relative;
			isolation: isolate;
			background-image: linear-gradient(
				90deg,
				rgba(26, 26, 26, 0) 0%,
				rgba(128, 128, 128, .55) 12%,
				rgba(128, 128, 128, .7) 40%,
				rgba(128, 128, 128, .7) 100%
			);
			background-repeat: no-repeat;
			background-position: top center;
			background-size: 100% 1px;
		}
		.services__grid-line {
			display: none;
			position: absolute;
			pointer-events: none;
			z-index: 1;
		}
		/* خط عمودی لبه راست — لبه چپ بدون خط */
		.services__grid-line--r {
			display: block;
			top: 0;
			bottom: 16%;
			right: 0;
			left: auto;
			width: 1px;
			background: linear-gradient(
				180deg,
				rgba(128, 128, 128, .7) 0%,
				rgba(128, 128, 128, .45) 62%,
				rgba(128, 128, 128, 0) 100%
			);
		}
		.service-card {
			position: relative;
			text-align: center;
			padding: 48px 24px 40px;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		.service-card + .service-card::before {
			content: '';
			position: absolute;
			inset-inline-start: 0;
			top: 0;
			bottom: 16%;
			width: 1px;
			background: linear-gradient(
				180deg,
				rgba(128, 128, 128, .7) 0%,
				rgba(128, 128, 128, .45) 62%,
				rgba(128, 128, 128, 0) 100%
			);
			pointer-events: none;
		}
		.service-card__icon {
			width: 48px;
			height: 48px;
			margin: 0 auto 24px;
			line-height: 0;
		}
		.service-card__icon img {
			width: 100%;
			height: 100%;
			display: block;
			object-fit: contain;
		}
		.service-card h3 {
			font-size: 24px;
			font-weight: 700;
			margin: 0 0 14px;
			color: #FFFFFF;
			line-height: 1.45;
			max-width: 12em;
		}
		.service-card p {
			font-size: 20px;
			font-weight: 400;
			color: rgba(255, 255, 255, .45);
			line-height: 1.4;
			max-width: 240px;
			margin: 0 auto;
		}
		/* ── Stats ── */
		.stats {
			background: #1A1A1A;
			padding: 80px var(--hero-pad, clamp(24px, 2.78vw, 40px)) 100px;
			overflow: hidden;
		}
		.stats .container {
			max-width: 1200px;
			padding-left: 0;
			padding-right: 0;
		}
		.stats__kicker {
			display: none;
		}
		.stats__eyebrow {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			width: 100%;
			margin-bottom: 28px;
			overflow: visible;
		}
		.stats__eyebrow-text {
			position: relative;
			z-index: 1;
			flex-shrink: 0;
			direction: rtl;
			font-size: 20px;
			font-weight: 400;
			color: rgba(255, 255, 255, .5);
			letter-spacing: .01em;
			text-align: right;
		}
		.stats__eyebrow-line {
			position: absolute;
			top: 50%;
			left: 103%;
			transform: translateY(-50%);
			transform-origin: left center;
			width: max(120px, calc((100vw - 100%) / 2 + 48px));
			height: 2px;
			background: linear-gradient(to right, #F1B01D -56%, rgba(241, 176, 29, 0) 70%);
			pointer-events: none;
		}
		.stats__head-main {
			flex: 1 1 auto;
			min-width: 0;
		}
		.stats__title {
			margin: 0;
			font-size: 60px;
			font-weight: 700;
			line-height: 1.45;
			color: #fff;
			text-align: right;
		}
		.stats__title-lead {
			display: inline;
		}
		.stats__title-lead::after {
			content: none;
		}
		.stats__title-line {
			display: block;
		}
		.stats__title-line--1 {
			display: flex;
			align-items: self-start;
			justify-content: flex-start;
			gap: 12px;
			flex-wrap: wrap;
		}
		.stats__tag {
			display: none;
		}
		.stats__head {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 48px;
			margin: 8px 0 56px;
		}
		.stats__title-line--2 {
			display: none;
		}
		.stats__desc {
			flex: 0 1 448px;
			max-width: 432px;
			margin: 0;
			margin-inline-start: auto;
			padding-top: 0;
			font-size: 20px;
			font-weight: 400;
			line-height: 1.4;
			color: rgba(255, 255, 255, .5);
			text-align: right;
		}
		.stats__ticks {
			display: none;
		}
		.stats__ticks-group {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			flex: 1;
			height: 10px;
			max-width: 22%;
		}
		.stats__ticks-group span {
			display: block;
			width: 1px;
			height: 8px;
			background: rgba(255,255,255,.45);
			flex-shrink: 0;
		}
		.stats__grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			position: relative;
			border-bottom: 2px solid #808080;
		}
		.stats__grid-line {
			display: none;
			position: absolute;
			pointer-events: none;
			z-index: 2;
		}
		.stat-item {
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
			padding: 0 16px 56px;
			z-index: 1;
		}
		.stat-item::before {
			content: '';
			position: absolute;
			inset-inline-start: 0;
			top: 0;
			bottom: 0;
			width: 2px;
			background: linear-gradient(180deg, transparent 0%, #808080 100%);
			pointer-events: none;
		}
		.stat-item__ticks {
			position: relative;
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			width: 99%;
			margin: 0 auto 28px;
			height: 40px;
			flex-shrink: 0;
		}
		.stat-item__ticks span {
			display: block;
			width: 1px;
			height: 8px;
			background: rgba(255,255,255,.45);
			flex-shrink: 0;
		}
		.stat-item__num {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 2px;
			direction: ltr;
			width: 100%;
			font-size: 48px;
			font-weight: 700;
			color: #ffffff;
			line-height: 1.1;
			margin-bottom: 14px;
			letter-spacing: -.02em;
			text-align: center;
		}
		.stat-item__plus {
			color: var(--gold);
			font-weight: 700;
		}
		.stat-item__label {
			display: block;
			width: 100%;
			font-size: 20px;
			color: #fff;
			font-weight: 400;
			line-height: 1.5;
			text-align: center;
		}

		/* ── Clients ── */
		.clients {
			background: #F2F2F2;
			color: #1A1A1A;
			overflow: visible;
			position: relative;
			padding: 0 0 100px;
			width: 100%;
			min-height: 900px;
			display: flex;
			flex-direction: column;
		}
		.clients__bg {
			position: absolute;
			inset: 0;
			z-index: 0;
			pointer-events: none;
			line-height: 0;
			overflow: hidden;
		}
		.clients__bg img {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			min-width: 100%;
			min-height: 100%;
			display: block;
			object-fit: cover;
			object-position: center center;
			/* Safari/WebKit: SVG + object-fit بدون لایه جدا گاهی رسم نمی‌شود */
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
		.clients__lines {
			position: absolute;
			inset: 0;
			z-index: 1;
			pointer-events: none;
			overflow: hidden;
		}
		.clients__line {
			position: absolute;
			display: block;
			line-height: 0;
			opacity: .9;
		}
		.clients__line img {
			width: 100%;
			height: auto;
			display: block;
		}
		/* خطوط تزئینی — جایگذاری از روی شکل path و عکس فیگما
		   line-1/2: چسبیده چپ | line-3/4: چسبیده راست */
		.clients__line--1 {
			top: -1%;
			left: 26%;
			width: 167px;
		}
		.clients__line--2 {
			top: -1%;
			left: 0;
			width: 277px;
		}
		.clients__line--3 {
			top: 58%;
			left: 10%;
			right: auto;
			width: 302px;
		}
		.clients__line--4 {
			top: 35%;
			right: 0;
			left: auto;
			width: 319px;
			height: auto;
		}
		.clients__line--4 img {
			width: 100%;
			height: auto;
			max-width: none;
		}
		.clients__inner {
			position: relative;
			z-index: 2;
			width: 100%;
			max-width: 1540px;
			margin: 0 auto;
			padding: 0 40px;
			overflow: visible;
			display: flex;
			flex-direction: column;
			align-items: center;
			flex: 1 1 auto;
			min-height: 0;
		}
		.clients__eyebrow {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 16px;
			margin: 0;
			padding: 0;
			position: relative;
			z-index: 3;
			flex-shrink: 0;
		}
		.clients__eyebrow-line {
			display: block;
			width: 2px;
			height: 48px;
			background: linear-gradient(to bottom, rgba(154, 154, 154, 0) 0%, #9A9A9A 55%, #9A9A9A 100%);
			flex-shrink: 0;
		}
		@media (min-width: 768px) {
			.clients__inner {
				position: static;
			}
			.clients__eyebrow {
				position: static;
				gap: 0;
			}
			.clients__eyebrow-line {
				position: absolute;
				top: 0;
				left: 50%;
				width: 2px;
				height: 48px;
				margin: 0;
				transform: translateX(-50%);
				transform-origin: top center;
				z-index: 4;
				pointer-events: none;
			}
			.clients__avatar {
				border: none;
				overflow: visible;
				opacity: 0;
				transform: scale(0.42);
				will-change: transform, opacity;
				background: transparent;
			}
			.clients__avatar img {
				position: relative;
				z-index: 1;
				border-radius: 50%;
				width: 100%;
				height: 100%;
				object-fit: cover;
				display: block;
				box-shadow: none;
			}
		}
		.clients__eyebrow-text {
			font-size: 20px;
			font-weight: 400;
			color: #808080;
			letter-spacing: .02em;
			line-height: 1.4;
		}
		.clients__intro {
			display: block;
			width: 100%;
			max-width: 425px;
			margin: 24px auto 0;
			text-align: center;
			position: relative;
			z-index: 3;
		}
		.clients__intro-text {
			margin: 0;
			text-align: center;
			font-size: 24px;
			font-weight: 400;
			line-height: 1.5;
			color: #808080;
			max-width: none;
		}
		.clients__intro-line {
			display: none;
		}
		.clients__stage {
			position: relative;
			width: 100%;
			flex: 1 1 auto;
			min-height: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 48px 0 32px;
			margin-top: 0;
		}
		.clients__title {
			position: relative;
			z-index: 2;
			margin: 0;
			text-align: center;
			font-size: 64px;
			font-weight: 800;
			line-height: 1.25;
			color: #1A1A1A;
			letter-spacing: -.01em;
		}
		.clients__title-line {
			display: block;
		}
		.clients__title-line--gold {
			font-weight: 800;
			color: #F1B01D;
		}
		.clients__title-line--dark {
			font-weight: 300;
			color: #1A1A1A;
		}
		.clients__title-line--bold {
			font-weight: 800;
			color: #1A1A1A;
		}
		.clients__title .clients__title-line--thin {
			font-weight: 100;
			color: #1A1A1A;
		}
		.clients__title-desktop,
		.clients__title-mobile { display: none; }
		.clients__avatars {
			position: absolute;
			inset: 0;
			z-index: 1;
			pointer-events: none;
		}
		.clients__avatar {
			position: absolute;
			width: 120px;
			height: 120px;
			border: none;
			border-radius: 50%;
			background: transparent;
			overflow: visible;
			box-shadow: none;
			line-height: 0;
			box-sizing: border-box;
		}
		/* نیم‌حلقهٔ طلایی دور خودِ آواتار — چرخش دیده می‌شود */
		.clients__avatar::before {
			content: '';
			position: absolute;
			inset: -3px;
			border-radius: 50%;
			box-sizing: border-box;
			border: 2.5px solid transparent;
			border-top-color: #F1B01D;
			border-right-color: #F1B01D;
			background: none;
			opacity: 0;
			pointer-events: none;
			z-index: 2;
			transform-origin: 50% 50%;
		}
		.clients__avatar.is-in::before,
		.clients__avatar.is-spin::before {
			opacity: 1;
			animation: clients-avatar-spin 5.2s linear infinite;
		}
		@keyframes clients-avatar-spin {
			from { transform: rotate(0deg); }
			to { transform: rotate(360deg); }
		}
		.clients__avatar img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			border-radius: 50%;
			position: relative;
			z-index: 1;
		}
		.clients__avatar--1 { top: 21%; right: -9%; }
		.clients__avatar--2 { top: 53%; right: 15%; }
		.clients__avatar--3 { top: 88%; right: 1%; }
		.clients__avatar--4 { top: 18%; left: 23%; }
		.clients__avatar--5 { top: 29%; left: 0%; }
		.clients__avatar--6 { top: 94%; left: 3%; }

		.clients__logos {
			display: block;
			width: 100%;
			max-width: min(960px, 70%);
			margin: 56px auto 0;
			direction: ltr;
			padding: 0;
			position: relative;
			z-index: 3;
			overflow: hidden;
			flex-shrink: 0;
			min-height: 97px;
		}
		.clients__logos-track {
			display: flex;
			align-items: center;
			width: max-content;
			animation: clients-marquee 55s linear infinite;
			will-change: transform;
		}
		.clients__logos-set {
			display: flex;
			align-items: center;
			gap: 48px;
			padding-inline-end: 48px;
			flex: 0 0 auto;
		}
		.clients__logos-set--clone {
			display: flex;
		}
		.clients__logo {
			display: flex;
			align-items: center;
			justify-content: center;
			flex: 0 0 auto;
			width: 120px;
			height: 97px;
		}
		.clients__logo img {
			width: auto;
			height: 97px;
			max-height: 97px;
			max-width: 120px;
			object-fit: contain;
			display: block;
		}
		@keyframes clients-marquee {
			from { transform: translate3d(0, 0, 0); }
			to { transform: translate3d(-50%, 0, 0); }
		}

		/* ── Process ── */
		.process {
			--process-card: #242424;
			--process-border: rgba(255, 255, 255, .1);
			--process-gold: #F1B01D;

			/*
			 * ═══════════════════════════════════════════
			 * تنظیم خط‌ها از Inspect روی .process
			 * منحنی‌ها: process/wire-ltr.svg و process/wire-rtl.svg
			 * خطوط راهنما: process/guide-line.svg
			 * ═══════════════════════════════════════════
			 */
			/* جای اتصال عمودی: 0=بالا ، 0.5=وسط ، 1=پایین */
			--wire-y1: 0.78;
			--wire-y2: 0.3;
			/* جابه‌جایی افقی نقطه شروع/پایان (px) */
			--wire-x1-offset: 0;
			--wire-x2-offset: 0;
			/* حداقل ارتفاع خط (px) — عرض از نسبت خود وکتور می‌آید */
			--wire-min-h: 90;
			/* مقیاس کلی نسبت به فاصله عمودی (1 = پر کردن فاصله) */
			--wire-scale: 1;
			/* جابه‌جایی اضافه عمودی از نقطه شروع (px) */
			--wire-top-nudge: 0;
			/* فاصله عمودی بین باکس‌ها */
			--wire-box-gap: clamp(40px, 5.5vw, 64px);

			background: #1A1A1A;
			color: #fff;
			overflow: visible;
			position: relative;
		}
		.process__guides {
			position: absolute;
			inset: 0;
			pointer-events: none;
			z-index: 0;
			display: flex;
			justify-content: space-evenly;
			padding: 0 12%;
			opacity: 1;
			gap: 12rem;
		}
		.process__guides img {
			width: 1px;
			height: 100%;
			display: block;
			object-fit: cover;
			object-position: center top;
		}
		.process .container {
			position: relative;
			z-index: 1;
		}
		/* عنوان دسکتاپ: افقی، دو خط روی هم (ابرو بالا) */
		.process__header {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 8px;
			position: absolute;
			left: 12%;
			top: 6%;
			transform: none;
			margin: 0;
			z-index: 3;
			pointer-events: none;
		}
		.process__eyebrow,
		.process__title {
			writing-mode: horizontal-tb;
			text-orientation: mixed;
			margin: 0;
			text-align: right;
		}
		.process__eyebrow {
			font-size: 13px;
			font-weight: 400;
			color: #6f6f6f;
			letter-spacing: 0.04em;
			line-height: 1.5;
		}
		.process__title {
			font-size: 16px;
			font-weight: 500;
			color: #E9E8E8;
			letter-spacing: 0.06em;
			line-height: 1.7;
		}
		@media (min-width: 768px) and (max-width: 1280px) {
			.process .container {
				padding-left: 72px;
			}
		}
		.process__track {
			position: relative;
			width: 100%;
			max-width: 1040px;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			gap: var(--wire-box-gap, clamp(40px, 5.5vw, 64px));
			padding: 8px 0 24px;
		}
		/* لایه SVG خودت (process/wire.svg) — جایگذاری داینامیک */
		.process__wires {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
			overflow: visible;
			z-index: 0;
		}
		.process__wire {
			position: absolute;
			display: block;
			line-height: 0;
			pointer-events: none;
			transform-origin: center center;
		}
		.process__wire img,
		.process__wire svg {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: contain;
			object-position: top center;
			overflow: visible;
		}
		.process__wire path {
			fill: none;
		}
		.process__wire path.wire-gold-flow {
			stroke: #F1B01D;
			stroke-linecap: round;
			stroke-linejoin: round;
			filter: drop-shadow(0 0 3px rgba(241, 176, 29, .7));
		}
		.process__wire .wire-gold-orb {
			fill: #F1B01D;
			filter: drop-shadow(0 0 5px rgba(241, 176, 29, .9));
		}
		.process-halo {
			display: none;
		}
		.process-step {
			position: relative;
			display: block;
			width: min(540px, 82%);
			z-index: 1;
			--step-gold: 0;
			--halo-spin: -90deg;
		}
		@property --halo-spin {
			syntax: '<angle>';
			inherits: true;
			initial-value: -90deg;
		}
		@keyframes process-halo-spin {
			to { --halo-spin: 270deg; }
		}
		@media (prefers-reduced-motion: reduce) {
			.process-step.is-active .process-step__card::before,
			.process-step.is-active .process-step__card::after,
			.process-step--1:not(.process-step--js) .process-step__card::before,
			.process-step--1:not(.process-step--js) .process-step__card::after {
				animation: none;
			}
		}
		.process-step--right {
			align-self: flex-start; /* راست در RTL */
			margin-inline-end: 2%;
		}
		.process-step--left {
			align-self: flex-end; /* چپ در RTL */
			margin-inline-start: 2%;
		}
		/* باکس: حاشیه طوسی فقط روی ::before است و همان می‌چرخد — نه فریم ثابت */
		.process-step__card {
			position: relative;
			border-radius: 16px;
			padding: 5px;
			background: transparent;
			box-shadow: 0 12px 36px rgba(0, 0, 0, .45);
			isolation: isolate;
			overflow: visible;
		}
		.process-step--left .process-step__card {
			background: transparent;
		}
		/* حلقهٔ طوسی — خودِ بوردر؛ وقتی فعال است می‌چرخد */
		.process-step__card::before {
			content: '';
			position: absolute;
			inset: 0;
			border-radius: inherit;
			box-sizing: border-box;
			padding: 5px;
			pointer-events: none;
			z-index: 0;
			opacity: 1;
			background: conic-gradient(
				from var(--halo-spin, -90deg),
				rgba(210, 210, 210, .95) 0deg,
				rgba(180, 180, 180, .7) 55deg,
				rgba(120, 120, 120, .25) 110deg,
				rgba(40, 40, 40, 0) 155deg,
				rgba(40, 40, 40, 0) 250deg,
				rgba(160, 160, 160, .55) 310deg,
				rgba(210, 210, 210, .95) 360deg
			);
			-webkit-mask:
				linear-gradient(#fff 0 0) content-box,
				linear-gradient(#fff 0 0);
			-webkit-mask-composite: xor;
			mask:
				linear-gradient(#fff 0 0) content-box,
				linear-gradient(#fff 0 0);
			mask-composite: exclude;
			/* همیشه انیمیت هست؛ pause زاویه را نگه می‌دارد = بدون پرش به -90deg */
			animation: process-halo-spin 6.5s linear infinite;
			animation-play-state: paused;
		}
		/* طلایی روی همان حلقه — شکل باکس ثابت، فقط رنگ دور می‌زند */
		.process-step__card::after {
			content: '';
			position: absolute;
			inset: 0;
			border-radius: inherit;
			box-sizing: border-box;
			padding: 5px;
			pointer-events: none;
			z-index: 0;
			opacity: var(--step-gold, 0);
			transition: opacity 2.2s cubic-bezier(0.22, 1, 0.36, 1);
			background: conic-gradient(
				from var(--halo-spin, -90deg),
				#F1B01D 0deg,
				rgba(241, 176, 29, .85) 55deg,
				rgba(241, 176, 29, .2) 110deg,
				transparent 155deg,
				transparent 250deg,
				rgba(241, 176, 29, .55) 310deg,
				#F1B01D 360deg
			);
			-webkit-mask:
				linear-gradient(#fff 0 0) content-box,
				linear-gradient(#fff 0 0);
			-webkit-mask-composite: xor;
			mask:
				linear-gradient(#fff 0 0) content-box,
				linear-gradient(#fff 0 0);
			mask-composite: exclude;
			animation: process-halo-spin 6.5s linear infinite;
			animation-play-state: paused;
		}
		.process-step--left .process-step__card::before,
		.process-step--left .process-step__card::after {
			/* همان حلقه برای چپ و راست */
		}
		/* خروج نرم: running فقط وقتی فعال/در حال محو — بعد pause بدون ریست زاویه */
		.process-step.is-active .process-step__card::before,
		.process-step.is-active .process-step__card::after,
		.process-step.is-fading .process-step__card::before,
		.process-step.is-fading .process-step__card::after,
		.process-step--1:not(.process-step--js) .process-step__card::before,
		.process-step--1:not(.process-step--js) .process-step__card::after {
			animation-play-state: running;
		}
		.process-step__card-inner {
			position: relative;
			z-index: 1;
			background: #404040;
			border: 4px solid #1A1A1A;
			border-radius: 13px;
			min-height: 108px;
			padding: 28px 53px 28px 32px;
			box-sizing: border-box;
		}
		/* قبل از آماده‌شدن JS: مرحله اول طلایی بماند */
		.process-step--1:not(.process-step--js) {
			--step-gold: 1;
		}
		.process-step__body {
			text-align: right;
			direction: rtl;
		}
		.process-step__body h3 {
			font-size: 24px;
			font-weight: 700;
			margin: 0 0 8px;
			color: #fff;
			line-height: 1.4;
		}
		.process-step__body p {
			font-size: 18px;
			font-weight: 300;
			color: rgba(233, 232, 232, .55);
			line-height: 0.8;
			margin: 0;
		}
		/* آیکون جدا — فقط بوردر ساده خاکستری، بدون طلایی/فید */
		.process-step__icon {
			position: absolute;
			top: 50%;
			right: -36px;
			transform: translateY(-50%);
			width: 76px;
			height: 76px;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #1F1F1F;
			border-radius: 12px;
			z-index: 3;
			box-shadow: 0 8px 24px rgba(0, 0, 0, .4);
		}
		.process-step__icon img {
			display: block;
			width: 40px;
			height: auto;
			max-height: 46px;
			object-fit: contain;
			opacity: 0.55;
			filter: grayscale(1) brightness(0.92);
			transition: filter .7s cubic-bezier(.22, .61, .36, 1), opacity .7s cubic-bezier(.22, .61, .36, 1);
		}
		.process-step.is-active .process-step__icon img,
		.process-step--1:not(.process-step--js) .process-step__icon img {
			opacity: 1;
			filter: brightness(0) saturate(100%) invert(77%) sepia(48%) saturate(980%) hue-rotate(358deg) brightness(1.03) contrast(1.05);
		}
		/* خط طلایی راست — فقط کنار مرحلهٔ اول */
		.process-step__rail {
			display: none;
			position: absolute;
			top: 50%;
			left: calc(100% + 36px);
			transform: translateY(-50%);
			height: 4px;
			width: 0;
			max-width: none;
			background: linear-gradient(to left, rgba(241, 176, 29, 0), #F1B01D 40%, #F1B01D);
			pointer-events: none;
			z-index: 2;
			opacity: var(--step-gold, 0);
			transition: opacity .55s ease;
		}
		.process-step:not(.process-step--1) .process-step__rail {
			display: none !important;
			opacity: 0 !important;
		}
		.process__wire {
			--wire-gold: 0;
		}
		.process__wire.is-gold img {
			opacity: 1;
			filter: brightness(0) saturate(100%) invert(77%) sepia(48%) saturate(980%) hue-rotate(358deg) brightness(1.03) contrast(1.05);
		}

		/* ── Pricing / Plans ── */
		.pricing {
			--plan-gray: #808080;
			--plan-gold: #F1B01D;
			background: #F2F2F2;
			position: relative;
			overflow: visible;
			padding: 96px 0 74px;
		}
		.pricing__bg {
			position: absolute;
			inset: 0;
			z-index: 0;
			pointer-events: none;
			line-height: 0;
			overflow: hidden;
		}
		.pricing__bg img {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			min-width: 100%;
			min-height: 100%;
			display: block;
			object-fit: cover;
			object-position: center center;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
		.pricing__frame {
			position: relative;
			width: 100%;
			max-width: 1540px;
			margin: 0 auto;
			z-index: 1;
			overflow: visible;
		}
		/* چسبیده به پایین سکشن، تراز با لبه چپ فریم */
		.pricing__graphic {
			position: absolute;
			left: max(0px, calc((100% - 1077px) / 2));
			bottom: 0;
			width: min(299px, 22%);
			pointer-events: none;
			z-index: 1;
			line-height: 0;
			opacity: .85;
		}
		.pricing__graphic img {
			display: block;
			width: 100%;
			height: auto;
		}
		.pricing .container {
			position: relative;
			z-index: 1;
			padding-bottom: 56px;
			max-width: 1200px;
		}
		/* دسکتاپ: مثل خدمات/آمار — متن راست + خط گرادینت به بیرون */
		.pricing__eyebrow {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			width: 100%;
			direction: rtl;
			margin: 0 0 18px;
			overflow: visible;
			gap: 0;
		}
		.pricing__eyebrow-text {
			position: relative;
			z-index: 1;
			flex-shrink: 0;
			direction: rtl;
			font-size: 20px;
			font-weight: 400;
			line-height: 1.4;
			color: #808080;
			letter-spacing: .01em;
			text-align: right;
			white-space: nowrap;
		}
		.pricing__eyebrow-line {
			display: block;
			position: absolute;
			top: 50%;
			left: 103%;
			right: auto;
			transform: translateY(-50%);
			width: max(120px, calc((100vw - 100%) / 2 + 48px));
			min-width: 0;
			height: 2px;
			margin: 0;
			background: linear-gradient(to right, #808080 -56%, rgba(128, 128, 128, 0) 70%);
			pointer-events: none;
		}
		.pricing__header {
			margin-bottom: 36px;
			overflow: visible;
			text-align: right;
		}
		.pricing__title {
			display: block;
			margin: 0 0 10px;
			font-size: 26px;
			font-weight: 700;
			color: #1A1A1A;
			line-height: 1.45;
			text-align: right;
		}
		.pricing__tag {
			display: block;
			margin: 0;
			font-size: 16px;
			font-weight: 400;
			color: #808080;
			line-height: 1.7;
			text-align: right;
		}
		.pricing__kicker,
		.pricing__title-row,
		.pricing__header-line,
		.pricing__copy {
			display: none;
		}
		.pricing__grid {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 20px;
			align-items: stretch;
		}
		.price-card {
			--card-accent: var(--plan-gray);
			background: #fff;
			border-radius: 10px;
			padding: 32px 22px 36px;
			text-align: right;
			border: none;
			box-shadow: 0 8px 28px rgba(0, 0, 0, .06);
			position: relative;
			display: flex;
			flex-direction: column;
			overflow: hidden;
			transition: box-shadow .25s;
			min-height: 520px;
		}
		.price-card::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 5px;
			background: linear-gradient(180deg, var(--card-accent) 0%, rgba(233, 232, 232, 0) 100%);
			pointer-events: none;
		}
		.price-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,.1); }
		.price-card--starter,
		.price-card--dev,
		.price-card--pro {
			--card-accent: var(--teal);
		}
		.price-card--personal,
		.price-card--featured {
			--card-accent: var(--plan-gold);
			border: none;
			box-shadow: 0 8px 28px rgba(0, 0, 0, .06);
		}
		.price-card,
		.price-card__btn .btn-plan,
		.price-card__features li::before,
		.price-card__gauge img {
			transition:
				box-shadow .35s ease,
				border-color .35s ease,
				background-color .35s ease,
				color .35s ease,
				filter .35s ease;
		}
		.price-card__gauge {
			width: 100%;
			height: 64px;
			margin: 0 0 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			background: none;
			border-radius: 0;
		}
		.price-card__gauge img {
			display: block;
			height: 58px;
			width: auto;
			max-width: 110px;
			object-fit: contain;
		}
		.price-card h3 {
			font-size: 18px;
			font-weight: 700;
			margin: 0 0 8px;
			color: #404040;
			line-height: 1.4;
			text-align: center;
		}
		.price-card__desc {
			font-size: 18px;
			font-weight: 300;
			color: #808080;
			margin: 0 0 18px;
			line-height: 1.7;
			min-height: 2.8em;
			text-align: center;
		}
		.price-card__btn {
			margin-bottom: 22px;
		}
		.price-card__btn .btn {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			min-height: 40px;
			padding: 8px 16px;
			text-align: center;
			border-radius: 999px;
			font-size: 18px;
			font-weight: 600;
			border: none;
			line-height: 1.2;
		}
		.price-card__btn .btn-plan {
			background: var(--card-accent);
			color: #fff;
		}
		.price-card__btn .btn-plan:hover {
			filter: brightness(.92);
			color: #fff;
		}
		.price-card__benefits {
			font-size: 18px;
			font-weight: 700;
			color: #404040;
			margin: 0 0 12px;
		}
		.price-card__features {
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: right;
			display: flex;
			flex-direction: column;
			gap: 10px;
		}
		.price-card__features li {
			font-size: 18px;
			font-weight: 300;
			color: #404040;
			padding: 0;
			border: none;
			display: flex;
			align-items: center;
			gap: 8px;
			line-height: 1.7;
		}
		.price-card__features li::before {
			content: '+';
			color: var(--card-accent);
			font-weight: 700;
			font-size: 18px;
			line-height: 1.4;
			flex-shrink: 0;
		}
		.pricing__more {
			display: none;
		}
		.pricing__dots {
			display: none;
		}
		.pricing__graphic--mobile {
			display: none;
		}

		@media (min-width: 768px) {
			.pricing__header {
				margin-bottom: 28px;
			}
			.pricing__eyebrow {
				margin-bottom: 16px;
			}
			.pricing__title {
				font-size: 26px;
				font-weight: 700;
				color: #1A1A1A;
				line-height: 1.45;
				margin: 0 0 8px;
			}
			.pricing__tag {
				font-size: 15px;
				font-weight: 400;
				color: #9A9A9A;
				line-height: 1.7;
			}
			.pricing__grid {
				gap: 18px;
			}
			.price-card {
				border-radius: 18px;
				padding: 28px 20px 30px;
				min-height: 0;
				box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
			}
			.price-card::before {
				display: none;
			}
			.price-card--personal,
			.price-card--featured {
				border: 1.5px solid #F1B01D;
				box-shadow: none;
			}
			.price-card h3 {
				font-size: 18px;
				font-weight: 700;
				color: #2C2C2C;
				margin-bottom: 8px;
			}
			.price-card__desc {
				font-size: 14px;
				font-weight: 400;
				color: #8A8A8A;
				line-height: 1.8;
				min-height: 0;
			}
			.price-card__btn .btn {
				min-height: 42px;
				font-size: 16px;
				font-weight: 600;
				border-radius: 999px;
			}
			.price-card--starter .price-card__btn .btn-plan,
			.price-card--dev .price-card__btn .btn-plan,
			.price-card--pro .price-card__btn .btn-plan {
				background: #004E4F;
				color: #fff;
			}
			.price-card--personal .price-card__btn .btn-plan,
			.price-card--featured .price-card__btn .btn-plan {
				background: #F1B01D;
				color: #1A1A1A;
			}
			/* هاور: بقیه کارت‌ها طوسی؛ هاور‌شده رنگ خودش */
			.pricing__grid:hover .price-card:not(:hover) {
				--card-accent: #8A8A8A;
			}
			.pricing__grid:hover .price-card:not(:hover) .price-card__btn .btn-plan {
				background: #8A8A8A;
				color: #fff;
			}
			.pricing__grid:hover .price-card:not(:hover).price-card--personal,
			.pricing__grid:hover .price-card:not(:hover).price-card--featured {
				border-color: #8A8A8A;
			}
			.pricing__grid:hover .price-card:not(:hover) .price-card__gauge img {
				filter: grayscale(1) brightness(0.9);
			}
			.pricing__grid:hover .price-card:hover {
				--card-accent: var(--teal);
			}
			.pricing__grid:hover .price-card--personal:hover,
			.pricing__grid:hover .price-card--featured:hover {
				--card-accent: var(--plan-gold);
				border-color: #F1B01D;
			}
			.pricing__grid:hover .price-card--starter:hover .price-card__btn .btn-plan,
			.pricing__grid:hover .price-card--dev:hover .price-card__btn .btn-plan,
			.pricing__grid:hover .price-card--pro:hover .price-card__btn .btn-plan {
				background: #004E4F;
				color: #fff;
			}
			.pricing__grid:hover .price-card--personal:hover .price-card__btn .btn-plan,
			.pricing__grid:hover .price-card--featured:hover .price-card__btn .btn-plan {
				background: #F1B01D;
				color: #1A1A1A;
			}
			.pricing__grid:hover .price-card:hover .price-card__gauge img {
				filter: none;
			}
			.price-card__benefits {
				font-size: 15px;
				font-weight: 700;
				color: #2C2C2C;
				text-align: right;
			}
			.price-card__features {
				gap: 2px;
			}
			.price-card__features li {
				font-size: 13px;
				font-weight: 400;
				color: #4A4A4A;
				line-height: 1.7;
				align-items: flex-start;
			}
			.price-card__features li::before {
				font-size: 16px;
				line-height: 1.5;
			}
		}

		/* ── FAQ ── */
		.faq {
			--faq-bg: #181818;
			--faq-text: #E9E8E8;
			--faq-accent: #F1B01D;
			background: var(--faq-bg);
			color: var(--faq-text);
			overflow: hidden;
			position: relative;
			padding: 153px 0 140px;
			min-height: 48rem;
			box-sizing: border-box;
		}
		.faq::after {
			content: '';
			position: absolute;
			inset-inline: 0;
			bottom: 0;
			width: 100%;
			height: 120px;
			background: radial-gradient(
				ellipse 100% 100% at 50% 100%,
				rgba(233, 232, 232, .07) 0%,
				rgba(233, 232, 232, .03) 40%,
				transparent 70%
			);
			pointer-events: none;
			z-index: 0;
		}
		.faq__shape {
			position: absolute;
			pointer-events: none;
			z-index: 0;
			line-height: 0;
			opacity: .7;
		}
		.faq__shape img {
			display: block;
			width: 100%;
			height: auto;
		}
		.faq__shape picture {
			display: block;
			width: 100%;
		}
		.faq__shape--tl {
			top: 27px;
			left: 364px;
			width: clamp(220px, 28vw, 285px);
		}
		.faq__shape--br {
			right: 312px;
			bottom: -50px;
			width: clamp(200px, 26vw, 285px);
		}
		.faq__inner {
			display: flex;
			align-items: flex-start;
			justify-content: center;
			gap: 0;
			position: relative;
			z-index: 1;
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 24px;
			box-sizing: border-box;
		}
		.faq__info {
			flex: 0 1 340px;
			padding-top: 0;
			text-align: right;
			margin-top: -40px;
		}
		.faq__title {
			margin: 0 0 28px;
			font-size: 64px;
			line-height: 1.15;
			text-align: right;
		}
		.faq__title-fill {
			display: block;
			font-weight: 900;
			color: var(--faq-text);
		}
		.faq__title-outline {
			display: block;
			font-weight: 100;
			color: var(--faq-text);
			-webkit-text-stroke: 0;
		}
		.faq__subtitle {
			margin: 0 0 14px;
			font-size: 1.125rem;
			font-weight: 500;
			color: var(--faq-text);
			line-height: 0.6;
			margin-bottom: 8px;
		}
		.faq__cta {
			display: inline-block;
			font-size: 1.125rem;
			font-weight: 700;
			color: var(--faq-accent);
			transition: opacity .25s ease;
		}
		.faq__cta:hover { opacity: .8; }
		.faq__list {
			flex: 1 1 520px;
			max-width: 560px;
			display: flex;
			flex-direction: column;
			gap: 14px;
		}
		.faq-item {
			background: transparent;
			border: 1px solid rgba(97, 97, 97, 0.82);
			border-radius: 10px;
			overflow: hidden;
			opacity: 1;
			transition:
				opacity .7s cubic-bezier(0.22, 1, 0.36, 1),
				border-color .55s ease,
				background-color .55s ease,
				transform .7s cubic-bezier(0.22, 1, 0.36, 1);
		}
		.faq.is-prep .faq-item {
			opacity: 0;
			transform: translate3d(0, 18px, 0);
			border-color: transparent;
		}
		.faq-item summary {
			padding: 18px 22px;
			font-size: 20px;
			font-weight: 500;
			color: var(--faq-text);
			cursor: pointer;
			list-style: none;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 16px;
			text-align: right;
			background: #181818;
		}
		.faq-item summary::-webkit-details-marker { display: none; }
		.faq-item summary::after {
			content: '+';
			font-size: 1.375rem;
			font-weight: 300;
			line-height: 1;
			color: var(--faq-accent);
			flex-shrink: 0;
			transition: transform .35s ease, opacity .25s ease;
		}
		.faq-item[open] summary::after {
			content: '−';
			transform: none;
		}
		.faq-item__answer {
			display: grid;
			grid-template-rows: 0fr;
			transition: grid-template-rows .45s cubic-bezier(0.22, 1, 0.36, 1);
			background: #181818;
		}
		.faq-item[open] .faq-item__answer {
			grid-template-rows: 1fr;
		}
		.faq-item__answer-inner {
			overflow: hidden;
			min-height: 0;
			padding: 0 22px;
			font-size: 18px;
			font-weight: 400;
			color: rgba(233, 232, 232, .55);
			line-height: 1.8;
			text-align: right;
			opacity: 0;
			transition:
				opacity .35s ease,
				padding .45s cubic-bezier(0.22, 1, 0.36, 1);
		}
		.faq-item[open] .faq-item__answer-inner {
			padding: 0 22px 18px;
			opacity: 1;
		}
		@keyframes faq-float-tl {
			0%, 100% { transform: translate3d(0, 0, 0); }
			50% { transform: translate3d(5px, -12px, 0); }
		}
		@keyframes faq-float-br {
			0%, 100% { transform: translate3d(0, 0, 0); }
			50% { transform: translate3d(-6px, 10px, 0); }
		}
		.faq__shape img {
			transition: opacity .8s ease, transform .9s cubic-bezier(0.22, 1, 0.36, 1);
		}
		.faq.is-prep .faq__shape--tl img {
			opacity: 0;
			transform: translate3d(-40px, -50px, 0);
		}
		.faq.is-prep .faq__shape--br img {
			opacity: 0;
			transform: translate3d(40px, 50px, 0);
		}
		.faq__shape--tl.is-floating img {
			animation: faq-float-tl 7s ease-in-out infinite;
		}
		.faq__shape--br.is-floating img {
			animation: faq-float-br 8.2s ease-in-out infinite;
		}
		.faq.is-prep .faq__title-fill,
		.faq.is-prep .faq__title-outline,
		.faq.is-prep .faq__subtitle,
		.faq.is-prep .faq__cta {
			opacity: 0;
			transform: translate3d(0, 28px, 0);
		}
		.faq__title-fill,
		.faq__title-outline,
		.faq__subtitle,
		.faq__cta {
			transition:
				opacity .7s cubic-bezier(0.22, 1, 0.36, 1),
				transform .75s cubic-bezier(0.22, 1, 0.36, 1);
		}
		@media (prefers-reduced-motion: reduce) {
			.faq__shape--tl.is-floating img,
			.faq__shape--br.is-floating img {
				animation: none;
			}
			.faq-item__answer,
			.faq-item__answer-inner {
				transition: none;
			}
		}

		/* ── Mobile nav drawer ── */
		.mnav {
			position: fixed;
			inset: 0;
			z-index: 10000;
			visibility: hidden;
			pointer-events: none;
		}
		.mnav.is-open {
			visibility: visible;
			pointer-events: auto;
		}
		.mnav__backdrop {
			position: absolute;
			inset: 0;
			background: rgba(26, 26, 26, .45);
			opacity: 0;
			transition: opacity .3s ease;
			border: 0;
			padding: 0;
			cursor: pointer;
		}
		.mnav.is-open .mnav__backdrop {
			opacity: 1;
		}
		.mnav__panel {
			position: absolute;
			top: 5px;
			right: 0;
			bottom: 5px;
			width: min(100%, 402px);
			display: flex;
			flex-direction: column;
			padding: 28px 28px 32px;
			box-sizing: border-box;
			background: linear-gradient(180deg, #F2E4C4 0%, #EDE8DF 42%, #E4E4E4 100%);
			direction: rtl;
			transform: translateX(105%);
			transition: transform .38s cubic-bezier(.22, .61, .36, 1);
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			box-shadow: -12px 0 40px rgba(0, 0, 0, .18);
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}
		.mnav.is-open .mnav__panel {
			transform: translateX(0);
		}
		.mnav__close {
			position: absolute;
			top: 24px;
			left: 20px;
			width: 40px;
			height: 40px;
			padding: 0;
			border: 0;
			background: transparent;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #1A1A1A;
		}
		.mnav__close svg {
			display: block;
			width: 22px;
			height: 22px;
		}
		.mnav__links {
			list-style: none;
			margin: 72px 0 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 22px;
			text-align: right;
		}
		.mnav__links a {
			display: block;
			font-size: 32px;
			font-weight: 700;
			line-height: 1.35;
			color: #1A1A1A;
			transition: color .2s, font-size .2s;
		}
		.mnav__links a.is-active,
		.mnav__links a:hover {
			color: var(--teal);
			font-size: 40px;
		}
		.mnav__foot {
			display: none;
		}
		.mnav__social-label {
			margin: 0;
			font-size: 13px;
			font-weight: 400;
			color: #808080;
			line-height: 1.6;
		}
		.mnav__social {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			direction: ltr;
		}
		.mnav__social a {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 42px;
			height: 42px;
			border-radius: 10px;
			background: var(--teal);
			overflow: hidden;
			line-height: 0;
		}
		.mnav__social a.mnav__social--telegram {
			background: var(--gold);
		}
		.mnav__social a img {
			display: block;
			width: 20px;
			height: 20px;
			object-fit: contain;
		}
		.mnav__brand {
			display: block;
			margin-top: 8px;
			line-height: 0;
			opacity: .55;
		}
		.mnav__brand img {
			display: block;
			height: 16px;
			width: auto;
		}
		body.mnav-open {
			overflow: hidden;
		}

		/* ── Footer ── */
		.footer {
			--footer-bg: #1A1A1A;
			--footer-muted: #9A9A9A;
			--footer-text: #E9E8E8;
			--footer-social: #808080;
			background: var(--footer-bg);
			color: var(--footer-muted);
			padding: 0;
			position: relative;
			overflow: hidden;
		}
		.footer__frame {
			position: relative;
			width: 100%;
			max-width: 1540px;
			margin: 0 auto;
			padding: 72px 64px 48px;
			box-sizing: border-box;
		}
		.footer__side {
			position: absolute;
			bottom: 0;
			display: flex;
			flex-direction: unset;
			align-items: center;
			gap: 12px;
			font-size: 20px;
			font-weight: 400;
			color: var(--footer-muted);
			letter-spacing: .02em;
			writing-mode: vertical-rl;
			transform: translateY(-50%) rotate(180deg);
			text-decoration: none;
			z-index: 2;
			white-space: nowrap;
		}
		.footer__side--home {
			right: 18px;
		}
		.footer__side--top {
			left: 18px;
			cursor: pointer;
		}
		.footer__side--top .footer__up {
			width: 32px;
			height: 32px;
			border-radius: 0;
			border: none;
			background: transparent;
			display: flex;
			align-items: center;
			justify-content: center;
			transform: rotate(180deg);
			flex-shrink: 0;
			line-height: 0;
		}
		.footer__side--top .footer__up img {
			display: block;
			width: 32px;
			height: 32px;
		}
		.footer__inner {
			display: grid;
			grid-template-columns: 1.15fr 0.85fr;
			grid-template-areas:
				"brand nav"
				"meta nav";
			gap: 0 64px;
			align-items: start;
			padding: 0 48px;
		}
		.footer__brand {
			grid-area: brand;
			text-align: right;
		}
		.footer__meta {
			grid-area: meta;
			text-align: right;
			padding-top: 0;
		}
		.footer__nav {
			grid-area: nav;
			text-align: right;
			padding-top: 4px;
			display: flex;
			flex-direction: column;
			gap: 0;
		}
		.footer__logo {
			display: inline-block;
			margin-bottom: 18px;
		}
		.footer__logo img {
			height: 28px;
			width: auto;
			opacity: .95;
		}
		.footer__tagline {
			margin: 0 0 28px;
			font-size: 18px;
			font-weight: 300;
			line-height: 1.9;
			color: var(--footer-muted);
			max-width: 420px;
		}
		.footer__newsletter {
			display: flex;
			align-items: center;
			direction: ltr;
			width: 100%;
			max-width: 380px;
			height: 52px;
			background: var(--teal);
			border-radius: 999px;
			overflow: hidden;
			margin-bottom: 28px;
			padding: 5px;
			box-sizing: border-box;
		}
		.footer__newsletter input {
			flex: 1;
			min-width: 0;
			height: 100%;
			padding: 0 22px;
			border: none;
			background: transparent;
			color: #fff;
			font-family: inherit;
			font-size: 0.875rem;
			outline: none;
			direction: rtl;
			text-align: right;
		}
		.footer__newsletter input::placeholder {
			color: rgba(233, 232, 232, .45);
		}
		.footer__newsletter button {
			flex-shrink: 0;
			width: 42px;
			height: 42px;
			border: none;
			border-radius: 50%;
			background: var(--gold);
			color: #181818;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			padding: 0;
			transition: background .2s;
		}
		.footer__newsletter button:hover {
			background: var(--gold-hover);
		}
		.footer__newsletter button svg {
			display: block;
			width: 16px;
			height: 16px;
		}
		.footer__social {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			gap: 14px;
			margin-bottom: 48px;
			direction: rtl;
		}
		.footer__social a {
			width: 40px;
			height: 40px;
			border: none;
			border-radius: 10px;
			background: transparent;
			color: #fff;
			opacity: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: opacity .2s;
		}
		.footer__social a:hover {
			opacity: 1;
			background: transparent;
		}
		.footer__social a img {
			display: block;
			width: 22px;
			height: 22px;
			object-fit: contain;
			/* سفید مات → طلایی #F1B01D روی خود گلیف */
			filter: brightness(0) invert(1) opacity(0.72);
			transition: filter .22s ease;
		}
		.footer__social a:hover img,
		.footer__social a:focus-visible img {
			filter: brightness(0) saturate(100%) invert(72%) sepia(61%) saturate(1200%) hue-rotate(359deg) brightness(101%) contrast(98%);
		}
		.footer__copy {
			margin: 0;
			font-size: 18px;
			font-weight: 300;
			color: var(--footer-muted);
		}
		.footer__nav h4 {
			margin: 0 0 16px;
			font-size: 24px;
			font-weight: 700;
			color: #fff;
		}
		.footer__coverage-mob {
			display: none;
		}
		.footer__links {
			list-style: none;
			margin: 0 0 40px;
			padding: 0;
		}
		.footer__coverage .footer__phones {
			margin: 0;
		}
		.footer__links li {
			margin: 0;
		}
		.footer__links a {
			font-size: 18px;
			font-weight: 300;
			color: var(--footer-muted);
			line-height: 34px;
			transition: color .2s;
		}
		.footer__links a:hover {
			color: #fff;
		}
		.footer__phones {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.footer__phones li {
			font-size: 18px;
			font-weight: 400;
			color: #fff;
			line-height: 2;
		}
		.footer__phones span {
			margin-left: 4px;
			color: var(--footer-muted);
			font-weight: 300;
		}

		/* ── Responsive ── */
		@media (max-width: 992px) {
			.services__grid,
			.stats__grid,
			.pricing__grid { grid-template-columns: repeat(2, 1fr); }
			.services__grid {
				border: none;
				position: relative;
				background-image: none;
			}
			.services__grid::before,
			.services__grid::after {
				display: none !important;
			}
			.services__grid-line {
				display: block;
			}
			.services__grid-line--v {
				top: 0;
				bottom: 0;
				left: 50%;
				width: 2px;
				background: linear-gradient(180deg, transparent 0%, rgba(128,128,128,.55) 10%, rgba(128,128,128,.85) 22%, rgba(128,128,128,.85) 78%, rgba(128,128,128,.55) 90%, transparent 100%);
				transform: translateX(-50%) scaleY(1);
				transform-origin: top center;
			}
			.services__grid-line--h {
				left: 0;
				right: 0;
				top: 50%;
				height: 2px;
				background: linear-gradient(90deg, transparent 0%, rgba(128,128,128,.55) 10%, rgba(128,128,128,.85) 22%, rgba(128,128,128,.85) 78%, rgba(128,128,128,.55) 90%, transparent 100%);
				transform: translateY(-50%) scaleX(1);
				transform-origin: center center;
			}
			.services__grid-line--r {
				top: 0;
				bottom: 0;
				right: 0;
				width: 2px;
				background: linear-gradient(180deg, transparent 0%, rgba(128,128,128,.55) 10%, rgba(128,128,128,.85) 22%, rgba(128,128,128,.85) 78%, rgba(128,128,128,.55) 90%, transparent 100%);
				transform: scaleY(1);
				transform-origin: top center;
			}
			.service-card::before,
			.service-card::after {
				display: none !important;
			}
			.service-card:nth-child(n+3) {
				border-top: none;
			}
			.stats__head {
				flex-direction: column;
				gap: 24px;
				margin-bottom: 40px;
			}
			.stats__desc {
				flex: none;
				max-width: 100%;
				padding-top: 0;
			}
			.stat-item:nth-child(odd)::before { display: block; }
			.stat-item:nth-child(even)::before { display: block; }
			.stat-item::after { display: none !important; }
			.stat-item:nth-child(n+3) {
				border-top: 1px solid rgba(255,255,255,.35);
			}
			.process-step:nth-child(n) { margin-right: 0; }
			.process-step {
				width: 100%;
			}
			.process-step--right,
			.process-step--left {
				align-self: stretch;
				margin-inline: 0;
			}
			.process__track {
				gap: 36px;
				padding: 8px 36px 24px 28px;
			}
			.process-step__rail {
				display: none;
			}
			.process__header {
				display: flex;
				margin: 0;
			}
			/* تبلت: همان فید متناوب دسکتاپ + وکتورهای اصلی */
			.process {
				--wire-min-h: 80;
				--wire-y1: 0.72;
				--wire-y2: 0.28;
			}
			.process-step__card {
				padding: 2.5px;
			}
			.process-step__card-inner {
				padding: 20px 24px 20px 18px;
				min-height: 92px;
				border-width: 3px;
			}
			.process-step__body h3 {
				font-size: 20px;
			}
			.process-step__body p {
				font-size: 14px;
			}
			.process-step__icon {
				width: 58px;
				height: 58px;
				right: -18px;
				border: 1.5px solid transparent;
				transition: border-color .7s cubic-bezier(.22, .61, .36, 1);
			}
			.process-step__icon img {
				width: 32px;
				max-height: 36px;
			}
			.process-step.is-active .process-step__icon,
			.process-step--1:not(.process-step--js) .process-step__icon {
				border-color: #F1B01D;
			}
			.faq__inner {
				flex-direction: column;
				gap: 40px;
				align-items: stretch;
			}
			.faq__info { flex: none; max-width: 100%; }
			.faq__list { flex: none; max-width: 100%; }
			.footer__inner {
				gap: 40px;
			}
			.clients__inner { padding: 0 24px; }
			.clients__stage { min-height: 360px; }
			.clients__intro { width: 100%; max-width: 520px; }
			.clients__avatar { width: 88px; height: 88px; }
			.clients__avatar img { width: 100%; height: 100%; }
			.clients__avatar--1 { top: 28%; right: 8%; }
			.clients__avatar--2 { top: 62%; right: 1%; }
			.clients__avatar--3 { top: 92%; right: 8%; }
			.clients__avatar--4 { top: 32%; left: 6%; }
			.clients__avatar--5 { top: 66%; left: 0; }
			.clients__avatar--6 { top: 94%; left: 8%; }
			.clients__logos { gap: 20px 28px; max-width: 100%; }
			.clients__logo { height: 80px; }
			.clients__logo img { max-height: 80px; }
		}
		@media (max-width: 991px) {
			.hero__content {
				margin-right: auto;
				margin-left: auto;
				margin-top: 64px;
				padding-left: 24px;
				padding-right: 24px;
				text-align: right;
			}
		}
		@media (max-width: 767px) {
			.hero__content {
				margin-top: 0 !important;
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
		}
		@media (max-width: 767px) {
			.process {
				padding: clamp(48px, 10vh, 72px) 0;
				--wire-box-gap: 28px;
				--wire-min-h: 88;
				--wire-y1: 0.82;
				--wire-y2: 0.32;
				--wire-scale: 1;
				--wire-mobile-w: 48px;
				--wire-mobile-h: 80px;
				--wire-mobile-left: 0;
				--wire-mobile-right: 0;
			}
			.process {
				padding: 0;
				box-sizing: border-box;
			}
			.process .container {
				padding: 1.5rem 1rem 1.25rem;
				display: flex;
				flex-direction: column;
				justify-content: center;
				min-height: 100%;
				height: 100%;
				box-sizing: border-box;
			}
			.process__guides {
				padding: 0 18%;
				gap: 0;
				justify-content: space-between;
				opacity: .55;
			}
			.process__header {
				display: flex;
				flex-direction: column;
				position: static;
				left: auto;
				top: auto;
				transform: none;
				text-align: center;
				margin: 0 auto 20px;
				line-height: 1.3;
				width: 100%;
				pointer-events: auto;
				order: -1;
			}
			.process__eyebrow,
			.process__title {
				writing-mode: horizontal-tb;
				text-orientation: mixed;
			}
			.process__eyebrow {
				font-size: 14px;
				font-weight: 400;
				color: #808080;
				margin: 0;
				margin-bottom: 0;
				text-align: center;
				letter-spacing: 0;
			}
			.process__title {
				font-size: 20px;
				font-weight: 700;
				color: #808080;
				text-align: center;
				letter-spacing: 0;
			}
			.process__track {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: flex-start;
				gap: var(--wire-box-gap, 28px);
				padding: 16px 40px;
				max-width: 360px;
				width: 100%;
				margin: 0 auto;
				box-sizing: border-box;
			}
			.process-step,
			.process-step--right,
			.process-step--left {
				align-self: center !important;
				width: 100%;
				max-width: 280px;
				margin: 0 auto !important;
				overflow: visible;
			}
			.process-step__body {
				text-align: right;
			}
			.process-step__body h3 {
				color: #E9E8E8;
				font-size: 16px;
				margin-bottom: 6px;
			}
			.process-step__body p {
				font-size: 12px;
				line-height: 1.55;
				color: rgba(255, 255, 255, .45);
			}
			.process-step__card-inner {
				padding: 16px 52px 14px 16px;
				min-height: 76px;
				border-width: 3px;
				border-radius: 11px;
				background: #404040;
			}
			.process-step__card {
				border-radius: 14px;
				padding: 2.5px;
				overflow: visible !important;
				isolation: isolate;
				box-shadow: 0 10px 28px rgba(0, 0, 0, .4);
				background: transparent;
			}
			.process-step__card::before,
			.process-step--left .process-step__card::before {
				inset: 0;
				padding: 2.5px;
				opacity: 1;
				background: conic-gradient(
					from var(--halo-spin, -90deg),
					rgba(210, 210, 210, .95) 0deg,
					rgba(180, 180, 180, .7) 55deg,
					rgba(120, 120, 120, .25) 110deg,
					rgba(40, 40, 40, 0) 155deg,
					rgba(40, 40, 40, 0) 250deg,
					rgba(160, 160, 160, .55) 310deg,
					rgba(210, 210, 210, .95) 360deg
				);
				-webkit-mask:
					linear-gradient(#fff 0 0) content-box,
					linear-gradient(#fff 0 0);
				-webkit-mask-composite: xor;
				mask:
					linear-gradient(#fff 0 0) content-box,
					linear-gradient(#fff 0 0);
				mask-composite: exclude;
			}
			.process-step__card::after,
			.process-step--left .process-step__card::after {
				content: '';
				position: absolute;
				inset: 0;
				border-radius: inherit;
				box-sizing: border-box;
				padding: 2.5px;
				pointer-events: none;
				z-index: 0;
				opacity: var(--step-gold, 0);
				transition: opacity 2s cubic-bezier(0.22, 1, 0.36, 1);
				background: conic-gradient(
					from var(--halo-spin, -90deg),
					#F1B01D 0deg,
					rgba(241, 176, 29, .85) 55deg,
					rgba(241, 176, 29, .2) 110deg,
					transparent 155deg,
					transparent 250deg,
					rgba(241, 176, 29, .55) 310deg,
					#F1B01D 360deg
				);
				-webkit-mask:
					linear-gradient(#fff 0 0) content-box,
					linear-gradient(#fff 0 0);
				-webkit-mask-composite: xor;
				mask:
					linear-gradient(#fff 0 0) content-box,
					linear-gradient(#fff 0 0);
				mask-composite: exclude;
				animation: process-halo-spin 6.5s linear infinite;
				animation-play-state: paused;
			}
			.process-step__card::before {
				animation: process-halo-spin 6.5s linear infinite;
				animation-play-state: paused;
			}
			.process-step.is-active .process-step__card::before,
			.process-step.is-active .process-step__card::after,
			.process-step.is-fading .process-step__card::before,
			.process-step.is-fading .process-step__card::after,
			.process-step--1:not(.process-step--js) .process-step__card::before,
			.process-step--1:not(.process-step--js) .process-step__card::after {
				animation-play-state: running;
			}
			.process-step.is-active,
			.process-step--1:not(.process-step--js) {
				animation: none;
			}
			.process-step__icon {
				border: none;
				width: 50px;
				height: 50px;
				right: -20px;
				border-radius: 10px;
				background: #1F1F1F;
			}
			.process-step__icon img {
				width: 24px;
				max-height: 28px;
			}
			.process-step.is-active .process-step__icon,
			.process-step--1:not(.process-step--js) .process-step__icon {
				border: none;
			}
			.process-step--1 .process-step__rail {
				display: block;
				left: calc(100% + 22px);
				right: auto;
				width: min(18vw, 56px);
				max-width: 64px;
				height: 2.5px;
				border-radius: 2px;
				background: linear-gradient(to left, rgba(241, 176, 29, 0), #F1B01D 35%, #F1B01D);
				opacity: var(--step-gold, 0);
				transition: opacity .55s ease;
			}
			.process-step:not(.process-step--1) .process-step__rail {
				display: none !important;
			}
			.process__wire img,
			.process__wire svg {
				width: 100%;
			}
			/* ── Plans mobile (carousel) ── */
			.pricing {
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding: 0;
				overflow: visible;
			}
			.pricing__graphic--desktop {
				display: none;
			}
			.pricing__graphic--mobile {
				display: block;
				left: 0;
				top: 18%;
				bottom: auto;
				width: min(174px, 42%);
				opacity: 1;
			}
			.pricing .container {
				padding-bottom: 0;
				/* نقاط پایین ارتفاع می‌گیرند — هدر/کارت‌ها از تاپ فاصله بگیرند */
				padding-top: clamp(72px, 12vh, 108px);
				padding-inline: 0;
				max-width: 100%;
				overflow: visible;
			}
			.pricing__header {
				display: flex;
				flex-direction: column;
				align-items: center;
				margin: 0 0 22px;
				padding-left: var(--m-gutter, 20px);
				padding-right: var(--m-gutter, 20px);
				overflow: visible;
				text-align: center;
			}
			.pricing__eyebrow {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 12px;
				width: min(220px, 64%);
				margin: 0 auto 12px;
				direction: rtl;
				overflow: visible;
			}
			.pricing__eyebrow-text {
				flex: 0 0 auto;
				color: #8A8A8A;
				font-size: 14px;
				font-weight: 400;
				line-height: 1.4;
				text-align: center;
			}
			.pricing__eyebrow-line {
				position: static;
				left: auto;
				transform: scaleX(1);
				transform-origin: center center;
				flex: 1 1 auto;
				width: auto;
				min-width: 36px;
				height: 1.5px;
				background: linear-gradient(
					to left,
					#B0B0B0 0%,
					rgba(176, 176, 176, .45) 48%,
					rgba(176, 176, 176, 0) 100%
				);
			}
			.pricing__eyebrow-line:first-child {
				background: linear-gradient(
					to right,
					#B0B0B0 0%,
					rgba(176, 176, 176, .45) 48%,
					rgba(176, 176, 176, 0) 100%
				);
			}
			.pricing__eyebrow::before {
				display: none;
				content: none;
			}
			.pricing__title {
				font-size: 26px;
				line-height: 1.35;
				font-weight: 800;
				color: #1A1A1A;
				text-align: center;
				width: 100%;
				margin: 0 0 2px;
			}
			h2.pricing__title.px-reveal {
				margin-bottom: 2px;
			}
			.pricing__tag {
				font-size: 13px;
				font-weight: 400;
				color: #9A9A9A;
				text-align: center;
				width: 100%;
				margin: 0;
			}
			.pricing__title-row,
			.pricing__kicker,
			.pricing__copy,
			.pricing__header-line {
				display: none;
			}
			.pricing__grid {
				display: flex;
				flex-direction: row;
				direction: ltr;
				grid-template-columns: none;
				gap: 12px;
				overflow-x: auto;
				/* با overflow-x:auto مرورگر overflow-y:visible را نادیده می‌گیرد —
				   سایه باید داخل padding بالا/پایین گرید جا شود */
				overflow-y: auto;
				scroll-snap-type: none;
				scroll-padding-inline: 10vw;
				padding-inline: 10vw;
				padding-top: 28px;
				padding-bottom: 36px;
				-webkit-overflow-scrolling: touch;
				scrollbar-width: none;
				/* عمودی صفحه + افقی کارousel — قفل اسکرول نداشته باشد */
				touch-action: pan-x pan-y;
			}
			.pricing__grid::-webkit-scrollbar {
				display: none;
			}
			.price-card--starter,
			.price-card--dev {
				display: flex;
			}
			.price-card {
				flex: 0 0 80vw;
				width: 80vw;
				max-width: none;
				min-height: 0;
				max-height: calc(100dvh - 220px);
				padding: 24px 18px 22px;
				border-radius: 14px;
				text-align: center;
				border: none;
				box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
				overflow-x: hidden;
				overflow-y: auto;
				overscroll-behavior: contain;
				-webkit-overflow-scrolling: touch;
				scroll-snap-align: none;
				direction: rtl;
				transition:
					box-shadow .35s ease,
					background-color .35s ease,
					filter .35s ease,
					opacity .35s ease;
			}
			.price-card.is-active {
				box-shadow:
					0 16px 32px rgba(0, 0, 0, .16),
					0 -12px 24px rgba(0, 0, 0, .08);
			}
			.price-card:not(.is-active) {
				opacity: .92;
				--card-accent: #8A8A8A;
			}
			.price-card:not(.is-active) .price-card__btn .btn-plan {
				background: #8A8A8A !important;
				color: #fff !important;
			}
			.price-card:not(.is-active) .price-card__gauge img {
				filter: grayscale(1) brightness(0.9);
			}
			.price-card.is-active.price-card--starter,
			.price-card.is-active.price-card--dev,
			.price-card.is-active.price-card--pro {
				--card-accent: var(--teal);
			}
			.price-card.is-active.price-card--personal,
			.price-card.is-active.price-card--featured {
				--card-accent: var(--plan-gold);
			}
			.price-card.is-active.price-card--starter .price-card__btn .btn-plan,
			.price-card.is-active.price-card--dev .price-card__btn .btn-plan,
			.price-card.is-active.price-card--pro .price-card__btn .btn-plan {
				background: #004E4F;
				color: #fff;
			}
			.price-card.is-active.price-card--personal .price-card__btn .btn-plan,
			.price-card.is-active.price-card--featured .price-card__btn .btn-plan {
				background: #F1B01D;
				color: #1A1A1A;
			}
			.price-card.is-active .price-card__gauge img {
				filter: none;
			}
			.price-card::before {
				height: 4px;
				background: var(--card-accent);
			}
			.price-card--featured {
				border: none;
				box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
			}
			.price-card__gauge {
				height: 52px;
				margin: 4px 0 14px;
			}
			.price-card__gauge img {
				height: 48px;
				max-width: 88px;
			}
			.price-card h3 {
				font-size: 18px;
				text-align: center;
			}
			.price-card__desc {
				font-size: 16px;
				text-align: center;
				min-height: 0;
				margin-bottom: 16px;
				line-height: 1.7;
			}
			.price-card__btn {
				margin-bottom: 18px;
			}
			.price-card__btn .btn {
				height: auto;
				min-height: 42px;
				padding: 10px 16px;
				font-size: 18px;
			}
			.price-card--pro .price-card__btn .btn-plan {
				background: var(--teal);
				color: #fff;
				border: none;
			}
			.price-card--pro .price-card__btn .btn-plan:hover {
				background: var(--teal);
				color: #fff;
				filter: brightness(.92);
			}
			.price-card--featured .price-card__btn .btn-plan {
				color: #fff;
			}
			.price-card__benefits {
				font-size: 15px;
				text-align: right;
				color: #404040;
				font-weight: 700;
			}
			.price-card__features {
				text-align: right;
				gap: 2px;
			}
			.price-card__features li {
				font-size: 12px;
				justify-content: flex-start;
				align-items: center;
			}
			.pricing__more {
				display: none;
			}
			.pricing__dots {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				margin-top: 0;
				margin-bottom: 12px;
				padding-inline: 20px;
				flex-shrink: 0;
				position: relative;
				z-index: 2;
			}
			.pricing__dot {
				width: 15px;
				height: 15px;
				padding: 0;
				border: none;
				border-radius: 50%;
				background: #D0D0D0;
				cursor: pointer;
				appearance: none;
				-webkit-appearance: none;
			}
			.pricing__dot.is-active {
				background: var(--plan-gold, #F1B01D);
			}
			.faq {
				padding: 1.25rem 0;
				min-height: 0;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				box-sizing: border-box;
			}
			.faq::before {
				content: '';
				position: absolute;
				inset-inline: 0;
				top: 0;
				width: 100%;
				height: 90px;
				background: radial-gradient(
					ellipse 100% 100% at 50% 0%,
					rgba(233, 232, 232, .06) 0%,
					rgba(233, 232, 232, .02) 45%,
					transparent 70%
				);
				pointer-events: none;
				z-index: 0;
			}
			.faq::after {
				height: 100px;
				background: radial-gradient(
					ellipse 100% 100% at 50% 100%,
					rgba(233, 232, 232, .06) 0%,
					rgba(233, 232, 232, .02) 45%,
					transparent 70%
				);
			}
			.faq__shape--tl {
				top: 99px;
				left: -5px;
				right: auto;
				bottom: auto;
				width: 90px;
				opacity: 1;
			}
			.faq__shape--br {
				right: 45px;
				bottom: -1px;
				left: auto;
				top: auto;
				width: 98px;
				opacity: 1;
			}
			.faq__inner {
				flex-direction: column;
				align-items: stretch;
				gap: 36px;
				padding: 0 20px;
				max-width: 100%;
			}
			.faq__info {
				flex: none;
				max-width: 100%;
				margin-top: 0;
				padding-top: 0;
				text-align: center;
				position: relative;
				z-index: 1;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}
			.faq__title {
				margin: 0 0 12px;
				font-size: 30px;
				line-height: 1.2;
				display: block;
				text-align: center;
				width: 100%;
			}
			.faq__title-fill,
			.faq__title-outline {
				display: inline;
				text-align: center;
			}
			.faq__subtitle {
				font-size: 18px;
				margin-bottom: 10px;
				text-align: center;
				width: 100%;
			}
			.faq__cta {
				font-size: 18px;
				text-align: center;
			}
			.faq__list {
				flex: none;
				max-width: 100%;
				width: 100%;
				gap: 12px;
				position: relative;
				z-index: 1;
			}
			.faq-item summary {
				padding: 16px 18px;
				font-size: 18px;
			}
			.faq-item__answer-inner {
				padding: 0 18px;
				font-size: 12px;
			}
			.faq-item[open] .faq-item__answer-inner {
				padding: 0 18px 16px;
			}
			.stats {
				--m-scale: 0.8;
				--m-pad-x: 20px;
				position: relative;
				padding: 0 var(--m-pad-x);
				overflow: hidden;
				background: #1A1A1A;
				display: flex;
				flex-direction: column;
			}
			.stats .container {
				padding-right: 0;
				padding-left: 0;
				position: relative;
				z-index: 1;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				flex: 1 1 auto;
				min-height: 0;
				height: 100%;
				width: 100%;
				gap: 0;
			}
			.stats__board {
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 100%;
				gap: 0;
				margin-top: 28px;
			}
			.stats__head {
				flex-direction: column;
				align-items: center;
				gap: 0;
				margin: 0;
				margin-top: 0;
				width: 100%;
			}
			.stats__title {
				font-size: 30px;
				line-height: 1.3;
				color: #fff;
				text-align: center;
				margin: 0 0 14px;
			}
			.stats__title-lead {
				font-size: 30px;
				font-weight: 700;
				color: #fff;
			}
			.stats__title-lead::after {
				content: none;
			}
			.stats__title-line--2 {
				display: none;
			}
			.stats__title-line--1 {
				gap: 0;
				justify-content: center;
			}
			.stats__tag {
				display: none;
			}
			.stats__desc {
				font-size: 12px;
				line-height: 1.85;
				padding-top: 0;
				margin: 0 auto;
				max-width: 76%;
				text-align: center;
				color: #808080;
			}
			.stats__desc br {
				display: none;
			}
			.stats__ticks {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				gap: 10px;
				width: 100%;
				margin: 0 0 2px;
				height: 10px;
			}
			.stats__ticks-group {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				flex: 1;
				height: 10px;
				max-width: none;
			}
			.stats__ticks-group span {
				display: block;
				width: 1px;
				height: 8px;
				background: rgba(255, 255, 255, .4);
				flex-shrink: 0;
			}
			.stat-item__ticks {
				display: none;
			}
			.stats__grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				width: 100%;
				margin-top: 0;
				margin-bottom: 0;
				border: none;
				border-top: none;
				position: relative;
				overflow: visible;
				background-image: none;
			}
			.stats__grid::before,
			.stats__grid::after {
				display: none !important;
			}
			.stats__grid-line {
				display: block;
				pointer-events: none;
			}
			/* مثل جدول خدمات — گرادینت ملایم دو سر */
			.stats__grid-line--v {
				top: 0;
				bottom: 0;
				left: 50%;
				width: 2px;
				background: linear-gradient(180deg, transparent 0%, rgba(128,128,128,.55) 10%, rgba(128,128,128,.85) 22%, rgba(128,128,128,.85) 78%, rgba(128,128,128,.55) 90%, transparent 100%);
				transform: translateX(-50%) scaleY(1);
				transform-origin: top center;
			}
			.stats__grid-line--h {
				left: 0;
				right: 0;
				top: 50%;
				height: 2px;
				background: linear-gradient(90deg, transparent 0%, rgba(128,128,128,.55) 10%, rgba(128,128,128,.85) 22%, rgba(128,128,128,.85) 78%, rgba(128,128,128,.55) 90%, transparent 100%);
				transform: translateY(-50%) scaleX(1);
				transform-origin: center center;
			}
			.stats__grid-line--r {
				top: 0;
				bottom: 0;
				right: 0;
				width: 2px;
				background: linear-gradient(180deg, transparent 0%, rgba(128,128,128,.55) 10%, rgba(128,128,128,.85) 22%, rgba(128,128,128,.85) 78%, rgba(128,128,128,.55) 90%, transparent 100%);
				transform: scaleY(1);
				transform-origin: top center;
			}
			.stat-item {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				padding: 22px 8px;
				min-height: 0;
				aspect-ratio: 1 / 1;
				box-sizing: border-box;
				border-top: none !important;
			}
			.stat-item::before {
				display: none !important;
			}
			/* ترتیب مطابق طرح: ۶ بالاچپ | ۱۰۰ بالاراست | ۳۰۰ پایین‌چپ | ۲۰ پایین‌راست */
			.stats__grid > .stat-item:nth-of-type(1) { order: 3; } /* ۳۰۰ */
			.stats__grid > .stat-item:nth-of-type(2) { order: 4; } /* ۲۰ */
			.stats__grid > .stat-item:nth-of-type(3) { order: 2; } /* ۱۰۰ */
			.stats__grid > .stat-item:nth-of-type(4) { order: 1; } /* ۶ */
			.stat-item__num {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 1px;
				direction: ltr;
				font-size: 40px;
				font-weight: 700;
				margin-bottom: 8px;
				color: #fff;
				letter-spacing: 0;
				line-height: 1;
			}
			.stat-item__label {
				font-size: 18px;
				line-height: 1.45;
				color: #fff;
				font-weight: 400;
				text-align: center;
			}
			.stat-item__plus {
				color: #F1B01D;
				font-weight: 700;
			}
			.mnav__panel {
				top: 12px;
				right: 0;
				bottom: 12px;
				--mnav-panel-w: min(60vw, 320px);
				width: var(--mnav-panel-w);
				padding: 24px 20px 28px;
			}
			:root {
				--mnav-panel-w: min(60vw, 320px);
			}
			.mnav__links a {
				display: block;
				font-size: 16px;
				font-weight: 700;
				line-height: 1.0;
				color: #0A0A0A;
				transition: color .2s, font-size .2s;
			}
			.mnav__links a.is-active,
			.mnav__links a:hover {
				color: var(--teal);
				font-size: 18px;
			}
			.services {
				--m-scale: 0.8;
				--m-pad-x: 20px;
				position: relative;
				padding-top: 0;
				padding-bottom: 28px;
			}
			.services__frame {
				padding: 0 var(--m-pad-x);
			}
			.services__content {
				max-width: 100%;
				padding-right: 0;
				padding-left: 0;
				/* خط طلایی بالا می‌ماند؛ بلوک محتوا کمی پایین‌تر برای حس وسط */
				padding-top: clamp(48px, 9vh, 88px);
				box-sizing: border-box;
				align-items: center;
				justify-content: center;
			}
			.services__eyebrow {
				width: 100%;
				gap: 0;
				margin: 0 0 8px;
				align-items: center;
				flex-direction: column;
				direction: rtl;
				justify-content: flex-start;
				position: static;
				padding-top: 0;
			}
			.services__eyebrow-line {
				position: absolute;
				top: 0;
				left: 50%;
				right: auto;
				bottom: auto;
				transform: translateX(-50%);
				transform-origin: 50% 0%;
				order: 0;
				flex: none;
				width: 1.5px;
				min-width: 1.5px;
				/* ارتفاع دقیق با JS تا قبل از «هر آنچه» قطع شود */
				height: 100px;
				margin: 0;
				z-index: 2;
				background: linear-gradient(
					to bottom,
					rgba(241, 176, 29, 0) 0%,
					rgba(241, 176, 29, .35) 40%,
					rgba(241, 176, 29, .85) 75%,
					#F1B01D 100%
				);
				pointer-events: none;
			}
			.services__eyebrow-text {
				order: 0;
				margin-left: 0;
				font-size: 14px;
				font-weight: 500;
				width: auto;
				flex: none;
				text-align: center;
				color: rgba(255, 255, 255, .5);
				margin-top: 0;
				white-space: normal;
				direction: rtl;
				position: relative;
				z-index: 1;
			}
			.services__title {
				flex-direction: row;
				flex-wrap: wrap;
				align-items: baseline;
				justify-content: center;
				gap: 0.25em;
				font-size: 24px;
				line-height: 1.35;
				text-align: center;
				margin: 0;
				color: #E9E8E8;
			}
			.services__title-light {
				font-weight: 300;
				color: rgba(233, 232, 232, .7);
			}
			.services__thumb {
				width: min(320px, 88vw);
				height: 90px;
				margin: 0 0 30px;
			}
			.service-card {
				padding: 22px 12px 20px;
			}
			.service-card__icon {
				width: 36px;
				height: 36px;
				margin-bottom: 12px;
			}
			.service-card h3 {
				font-size: 16px;
				font-weight: 700;
				margin-bottom: 8px;
				color: #fff;
			}
			.service-card p {
				font-size: 12px;
				line-height: 1.5;
				max-width: 100%;
				color: rgba(255, 255, 255, .45);
			}
			.services__grid {
				position: relative;
				display: grid;
				grid-template-columns: 1fr 1fr;
				border: none;
				overflow: visible;
				width: 100%;
				margin-top: 0;
				background-image: none;
			}
			.services__grid::before,
			.services__grid::after {
				display: none !important;
			}
			.services__grid-line {
				display: block;
			}
			.services__grid-line--v {
				top: 0;
				bottom: 0;
				left: 50%;
				width: 2px;
				background: linear-gradient(180deg, transparent 0%, rgba(128,128,128,.55) 10%, rgba(128,128,128,.85) 22%, rgba(128,128,128,.85) 78%, rgba(128,128,128,.55) 90%, transparent 100%);
				transform: translateX(-50%) scaleY(1);
				transform-origin: top center;
			}
			.services__grid-line--h {
				left: 0;
				right: 0;
				top: 50%;
				height: 2px;
				background: linear-gradient(90deg, transparent 0%, rgba(128,128,128,.55) 10%, rgba(128,128,128,.85) 22%, rgba(128,128,128,.85) 78%, rgba(128,128,128,.55) 90%, transparent 100%);
				transform: translateY(-50%) scaleX(1);
				transform-origin: center center;
			}
			.services__grid-line--r {
				top: 0;
				bottom: 0;
				right: 0;
				width: 2px;
				background: linear-gradient(180deg, transparent 0%, rgba(128,128,128,.55) 10%, rgba(128,128,128,.85) 22%, rgba(128,128,128,.85) 78%, rgba(128,128,128,.55) 90%, transparent 100%);
				transform: scaleY(1);
				transform-origin: top center;
			}
			.services__grid::before {
				display: none !important;
			}
			.services__grid::after {
				display: none !important;
			}
			.service-card::before,
			.service-card::after {
				display: none !important;
			}
			.service-card:nth-child(n+3) {
				border-top: none;
			}
			.hero {
				/* فیگما ۳۹۰px — 0.8 ≈ زوم ۸۰٪ */
				--m-scale: 0.8;
				--m-pad-x: 20px; /* مثل خدمات/آمار */
				--m-pad-top: calc(48px * var(--m-scale));
				--m-pad-bottom: calc(48px * var(--m-scale));
				--m-nav-to-title: 0;
				--m-title-desc: calc(24px * var(--m-scale));
				--m-title-step-2: 27%;
				--m-title-step-3: 31%;
				/* جایگاه بلوک هیرو — پدینگ نامتقارن عمدی برای بالانس زیر هدر */
				--hero-pad-top: calc(80px + env(safe-area-inset-top, 0px));
				--hero-pad-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
				height: 100vh;
				height: 100svh;
				height: 100dvh;
				min-height: 100vh;
				min-height: 100svh;
				min-height: 100dvh;
				max-height: 100vh;
				max-height: 100svh;
				max-height: 100dvh;
			}
			.hero .hero__frame {
				height: 100%;
				min-height: 0;
				gap: 0;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				padding: var(--hero-pad-top) var(--m-pad-x) var(--hero-pad-bottom);
				box-sizing: border-box;
			}
			.hero__nav {
				/* خارج از هیرو — fixed واقعی نسبت به ویوپورت */
				position: fixed !important;
				top: 0 !important;
				left: 0 !important;
				right: 0 !important;
				transform: none !important;
				max-width: none;
				z-index: 9000;
				flex-shrink: 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				direction: ltr;
				width: 100%;
				height: auto;
				min-height: 44px;
				/* هم‌تراز با top منو (۲۲px) */
				padding: max(22px, env(safe-area-inset-top, 0px)) var(--m-gutter, 5vw) 12px;
				box-sizing: border-box;
				pointer-events: none;
				background: transparent !important;
			}
			/* نوار امن بالای گوشی — جلوگیری از لبه بی‌کیفیت */
			.hero__nav::after {
				content: '';
				position: fixed;
				left: 0;
				right: 0;
				top: 0;
				height: max(0px, env(safe-area-inset-top, 0px));
				pointer-events: none;
				z-index: -1;
				opacity: 0;
			}
			.hero__nav::before {
				display: none !important;
				content: none !important;
			}
			.hero__logo {
				position: fixed !important;
				left: var(--m-gutter, 5vw) !important;
				right: auto !important;
				top: max(22px, env(safe-area-inset-top, 0px)) !important;
				display: flex;
				align-items: center;
				height: 40px;
				width: auto;
				pointer-events: auto;
				line-height: 0;
				opacity: var(--nav-op, 1);
				z-index: 10060;
			}
			.hero__logo-svg {
				display: block;
				height: 19px;
				width: auto;
				transition: height .55s cubic-bezier(0.22, 1, 0.36, 1);
			}
			html.is-nav-stuck .hero__logo-svg {
				height: 16px;
			}
			.hero__logo .logo-ink {
				fill: var(--nav-ink, #E9E8E8) !important;
			}
			.hero__logo .logo-gold {
				fill: var(--nav-gold, #F0B01D) !important;
			}
			.hero__menu {
				position: fixed !important;
				left: auto !important;
				right: var(--m-gutter, 5vw);
				top: max(22px, env(safe-area-inset-top, 0px));
				display: flex;
				align-items: center;
				justify-content: center;
				width: 40px;
				height: 40px;
				flex-shrink: 0;
				padding: 0;
				pointer-events: auto;
				z-index: 10060;
				transition:
					right .85s cubic-bezier(.22, .61, .36, 1),
					background-color 0.35s ease;
			}
			.hero__menu-line {
				background: var(--nav-ink, #E9E8E8);
				opacity: var(--nav-op, 1);
				transition:
					transform 0.55s cubic-bezier(0.77, 0, 0.175, 1),
					width 0.45s cubic-bezier(0.77, 0, 0.175, 1),
					top 0.55s cubic-bezier(0.77, 0, 0.175, 1),
					background-color 0.35s ease,
					opacity 0.35s ease;
			}
			/* بالای سایدبار؛ داخل پنل نزدیک لبهٔ چپ */
			body.mnav-open .hero__nav {
				z-index: 10060 !important;
			}
			body.mnav-open .hero__menu,
			.hero__menu.is-open {
				right: calc(var(--mnav-panel-w, min(60vw, 320px)) - 52px);
				z-index: 10070;
				width: 44px;
				height: 44px;
			}
			.hero__menu.is-open .hero__menu-line {
				opacity: 1 !important;
				background: #0A0A0A !important;
			}
			.hero__menu-box {
				width: 22px;
				height: 14px;
			}
			.mnav__close {
				opacity: 0;
				pointer-events: none;
			}

			html {
				--nav-op: 1;
				--nav-ink: #E9E8E8;
				--nav-gold: #F0B01D;
			}

			/* لوگو رنگ تم سکشن را نگه می‌دارد — مشکی اجباری نه */
			body.mnav-open .hero__logo {
				opacity: 1 !important;
			}
			.hero__content {
				flex: 0 1 auto;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: flex-start;
				width: 100%;
				max-width: 100%;
				margin: 0 auto !important;
				padding: 0 !important;
				text-align: right;
				gap: 100px;
				min-height: 0;
			}
			.hero__title {
				display: flex;
				flex-direction: column;
				align-items: stretch;
				width: min(320px, 100%);
				max-width: 100%;
				gap: clamp(2px, 0.8vw, 6px);
				font-size: inherit;
				line-height: 1.22;
				margin: 0 auto !important;
				color: #E9E8E8;
				flex-shrink: 0;
			}
			.hero__title-line--1,
			.hero__title-line--2,
			.hero__title-accent {
				display: block;
				width: 100%;
				max-width: 100%;
				margin-left: 0;
				font-size: 30px;
				white-space: nowrap;
				text-align: right;
				box-sizing: border-box;
			}
			.hero__title-line--1 {
				padding-right: 0;
				margin-right: 0;
			}
			.hero__title-line--2::before {
				content: none;
			}
			.hero__title-line--1 {
				font-weight: 700;
				line-height: 1.2;
			}
			.hero__title-line--1 strong {
				font-weight: 700;
			}
			.hero__title-line--2 {
				font-size: 30px !important;
				font-weight: 100;
				line-height: 1.28;
				margin-top: 0.4vw;
				padding-right: var(--m-title-step-2, 27%);
				margin-right: 0;
			}
			.hero__title-accent {
				font-weight: 700;
				line-height: 1.2;
				margin-top: 0.4vw;
				padding-right: var(--m-title-step-3, 31%);
				margin-right: 0;
			}
			.hero__title-accent strong {
				font-weight: 700;
			}
			.hero__desc {
				font-size: 18px;
				font-weight: 300;
				color: #E9E8E8;
				width: 100%;
				max-width: min(340px, 100%);
				margin: 0 auto !important;
				line-height: 1.5;
				text-align: right;
				direction: rtl;
				word-spacing: calc(1px * var(--m-scale));
				flex-shrink: 0;
				align-self: center;
			}
			.hero__actions {
				margin: 0 auto !important;
				padding: 0 !important;
				width: 100%;
				max-width: min(340px, 100%);
				display: flex;
				align-items: center;
				justify-content: space-between;
				direction: rtl;
				gap: 0;
				flex-wrap: nowrap;
				box-sizing: border-box;
				flex-shrink: 0;
			}
			.hero__scroll {
				display: none;
			}
			.hero__cta-primary {
				display: inline-flex;
				align-items: center;
				line-height: 1;
				font-size: 14px;
				font-weight: 700;
				padding-block: calc(4px * var(--m-scale));
				padding-inline: calc(18px * var(--m-scale));
				gap: 0;
				flex-shrink: 0;
			}
			.hero__cta-primary > span:first-child {
				display: flex;
				align-items: center;
				line-height: 1;
			}
			.hero__cta-icon {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 0;
				min-width: 0;
				height: calc(36px * var(--m-scale));
				flex-shrink: 0;
				overflow: hidden;
				opacity: 0;
			}
			.hero__cta-icon img {
				display: block;
				width: calc(14px * var(--m-scale));
				height: calc(14px * var(--m-scale));
			}
			.hero__cta-secondary {
				display: inline-flex;
				align-items: center;
				line-height: 1;
				font-size: 18px;
				font-weight: 500;
				color: #E9E8E8;
				white-space: nowrap;
				flex-shrink: 0;
			}
			/* گرافیک بالا — نسخه نازک موبایل (Graphic_small-mob) */
			.hero__graphic--small {
				right: auto;
				left: 56%;
				top: calc(-32px * var(--m-scale));
				transform: translateX(-50%);
				width: calc(110px * var(--m-scale));
				min-width: 0;
				max-width: none;
			}
			.hero__graphic--small img {
				mix-blend-mode: screen;
				image-rendering: -webkit-optimize-contrast;
				shape-rendering: geometricPrecision;
			}
			/* گرافیک پایین — همان شکل دسکتاپ، خطوط نازک‌تر (Graphic_large-thin.svg) */
			.hero__graphic--large {
				left: -22%;
				bottom: calc(52px * var(--m-scale));
				width: calc(228px * var(--m-scale));
				min-width: 0;
				max-width: calc(58vw * var(--m-scale));
			}
			.hero__graphic--large img {
				image-rendering: -webkit-optimize-contrast;
				shape-rendering: geometricPrecision;
			}
			.hero__side-label,
			.hero__scroll { display: none; }
			.clients {
				--m-scale: 0.8;
				--m-pad-x: 20px;
				position: relative;
				padding: 0 var(--m-pad-x);
				overflow: hidden;
				min-height: 0;
				height: 100%;
				background: #F2F2F2;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
			.clients__bg {
				opacity: 1;
			}
			.clients__inner {
				padding: 0;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				flex: 1 1 auto;
				min-height: 0;
				height: 100%;
				width: 100%;
				gap: 0;
				position: relative;
				z-index: 1;
				box-sizing: border-box;
			}
			.clients__inner::before {
				display: none;
			}
			.clients__eyebrow {
				order: 0;
				display: flex;
				flex-direction: column;
				align-items: center;
				margin: 0 0 20px;
				gap: 0;
				position: static;
			}
			/* خط از تاپ سکشن تا قبل از متن */
			.clients__eyebrow-line {
				position: absolute;
				top: 0;
				left: 50%;
				width: 2px;
				height: 48px;
				margin: 0;
				transform: translateX(-50%) scaleY(1);
				transform-origin: top center;
				background: linear-gradient(to bottom, rgba(128, 128, 128, 0) 0%, #808080 55%, #808080 100%);
				z-index: 2;
			}
			.clients__eyebrow-text {
				font-size: 14px;
				font-weight: 400;
				color: #808080;
				letter-spacing: 0;
				position: relative;
				z-index: 2;
			}
			.clients__stage {
				order: 1;
				min-height: 0;
				flex: 0 0 auto;
				padding: 0;
				margin: 0;
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			.clients__title {
				font-size: 30px;
				margin: 0;
				line-height: 1.3;
				text-align: center;
			}
			.clients__title-line--gold {
				font-weight: 800;
				color: #F1B01D;
			}
			.clients__title-line--dark {
				font-weight: 200;
				color: #1A1A1A;
			}
			.clients__intro {
				width: 100%;
				max-width: 295px;
				margin: 18px auto 0;
				margin-bottom: 0;
				text-align: center;
			}
			.clients__intro-text {
				max-width: 100%;
				margin-top: 0;
				font-size: 16px;
				font-weight: 300;
				line-height: 1.5;
				text-align: center;
				color: #808080;
				margin: 0;
			}
			.clients__intro-text .px-reveal__inner,
			.clients__intro .px-reveal__inner {
				font-size: 16px;
				line-height: 1.5;
			}
			.clients__intro-line {
				display: none;
			}
			.clients__title-desktop { display: none; }
			.clients__title-mobile { display: none; }
			.clients__avatars { display: none; }
			.clients__lines { display: none; }
			.clients__logos {
				order: 3;
				position: relative;
				left: auto;
				right: auto;
				bottom: auto;
				z-index: 3;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-items: center;
				gap: 0;
				max-width: none;
				width: 100%;
				margin: 28px 0 0;
				padding: 0;
				overflow: hidden;
				opacity: 1;
				visibility: visible;
				flex-shrink: 0;
				min-height: 110px;
				height: 110px;
			}
			.clients__logos-track {
				display: flex;
				align-items: center;
				width: max-content;
				animation: clients-marquee 55s linear infinite;
				will-change: transform;
			}
			.clients__logos-set {
				display: flex;
				align-items: center;
				gap: 18px;
				padding-inline-end: 18px;
				flex: 0 0 auto;
			}
			.clients__logos-set--clone {
				display: flex;
			}
			.clients__logo {
				flex: 0 0 auto;
				width: 110px;
				height: 110px;
				max-width: none;
			}
			.clients__logo img {
				width: auto;
				height: 96px;
				max-height: 96px;
				max-width: 110px;
				object-fit: contain;
				display: block;
			}
			@keyframes clients-marquee {
				from { transform: translate3d(0, 0, 0); }
				to { transform: translate3d(-50%, 0, 0); }
			}
			.intro {
				--m-scale: 0.8;
				--m-pad-x: calc(24px * var(--m-scale));
				--m-text-inset: calc(25px * var(--m-scale));
				background: #E9E8E8;
				height: 100vh;
				height: 100svh;
				height: 100dvh;
				min-height: 100vh;
				min-height: 100svh;
				min-height: 100dvh;
				max-height: 100vh;
				max-height: 100svh;
				max-height: 100dvh;
				overflow: hidden;
			}
			.intro__bg {
				display: block;
			}
			.intro__bg picture,
			.intro__bg img {
				width: 100%;
				height: 100%;
				display: block;
			}
			.intro__bg img {
				object-fit: fill;
			}
			.intro__wrap {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				height: 100%;
				min-height: 0;
				padding: 0 var(--m-pad-x);
				box-sizing: border-box;
			}
			.intro__title {
				display: block;
				flex-shrink: 0;
				position: relative;
				z-index: 2;
				margin: 0 0 28px;
				padding: 4px 14px;
				font-size: 16px;
				font-weight: 400;
				line-height: 1.4;
				color: #0a0a0a;
				text-align: center;
				background: #E9E8E8;
			}
			.intro__side-label {
				display: none;
			}
			.intro__panel {
				flex: 0 0 auto;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0;
				padding: 0;
				padding-right: 0;
				background: transparent;
				border-radius: 0;
				text-align: right;
				width: 100%;
				max-width: 100%;
				height: auto;
			}
			.intro__text {
				margin: 0 auto;
				width: auto;
				max-width: calc(100% - 26px);
				font-size: 18px;
				font-weight: 400;
				line-height: 1.6;
				text-align: right;
				color: #808080;
				margin-left: auto;
				margin-right: auto;
				background: #E9E8E8;
				padding: 10px 14px;
				box-sizing: border-box;
			}
			.intro__text-dark,
			.intro__text-muted {
				display: inline;
				margin-top: 0;
				color: #808080;
				font-weight: 400;
			}
			.intro__br {
				display: none;
			}
			.intro__br--mobile-gap {
				display: block;
			}
		}
		@media (max-width: 600px) {
			.section:not(.intro):not(.services) {
				padding: 0;
				padding-bottom: 28px;
			}
			.services { padding-top: 0; padding-bottom: 24px; }
			.services__grid,
			.stats__grid { grid-template-columns: repeat(2, 1fr); }
			.hero {
				--m-nav-to-title: 0;
				--m-title-desc: calc(22px * var(--m-scale));
				--m-title-step-2: 27%;
				--m-title-step-3: 31%;
			}
			.hero__title-line--1,
			.hero__title-accent {
				font-size: 30px;
			}
			.hero__cta-primary {
				font-size: 14px;
				padding-block: 7px;
				padding-inline: calc(16px * var(--m-scale));
				gap: 0;
			}
			.hero__cta-icon {
				width: 0;
				min-width: 0;
				height: calc(25px * var(--m-scale));
			}
			.hero__cta-secondary {
				font-size: 18px;
			}
			.hero__actions {
				width: 100%;
				max-width: min(340px, 100%);
				gap: 0;
				justify-content: space-between;
				direction: rtl;
				padding-left: 0;
			}
			.hero__graphic--small {
				left: 65%;
				top: calc(0px * var(--m-scale));
				width: calc(130px * var(--m-scale));
			}
			.hero__graphic--large {
				left: -24%;
				bottom: calc(141px * var(--m-scale));
				width: calc(200px * var(--m-scale));
			}
			.footer__frame {
				padding: 48px 20px 40px;
			}
			.footer__side--home {
				display: none;
			}
			.footer__side--top {
				display: flex;
				top: auto;
				bottom: 56px;
				left: 10px;
				transform: rotate(180deg);
				gap: 8px;
				font-size: 14px;
			}
			.footer__side--top .footer__up {
				width: 28px;
				height: 28px;
			}
			.footer__side--top .footer__up img {
				width: 28px;
				height: 28px;
			}
			.footer__inner {
				display: flex;
				flex-direction: column;
				gap: 36px;
				padding: 0 28px 0 36px;
			}
			.footer__brand {
				display: flex;
				flex-direction: column;
				align-items: center;
				text-align: center;
				width: 100%;
			}
			.footer__logo {
				margin-bottom: 14px;
			}
			.footer__logo img {
				height: 26px;
			}
			.footer__tagline {
				font-size: 18px;
				line-height: 1.85;
				margin: 0 0 20px;
				max-width: 280px;
				text-align: center;
			}
			.footer__newsletter {
				max-width: 100%;
				width: 100%;
				height: 48px;
				margin-bottom: 0;
			}
			.footer__newsletter input {
				font-size: 14px;
				color: #E9E8E8;
				padding: 0 16px;
			}
			.footer__newsletter button {
				width: 38px;
				height: 38px;
			}
			.footer__newsletter button svg {
				width: 14px;
				height: 14px;
				transform: none;
			}
			.footer__nav {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 16px;
				padding-top: 0;
				width: 100%;
			}
			.footer__quick,
			.footer__coverage {
				text-align: right;
			}
			.footer__nav h4 {
				font-size: 14px;
				margin: 0 0 12px;
			}
			.footer__coverage-desk {
				display: none;
			}
			.footer__coverage-mob {
				display: block;
			}
			.footer__links {
				margin: 0;
			}
			.footer__links li {
				margin: 0 0 8px;
			}
			.footer__links a,
			.footer__phones li {
				font-size: 0.6875rem;
				line-height: 1.8;
			}
			.footer__meta {
				display: flex;
				flex-direction: column;
				align-items: center;
				text-align: center;
				gap: 20px;
			}
			.footer__social {
				justify-content: center;
				margin-bottom: 0;
				gap: 12px;
			}
			.footer__social a {
				width: 36px;
				height: 36px;
				border-radius: 9px;
				background: transparent;
			}
			.footer__social a img {
				width: 20px;
				height: 20px;
			}
			.footer__copy {
				font-size: 14px;
				text-align: center;
			}
		}

		@media (max-width: 600px) {
			.footer__frame {
				padding: 84px 20px 40px;
			}
			.footer__inner {
				display: flex;
				flex-direction: column;
				gap: 36px;
				padding: 0 14px;
			}
			.footer__tagline {
				font-size: 18px;
				line-height: 1.85;
				margin: 0 0 20px;
				max-width: 280px;
				text-align: center;
			}
			.footer__nav h4 {
				font-size: 14px;
				margin: 0 0 12px;
			}
			.footer__links a,
			.footer__phones li {
				font-size: 14px;
				line-height: 1.8;
			}
			.footer__links li {
				margin: 0;
			}
			.footer__meta {
				display: flex;
				flex-direction: column;
				align-items: center;
				text-align: center;
				gap: 20px;
				margin-inline: auto;
			}
			.footer__side--top {
				display: flex;
				top: auto;
				bottom: 51px;
				left: 30px;
				transform: rotate(180deg);
				gap: 8px;
				font-size: 14px;
				word-spacing: 3px;
			}
		}

		/* ── موبایل: بدون پارالکس / بدون گوشه گرد ── */
		@media (max-width: 767px) {
			header.px-stack,
			section.px-stack,
			footer.px-stack {
				position: relative !important;
				top: auto !important;
				z-index: auto !important;
				box-shadow: none !important;
				border-radius: 0 !important;
				margin-top: 0 !important;
			}
			header.px-stack#top {
				border-radius: 0;
				margin-top: 0;
				box-shadow: none;
			}
		}
		@media (min-width: 768px), (prefers-reduced-motion: reduce) {
			header.px-stack,
			section.px-stack,
			footer.px-stack {
				position: relative !important;
				top: auto !important;
				margin-top: 0 !important;
				border-radius: 0 !important;
				box-shadow: none !important;
			}
		}
		@media (prefers-reduced-motion: reduce) {
			.clients__logos-track {
				animation: none;
			}
		}

		/* ── Consult popup ── */
		.consult-popup {
			position: fixed;
			inset: 0;
			z-index: 20000;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 24px 16px;
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
			transition: opacity .25s ease, visibility .25s ease;
		}
		.consult-popup.is-open {
			opacity: 1;
			visibility: visible;
			pointer-events: auto;
		}
		.consult-popup__backdrop {
			position: absolute;
			inset: 0;
			border: none;
			padding: 0;
			background: rgba(10, 10, 10, .62);
			cursor: pointer;
		}
		.consult-popup__dialog {
			position: relative;
			z-index: 1;
			width: 600px;
			max-width: min(600px, 100%);
			height: 600px;
			max-height: min(92vh, 720px);
			overflow: auto;
			background: linear-gradient(180deg, #EDD6A2 0%, #D9D9D9 100%);
			border-radius: 20px;
			padding: 52px 28px 32px;
			text-align: center;
			box-shadow: 0 24px 64px rgba(0, 0, 0, .35);
			display: none;
			flex-direction: column;
			align-items: center;
			transform: translateY(12px) scale(.98);
			transition: transform .25s ease;
		}
		.consult-popup.is-open .consult-popup__dialog.is-active {
			display: flex;
			transform: translateY(0) scale(1);
		}
		.consult-popup__close {
			position: absolute;
			top: 16px;
			right: 16px;
			width: 36px;
			height: 36px;
			border: none;
			background: transparent;
			cursor: pointer;
			color: #0A0A0A;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 8px;
		}
		.consult-popup__close:hover { background: rgba(0, 0, 0, .06); }
		.consult-popup__close svg { width: 16px; height: 16px; display: block; }
		.consult-popup__icon {
			width: 88px;
			height: 88px;
			margin: 4px auto 24px;
			border-radius: 50%;
			background: var(--gold);
			display: flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
		}
		.consult-popup__icon--phone img {
			width: 42px;
			transform: rotate(4deg);
			display: block;
		}
		.consult-popup__icon--success img {
			width: 36px;
			display: block;
		}
		.consult-popup__title {
			font-size: 18px;
			font-weight: 400;
			line-height: 1.85;
			color: #0A0A0A;
			margin: 0 0 28px;
			max-width: 280px;
		}
		.consult-popup__title strong { font-weight: 700; }
		.consult-popup__accent {
			font-weight: 700;
			color: var(--teal);
		}
		.consult-popup__desc {
			font-size: 16px;
			font-weight: 400;
			line-height: 1.85;
			color: #0A0A0A;
			margin: 0 0 32px;
			max-width: 280px;
		}
		.consult-popup__desc strong { font-weight: 700; }
		.consult-popup__form {
			display: flex;
			align-items: center;
			direction: ltr;
			width: 100%;
			max-width: 300px;
			height: 52px;
			margin: 0 auto 32px;
			background: var(--teal);
			border-radius: 999px;
			padding: 7px;
		}
		.consult-popup__form input {
			flex: 1;
			min-width: 0;
			height: 100%;
			border: none;
			background: transparent;
			outline: none;
			color: #fff;
			font-family: inherit;
			font-size: 15px;
			direction: rtl;
			text-align: right;
			padding: 0 18px;
		}
		.consult-popup__form input::placeholder { color: rgba(255,255,255,.72); }
		.consult-popup__form button {
			flex-shrink: 0;
			width: 42px;
			height: 42px;
			border: none;
			border-radius: 50%;
			background: var(--gold);
			color: #0A0A0A;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			padding: 0;
		}
		.consult-popup__form button svg { width: 16px; height: 16px; display: block; }

		/* گرویتی فرم داخل پاپ‌آپ — همان کپسول تیره و دکمهٔ طلایی */
		.consult-popup__gf {
			width: 100%;
			max-width: 300px;
			margin: 0 auto 32px;
		}
		.consult-popup__gf .gform_wrapper,
		.consult-popup__gf .gform_heading,
		.consult-popup__gf .gform_title,
		.consult-popup__gf .gform_description,
		.consult-popup__gf .gform_required_legend,
		.consult-popup__gf .gfield_label,
		.consult-popup__gf .gfield_description,
		.consult-popup__gf .gform_validation_container,
		.consult-popup__gf .gform_ajax_spinner,
		.consult-popup__gf .gf_progressbar_wrapper,
		.consult-popup__gf .gfield_visibility_hidden {
			display: none !important;
		}
		.consult-popup__gf .gform_wrapper {
			display: block !important;
			margin: 0;
		}
		.consult-popup__gf form {
			display: flex;
			align-items: center;
			direction: rtl;
			width: 100%;
			min-height: 52px;
			margin: 0;
			background: var(--teal);
			border-radius: 999px;
			padding: 7px;
			box-sizing: border-box;
		}
		.consult-popup__gf .gform_body,
		.consult-popup__gf .gform_fields,
		.consult-popup__gf .gfield,
		.consult-popup__gf .ginput_container {
			flex: 1 1 auto;
			min-width: 0;
			margin: 0 !important;
			padding: 0 !important;
			border: 0 !important;
			background: transparent !important;
			height: auto;
		}
		.consult-popup__gf .gform_fields {
			display: block;
		}
		.consult-popup__gf input[type="text"],
		.consult-popup__gf input[type="tel"],
		.consult-popup__gf input[type="email"],
		.consult-popup__gf input[type="number"],
		.consult-popup__gf input[type="phone"] {
			width: 100% !important;
			height: 38px !important;
			margin: 0 !important;
			padding: 0 18px !important;
			border: none !important;
			border-radius: 0 !important;
			background: transparent !important;
			box-shadow: none !important;
			outline: none !important;
			color: #fff !important;
			font-family: inherit !important;
			font-size: 15px !important;
			direction: rtl;
			text-align: right;
		}
		.consult-popup__gf input::placeholder { color: rgba(255,255,255,.72) !important; }
		.consult-popup__gf .gform_footer {
			margin: 0 !important;
			padding: 0 !important;
			width: auto !important;
			flex: 0 0 auto;
		}
		.consult-popup__gf .gform_button,
		.consult-popup__gf input[type="submit"],
		.consult-popup__gf button[type="submit"] {
			width: 42px !important;
			height: 42px !important;
			min-width: 42px !important;
			margin: 0 !important;
			padding: 0 !important;
			border: none !important;
			border-radius: 50% !important;
			background-color: var(--gold) !important;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.667 8H3.333' stroke='%230A0A0A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 12.667L3.333 8L8 3.333' stroke='%230A0A0A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
			background-repeat: no-repeat !important;
			background-position: center !important;
			background-size: 16px 16px !important;
			color: transparent !important;
			font-size: 0 !important;
			line-height: 0 !important;
			box-shadow: none !important;
			cursor: pointer;
		}
		.consult-popup__gf .gform_confirmation_message {
			color: #1A1A1A;
			font-size: 16px;
			line-height: 1.8;
			text-align: center;
			margin: 0;
		}
		.consult-popup__gf .gfield_validation_message,
		.consult-popup__gf .validation_message {
			display: block !important;
			width: 100%;
			margin: 8px 0 0;
			color: #6b1d1d;
			font-size: 12px;
			text-align: right;
			background: transparent;
		}
		.consult-popup__gf form.gform_validation_error,
		.consult-popup__gf .gform_validation_error form {
			height: auto;
			flex-wrap: wrap;
			border-radius: 26px;
		}
		.consult-popup__platforms {
			margin-bottom: 36px;
			margin-top: 3rem;
			width: 100%;
		}
		.consult-popup__platforms-label {
			font-size: 14px;
			font-weight: 400;
			color: #0A0A0A;
			margin: 0 0 16px;
		}
		.consult-popup__social {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 22px;
			direction: rtl;
		}
		.consult-popup__social a {
			display: flex;
			align-items: center;
			justify-content: center;
			text-decoration: none;
			background: transparent;
			transition: opacity .2s;
		}
		.consult-popup__social a:hover { opacity: 1; }
		.consult-popup__social a img {
			display: block;
			width: 28px;
			height: 28px;
			object-fit: contain;
			filter: brightness(0) invert(1) opacity(0.85);
			transition: filter .22s ease;
		}
		.consult-popup__social a:hover img,
		.consult-popup__social a:focus-visible img {
			filter: brightness(0) saturate(100%) invert(72%) sepia(61%) saturate(1200%) hue-rotate(359deg) brightness(101%) contrast(98%);
		}
		.consult-popup__brand {
			display: flex;
			justify-content: center;
			line-height: 0;
		}
		.consult-popup__brand img {
			height: 23px;
			width: auto;
			position: absolute;
			bottom: 32px;
			left: 50%;
			transform: translateX(-50%);
		}
		body.consult-open {
			overflow: hidden;
		}
		@media (max-width: 767px) {
			.consult-popup__dialog {
				padding: 53px 28px 32px;
				height: 532px;
				width: min(600px, 100%);
			}
			.consult-popup__platforms {
				margin-bottom: 36px;
				margin-top: 2.5rem;
				width: 100%;
			}
			.consult-popup__icon { width: 80px; height: 80px; margin-bottom: 20px; }
			.consult-popup__icon--phone img { width: 38px; }
			.consult-popup__title { font-size: 16px; margin-bottom: 22px; }
			.consult-popup__form { height: 48px; margin-bottom: 26px; }
			.consult-popup__form button { width: 38px; height: 38px; }
		}

		/* ── Mobile-only layout / motion (does not affect desktop) ── */
		@media (max-width: 767px) {
			/* حالت قبلی Lenis pin (وقتی soft-slide خاموش باشد) */
			html.is-section-pinned,
			html.is-section-pinned body,
			html.is-section-traveling,
			html.is-section-traveling body {
				overscroll-behavior: none;
				touch-action: none;
			}
			html.is-section-pinned .pricing__grid,
			html.is-section-traveling .pricing__grid {
				touch-action: pan-x !important;
			}

			/* ── تست: اسلاید با transform (بدون اسکرول واقعی) ── */
			html.is-soft-slide,
			html.is-soft-slide body {
				height: 100%;
				overflow: hidden !important;
				overscroll-behavior: none;
				touch-action: none;
				background: #0a0a0a;
			}
			html.is-soft-slide .pricing__grid {
				touch-action: pan-x !important;
			}
			html.is-soft-slide header.px-stack,
			html.is-soft-slide section.px-stack,
			html.is-soft-slide footer.px-stack {
				position: fixed !important;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				height: 100% !important;
				height: 100dvh !important;
				min-height: 0 !important;
				max-height: none !important;
				margin: 0 !important;
				overflow: hidden;
				contain: paint;
				backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translate3d(0, 100%, 0);
				transform: translate3d(0, 100%, 0);
				/* نرم‌تر از بنر Echo — مدت بیشتر، شتاب ملایم‌تر */
				transition: transform 1.45s cubic-bezier(0.33, 0.0, 0.2, 1);
				z-index: 1;
				pointer-events: none;
				visibility: hidden;
			}
			/* فقط سه پنل فعال لایه GPU — نه همه سکشن‌ها */
			html.is-soft-slide .px-stack.is-soft-on,
			html.is-soft-slide .px-stack.is-soft-prev,
			html.is-soft-slide .px-stack.is-soft-next {
				will-change: transform;
			}
			html.is-soft-slide:not(.is-soft-busy) .px-stack.is-soft-on,
			html.is-soft-slide:not(.is-soft-busy) .px-stack.is-soft-prev,
			html.is-soft-slide:not(.is-soft-busy) .px-stack.is-soft-next {
				will-change: auto;
			}
			/* فقط پنل‌های کناری (نه سکشن فعال) — pause روی is-soft-on باعث فریز هاله/@property می‌شد */
			html.is-soft-slide #process.is-soft-prev .process-step__card::before,
			html.is-soft-slide #process.is-soft-prev .process-step__card::after,
			html.is-soft-slide #process.is-soft-next .process-step__card::before,
			html.is-soft-slide #process.is-soft-next .process-step__card::after {
				animation-play-state: paused !important;
			}
			html.is-soft-slide #plan.is-soft-prev .pricing__graphic--mobile.is-floating img,
			html.is-soft-slide #plan.is-soft-next .pricing__graphic--mobile.is-floating img {
				animation-play-state: paused !important;
			}
			/* پوشش ۱px لبه بالا تا خط مویی/بی‌کیفیتی نماند */
			html.is-soft-slide header.px-stack#top {
				background-color: var(--teal);
			}
			html.is-soft-slide header.px-stack#top .hero__bg {
				top: -1px;
				bottom: -1px;
				height: auto;
			}
			html.is-soft-slide header.px-stack#top .hero__bg img {
				object-fit: cover;
				object-position: center top;
				transform: translateZ(0) scale(1.02);
				transform-origin: center top;
			}
			html.is-soft-slide .px-stack.is-soft-on {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				z-index: 3;
				pointer-events: auto;
				visibility: visible;
			}
			html.is-soft-slide .px-stack.is-soft-prev {
				-webkit-transform: translate3d(0, calc(-100% + 1px), 0);
				transform: translate3d(0, calc(-100% + 1px), 0);
				z-index: 2;
				visibility: visible;
			}
			html.is-soft-slide .px-stack.is-soft-next {
				-webkit-transform: translate3d(0, calc(100% - 1px), 0);
				transform: translate3d(0, calc(100% - 1px), 0);
				z-index: 2;
				visibility: visible;
			}
			/* لوگوهای همراهان — وسط چیدمان، سبز، بدون جمع شدن */
			html.is-soft-slide #clients .clients__logos {
				position: relative !important;
				left: auto !important;
				right: auto !important;
				bottom: auto !important;
				flex-shrink: 0 !important;
				min-height: 110px !important;
				height: 110px !important;
				opacity: 1 !important;
				visibility: visible !important;
				overflow: hidden !important;
				z-index: 3 !important;
				margin-top: 28px !important;
			}
			html.is-soft-slide #clients .clients__logo {
				width: 110px !important;
				height: 110px !important;
			}
			html.is-soft-slide #clients .clients__logo img {
				height: 96px !important;
				max-height: 96px !important;
				max-width: 110px !important;
				opacity: 1 !important;
			}
			html.is-soft-slide #clients .clients__logos-set {
				gap: 18px !important;
				padding-inline-end: 18px !important;
			}
			/* موقع درگ اولیه / ست‌آپ: بدون ترنزیشن */
			html.is-soft-slide.is-soft-snap .px-stack {
				transition: none !important;
			}
		}

		@media (max-width: 767px) {
			:root {
				--m-gutter: 5vw;
				--m-title-top: clamp(16px, 4.8vh, 28px);
				--m-section-top: var(--m-title-top);
			}

			header.px-stack,
			section.px-stack,
			footer.px-stack {
				box-sizing: border-box;
			}
			/* هر سکشن = تمام ارتفاع گوشی — بدون overflow داخلی تا Lenis کار کند */
			header.px-stack,
			section.px-stack,
			footer.px-stack {
				height: 100vh;
				height: 100svh;
				height: 100dvh;
				min-height: 100vh;
				min-height: 100svh;
				min-height: 100dvh;
				max-height: 100vh;
				max-height: 100svh;
				max-height: 100dvh;
				overflow: hidden;
				/* contain سنگین هنگام اسکرول = لگ؛ فقط paint */
				contain: paint;
			}
			/* فوتر: هدر استیکی پنهان */
			body.is-nav-hidden .hero__nav {
				opacity: 0 !important;
				visibility: hidden;
				pointer-events: none;
				transition: opacity .28s ease, visibility .28s ease;
			}
			/* soft-slide: باید fixed بمانند — relative باعث جدا شدن پنل‌ها می‌شود */
			html:not(.is-soft-slide) section.px-stack#services,
			html:not(.is-soft-slide) section.px-stack.stats,
			html:not(.is-soft-slide) .stats.px-stack {
				position: relative !important;
			}
			html.is-soft-slide section.px-stack#services,
			html.is-soft-slide section.px-stack#stats,
			html.is-soft-slide section.px-stack.stats {
				position: fixed !important;
			}

			.section.clients,
			.section.pricing,
			.section.faq,
			.stats {
				padding-bottom: 20px;
			}

			/* فاصله چپ/راست یکسان — به‌جز چرا دات‌نکس */
			.hero { --m-pad-x: var(--m-gutter); }
			.services { --m-pad-x: var(--m-gutter); }
			.stats {
				--m-pad-x: var(--m-gutter);
				padding-top: 0;
				padding-left: var(--m-gutter);
				padding-right: var(--m-gutter);
				padding-bottom: 0;
				border: none;
				box-shadow: none !important;
				position: relative;
				overflow: hidden;
				background: #1A1A1A;
			}
			.stats__kicker {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				width: min(260px, 70%);
				margin: 0 auto 4%;
				padding: 0;
				border: none;
				background: none;
				font-size: 14px;
				font-weight: 400;
				line-height: 1.4;
				text-align: center;
				color: rgba(255, 255, 255, .55);
			}
			.stats__eyebrow {
				display: none;
			}
			.stats__kicker-line {
				display: block;
				flex: 1 1 auto;
				min-width: 32px;
				height: 1.5px;
				flex-shrink: 1;
				border: none;
				box-shadow: none;
				transform-origin: center;
				will-change: transform;
			}
			/* RTL: خط اول سمت راست متن — طلایی نزدیک متن، محو به بیرون */
			.stats__kicker-line:first-child {
				transform-origin: left center;
				background: linear-gradient(
					to right,
					#F1B01D 0%,
					rgba(241, 176, 29, .45) 48%,
					rgba(241, 176, 29, 0) 100%
				);
			}
			/* خط دوم سمت چپ متن */
			.stats__kicker-line:last-child {
				transform-origin: right center;
				background: linear-gradient(
					to left,
					#F1B01D 0%,
					rgba(241, 176, 29, .45) 48%,
					rgba(241, 176, 29, 0) 100%
				);
			}
			.stats__kicker-text {
				display: inline-block;
				flex-shrink: 0;
				font-weight: 400;
				color: #808080;
			}
			.stats__kicker-bulb {
				display: none;
			}
			.stats__tag {
				display: none;
			}
			.stats__title-line--1 {
				gap: 0;
				justify-content: center;
			}
			.clients__inner { padding-left: var(--m-gutter); padding-right: var(--m-gutter); }
			.clients {
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding: 0 var(--m-gutter);
				background: #F2F2F2;
				position: relative;
			}
			.clients__inner {
				flex: 1 1 auto;
				min-height: 0;
				height: 100%;
				justify-content: center;
				align-items: center;
				padding-bottom: 0;
				box-sizing: border-box;
			}
			.clients__inner::before {
				display: none;
			}
			.clients__eyebrow {
				margin: 0 0 20px;
				gap: 0;
			}
			.clients__eyebrow-line {
				position: absolute;
				top: 0;
				left: 50%;
				width: 2px;
				height: 48px;
				transform: translateX(-50%) scaleY(1);
				transform-origin: top center;
			}
			.clients__eyebrow-text {
				font-size: 14px;
				color: #808080;
			}
			.clients__stage {
				order: 1;
				flex: 0 0 auto;
			}
			.clients__title {
				font-size: 30px;
				margin-top: 0;
				line-height: 1.3;
			}
			.clients__title-line--dark {
				font-weight: 200;
				color: #1A1A1A;
			}
			.clients__intro {
				margin-top: 18px;
				margin-bottom: 0;
				max-width: 295px;
				text-align: center;
			}
			.clients__intro-text {
				margin-top: 0;
				font-size: 16px;
				line-height: 1.5;
				text-align: center;
				color: #808080;
				font-weight: 300;
			}
			.clients__intro-text .px-reveal__inner,
			.clients__intro .px-reveal__inner {
				font-size: 16px;
				line-height: 1.5;
			}
			.clients__logos {
				order: 3;
				position: relative;
				left: auto;
				right: auto;
				bottom: auto;
				z-index: 3;
				margin-top: 28px;
				margin-bottom: 0;
				overflow: hidden;
				flex-shrink: 0;
				min-height: 110px;
				height: 110px;
				width: 100%;
				opacity: 1;
				visibility: visible;
			}
			.clients__logos-set {
				gap: 18px;
				padding-inline-end: 18px;
			}
			.clients__logo {
				width: 110px;
				height: 110px;
			}
			.clients__logo img {
				height: 96px;
				max-height: 96px;
				max-width: 110px;
				width: auto;
			}
			.process {
				padding: 0;
				--wire-box-gap: 28px;
				box-sizing: border-box;
			}
			.process .container {
				padding: 1.5rem 1rem 1.25rem;
				display: flex;
				flex-direction: column;
				justify-content: center;
				min-height: 100%;
				height: 100%;
				box-sizing: border-box;
			}
			.process__header {
				display: block;
				position: static;
				transform: none;
				text-align: center;
				margin: 0 auto 20px;
				padding-top: 0;
				width: 100%;
			}
			.process__eyebrow {
				text-align: center;
				color: #808080;
				margin-bottom: 0;
			}
			.process__title {
				text-align: center;
				color: #808080;
			}
			.process__track {
				overflow: visible;
				align-items: center;
				max-width: 360px;
				margin: 0 auto;
				padding: 16px 40px;
			}
			.process-step,
			.process-step--right,
			.process-step--left {
				align-self: center !important;
				width: 100%;
				max-width: 280px;
				margin: 0 auto !important;
				overflow: visible;
			}
			.process-step__card {
				padding: 2.5px;
				border-radius: 14px;
				overflow: visible !important;
				box-shadow: 0 10px 28px rgba(0, 0, 0, .4);
				background: transparent;
			}
			.process-step__card::before,
			.process-step--left .process-step__card::before {
				inset: 0;
				padding: 2.5px;
				opacity: 1;
				filter: none;
				transition: opacity .55s ease;
				background: conic-gradient(
					from var(--halo-spin, -90deg),
					rgba(210, 210, 210, .95) 0deg,
					rgba(180, 180, 180, .7) 55deg,
					rgba(120, 120, 120, .25) 110deg,
					rgba(40, 40, 40, 0) 155deg,
					rgba(40, 40, 40, 0) 250deg,
					rgba(160, 160, 160, .55) 310deg,
					rgba(210, 210, 210, .95) 360deg
				);
				-webkit-mask:
					linear-gradient(#fff 0 0) content-box,
					linear-gradient(#fff 0 0);
				-webkit-mask-composite: xor;
				mask:
					linear-gradient(#fff 0 0) content-box,
					linear-gradient(#fff 0 0);
				mask-composite: exclude;
			}
			.process-step__card::after,
			.process-step--left .process-step__card::after {
				content: '';
				display: block;
				position: absolute;
				inset: 0;
				border-radius: inherit;
				box-sizing: border-box;
				padding: 2.5px;
				pointer-events: none;
				z-index: 0;
				opacity: var(--step-gold, 0);
				transition: opacity 2s cubic-bezier(0.22, 1, 0.36, 1);
				background: conic-gradient(
					from var(--halo-spin, -90deg),
					#F1B01D 0deg,
					rgba(241, 176, 29, .85) 55deg,
					rgba(241, 176, 29, .2) 110deg,
					transparent 155deg,
					transparent 250deg,
					rgba(241, 176, 29, .55) 310deg,
					#F1B01D 360deg
				);
				-webkit-mask:
					linear-gradient(#fff 0 0) content-box,
					linear-gradient(#fff 0 0);
				-webkit-mask-composite: xor;
				mask:
					linear-gradient(#fff 0 0) content-box,
					linear-gradient(#fff 0 0);
				mask-composite: exclude;
				animation: process-halo-spin 6.5s linear infinite;
				animation-play-state: paused;
			}
			.process-step__card::before {
				animation: process-halo-spin 6.5s linear infinite;
				animation-play-state: paused;
			}
			.process-step.is-active .process-step__card::before,
			.process-step.is-active .process-step__card::after,
			.process-step.is-fading .process-step__card::before,
			.process-step.is-fading .process-step__card::after,
			.process-step--1:not(.process-step--js) .process-step__card::before,
			.process-step--1:not(.process-step--js) .process-step__card::after {
				animation-play-state: running;
			}
			.process-step.is-active,
			.process-step--1:not(.process-step--js) {
				animation: none;
			}
			.process-step__icon {
				right: -20px;
			}
			.process-step--1 .process-step__rail {
				display: block;
				left: calc(100% + 22px);
				right: auto;
				width: min(18vw, 56px);
				max-width: 64px;
				height: 2.5px;
				border-radius: 2px;
				background: linear-gradient(to left, rgba(241, 176, 29, 0), #F1B01D 35%, #F1B01D);
				opacity: var(--step-gold, 0);
				transition: opacity .55s ease;
			}
			.process-step:not(.process-step--1) .process-step__rail {
				display: none !important;
			}
			.pricing .container { padding-inline: 0; }
			.pricing {
				padding: 0 !important;
				padding-top: 2rem !important;
				justify-content: center;
				box-sizing: border-box;
			}
			.pricing__frame {
				width: 100%;
			}
			.pricing .container {
				padding-top: 0 !important;
			}
			.pricing__header {
				padding-left: var(--m-gutter);
				padding-right: var(--m-gutter);
			}
			@keyframes pricing-float {
				0%, 100% { transform: translate3d(0, 0, 0); }
				50% { transform: translate3d(5px, -12px, 0); }
			}
			.pricing__graphic--mobile.is-floating img {
				animation: pricing-float 6.8s ease-in-out infinite;
				will-change: auto;
			}
			.pricing__grid {
				scroll-padding-inline: var(--m-gutter);
				padding-inline: var(--m-gutter);
			}
			.faq {
				padding: 1.25rem 0;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
			.faq__inner {
				padding-left: var(--m-gutter);
				padding-right: var(--m-gutter);
				padding-top: 0;
				padding-bottom: 0;
			}
			.footer__frame {
				padding-left: var(--m-gutter);
				padding-right: var(--m-gutter);
			}
			.footer__inner { padding-left: 0; padding-right: 0; }

			/* خدمات تخصصی — مطابق طرح موبایل */
			.services {
				display: flex;
				flex-direction: column;
				position: relative;
				padding-top: 0;
				padding-bottom: 16px;
			}
			.services__eyebrow {
				flex-direction: column;
				align-items: center;
				justify-content: flex-start;
				gap: 0;
				margin: 0;
				width: 100%;
				direction: rtl;
				position: static;
				padding-top: 0;
			}
			.services__eyebrow-text {
				order: 0;
				margin-left: 0;
				flex: none;
				width: auto;
				min-width: 0;
				font-size: 14px;
				font-weight: 500;
				text-align: center;
				color: rgba(255, 255, 255, .5);
				background: none;
				-webkit-text-fill-color: rgba(255, 255, 255, .5);
				animation: none;
				white-space: normal;
				direction: rtl;
				position: relative;
				z-index: 1;
			}
			.services__eyebrow-line {
				position: absolute;
				top: 0;
				left: 50%;
				right: auto;
				bottom: auto;
				transform: translateX(-50%);
				transform-origin: 50% 0%;
				order: 0;
				flex: none;
				width: 1.5px;
				min-width: 1.5px;
				/* ارتفاع دقیق با JS تا قبل از «هر آنچه» قطع شود */
				height: 100px;
				margin: 0;
				z-index: 2;
				background: linear-gradient(
					to bottom,
					rgba(241, 176, 29, 0) 0%,
					rgba(241, 176, 29, .35) 40%,
					rgba(241, 176, 29, .85) 75%,
					#F1B01D 100%
				);
				pointer-events: none;
			}
			.services__title {
				margin: 0;
				font-size: 24px;
				line-height: 1.35;
				text-align: center;
				justify-content: center;
				margin-bottom: 20px;
			}
			.services__title strong {
				font-weight: 700;
				color: #fff;
			}
			.services__title-light {
				font-weight: 300;
				color: rgba(233, 232, 232, .7);
			}
			.services__thumb {
				width: min(320px, 88vw);
				height: 90px;
				margin: 0 0 30px;
				border: 1px solid rgba(233, 232, 232, .2);
				border-radius: 999px;
				overflow: hidden;
			}
			.services__thumb img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center 35%;
				display: block;
			}
			.services__frame {
				flex: 1 1 auto;
				min-height: 0;
				display: flex;
				flex-direction: column;
				padding-inline: var(--m-gutter);
			}
			.services__content {
				flex: 1 1 auto;
				min-height: 0;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				padding-top: 2.75rem;
				box-sizing: border-box;
			}
			.services__grid {
				flex: 0 0 auto;
				width: 100%;
				margin-top: 0;
				position: relative;
				background-image: none;
			}
			.services__grid::before,
			.services__grid::after {
				display: none !important;
			}
			.service-card { padding: 18px 10px 16px; }
			.service-card__icon {
				width: 30px;
				height: 30px;
				margin-bottom: 10px;
			}
			.service-card h3 {
				font-size: 16px;
				font-weight: 700;
				margin-bottom: 8px;
				color: #fff;
			}
			.service-card p {
				font-size: 12px;
				line-height: 1.5;
				color: rgba(255, 255, 255, .45);
			}

			.intro {
				height: 100vh !important;
				height: 100svh !important;
				height: 100dvh !important;
				min-height: 100vh !important;
				min-height: 100svh !important;
				min-height: 100dvh !important;
				max-height: 100vh !important;
				max-height: 100svh !important;
				max-height: 100dvh !important;
				background: #E9E8E8;
				overflow: hidden;
			}
			.intro__wrap {
				height: 100% !important;
				min-height: 0 !important;
				position: relative;
				z-index: 1;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
			.intro__bg {
				display: block;
				position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
				z-index: 0;
			}
			.intro__bg picture,
			.intro__bg img {
				width: 100%;
				height: 100%;
				object-fit: fill;
			}
			.intro__title {
				flex-shrink: 0;
				margin: 0 0 28px;
				padding: 4px 14px;
				font-size: 16px;
				text-align: center;
				background: #E9E8E8;
				font-weight: 400;
			}
			.intro__panel {
				flex: 0 0 auto;
				display: flex;
				align-items: center;
				justify-content: center;
				align-self: center;
				width: 100%;
				max-width: 100%;
				min-height: 0;
				height: auto;
				background: transparent;
				padding: 0;
				margin: 0;
			}
			.intro__text {
				width: auto;
				max-width: calc(100% - 26px);
				font-size: 18px;
				background: #E9E8E8;
				padding: 10px 14px;
				text-align: right;
				box-sizing: border-box;
				overflow: hidden;
			}
			.intro__text,
			.intro__word {
				font-weight: 500;
			}
			.intro__word {
				color: #808080;
				display: inline-block;
				backface-visibility: hidden;
			}
			.intro__text.is-intro-animating .intro__word {
				will-change: transform, opacity;
			}
			.intro__word.is-lit {
				color: #717171;
				font-weight: 200;
				font-size: 18px;
			}
			.intro__word--slogan {
				font-weight: 600;
			}
			.intro__word--slogan.is-lit {
				color: #0A0A0A;
				font-weight: 600;
				font-size: 16px;
			}
			.intro__text.is-slogan-stage {
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				justify-content: center;
				gap: 0;
				min-height: 0;
				overflow: hidden;
			}
			.intro__slogan-row {
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				justify-content: center;
				gap: 0.28em;
				width: 100%;
				overflow: visible;
				isolation: isolate;
			}
			.intro__text.is-slogan-stage .intro__word--slogan {
				position: relative;
				white-space: nowrap;
			}

			/* سایدبار: لوگوی طوسی پایین پاپاپ */
			.mnav__panel {
				display: flex;
				flex-direction: column;
			}
			.mnav__foot {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: flex-end;
				margin-top: auto;
				padding-top: 24px;
			}
			.mnav__social-label,
			.mnav__social {
				display: none;
			}
			.mnav__brand {
				display: block;
				opacity: 1;
				margin-top: 0;
			}
			.mnav__brand img {
				height: 18px;
				width: auto;
			}

			/* مراحل: حلقه طوسی روی ::before می‌چرخد — بدون فریم ثابت */
			.process-step__card {
				background: transparent;
				overflow: visible !important;
			}
			.process-step__card::before,
			.process-step__icon img,
			.process-step__rail {
				transition-duration: .55s;
			}
			.process__wire svg {
				display: block;
				width: 100%;
				height: 100%;
				overflow: visible;
			}
			.process__wire .wire-gold-flow {
				fill: none;
				stroke: #F1B01D !important;
				stroke-linecap: round;
				stroke-linejoin: round;
				/* موبایل: بدون drop-shadow — همان خط طلایی، GPU سبک‌تر */
				filter: none;
			}
			.process__wire .wire-gold-orb {
				fill: #F1B01D;
				filter: none;
			}
			.process__wire.is-gold svg {
				filter: brightness(0) saturate(100%) invert(77%) sepia(48%) saturate(980%) hue-rotate(358deg) brightness(1.03) contrast(1.05);
			}
		}

		@keyframes stats-bulb-on {
			0%, 38% {
				filter: grayscale(1) brightness(1.8) opacity(0.55);
			}
			40%, 82% {
				filter: grayscale(0) brightness(1) drop-shadow(0 0 6px rgba(241, 176, 29, .85));
			}
			84%, 100% {
				filter: grayscale(1) brightness(1.8) opacity(0.55);
			}
		}
		@keyframes services-gold-sweep {
			0% { background-position: 100% 0; }
			68% { background-position: 0% 0; }
			100% { background-position: 0% 0; }
		}
		@media (prefers-reduced-motion: reduce) {
			.services__eyebrow-text {
				animation: none;
				-webkit-text-fill-color: rgba(255, 255, 255, .5);
				background: none;
				color: rgba(255, 255, 255, .5);
			}
			.stats__kicker-bulb {
				animation: none;
			}
		}

		/* گوشی کوتاه (SE و مشابه) — دکمه‌ها داخل هیرو بمانند */
		@media (max-width: 767px) and (max-height: 700px) {
			.hero {
				height: 100vh;
				height: 100svh;
				height: 100dvh;
				min-height: 100vh;
				min-height: 100svh;
				min-height: 100dvh;
				max-height: 100vh;
				max-height: 100svh;
				max-height: 100dvh;
				overflow: hidden;
			}
			.hero .hero__frame {
				height: 100%;
				min-height: 0;
				overflow: hidden;
				justify-content: center;
				padding: var(--hero-pad-top, calc(80px + env(safe-area-inset-top, 0px))) var(--m-pad-x) var(--hero-pad-bottom, calc(8px + env(safe-area-inset-bottom, 0px)));
			}
			.hero__title {
				margin: 0 auto !important;
				flex-shrink: 0;
			}
			.hero__content {
				flex: 0 1 auto;
				gap: 100px !important;
				min-height: 0;
				justify-content: flex-start;
				margin: 0 auto !important;
			}
			.hero__desc {
				margin: 0 auto !important;
			}
			.hero__actions {
				width: 100%;
				max-width: min(340px, 100%);
				justify-content: space-between;
				direction: rtl;
				gap: 0;
				margin: 0 auto !important;
				flex-shrink: 0;
			}
			.hero__graphic--large {
				bottom: 24px;
			}
		}

		/* دسکتاپ: هر سکشن به ارتفاع صفحه، محتوا همان و وسط */
		@media (min-width: 768px) {
			header.px-stack,
			section.px-stack,
			footer.px-stack {
				box-sizing: border-box;
				height: auto;
				min-height: 100vh;
				min-height: 100dvh;
				display: flex;
				flex-direction: column;
				justify-content: safe center;
				padding-top: 48px;
				padding-bottom: 48px;
			}
			.hero.px-stack {
				padding-top: 0;
				padding-bottom: 0;
			}
			.hero .hero__frame {
				flex: 0 1 auto;
				min-height: 0;
				width: 100%;
				padding-top: 88px;
				padding-bottom: 48px;
			}
			.section.intro.px-stack {
				padding-top: 0;
				padding-bottom: 0;
			}
			.intro__wrap {
				height: 100%;
				flex: 1 1 auto;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
			.clients__inner {
				flex: 0 1 auto;
			}
			.footer__frame {
				padding-top: 64px;
				padding-bottom: 64px;
			}
			/* فوتر عادی — تمام‌صفحه نیست */
			footer.px-stack {
				min-height: 0;
				height: auto;
				justify-content: flex-start;
				padding-top: 0;
				padding-bottom: 0;
			}
		}

		/* دسکتاپ: همان تک‌اسکرول گوشی — هر چرخ یک سکشن */
		@media (min-width: 768px) {
			html.is-soft-slide,
			html.is-soft-slide body {
				height: 100%;
				overflow: hidden !important;
				overscroll-behavior: none;
				background: #0a0a0a;
			}
			html.is-soft-slide header.px-stack,
			html.is-soft-slide section.px-stack {
				position: fixed !important;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				height: 100dvh !important;
				min-height: 0 !important;
				max-height: none !important;
				margin: 0 !important;
				overflow: hidden;
				backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translate3d(0, 100%, 0);
				transform: translate3d(0, 100%, 0);
				transition: transform 1.45s cubic-bezier(0.33, 0.0, 0.2, 1);
				z-index: 1;
				pointer-events: none;
				visibility: hidden;
			}
			/* فوتر از تک‌اسکرول خارج است — تا خروج از soft دیده نشود */
			html.is-soft-slide footer.px-stack {
				position: relative !important;
				transform: none !important;
				visibility: hidden !important;
				pointer-events: none !important;
				height: auto !important;
				min-height: 0 !important;
				max-height: none !important;
			}
			/* سوالات و فوتر با هم جابه‌جا می‌شوند — بدون تعویض حالت صفحه */
			html.is-soft-slide.is-faq-pair {
				--pair-y: 0px;
			}
			html.is-soft-slide.is-faq-pair section.px-stack#faq.is-soft-on {
				transform: translate3d(0, calc(-1 * var(--pair-y)), 0) !important;
				-webkit-transform: translate3d(0, calc(-1 * var(--pair-y)), 0) !important;
				transition: none !important;
				visibility: visible !important;
				z-index: 3;
			}
			html.is-soft-slide.is-faq-pair footer.px-stack {
				position: fixed !important;
				top: 0;
				left: 0;
				right: 0;
				bottom: auto;
				width: 100%;
				height: auto !important;
				min-height: 0 !important;
				max-height: none !important;
				margin: 0 !important;
				visibility: visible !important;
				pointer-events: auto !important;
				overflow: visible !important;
				z-index: 4;
				transition: none !important;
				transform: translate3d(0, calc(100dvh - var(--pair-y)), 0) !important;
				-webkit-transform: translate3d(0, calc(100dvh - var(--pair-y)), 0) !important;
			}
			html.is-soft-slide.is-desktop-tail {
				height: auto;
				overflow-x: hidden !important;
				overflow-y: auto !important;
				overscroll-behavior: auto;
				background: #0a0a0a;
			}
			html.is-soft-slide.is-desktop-tail body {
				height: auto;
				overflow: visible !important;
				overscroll-behavior: auto;
				background: #0a0a0a;
			}
			html.is-desktop-tail header.px-stack,
			html.is-desktop-tail section.px-stack:not(#faq) {
				display: none !important;
			}
			html.is-desktop-tail section.px-stack#faq,
			html.is-desktop-tail footer.px-stack {
				position: relative !important;
				transform: none !important;
				visibility: visible !important;
				pointer-events: auto !important;
				height: auto !important;
				min-height: 100dvh;
				max-height: none !important;
				overflow: visible !important;
				transition: none !important;
				display: flex !important;
			}
			html.is-desktop-tail footer.px-stack {
				min-height: 0;
			}
			/* اسکرول عادی FAQ → فوتر؛ بدون قفل تک‌اسکرول */
			html.is-desktop-tail,
			html.is-desktop-tail body {
				touch-action: auto;
				overscroll-behavior: auto;
			}
			html.is-soft-slide .px-stack.is-soft-on,
			html.is-soft-slide .px-stack.is-soft-prev,
			html.is-soft-slide .px-stack.is-soft-next {
				will-change: transform;
			}
			html.is-soft-slide .px-stack.is-soft-on {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				z-index: 3;
				pointer-events: auto;
				visibility: visible;
			}
			html.is-soft-slide .px-stack.is-soft-prev {
				-webkit-transform: translate3d(0, calc(-100% + 1px), 0);
				transform: translate3d(0, calc(-100% + 1px), 0);
				z-index: 2;
				visibility: visible;
			}
			html.is-soft-slide .px-stack.is-soft-next {
				-webkit-transform: translate3d(0, calc(100% - 1px), 0);
				transform: translate3d(0, calc(100% - 1px), 0);
				z-index: 2;
				visibility: visible;
			}
			html.is-soft-slide.is-soft-snap .px-stack,
			html.is-soft-slide.is-soft-snap .hero__nav {
				transition: none !important;
			}
			/* هدر استیکی دسکتاپ — مثل موبایل، همیشه بالای ویوپورت */
			html.is-soft-slide .hero__nav {
				position: fixed !important;
				top: 0 !important;
				left: 0 !important;
				right: 0 !important;
				transform: none !important;
				-webkit-transform: none !important;
				max-width: none;
				width: 100%;
				z-index: 9000;
				visibility: visible !important;
				pointer-events: none;
				transition: opacity .28s ease, visibility .28s ease;
			}
			html.is-soft-slide:has(#top.is-soft-on) .hero__nav,
			html.is-soft-slide:has(#top.is-soft-prev) .hero__nav,
			html.is-soft-slide:has(#top.is-soft-next) .hero__nav {
				transform: none !important;
				-webkit-transform: none !important;
				visibility: visible !important;
			}
			body.is-nav-hidden .hero__nav {
				opacity: 0 !important;
				visibility: hidden !important;
				pointer-events: none !important;
			}
		}

		/* ── فوتر: باکس مربعی زرد روی هاور، آیکون سفید ثابت ── */
		.footer__social a {
			background: rgba(233, 232, 232, .1);
			border-radius: 8px;
			transition: background-color .25s ease;
		}
		.footer__social a img,
		.footer__social a:hover img,
		.footer__social a:focus-visible img {
			width: 25px;
			height: 25px;
			filter: none;
			opacity: 1;
		}
		.footer__social a:hover,
		.footer__social a:focus-visible,
		.footer__social a:active {
			background: #F1B01D;
		}
		.consult-popup__social a {
			width: 32px;
			height: 32px;
			border-radius: 4px;
			background: #004E4F;
			transition: background-color .25s ease;
		}
		.consult-popup__social a img,
		.consult-popup__social a:hover img,
		.consult-popup__social a:focus-visible img {
			width: 18px;
			height: 18px;
			filter: none;
		}
		.consult-popup__social a:hover,
		.consult-popup__social a:focus-visible {
			background: #F1B01D;
		}

		@media (max-width: 767px) {
			.hero__graphic--small {
				top: 0;
				width: 6.5rem;
				left: 62%;
			}
			.hero__graphic--small img {
				mix-blend-mode: normal;
				width: 100%;
				height: auto;
			}

			/* خدمات: خط با JS به تیتر می‌چسبد؛ بلوک کمی پایین‌تر از وسط */
			.services__eyebrow-line {
				height: auto;
			}
			.services__content {
				justify-content: center;
				padding-top: 2.75rem;
				box-sizing: border-box;
			}

			/* همراهان */
			.clients__intro {
				width: 18rem;
				max-width: 100%;
			}

			/* مراحل: هدر داخل container، بالای track، فاصله ۲۰px */
			.process,
			html.is-soft-slide section#process.process {
				padding: 0 !important;
				box-sizing: border-box !important;
			}
			.process .container,
			html.is-soft-slide #process .container {
				display: flex !important;
				flex-direction: column !important;
				justify-content: center !important;
				padding: 1.5rem 1rem 1.25rem !important;
				min-height: 100% !important;
				height: 100% !important;
				box-sizing: border-box !important;
			}
			.process__header {
				position: static !important;
				transform: none !important;
				left: auto !important;
				top: auto !important;
				margin: 0 auto 20px !important;
				padding: 0 !important;
				text-align: center !important;
				flex-shrink: 0;
			}
			.process__track {
				margin-top: 0 !important;
				flex-shrink: 0;
			}

			/* پلن‌ها: وسط‌چین + padding-top 2rem */
			section#plan.pricing,
			section#plan {
				padding: 0 !important;
				padding-top: 2rem !important;
				display: flex !important;
				flex-direction: column !important;
				justify-content: center !important;
				box-sizing: border-box !important;
			}
			.pricing .container {
				padding-top: 0 !important;
				margin-block: auto;
			}
			.pricing__dots {
				direction: rtl;
			}
			.pricing__grid {
				scroll-behavior: auto;
				padding-top: 28px;
				padding-bottom: 36px;
			}
			.price-card {
				/* contain:paint سایه را می‌بُرید */
				contain: none;
			}
			/* contain:paint سکشن soft-slide سایهٔ پلن را قطع می‌کند */
			html.is-soft-slide section#plan.px-stack {
				contain: none;
			}
			html.is-soft-slide #plan:not(.is-soft-on) .price-card {
				box-shadow: none;
			}
			.pricing__eyebrow::before {
				display: none !important;
			}
			.pricing__eyebrow-line {
				transform-origin: center center;
			}
			.pricing__eyebrow-text.px-reveal,
			.pricing__title.px-reveal,
			.pricing__tag.px-reveal {
				overflow: hidden !important;
			}

			/*
			 * FAQ: فاصله مساوی از بالا و پایین سکشن (وسط‌چین عمودی محتوا)
			 * عنوان دوباره یک‌خطی — نه دو خط جدا
			 */
			.faq,
			html.is-soft-slide section#faq.faq {
				display: flex !important;
				flex-direction: column !important;
				justify-content: center !important;
				padding: 1.25rem 0 !important;
				box-sizing: border-box !important;
				height: 100% !important;
				min-height: 100% !important;
			}
			.faq__inner {
				flex: 0 1 auto !important;
				width: 100%;
				margin: 0 auto !important;
				padding-top: 0 !important;
				padding-bottom: 0 !important;
				gap: 1.5rem;
			}
			.faq__info {
				padding-top: 0 !important;
				margin-top: 0 !important;
				text-align: center;
				align-items: center;
			}
			.faq__title {
				display: block !important;
				text-align: center !important;
				width: 100% !important;
				margin: 0 0 12px !important;
			}
			.faq__title-fill,
			.faq__title-outline {
				display: inline !important;
				text-align: center !important;
				width: auto !important;
			}
			.faq__subtitle,
			.faq__cta {
				text-align: center !important;
				width: 100% !important;
				margin-left: auto;
				margin-right: auto;
			}
		}

		@media (max-width: 600px) {
			.footer__frame {
				padding: 84px 20px 40px;
			}
		}

		/* ── perf: پنل‌های کاملاً پنهان (نه on/prev/next) بدون ترنزیشن جابه‌جا شوند ──
		   نامرئی‌اند (visibility:hidden)؛ فقط جلوی پرواز نیمه‌کارهٔ پنل در اسکرول سریع رفت‌وبرگشت را می‌گیرد */
		html.is-soft-slide .px-stack:not(.is-soft-on):not(.is-soft-prev):not(.is-soft-next) {
			transition: none;
		}
		/* --pair-y فقط روی FAQ/فوتر ست می‌شود؛ ارث‌بری خاموش = restyle نکردن کل زیردرخت در هر فریم */
		@property --pair-y {
			syntax: '<length>';
			inherits: false;
			initial-value: 0px;
		}
		/* ── perf: انیمیشن‌های بی‌نهایت داخل پنل‌های کاملاً پنهان مکث کنند ──
		   پنل پنهان (visibility:hidden، نه on/prev/next) دیده نمی‌شود؛ هالهٔ @property مراحل
		   بدون این قانون بعد از ترک سکشن هم هر فریم روی main thread اجرا می‌شد.
		   به‌محض اینکه پنل مجاور/فعال شود، از همان‌جا ادامه می‌دهد. */
		html.is-soft-slide .px-stack:not(.is-soft-on):not(.is-soft-prev):not(.is-soft-next) .process-step__card::before,
		html.is-soft-slide .px-stack:not(.is-soft-on):not(.is-soft-prev):not(.is-soft-next) .process-step__card::after,
		html.is-soft-slide .px-stack:not(.is-soft-on):not(.is-soft-prev):not(.is-soft-next) .clients__logos-track,
		html.is-soft-slide .px-stack:not(.is-soft-on):not(.is-soft-prev):not(.is-soft-next) .clients__avatar::before,
		html.is-soft-slide .px-stack:not(.is-soft-on):not(.is-soft-prev):not(.is-soft-next) .is-floating img,
		html.is-soft-slide .px-stack:not(.is-soft-on):not(.is-soft-prev):not(.is-soft-next) .hero__desc-cursor {
			animation-play-state: paused !important;
		}