/* iQonsey hero animation */
.iq-hero-anim { position: relative; isolation: isolate; }
.iq-hero-anim > .e-con-inner,
.iq-hero-anim > .elementor-element { position: relative; z-index: 1; }

.iq-hero-canvas {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	pointer-events: none;
	z-index: 0;
	border-radius: inherit;
	-webkit-mask-image: linear-gradient(to bottom, #000 0, #000 88%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 0, #000 88%, transparent 100%);
}

/* Headline: hidden while the animation tells the story, then types in word by word */
.iq-w {
	display: inline-block;
	transition: opacity .55s ease, transform .55s ease, filter .55s ease;
	transition-delay: var(--d, 0s);
}
.iq-ha-wait .iq-w { opacity: 0; transform: translateY(.3em); filter: blur(6px); transition: none; }
.iq-hero-author > * { transition: opacity .7s ease; }
.iq-ha-wait .iq-hero-author > * { opacity: 0; transition: none; }

.iq-hl-x {
	background: linear-gradient(90deg, #ffd3e0 0%, #ff8fb1 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: #fff;
	transition: opacity .55s ease, transform .55s ease, filter .55s ease, -webkit-text-fill-color 1.4s ease;
	transition-delay: var(--d, 0s);
}
.iq-ha-lit .iq-hl-x { -webkit-text-fill-color: transparent; transition-delay: 0s; }

@media (prefers-reduced-motion: reduce) {
	.iq-w, .iq-hero-author > *, .iq-hero-anim .iq-apply-btn .elementor-button { transition: none !important; }
	.iq-hl-x { -webkit-text-fill-color: transparent; }
}

/* Split layout: text left, animation stage right (stacked on tablet/mobile) */
.iq-hero-stage { position: relative; }
.iq-hero-stage::before {
	content: "";
	position: absolute;
	inset: 6%;
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(184, 28, 75, .42), rgba(184, 28, 75, .12) 55%, transparent 100%);
	filter: blur(10px);
	pointer-events: none;
}
.iq-hero-canvas--stage {
	inset: 0;
	height: 100% !important;
	border-radius: 0;
	-webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 90%, transparent 100%);
	mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 90%, transparent 100%);
}
.iq-hero-text { position: relative; z-index: 1; }
.iq-hero-text .iq-next { justify-content: flex-start; }
.iq-hero-text .elementor-heading-title { text-wrap: balance; }
@media (max-width: 1024px) {
	.iq-hero-text .iq-next { justify-content: center; }
}

/* Hero "Ödənişsiz Müraciət": same look as the header CTA it replaced */
.iq-hero-anim .iq-apply-btn .elementor-button {
	display: inline-flex;
	align-items: center;
	height: 54px;
	padding: 0 30px;
	border: 0 !important;
	border-radius: 999px;
	background: linear-gradient(135deg, #c8235a, #B81C4B 55%, #8f1238) !important;
	color: #fff !important;
	font-weight: 600;
	box-shadow: 0 10px 24px -8px rgba(184, 28, 75, .8), inset 0 1px 0 rgba(255, 255, 255, .25);
	transition: opacity .6s ease, transform .6s cubic-bezier(.2, .8, .2, 1), box-shadow .2s;
}
/* hidden until the quote and its author are in (delay set in hero.js) */
.iq-hero-anim.iq-ha-wait .iq-apply-btn .elementor-button { opacity: 0; transform: translateY(14px); transition: none; }
.iq-hero-anim .iq-apply-btn .elementor-button:hover,
.iq-hero-anim .iq-apply-btn .elementor-button:focus-visible {
	transform: translateY(-1px);
	color: #fff !important;
	box-shadow: 0 14px 28px -8px rgba(184, 28, 75, .9), inset 0 1px 0 rgba(255, 255, 255, .25);
}
.iq-hero-anim .iq-apply-btn .elementor-button-icon { font-size: 19px; }
.iq-hero-anim .iq-apply-btn .elementor-button-icon,
.iq-hero-anim .iq-apply-btn .elementor-button-text { color: #fff !important; fill: #fff; }
.iq-hero-anim .iq-apply-btn .elementor-button-content-wrapper { align-items: center; line-height: 1; }
.iq-hero-anim .iq-apply-btn .elementor-button-icon { display: inline-flex; align-items: center; }

/* Homepage "Niyə iQonsey?" panel: glow + floating illustration + glass pill */
.iq-why-panel { position: relative; overflow: hidden; isolation: isolate; }
.iq-why-panel::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 44%;
	width: 78%;
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(255, 92, 138, .42), rgba(184, 28, 75, .16) 55%, transparent 100%);
	filter: blur(8px);
	z-index: -1;
	pointer-events: none;
}
.iq-why-img img {
	filter: drop-shadow(0 26px 30px rgba(20, 2, 10, .45));
	animation: iq-why-float 6s ease-in-out infinite;
}
@keyframes iq-why-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-12px); }
}
.iq-why-pill .elementor-heading-title {
	display: inline-block;
	padding: 12px 22px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
@media (prefers-reduced-motion: reduce) {
	.iq-why-img img { animation: none; }
}