@font-face {
	font-family: "SOTLIX Sultan";
	src: url('../fonts/sf-sultan.ttf') format('truetype');
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "SOTLIX Mohanad";
	src: url('../fonts/al-mohanad.ttf') format('truetype');
	font-display: swap;
	font-style: normal;
	font-weight: 400 900;
}

@font-face {
	font-family: "SOTLIX Myriad Pro";
	src: url('../fonts/myriadpro-bold.otf') format('opentype');
	font-display: swap;
	font-style: normal;
	font-weight: 700;
}

:root {
	--black: #050506;
	--panel: rgba(8, 9, 12, .72);
	--white: #f5f7f8;
	--cyan: #18d9ff;
	--red: #ec182b;
	--brand-red: #d40b1c;
	--violet: #8c37ff;
	--amber: #ff9d24;
	--muted: #aeb5bf;
	--header: 74px;
	--edge: clamp(20px, 5vw, 76px);
	font-family: Inter, "Segoe UI", Tahoma, Arial, sans-serif;
	color-scheme: dark;
}

html.is-scene-locked,
html.is-scene-locked body {
	overflow: hidden;
	overscroll-behavior: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; background: var(--black); color: var(--white); overflow-x: hidden; }
body.is-locked { overflow: hidden; }
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; }

.skip-link {
	position: fixed;
	left: 16px;
	top: -100px;
	z-index: 100;
	padding: 12px 18px;
	background: var(--white);
	color: #000;
	border-radius: 10px;
}
.skip-link:focus { top: 12px; }

.glass-header {
	position: fixed;
	z-index: 60;
	top: 14px;
	left: 50%;
	transform: translateX(-50%);
	width: min(94%, 1440px);
	height: var(--header);
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 24px;
	padding: 0 18px;
	border: 1px solid rgba(255,255,255,.19);
	border-radius: 22px;
	background: linear-gradient(135deg, rgba(5,5,7,.82), rgba(18,21,28,.52));
	box-shadow: 0 12px 55px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.12);
	backdrop-filter: blur(18px) saturate(130%);
}

.brand, .footer-brand { display: flex; align-items: center; gap: 10px; letter-spacing: .16em; font-weight: 800; text-decoration: none; }
.brand-logo {
	display: block;
	width: auto;
	height: 31px;
	object-fit: contain;
}
.brand-mark {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 2px solid rgba(255,255,255,.85);
	border-top-color: var(--red);
	border-right-color: var(--cyan);
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(24,217,255,.28);
}

.service-nav { display: flex; align-items: center; justify-content: center; gap: clamp(13px, 1.8vw, 30px); overflow-x: auto; scrollbar-width: none; }
.service-nav::-webkit-scrollbar { display: none; }
.service-nav a { position: relative; flex: 0 0 auto; padding: 25px 0 22px; color: var(--brand-red); font-family: "SOTLIX Myriad Pro", "Arial Narrow", Arial, sans-serif; font-size: clamp(14px, 1vw, 16px); font-weight: 700; letter-spacing: .035em; text-decoration: none; }
.service-nav a::after { content: ""; position: absolute; right: 0; bottom: 14px; left: 0; height: 2px; transform: scaleX(0); background: var(--cyan); box-shadow: 0 0 14px var(--cyan); transition: transform .25s ease; }
.service-nav a:hover::after, .service-nav a:focus-visible::after, .service-nav a.is-active::after { transform: scaleX(1); }
.service-nav a.is-active { color: var(--brand-red); }

.header-controls { display: flex; gap: 8px; }
.language-toggle {
	min-width: 38px;
	height: 38px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 12px;
	background: rgba(255,255,255,.06);
	color: var(--brand-red);
	cursor: pointer;
}
.language-toggle:hover { border-color: var(--cyan); }
.language-toggle { font-family: "SOTLIX Myriad Pro", "Arial Narrow", Arial, sans-serif; font-weight: 700; }

.entry-scene {
	position: relative;
	height: 100svh;
	min-height: 620px;
	overflow: hidden;
	background: #080808;
}
.hall-backdrop { position: absolute; z-index: 0; inset: 0; background: #080808 url('../images/sotlix-hall-16x9-1920x1080.png') center/cover no-repeat; transform: scale(1.015); transition: transform 2.2s cubic-bezier(.2,.75,.2,1), filter 1.5s ease; }
.entry-video {
	position: absolute;
	z-index: 2;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	background: #080808;
	opacity: 0;
	transition: opacity .7s ease;
}
.entry-video-idle { opacity: 1; }
.entry-scene.is-video-playing .entry-video-idle { opacity: 0; }
.entry-scene.is-video-playing .entry-video-tour { opacity: 1; }
.entry-scene.has-cinematic .glass-door,
.entry-scene.has-cinematic .ambient-glow,
.entry-scene.has-cinematic .agent-scan { display: none; }
.entry-scene.has-cinematic.cinematic-fallback .glass-door,
.entry-scene.has-cinematic.cinematic-fallback .ambient-glow,
.entry-scene.has-cinematic.cinematic-fallback .agent-scan { display: block; }
.entry-scene.is-open .hall-backdrop { transform: scale(1.075); filter: saturate(1.1) brightness(1.04); }
.entry-scene::after { content: ""; position: absolute; z-index: 6; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.32), transparent 30%, transparent 70%, rgba(0,0,0,.62)); pointer-events: none; }
.ambient-glow { position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(24,217,255,.08), transparent 26%), radial-gradient(circle at 30% 58%, rgba(140,55,255,.08), transparent 18%); mix-blend-mode: screen; animation: breathe 4s ease-in-out infinite; }
@keyframes breathe { 50% { opacity: .65; } }

.glass-door { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.door-panel { position: absolute; top: 5.5%; bottom: 8%; width: 50%; border: 1px solid rgba(255,255,255,.12); background: linear-gradient(110deg, rgba(8,12,17,.38), rgba(255,255,255,.045), rgba(3,7,11,.23)); backdrop-filter: blur(1.2px); transition: transform 1.8s cubic-bezier(.74,0,.18,1); }
.door-left { left: 0; border-right-color: rgba(255,255,255,.45); }
.door-right { right: 0; border-left-color: rgba(255,255,255,.45); }
.entry-scene.is-open .door-left { transform: translateX(-98%); }
.entry-scene.is-open .door-right { transform: translateX(98%); }

.entry-interface {
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 52%;
	transform: translate(-50%, -50%);
	width: min(86%, 560px);
	padding: 12px 20px 16px;
	text-align: center;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	transition: opacity .45s ease, transform .45s ease;
}
.entry-scene.is-open .entry-interface { opacity: 0; transform: translate(-50%, -42%) scale(.96); pointer-events: none; }
.eyebrow, .scene-number { color: var(--cyan); letter-spacing: .22em; font-size: 12px; font-weight: 700; }
.entry-brand { margin: 0; font-family: "SOTLIX Myriad Pro", "Arial Narrow", Arial, sans-serif; font-size: clamp(14px, 1.1vw, 17px); letter-spacing: .06em; text-shadow: 0 2px 5px rgba(0,0,0,.95), 0 0 16px rgba(0,0,0,.9); }
.entry-interface h1 { margin: 9px 0 16px; color: #f7fbff; line-height: 1.08; }
.bilingual-entry-title { display: grid; justify-items: center; gap: 5px; }
.bilingual-entry-title span { display: block; text-shadow: 0 2px 4px rgba(0,0,0,1), 0 0 12px rgba(0,0,0,.95), 0 0 28px rgba(0,0,0,.86); }
.entry-title-ar { font-family: "SOTLIX Sultan", "SOTLIX Mohanad", Tahoma, Arial, sans-serif; font-size: clamp(24px, 2vw, 30px); font-weight: 400; letter-spacing: 0; }
.entry-title-en { font-family: "SOTLIX Myriad Pro", "Arial Narrow", Arial, sans-serif; font-size: clamp(18px, 1.55vw, 23px); font-weight: 700; letter-spacing: .025em; }
.language-choices { display: flex; direction: ltr; justify-content: center; gap: 10px; }
.entry-scene.is-loading .language-choices { opacity: .55; pointer-events: none; }
.language-choices button {
	min-width: 128px;
	padding: 10px 20px;
	border: 1px solid rgba(255,255,255,.42);
	border-radius: 999px;
	background: rgba(2,4,7,.32);
	color: var(--brand-red);
	font-size: 15px;
	font-weight: 700;
	box-shadow: 0 8px 24px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.08);
	backdrop-filter: blur(4px);
	text-shadow: 0 2px 5px rgba(0,0,0,.95), 0 0 12px rgba(0,0,0,.8);
	cursor: pointer;
	transition: border .25s, background .25s, box-shadow .25s, transform .25s;
}
.language-choices [data-language="en"] { font-family: "SOTLIX Myriad Pro", "Arial Narrow", Arial, sans-serif; letter-spacing: .045em; }
.language-choices [data-language="ar"] { font-family: "SOTLIX Sultan", "SOTLIX Mohanad", Tahoma, Arial, sans-serif; font-size: 20px; font-weight: 400; }
.language-choices button:hover, .language-choices button:focus-visible { transform: translateY(-2px); border-color: var(--cyan); background: rgba(24,217,255,.13); box-shadow: 0 0 28px rgba(24,217,255,.22); }
.entry-note { margin: 18px 0 0; color: var(--muted); font-size: 13px; }

.agent-scan { position: absolute; z-index: 3; left: 32%; top: 43%; width: 9%; aspect-ratio: .55; opacity: .7; pointer-events: none; }
.agent-scan span { position: absolute; inset: -10%; border: 1px solid rgba(24,217,255,.42); border-radius: 50%; animation: scan 3.6s ease-in-out infinite; }
@keyframes scan { 0%, 100% { opacity: 0; transform: scale(.65); } 30% { opacity: .75; } 70% { opacity: 0; transform: scale(1.35); } }
.entry-scene.is-open .agent-scan { animation: agent-approach 2.6s .4s cubic-bezier(.2,.7,.2,1) both; }
@keyframes agent-approach { to { transform: translate(24vw, 9vh) scale(1.55); opacity: 0; } }

.welcome-panel {
	position: absolute;
	z-index: 12;
	right: var(--edge);
	bottom: 8vh;
	max-width: 560px;
	opacity: 0;
	transform: translateY(20px);
	pointer-events: none;
	text-align: start;
}
.entry-scene.is-welcoming .welcome-panel { opacity: 1; transform: translateY(0); transition: opacity .5s ease, transform .7s ease; }
.welcome-line { margin: 6px 0; font-size: clamp(20px, 2.2vw, 34px); font-weight: 650; text-shadow: 0 2px 2px #000, 0 0 8px #000, 0 0 20px #000, 0 4px 28px rgba(0,0,0,.95); }
.scroll-cue { display: inline-block; margin: 20px 0 0; padding: 10px 16px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: rgba(0,0,0,.45); color: var(--cyan); text-shadow: 0 2px 3px #000, 0 0 10px #000; }
.wheel { display: inline-flex; width: 24px; height: 38px; margin-inline-start: 10px; vertical-align: middle; border: 2px solid rgba(255,255,255,.68); border-radius: 14px; justify-content: center; }
.wheel i { width: 3px; height: 7px; margin-top: 7px; border-radius: 3px; background: var(--cyan); animation: wheel 1.4s ease-in-out infinite; }
@keyframes wheel { to { transform: translateY(12px); opacity: 0; } }

.journey { position: relative; background: #050506; }
.service-scene {
	--accent: var(--cyan);
	position: relative;
	min-height: 100svh;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);
	align-items: center;
	overflow: hidden;
	padding: calc(var(--header) + 60px) var(--edge) 70px;
	border-top: 1px solid rgba(255,255,255,.06);
	background:
		linear-gradient(90deg, rgba(5,5,6,.9), rgba(5,5,6,.3), rgba(5,5,6,.88)),
		url('../images/sotlix-hall-16x9-1920x1080.png') center/cover fixed;
}
.service-scene::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 32%), linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.65)); }
.accent-violet { --accent: var(--violet); }
.accent-cyan { --accent: var(--cyan); }
.accent-amber { --accent: var(--amber); }
.accent-red { --accent: var(--red); }
.accent-white { --accent: var(--white); }
.accent-triad { --accent: var(--violet); }
.accent-triad::before { background: radial-gradient(circle at 35% 45%, rgba(24,217,255,.14), transparent 27%), radial-gradient(circle at 62% 40%, rgba(140,55,255,.15), transparent 27%), radial-gradient(circle at 53% 70%, rgba(236,24,43,.11), transparent 24%), rgba(0,0,0,.28); }
.copy-left { grid-template-areas: "copy visual"; }
.copy-right { grid-template-columns: minmax(360px, .72fr) minmax(0, 1fr); grid-template-areas: "visual copy"; }

.service-copy {
	position: relative;
	z-index: 2;
	grid-area: copy;
	width: fit-content;
	max-width: min(100%, 650px);
	padding: clamp(22px, 2.7vw, 40px) clamp(26px, 3vw, 44px);
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 28px;
	background: linear-gradient(135deg, rgba(5,8,13,.84), rgba(10,14,21,.69));
	box-shadow: 0 24px 70px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.1);
	backdrop-filter: blur(16px) saturate(125%);
	opacity: .22;
	transform: translateY(42px);
	transition: opacity .8s ease, transform .8s ease;
}

#sotlix-ai,
#sotlix-agent,
#sotlix-call,
#sotlix-gaming,
#sotlix-tv,
#sotlix-community,
#sotlix-consultations,
#sotlix-closing {
	grid-template-columns: 1fr;
	grid-template-areas: "copy";
	place-items: center;
}

#sotlix-ai.has-scroll-video,
#sotlix-agent.has-scroll-video,
#sotlix-call.has-scroll-video,
#sotlix-gaming.has-scroll-video,
#sotlix-tv.has-scroll-video,
#sotlix-community.has-scroll-video,
#sotlix-consultations.has-scroll-video,
#sotlix-closing.has-scroll-video {
	display: block;
	min-height: 100svh;
	padding: 0;
	overflow: visible;
	background: #050506;
}

#sotlix-ai.has-scroll-video::before,
#sotlix-agent.has-scroll-video::before,
#sotlix-call.has-scroll-video::before,
#sotlix-gaming.has-scroll-video::before,
#sotlix-tv.has-scroll-video::before,
#sotlix-community.has-scroll-video::before,
#sotlix-consultations.has-scroll-video::before,
#sotlix-closing.has-scroll-video::before { display: none; }

.scroll-scene-stage {
	position: sticky;
	top: 0;
	width: 100%;
	max-width: none;
	height: 100svh;
	display: grid;
	grid-template-areas: "copy";
	place-items: center;
	overflow: hidden;
	padding: calc(var(--header) + 36px) var(--edge) 42px;
	isolation: isolate;
}

.scroll-scene-stage::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(0,0,0,.2), transparent 30%, transparent 72%, rgba(0,0,0,.28));
}

.scroll-scene-video {
	position: absolute;
	z-index: -2;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	background: #050506;
}

.closing-subtitles {
	position: absolute;
	z-index: 3;
	left: 7%;
	right: 7%;
	bottom: clamp(34px, 7vh, 82px);
	display: grid;
	place-items: center;
	pointer-events: none;
	text-align: center;
}

.closing-subtitles p {
	grid-area: 1 / 1;
	max-width: min(82vw, 860px);
	margin: 0;
	white-space: pre-line;
	color: #fff;
	font-family: "SOTLIX Myriad Pro", Arial, sans-serif;
	font-size: clamp(20px, 2vw, 34px);
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: .01em;
	text-wrap: balance;
	opacity: 0;
	transform: translateY(10px);
	text-shadow:
		0 2px 2px #000,
		0 0 7px #000,
		0 0 16px #000,
		0 4px 30px rgba(0,0,0,.98);
	transition: opacity .22s ease, transform .28s ease;
}

.closing-subtitles p.is-active {
	opacity: 1;
	transform: translateY(0);
}

html[lang="ar"] .closing-subtitles p {
	font-family: "SOTLIX Mohanad", Tahoma, Arial, sans-serif;
	font-size: clamp(22px, 2.25vw, 38px);
	line-height: 1.55;
}

#sotlix-ai .service-copy,
#sotlix-agent .service-copy,
#sotlix-call .service-copy,
#sotlix-gaming .service-copy,
#sotlix-tv .service-copy,
#sotlix-community .service-copy,
#sotlix-consultations .service-copy {
	justify-self: center;
	align-self: center;
	width: fit-content;
	max-width: min(88vw, 680px);
	padding: clamp(20px, 2.2vw, 32px) clamp(24px, 2.6vw, 36px);
	text-align: center;
}

#sotlix-ai.has-scroll-video .service-copy,
#sotlix-agent.has-scroll-video .service-copy,
#sotlix-call.has-scroll-video .service-copy,
#sotlix-gaming.has-scroll-video .service-copy,
#sotlix-tv.has-scroll-video .service-copy,
#sotlix-community.has-scroll-video .service-copy,
#sotlix-consultations.has-scroll-video .service-copy {
	max-width: min(82vw, 620px);
	margin-top: 9vh;
	padding: clamp(18px, 2vw, 28px) clamp(22px, 2.4vw, 34px);
	opacity: 0;
	transform: translateY(24px) scale(.98);
	pointer-events: none;
	transition: opacity .45s ease, transform .55s cubic-bezier(.2,.7,.2,1);
}

#sotlix-agent.has-scroll-video .service-copy {
	justify-self: start;
	max-width: min(44vw, 620px);
	margin-top: 7vh;
	text-align: left;
}

#sotlix-call.has-scroll-video .service-copy {
	justify-self: center;
	max-width: min(38vw, 560px);
	margin-top: 3vh;
	padding: clamp(16px, 1.7vw, 24px) clamp(20px, 2vw, 30px);
	text-align: center;
	background: linear-gradient(135deg, rgba(4,7,12,.8), rgba(8,12,18,.7));
	backdrop-filter: blur(10px) saturate(120%);
}

#sotlix-call.has-scroll-video .service-copy h2 {
	font-size: clamp(30px, 3.4vw, 52px);
	margin-bottom: 14px;
}

#sotlix-call.has-scroll-video .service-lead {
	font-size: clamp(18px, 1.65vw, 27px);
	margin-bottom: 13px;
}

#sotlix-call.has-scroll-video .service-detail {
	font-size: clamp(14px, 1.05vw, 17px);
	line-height: 1.65;
}

#sotlix-call.has-scroll-video .signal-line {
	margin: 22px auto 0;
}

#sotlix-gaming.has-scroll-video .service-copy {
	justify-self: center;
	max-width: min(42vw, 600px);
	margin-top: 2vh;
	padding: clamp(16px, 1.7vw, 24px) clamp(20px, 2vw, 30px);
	border-color: rgba(255,255,255,.2);
	background: linear-gradient(135deg, rgba(4,7,12,.82), rgba(8,12,18,.72));
	backdrop-filter: blur(10px) saturate(120%);
}

#sotlix-gaming.has-scroll-video .service-copy h2 {
	font-size: clamp(30px, 3.4vw, 52px);
	margin-bottom: 14px;
}

#sotlix-gaming.has-scroll-video .service-lead {
	font-size: clamp(18px, 1.65vw, 27px);
	margin-bottom: 13px;
}

#sotlix-gaming.has-scroll-video .service-detail {
	font-size: clamp(14px, 1.05vw, 17px);
	line-height: 1.65;
}

#sotlix-gaming.has-scroll-video .signal-line {
	margin: 22px auto 0;
}

#sotlix-tv.has-scroll-video .service-copy {
	position: absolute;
	left: clamp(34px, 5vw, 92px);
	right: auto;
	top: 50%;
	justify-self: auto;
	align-self: auto;
	width: min(38vw, 590px);
	max-width: 590px;
	margin: 0;
	padding: clamp(18px, 1.9vw, 28px) clamp(22px, 2.3vw, 34px);
	text-align: center;
	background: linear-gradient(135deg, rgba(3,7,12,.86), rgba(8,15,22,.74));
	border-color: rgba(90,210,255,.28);
	box-shadow: 0 22px 64px rgba(0,0,0,.52), 0 0 34px rgba(25,185,255,.08), inset 0 1px rgba(255,255,255,.1);
	backdrop-filter: blur(16px) saturate(118%);
	transform: translateY(calc(-50% + 24px)) scale(.98);
}

#sotlix-tv.has-scroll-video .service-copy h2 {
	font-size: clamp(30px, 3.4vw, 52px);
	margin-bottom: 14px;
}

#sotlix-tv.has-scroll-video .service-lead {
	font-size: clamp(18px, 1.65vw, 27px);
	margin-bottom: 13px;
}

#sotlix-tv.has-scroll-video .service-detail {
	font-size: clamp(14px, 1.05vw, 17px);
	line-height: 1.65;
}

#sotlix-tv.has-scroll-video .signal-line {
	margin: 22px auto 0;
}

#sotlix-community.has-scroll-video .service-copy {
	position: absolute;
	left: 52%;
	right: auto;
	top: 62%;
	justify-self: auto;
	align-self: auto;
	width: min(32vw, 540px);
	max-width: 540px;
	margin: 0;
	padding: clamp(16px, 1.7vw, 24px) clamp(20px, 2vw, 30px);
	text-align: center;
	background: linear-gradient(135deg, rgba(3,7,12,.86), rgba(8,15,22,.74));
	border-color: rgba(90,210,255,.28);
	box-shadow: 0 22px 64px rgba(0,0,0,.52), 0 0 34px rgba(25,185,255,.08), inset 0 1px rgba(255,255,255,.1);
	backdrop-filter: blur(16px) saturate(118%);
	transform: translate(-50%, calc(-50% + 24px)) scale(.98);
}

#sotlix-community.has-scroll-video .service-copy h2 {
	font-size: clamp(30px, 3.4vw, 52px);
	margin-bottom: 14px;
}

#sotlix-community.has-scroll-video .service-lead {
	font-size: clamp(18px, 1.65vw, 27px);
	margin-bottom: 13px;
}

#sotlix-community.has-scroll-video .service-detail {
	font-size: clamp(14px, 1.05vw, 17px);
	line-height: 1.65;
}

#sotlix-community.has-scroll-video .signal-line {
	margin: 22px auto 0;
}

#sotlix-consultations.has-scroll-video .service-copy {
	position: absolute;
	left: 47%;
	right: auto;
	top: 55%;
	justify-self: auto;
	align-self: auto;
	width: min(32vw, 540px);
	max-width: 540px;
	margin: 0;
	padding: clamp(16px, 1.7vw, 24px) clamp(20px, 2vw, 30px);
	text-align: center;
	background: linear-gradient(135deg, rgba(3,7,12,.88), rgba(8,15,22,.76));
	border-color: rgba(229,5,25,.3);
	box-shadow: 0 22px 64px rgba(0,0,0,.54), 0 0 34px rgba(229,5,25,.08), inset 0 1px rgba(255,255,255,.1);
	backdrop-filter: blur(16px) saturate(118%);
	transform: translate(-50%, calc(-50% + 24px)) scale(.98);
}

#sotlix-consultations.has-scroll-video .service-copy h2 {
	font-size: clamp(30px, 3.4vw, 52px);
	margin-bottom: 14px;
}

#sotlix-consultations.has-scroll-video .service-lead {
	font-size: clamp(18px, 1.65vw, 27px);
	margin-bottom: 13px;
}

#sotlix-consultations.has-scroll-video .service-detail {
	font-size: clamp(14px, 1.05vw, 17px);
	line-height: 1.65;
}

#sotlix-consultations.has-scroll-video .signal-line {
	margin: 22px auto 0;
}

#sotlix-ai.has-scroll-video.is-at-hold .scroll-scene-video,
#sotlix-agent.has-scroll-video.is-at-hold .scroll-scene-video,
#sotlix-call.has-scroll-video.is-at-hold .scroll-scene-video,
#sotlix-gaming.has-scroll-video.is-at-hold .scroll-scene-video,
#sotlix-tv.has-scroll-video.is-at-hold .scroll-scene-video,
#sotlix-community.has-scroll-video.is-at-hold .scroll-scene-video,
#sotlix-consultations.has-scroll-video.is-at-hold .scroll-scene-video {
	filter: saturate(1.04) brightness(.88);
}

#sotlix-ai.has-scroll-video.is-copy-visible .service-copy,
#sotlix-agent.has-scroll-video.is-copy-visible .service-copy,
#sotlix-call.has-scroll-video.is-copy-visible .service-copy,
#sotlix-gaming.has-scroll-video.is-copy-visible .service-copy {
	opacity: 1;
	transform: translateY(0) scale(1);
}

#sotlix-tv.has-scroll-video.is-copy-visible .service-copy {
	opacity: 1;
	transform: translateY(-50%) scale(1);
}

#sotlix-community.has-scroll-video.is-copy-visible .service-copy {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

#sotlix-consultations.has-scroll-video.is-copy-visible .service-copy {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

#sotlix-ai .service-atmosphere,
#sotlix-agent .service-atmosphere,
#sotlix-call .service-atmosphere,
#sotlix-gaming .service-atmosphere,
#sotlix-tv .service-atmosphere,
#sotlix-community .service-atmosphere,
#sotlix-consultations .service-atmosphere {
	grid-area: copy;
	justify-self: center;
}

#sotlix-ai.has-scroll-video .service-atmosphere,
#sotlix-agent.has-scroll-video .service-atmosphere,
#sotlix-call.has-scroll-video .service-atmosphere,
#sotlix-gaming.has-scroll-video .service-atmosphere,
#sotlix-tv.has-scroll-video .service-atmosphere,
#sotlix-community.has-scroll-video .service-atmosphere,
#sotlix-consultations.has-scroll-video .service-atmosphere { display: none; }

[dir="rtl"] #sotlix-ai .service-copy { text-align: center; }
[dir="rtl"] #sotlix-agent .service-copy { text-align: right; }
[dir="rtl"] #sotlix-call .service-copy { text-align: center; }
[dir="rtl"] #sotlix-gaming .service-copy { text-align: center; }
[dir="rtl"] #sotlix-tv .service-copy { text-align: center; }
[dir="rtl"] #sotlix-community .service-copy { text-align: center; }
[dir="rtl"] #sotlix-consultations .service-copy { text-align: center; }
.service-scene.is-visible .service-copy { opacity: 1; transform: translateY(0); }
.service-copy h2 { margin: 10px 0 22px; font-size: clamp(38px, 5.2vw, 82px); line-height: .95; letter-spacing: -.045em; text-wrap: balance; }
.service-lead { margin: 0 0 20px; font-size: clamp(21px, 2.2vw, 34px); line-height: 1.35; }
.service-detail { margin: 0; color: #c4c8ce; font-size: clamp(15px, 1.25vw, 20px); line-height: 1.8; }
.signal-line { display: block; width: 96px; height: 3px; margin-top: 34px; background: var(--accent); box-shadow: 0 0 22px var(--accent); }

.service-atmosphere { position: relative; z-index: 1; grid-area: visual; justify-self: center; width: min(34vw, 480px); aspect-ratio: 1; }
.orbit, .core { position: absolute; border-radius: 50%; }
.orbit { inset: 12%; border: 1px solid color-mix(in srgb, var(--accent) 70%, white); box-shadow: 0 0 35px color-mix(in srgb, var(--accent) 32%, transparent), inset 0 0 35px color-mix(in srgb, var(--accent) 18%, transparent); opacity: .6; }
.orbit-two { inset: 28%; border-style: dashed; animation: spin 16s linear infinite reverse; }
.orbit-one { animation: spin 24s linear infinite; }
.core { inset: 40%; background: var(--accent); box-shadow: 0 0 26px var(--accent), 0 0 100px color-mix(in srgb, var(--accent) 65%, transparent); }
@keyframes spin { to { transform: rotate(360deg); } }

.partners { padding: 100px var(--edge); background: #070708; }
.partners h2 { text-align: center; font-size: clamp(32px, 4vw, 60px); }
.site-footer { min-height: 280px; display: grid; place-content: center; justify-items: center; gap: 15px; padding: 60px 20px; text-align: center; background: radial-gradient(circle at 50% 0, rgba(24,217,255,.08), transparent 35%), #020203; border-top: 1px solid rgba(255,255,255,.08); }
.site-footer p { margin: 0; color: var(--muted); }
.copyright { font-size: 12px; letter-spacing: .16em; }
.noscript { position: fixed; z-index: 100; inset: auto 12px 12px; padding: 15px; text-align: center; background: #a00; color: #fff; }

[dir="rtl"] .service-copy { text-align: right; }
[dir="rtl"] .scene-number { direction: ltr; text-align: right; }
[dir="rtl"] .welcome-panel { right: auto; left: var(--edge); text-align: right; }

html[lang="ar"] body {
	font-family: "SOTLIX Mohanad", Tahoma, Arial, sans-serif;
}

html[lang="ar"] .entry-interface h1,
html[lang="ar"] .partners h2,
html[lang="ar"] .service-copy h2,
html[lang="ar"] .entry-brand,
html[lang="ar"] .footer-brand {
	font-family: "SOTLIX Sultan", "SOTLIX Mohanad", Tahoma, Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 0;
}

html[lang="ar"] .service-copy h2 {
	margin-bottom: 18px;
	font-size: clamp(20px, 2.6vw, 41px);
	line-height: 1.08;
}

html[lang="ar"] .service-nav a,
html[lang="ar"] .copyright {
	font-family: "SOTLIX Mohanad", Tahoma, Arial, sans-serif;
	letter-spacing: 0;
}

html[lang="ar"] .scene-number,
html[lang="ar"] [data-language="en"] {
	font-family: "SOTLIX Myriad Pro", "Arial Narrow", Arial, sans-serif;
}

@media (max-width: 1050px) {
	:root { --header: 66px; }
	.glass-header { top: 9px; width: calc(100% - 18px); gap: 12px; padding: 0 12px; border-radius: 18px; }
	.brand-logo { height: 28px; }
	.service-nav { justify-content: flex-start; }
	.service-nav a { font-size: 13px; }
	.service-scene, .copy-right { grid-template-columns: 1fr; grid-template-areas: "copy"; align-items: end; }
	.service-atmosphere { position: absolute; inset: 20% auto auto 50%; transform: translateX(-50%); width: min(72vw, 450px); opacity: .48; }
	.service-copy { width: fit-content; max-width: min(100%, 720px); justify-self: center; }
}

@media (max-width: 640px) {
	:root { --edge: 16px; }
	.glass-header { grid-template-columns: auto minmax(0, 1fr) auto; }
	.brand-logo { height: 25px; }
	.brand-mark { width: 26px; height: 26px; }
	.service-nav { gap: 18px; }
	.header-controls { gap: 4px; }
	.language-toggle { min-width: 34px; width: 34px; height: 34px; }
	.entry-scene { min-height: 600px; }
	.hall-backdrop { background-position: 49% center; }
	.entry-interface { top: 55%; width: min(84%, 360px); padding: 8px 12px 12px; }
	.entry-brand { font-size: 13px; }
	.entry-interface h1 { margin: 7px 0 13px; }
	.bilingual-entry-title { gap: 3px; }
	.entry-title-ar { font-size: 23px; }
	.entry-title-en { font-size: 17px; }
	.language-choices { gap: 8px; }
	.language-choices button { min-width: 106px; padding: 8px 13px; font-size: 14px; }
	.language-choices [data-language="ar"] { font-size: 18px; }
	.welcome-panel { right: 18px; left: 18px; bottom: 5vh; }
	[dir="rtl"] .welcome-panel { right: 18px; left: 18px; }
	.service-scene { padding: calc(var(--header) + 45px) 16px 38px; background-attachment: scroll; }
	#sotlix-ai.has-scroll-video,
	#sotlix-agent.has-scroll-video,
	#sotlix-call.has-scroll-video,
	#sotlix-gaming.has-scroll-video,
	#sotlix-tv.has-scroll-video,
	#sotlix-community.has-scroll-video,
	#sotlix-consultations.has-scroll-video,
	#sotlix-closing.has-scroll-video { min-height: 100svh; padding: 0; }
	.scroll-scene-stage { padding: calc(var(--header) + 24px) 16px 28px; }
	#sotlix-ai.has-scroll-video .service-copy,
	#sotlix-agent.has-scroll-video .service-copy,
	#sotlix-call.has-scroll-video .service-copy,
	#sotlix-gaming.has-scroll-video .service-copy { max-width: min(92vw, 440px); margin-top: 12vh; padding: 18px 18px; }
	#sotlix-call.has-scroll-video .service-copy { max-width: min(80vw, 370px); margin-top: 5vh; padding: 15px 16px; }
	#sotlix-call.has-scroll-video .service-copy h2 { font-size: clamp(25px, 7.5vw, 36px); }
	#sotlix-call.has-scroll-video .service-lead { font-size: clamp(17px, 5vw, 22px); }
	#sotlix-call.has-scroll-video .service-detail { font-size: 14px; line-height: 1.55; }
	#sotlix-gaming.has-scroll-video .service-copy { max-width: min(82vw, 380px); margin-top: 4vh; padding: 15px 16px; }
	#sotlix-gaming.has-scroll-video .service-copy h2 { font-size: clamp(25px, 7.5vw, 36px); }
	#sotlix-gaming.has-scroll-video .service-lead { font-size: clamp(17px, 5vw, 22px); }
	#sotlix-gaming.has-scroll-video .service-detail { font-size: 14px; line-height: 1.55; }
	#sotlix-tv.has-scroll-video .service-copy { left: 50%; right: auto; top: 54%; width: min(84vw, 380px); max-width: min(84vw, 380px); margin: 0; padding: 15px 16px; transform: translate(-50%, calc(-50% + 24px)) scale(.98); }
	#sotlix-tv.has-scroll-video.is-copy-visible .service-copy { transform: translate(-50%, -50%) scale(1); }
	#sotlix-tv.has-scroll-video .service-copy h2 { font-size: clamp(25px, 7.5vw, 36px); }
	#sotlix-tv.has-scroll-video .service-lead { font-size: clamp(17px, 5vw, 22px); }
	#sotlix-tv.has-scroll-video .service-detail { font-size: 14px; line-height: 1.55; }
	#sotlix-community.has-scroll-video .service-copy { left: 50%; right: auto; top: 58%; width: min(84vw, 380px); max-width: min(84vw, 380px); margin: 0; padding: 15px 16px; transform: translate(-50%, calc(-50% + 24px)) scale(.98); }
	#sotlix-community.has-scroll-video.is-copy-visible .service-copy { transform: translate(-50%, -50%) scale(1); }
	#sotlix-community.has-scroll-video .service-copy h2 { font-size: clamp(25px, 7.5vw, 36px); }
	#sotlix-community.has-scroll-video .service-lead { font-size: clamp(17px, 5vw, 22px); }
	#sotlix-community.has-scroll-video .service-detail { font-size: 14px; line-height: 1.55; }
	#sotlix-consultations.has-scroll-video .service-copy { left: 50%; right: auto; top: 56%; width: min(84vw, 380px); max-width: min(84vw, 380px); margin: 0; padding: 15px 16px; transform: translate(-50%, calc(-50% + 24px)) scale(.98); }
	#sotlix-consultations.has-scroll-video.is-copy-visible .service-copy { transform: translate(-50%, -50%) scale(1); }
	#sotlix-consultations.has-scroll-video .service-copy h2 { font-size: clamp(25px, 7.5vw, 36px); }
	#sotlix-consultations.has-scroll-video .service-lead { font-size: clamp(17px, 5vw, 22px); }
	#sotlix-consultations.has-scroll-video .service-detail { font-size: 14px; line-height: 1.55; }
	.closing-subtitles { left: 4%; right: 4%; bottom: clamp(26px, 5vh, 48px); }
	.closing-subtitles p { max-width: 92vw; font-size: clamp(17px, 4.8vw, 22px); line-height: 1.45; }
	html[lang="ar"] .closing-subtitles p { font-size: clamp(19px, 5.4vw, 25px); line-height: 1.6; }
	.service-copy { padding: 22px 20px; border-radius: 22px; }
	.service-copy h2 { font-size: clamp(36px, 13vw, 58px); }
	html[lang="ar"] .service-copy h2 { font-size: clamp(18px, 6.5vw, 29px); }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
	.service-scene { background-attachment: scroll; }
}