.blog-3 {
	overflow: hidden;
	position: relative;
	width: 1920px;
	height: 7500px; /* Reduced from 9099px to remove massive empty gap */
	left: 0px;
	top: 0px;
	margin: 0;
	transform: none;
	transform-origin: 0 0;
	background: #ebebeb;
	border-radius: 0px 0px 0px 0px;
}

/* Blog & YouTube kahraman: arka plan yazıları yalnızca görsel dikdörtgeni içinde */
.page-blog .blog-hero-clip,
.page-youtube .blog-hero-clip {
	position: absolute;
	left: 122px;
	top: 163px;
	width: 1676px;
	height: 865px;
	overflow: hidden;
}

.page-blog .blog-hero-clip picture:has(.rectangle-42156),
.page-youtube .blog-hero-clip picture:has(.rectangle-42156) {
	position: absolute;
	left: 0;
	top: 0;
	width: 1676px;
	height: 865px;
	margin: 0;
	padding: 0;
	display: block;
	pointer-events: none;
}

.page-blog .blog-hero-clip picture:has(.rectangle-42156) .rectangle-42156,
.page-youtube .blog-hero-clip picture:has(.rectangle-42156) .rectangle-42156 {
	left: 0;
	top: 0;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

/* blog-3 kökeninden (122,163) clip kökenine taşındı: transform’lar öteleme çıkarıldı */
.page-blog .blog-hero-clip .group-12448315-11,
.page-youtube .blog-hero-clip .group-12448315-11 {
	transform: matrix(1, 0, 0, 1, 560, 363.8652);
}

.page-blog .blog-hero-clip .group-12448315-15,
.page-youtube .blog-hero-clip .group-12448315-15 {
	transform: matrix(1, 0, 0, 1, 1, -113);
}

/* Dış çerçeve 0,0; öteleme yalnızca .group-12448315-9 üzerinde (Figma −274/−43 → clip kökenine göre −396/−206) */
.page-blog .blog-hero-clip .group-12448315-16,
.page-youtube .blog-hero-clip .group-12448315-16 {
	left: 0;
	top: 0;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

.page-blog .blog-hero-clip .group-12448315-9,
.page-youtube .blog-hero-clip .group-12448315-9 {
	left: 0;
	top: 0;
	transform: matrix(1, 0, 0, 1, -396, -206);
}

/* <picture> sarmalayıcısı konumu bozmasın; Figma: 122×163, 1676×865 */
.blog-3 > picture:has(.rectangle-42156) {
	position: absolute;
	left: 122px;
	top: 163px;
	width: 1676px;
	height: 865px;
	margin: 0;
	padding: 0;
	display: block;
	pointer-events: none;
}

.blog-3 > picture:has(.rectangle-42156) .rectangle-42156 {
	left: 0;
	top: 0;
	transform: none;
}

.rectangle-42156 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 865px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 122, 163);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

.group-12448315-11 {
	overflow: visible;
	position: absolute;
	width: 558px;
	height: 401px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 682, 526.8652);
	transform-origin: 0 0;
}

.group-12448315-7 {
	overflow: visible;
	position: absolute;
	width: 558px;
	height: 384px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}

.blog-4 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 54px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #91d8fe;
	white-space: pre-wrap;
}

.oku-takip-et {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 208.9721, 329.0195);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 500;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 22px;
	line-height: 120%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #ffffff;
	white-space: pre-wrap;
}

/* Kahraman tipografi (.blog-hero-clip): Barlow 700, −6% tracking */
.page-blog .blog-hero-clip .blog-4,
.page-youtube .blog-hero-clip .blog-4 {
	font-family: Barlow, sans-serif;
	font-size: 320.03px;
	font-weight: 700;
	font-style: normal;
	line-height: 100%;
	letter-spacing: -0.06em;
}

.group-12448315-15 {
	overflow: visible;
	position: absolute;
	width: 771px;
	height: 384px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 123, 50);
	transform-origin: 0 0;
	opacity: 0.07000000029802322;
}

.group-12448315-8 {
	overflow: visible;
	position: absolute;
	width: 771px;
	height: 384px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}

.yapay {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.group-12448315-16 {
	overflow: visible;
	position: absolute;
	width: 2105px;
	height: 955px;
	left: 0px;
	top: 0px;
	/* Figma frame: left -274, top -43 (opacity çocuklarda; grupta 0.07 hepsini öldürüyordu) */
	transform: matrix(1, 0, 0, 1, -274, -43);
	transform-origin: 0 0;
	opacity: 1;
}

.group-12448315-9 {
	overflow: visible;
	position: absolute;
	width: 2105px;
	height: 955px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}

.zeka {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	/* blog-3 mutlak: left 1204, top 228 */
	transform: matrix(1, 0, 0, 1, 1478, 271);
	transform-origin: 0 0;
	opacity: 0.6600000262260437;
	font-family: var(--font-display);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.teknoloji {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	/* blog-3 mutlak: left 3, top 335 */
	transform: matrix(1, 0, 0, 1, 277, 378);
	transform-origin: 0 0;
	opacity: 0.4699999988079071;
	font-family: var(--font-display);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.ticaret {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	/* blog-3 mutlak: left -274, top 544 */
	transform: matrix(1, 0, 0, 1, 0, 587);
	transform-origin: 0 0;
	opacity: 1;
	font-family: var(--font-display);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.i-dnyas {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	/* blog-3 mutlak: ~left 128, top 799 (önceki düzenle aynı hizaya) */
	transform: matrix(1, 0, 0, 1, 402, 842);
	transform-origin: 0 0;
	opacity: 1;
	font-family: var(--font-display);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

/* Arka plan kelimeleri: Figma ölçüleri; opaklıklar yumuşatıldı */
.page-blog .blog-hero-clip .group-12448315-15,
.page-youtube .blog-hero-clip .group-12448315-15 {
	opacity: 1;
}

.page-blog .blog-hero-clip .yapay,
.page-youtube .blog-hero-clip .yapay {
	box-sizing: border-box;
	width: 771px;
	height: 384px;
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 320.03px;
	line-height: 100%;
	letter-spacing: -0.06em;
	color: #323232;
	opacity: 0.34;
}

.page-blog .blog-hero-clip .zeka,
.page-youtube .blog-hero-clip .zeka {
	box-sizing: border-box;
	width: 627px;
	height: 384px;
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 320.03px;
	line-height: 100%;
	letter-spacing: -0.06em;
	color: #323232;
	opacity: 0.42;
}

.page-blog .blog-hero-clip .teknoloji,
.page-youtube .blog-hero-clip .teknoloji {
	box-sizing: border-box;
	width: 1078px;
	height: 384px;
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 320.03px;
	line-height: 100%;
	letter-spacing: -0.06em;
	color: #323232;
	opacity: 0.3;
}

.page-blog .blog-hero-clip .ticaret,
.page-youtube .blog-hero-clip .ticaret {
	box-sizing: border-box;
	width: 838px;
	height: 384px;
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 320.03px;
	line-height: 100%;
	letter-spacing: -0.06em;
	color: #323232;
	opacity: 0.5;
}

.page-blog .blog-hero-clip .i-dnyas,
.page-youtube .blog-hero-clip .i-dnyas {
	box-sizing: border-box;
	width: 1245px;
	height: 384px;
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 320.03px;
	line-height: 100%;
	letter-spacing: -0.06em;
	color: #323232;
	opacity: 0.4;
}

.rectangle-42176-273-icon {
	fill: rgba(44, 44, 44, 0.12999999523162842);
	fill-rule: evenodd;
}

.rectangle-42176 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 389px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 122, 2453);
	transform-origin: 0 0;
}

.rectangle-42157 {
	overflow: visible;
	position: absolute;
	width: 690px;
	height: 332px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 210, 2485);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

.devamn-oku {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 1584, 2783);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 32.31px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.group-12448315-12 {
	overflow: visible;
	position: absolute;
	width: 621px;
	height: 403px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 205, 1621);
	transform-origin: 0 0;
}

.zeka-2 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 253, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.tolga-zol {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 448, 71);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.lorem-ipsum-is-simply-dummy-text-3 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 7, 163);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.yapay-2 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #000e17;
	white-space: pre-wrap;
}

.devamn-oku-2 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 7, 331);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 32.31px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.group-12448315-13 {
	overflow: visible;
	position: absolute;
	width: 703px;
	height: 95px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 923, 2647);
	transform-origin: 0 0;
}

.lorem-ipsum-is-simply-dummy-text-4 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.lorem-ipsum-is-simply-dummy-text-5 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.group-12448316 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 857px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 122, 1085);
	transform-origin: 0 0;
}

.vector-1-286-icon {
	fill: rgba(44, 44, 44, 0.12999999523162842);
	fill-rule: evenodd;
}

.vector-1 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 857px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}

.devamn-oku-3 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 672, 434.5625);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 32.31px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.group-12448315-2 {
	overflow: visible;
	position: absolute;
	width: 724px;
	height: 450px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 79, 22);
	transform-origin: 0 0;
}

.alt-yap {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 252, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.tolga-zol-2 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 230, 151);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.n-01042026 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 657, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20.519445419311523px;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.lorem-ipsum-is-simply-dummy-text-6 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 9, 210);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.dijital {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #205672;
	white-space: pre-wrap;
}

.rectangle-42157-2 {
	overflow: visible;
	position: absolute;
	width: 696px;
	height: 709px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 902, 77);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

.group-12448316-2 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 857px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 122, 2897);
	transform-origin: 0 0;
}

.vector-1-296-icon {
	fill: rgba(44, 44, 44, 0.12999999523162842);
	fill-rule: evenodd;
}

.vector-1-2 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 857px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}

.devamn-oku-4 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 672, 434.5625);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 32.31px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.group-12448315-3 {
	overflow: visible;
	position: absolute;
	width: 651px;
	height: 450px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 152, 22);
	transform-origin: 0 0;
}

.alt-yap-2 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 252, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.tolga-zol-3 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 230, 151);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.n-01042026-2 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 584, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20.519445419311523px;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.lorem-ipsum-is-simply-dummy-text-7 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 2, 210);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.dijital-2 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #205672;
	white-space: pre-wrap;
}

.rectangle-42157-3 {
	overflow: visible;
	position: absolute;
	width: 549px;
	height: 709px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 977, 77);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

.group-12448316-9 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 857px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 122, 4816);
	transform-origin: 0 0;
}

.vector-1-306-icon {
	fill: rgba(44, 44, 44, 0.12999999523162842);
	fill-rule: evenodd;
}

.vector-1-3 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 857px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}

.devamn-oku-5 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 672, 434.5625);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 32.31px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.group-12448315-4 {
	overflow: visible;
	position: absolute;
	width: 651px;
	height: 450px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 152, 22);
	transform-origin: 0 0;
}

.alt-yap-3 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 252, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.tolga-zol-4 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 230, 151);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.n-01042026-3 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 584, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20.519445419311523px;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.lorem-ipsum-is-simply-dummy-text-8 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 2, 210);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.dijital-3 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #205672;
	white-space: pre-wrap;
}

.rectangle-42157-4 {
	overflow: visible;
	position: absolute;
	width: 549px;
	height: 709px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 977, 77);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

.group-12448316-14 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 857px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 122, 6648);
	transform-origin: 0 0;
}

.vector-1-316-icon {
	fill: rgba(44, 44, 44, 0.12999999523162842);
	fill-rule: evenodd;
}

.vector-1-4 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 857px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}

.devamn-oku-6 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 672, 434.5625);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 32.31px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.group-12448315-6 {
	overflow: visible;
	position: absolute;
	width: 651px;
	height: 450px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 152, 22);
	transform-origin: 0 0;
}

.alt-yap-4 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 252, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.tolga-zol-5 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 230, 151);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.n-01042026-4 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 584, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20.519445419311523px;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.lorem-ipsum-is-simply-dummy-text-9 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 2, 210);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.dijital-4 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #205672;
	white-space: pre-wrap;
}

.rectangle-42157-5 {
	overflow: visible;
	position: absolute;
	width: 549px;
	height: 709px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 977, 77);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

.rectangle-42162 {
	overflow: visible;
	position: absolute;
	width: 1526px;
	height: 393px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 194, 2005);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

.group-12448316-10 {
	overflow: visible;
	position: absolute;
	width: 1350px;
	height: 778px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 270, 3428);
	transform-origin: 0 0;
}

.group-12448316-3 {
	overflow: visible;
	position: absolute;
	width: 621px;
	height: 403px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 10, 0);
	transform-origin: 0 0;
}

.zeka-3 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 253, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.tolga-zol-6 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 448, 71);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.lorem-ipsum-is-simply-dummy-text-10 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 7, 163);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.yapay-3 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #000e17;
	white-space: pre-wrap;
}

.devamn-oku-7 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 7, 331);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 32.31px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.rectangle-42177 {
	overflow: visible;
	position: absolute;
	width: 1350px;
	height: 393px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 385);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

.group-12448316-11 {
	overflow: visible;
	position: absolute;
	width: 1350px;
	height: 778px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 270, 5349);
	transform-origin: 0 0;
}

.group-12448316-4 {
	overflow: visible;
	position: absolute;
	width: 621px;
	height: 403px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 10, 0);
	transform-origin: 0 0;
}

.zeka-4 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 253, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.tolga-zol-8 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 448, 71);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.lorem-ipsum-is-simply-dummy-text-11 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 7, 163);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.yapay-4 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #000e17;
	white-space: pre-wrap;
}

.devamn-oku-8 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 7, 331);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 32.31px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.rectangle-42177-2 {
	overflow: visible;
	position: absolute;
	width: 1350px;
	height: 393px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 385);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

.lorem-ipsum-is-simply-dummy-text {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 1316, 738);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: right;
	display: flex;
	align-items: flex-start;
	color: #ffffff;
	white-space: pre-wrap;
}

.group-12448315-14 {
	overflow: visible;
	position: absolute;
	width: 612px;
	height: 138px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 923, 2483);
	transform-origin: 0 0;
}

.zeka-5 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 258, 10);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.yapay-5 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.tolga-zol-9 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 453, 81);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.group-12448316-12 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 389px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 122, 4332);
	transform-origin: 0 0;
}

.rectangle-42180-348-icon {
	fill: rgba(44, 44, 44, 0.12999999523162842);
	fill-rule: evenodd;
}

.rectangle-42180 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 389px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}

.rectangle-42179 {
	overflow: visible;
	position: absolute;
	width: 690px;
	height: 332px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 88, 32);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

.devamn-oku-9 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 1462, 330);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 32.31px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.group-12448316-5 {
	overflow: visible;
	position: absolute;
	width: 703px;
	height: 95px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 801, 194);
	transform-origin: 0 0;
}

.lorem-ipsum-is-simply-dummy-text-12 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.lorem-ipsum-is-simply-dummy-text-13 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.group-12448316-7 {
	overflow: visible;
	position: absolute;
	width: 612px;
	height: 138px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 801, 30);
	transform-origin: 0 0;
}

.zeka-6 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 258, 10);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.yapay-6 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.tolga-zol-10 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 453, 81);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.group-12448316-13 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 389px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 122, 6193);
	transform-origin: 0 0;
}

.rectangle-42180-359-icon {
	fill: rgba(44, 44, 44, 0.12999999523162842);
	fill-rule: evenodd;
}

.rectangle-42180-2 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 389px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}

.rectangle-42179-2 {
	overflow: visible;
	position: absolute;
	width: 690px;
	height: 332px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 88, 32);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

.devamn-oku-10 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 1462, 330);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 32.31px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

.group-12448316-6 {
	overflow: visible;
	position: absolute;
	width: 703px;
	height: 95px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 801, 194);
	transform-origin: 0 0;
}

.lorem-ipsum-is-simply-dummy-text-14 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.lorem-ipsum-is-simply-dummy-text-15 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}

.group-12448316-8 {
	overflow: visible;
	position: absolute;
	width: 612px;
	height: 138px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 801, 30);
	transform-origin: 0 0;
}

.zeka-7 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 258, 10);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.yapay-7 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}

.tolga-zol-11 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 453, 81);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}

/* —— L-kart (blog + YouTube): panel #dcdee4, iç gölge; kontur kapatıldı (köşe çizgi artefaktı) —— */
.page-blog .svg-defs,
.page-youtube .svg-defs {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	pointer-events: none;
}

.page-blog .blog-l-card__corner,
.page-youtube .blog-l-card__corner,
.page-blog .blog-l-card__surface,
.page-youtube .blog-l-card__surface {
	fill: #dcdee4;
	filter: none;
}

/* Tek filtre: köşe + yüzey birlikte — iç L birleşiminde çizgi/ayrım önlenir */
.page-blog .blog-l-card__fill,
.page-youtube .blog-l-card__fill {
	filter: url(#blog-l-card-inset);
}

.page-blog .blog-l-card__surface--bar,
.page-youtube .blog-l-card__surface--bar {
	stroke: none;
	paint-order: normal;
	filter: url(#blog-l-card-inset);
}

.page-blog .blog-l-card__edge,
.page-youtube .blog-l-card__edge {
	fill: none;
	stroke: none;
	filter: none;
}

.page-blog .blog-3 svg.vector-1,
.page-blog .blog-3 svg[class^="vector-1-"],
.page-youtube .blog-3 svg.vector-1,
.page-youtube .blog-3 svg[class^="vector-1-"] {
	shape-rendering: geometricPrecision;
}

/* === RESPONSIVE FIXES === */
@media (max-width: 1200px) {
	.blog-3 {
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		overflow-x: hidden;
		padding-bottom: 20px; /* Reduced gap before footer on mobile */
		display: flex !important;
		flex-direction: column !important;
		position: relative !important;
	}

	/* Blog kahramanı — tamamen blog-extra.css (tek kaynak); burada sadece YouTube */
	.page-youtube .blog-hero-clip {
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		margin-top: 100px !important;
		width: auto !important;
		margin-left: 16px !important;
		margin-right: 16px !important;
		height: auto !important;
		aspect-ratio: 16 / 9;
		border-radius: 18px;
		overflow: hidden;
	}

	/* Arka plan yazılarını ve dekoratif SVG'leri mobilde gizle — svg-defs filtreleri koru */
	.blog-3 > svg:not(.svg-defs),
	.blog-3 > .vector-1,
	.blog-3 > .rectangle-42171 {
		display: none !important;
	}

	.page-youtube .blog-hero-clip picture,
	.page-youtube .blog-hero-clip .rectangle-42156 {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		transform: none !important;
	}

	.page-youtube .blog-hero-clip .group-12448315-11 {
		position: absolute !important;
		left: 20px !important;
		bottom: 20px !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		height: auto !important;
		z-index: 10;
	}

	.page-youtube .blog-feed {
		position: relative !important;
		margin-top: 40px !important;
		padding: 0 16px !important;
		width: auto !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
	}

	/*
	 * Eski Figma kart blokları (.group-12448316*) blog.html'de blog-extra ile gizlenir.
	 * .blog-3 ile burada display:flex vermek düşük özgüllükle blog-extra display:none'u ezip
	 * mobilde Lorem / "Dijital Alt" yığınını geri getiriyordu — sadece YouTube tuvali.
	 */
	.youtube-3 > div[class^="group-12448316"] {
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		width: 100% !important;
		height: auto !important;
		margin: 20px 0 !important;
		padding: 0 16px !important;
	}

	.youtube-3 > div[class^="group-12448316"] > * {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		transform: none !important;
		width: 100% !important;
		height: auto !important;
	}

	.youtube-3 > div[class^="group-12448316"] picture,
	.youtube-3 > div[class^="group-12448316"] img {
		order: -1 !important; /* Put images at the top of the card */
		border-radius: 12px;
		margin-bottom: 16px;
	}

	.blog-3 > svg[class^="rectangle-42176"],
	.blog-3 > picture:not(.blog-hero-clip picture):not(div picture),
	.blog-3 > .group-12448315-12,
	.blog-3 > .group-12448315-13 {
		display: none !important;
	}
}