:root {
	--stratus-focus: #8b0000;
	--stratus-ink: #111827;
	--stratus-surface: #f8fbff;
}

html {
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
}

/* The legacy full-screen loader waits for every third-party request and can mask ready content. */
.ct-loader,
.ct-page-loading-bg {
	display: none !important;
}

/* Immediate hero fallback while the legacy Revolution Slider initializes. */
#rev_slider_5_1_wrapper {
	position: relative;
	visibility: visible !important;
}

#rev_slider_5_1_wrapper::before,
#rev_slider_5_1_wrapper::after {
	position: absolute;
	z-index: 20;
	pointer-events: none;
	transition: opacity 180ms ease;
}

#rev_slider_5_1_wrapper::before {
	content: "";
	inset: 0;
	background:
		linear-gradient(rgba(4, 14, 24, 0.48), rgba(4, 14, 24, 0.48)),
		var(--stratus-hero-image) center bottom / cover no-repeat;
}

#rev_slider_5_1_wrapper::after {
	content: "Şirketinizi güvende tutan\A çözümler üretir\A\A Küçük ve büyük boyutlu tüm işletmeler için siber güvenlik, yedekleme ve iş sürekliliği çözümleri";
	top: 28%;
	left: 50%;
	width: min(90%, 900px);
	transform: translateX(-50%);
	color: #fff;
	font: 700 clamp(28px, 5vw, 64px) / 1.08 "Fira Sans", sans-serif;
	text-align: center;
	white-space: pre-line;
	text-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
}

#rev_slider_5_1_wrapper.stratus-slider-ready::before,
#rev_slider_5_1_wrapper.stratus-slider-ready::after {
	content: none;
	opacity: 0;
}

@media (max-width: 767px) {
	#rev_slider_5_1_wrapper::after {
		top: 24%;
		font-size: 28px;
	}
}

img {
	height: auto;
}

.stratus-skip-link {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 100000;
	padding: 12px 18px;
	border-radius: 6px;
	background: #fff;
	color: var(--stratus-ink);
	font-weight: 700;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.24);
	transform: translateY(-160%);
	transition: transform 160ms ease;
}

.stratus-skip-link:focus {
	transform: translateY(0);
}

:where(a, button, input, textarea, select, [role="button"]):focus-visible {
	outline: 3px solid var(--stratus-focus) !important;
	outline-offset: 3px;
}

/* Content must remain readable even when legacy entrance-animation JS fails. */
body:not(.elementor-editor-active) .elementor-invisible {
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	animation: none !important;
}

body:not(.elementor-editor-active) .elementor-element.animated,
body:not(.elementor-editor-active) .ct-fancy-box.wow {
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	animation: none !important;
}

#ct-menu-mobile[role="button"] {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

.ct-fancy-box-layout6:focus-within {
	transform: rotateY(180deg);
}

@media (max-width: 1024px), (hover: none) {
	.ct-fancy-box-layout6,
	.ct-fancy-box-layout6:hover,
	.ct-fancy-box-layout6:focus-within,
	.ct-fancy-box-layout6.ct--item-active {
		transform: none !important;
	}

	.ct-fancy-box-layout6 .item--front {
		display: none;
	}

	.ct-fancy-box-layout6 .item--back {
		position: relative;
		top: auto;
		transform: none;
		z-index: 1;
		min-height: 100%;
		background: var(--stratus-surface);
	}

	.ct-fancy-box-layout6 .item--back .item--title,
	.ct-fancy-box-layout6 .item--back .item--description {
		color: var(--stratus-ink) !important;
	}

	.ct-fancy-box-layout6 .item--inner {
		border-radius: 22px;
	}
}

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

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}

	.wow {
		visibility: visible !important;
	}
}