:root {
			--primary-color: #31c1db;
			--secondary-color: #28a8bf;
			--accent-color: #4acee6;
			--text-color: #1f2937;
			--light-text: #6b7280;
			--bg-color: #ffffff;
			--light-bg: #f5f8fa;
			--dark-bg: #0f1722;
			--gradient: linear-gradient(135deg, #31c1db 0%, #28a8bf 100%);
			--gradient-soft: linear-gradient(135deg, rgba(49, 193, 219, 0.12) 0%, rgba(74, 206, 230, 0.12) 100%);
			--radius: 16px;
			--radius-sm: 12px;
			--shadow-sm: 0 2px 8px rgba(15, 23, 34, 0.06);
			--shadow-md: 0 10px 30px rgba(15, 23, 34, 0.08);
			--shadow-lg: 0 20px 45px rgba(15, 23, 34, 0.12);
			--shadow-primary: 0 12px 28px rgba(49, 193, 219, 0.28);
		}

		html {
			scroll-behavior: smooth;
			/* Sabit header'ın çapa (anchor) bölümlerinin üzerine binmemesi için */
			scroll-padding-top: 90px;
		}

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

		body {
			font-family: 'Poppins', sans-serif;
			color: var(--text-color);
			line-height: 1.6;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			background-color: var(--bg-color);
			/* Sabit header yüksekliği kadar boşluk — içerik menünün altından başlar */
			padding-top: 72px;
		}

		/* Header olmayan sayfalar (ör. panel girişi) üst boşluğu kullanmaz */
		body.no-header {
			padding-top: 0;
		}

		.container {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
		}

		/* Header Styles */
		header {
			background-color: rgba(255, 255, 255, 0.85);
			backdrop-filter: saturate(180%) blur(12px);
			-webkit-backdrop-filter: saturate(180%) blur(12px);
			box-shadow: 0 1px 0 rgba(15, 23, 34, 0.06);
			position: fixed;
			width: 100%;
			top: 0;
			z-index: 1000;
			transition: box-shadow 0.3s ease, background-color 0.3s ease;
		}

		header.scrolled {
			background-color: rgba(255, 255, 255, 0.95);
			box-shadow: var(--shadow-md);
		}

		.header-container {
			display: flex;
			align-items: center;
			gap: 12px;
			height: 72px;
			padding: 0 10px;
			transition: height 0.3s ease;
		}

		.header-container .logo {
			order: 1;
			margin-right: auto;
		}

		.header-container nav {
			order: 2;
		}

		.header-container .language-switcher {
			order: 3;
		}

		.header-container .mobile-menu-btn {
			order: 4;
		}

		header.scrolled .header-container {
			height: 62px;
		}

		.logo {
			display: flex;
			align-items: center;
		}

		.logo img {
			height: 40px;
			margin-right: 5px;
			transition: height 0.3s ease;
		}

		header.scrolled .logo img {
			height: 34px;
		}

		.logo-text {
			font-size: 24px;
			font-weight: 700;
		}

		.logo-text span {
			color: var(--primary-color);
		}

		nav ul {
			display: flex;
			list-style: none;
		}

		nav ul li {
			margin-left: 15px;
		}

		nav ul li a {
			text-decoration: none;
			color: var(--text-color);
			font-weight: 500;
			font-size: 13.5px;
			transition: color 0.3s ease;
			position: relative;
		}

		nav ul li a:not(.support-btn)::after {
			content: '';
			position: absolute;
			left: 0;
			bottom: -6px;
			width: 0;
			height: 2px;
			background: var(--gradient);
			border-radius: 2px;
			transition: width 0.3s ease;
		}

		nav ul li a:not(.support-btn):hover::after {
			width: 100%;
		}

		nav ul li a:hover {
			color: var(--primary-color);
		}

		.mobile-menu-btn {
			display: none;
			background: none;
			border: none;
			font-size: 24px;
			cursor: pointer;
			color: var(--text-color);
		}

		/* Hero Section */
		.hero {
			background: linear-gradient(135deg, rgba(40, 168, 191, 0.92) 0%, rgba(49, 193, 219, 0.88) 55%, rgba(74, 206, 230, 0.9) 100%), url('../../bg.webp');
			background-size: cover;
			background-position: center;
			color: white;
			padding: 80px 0 100px;
			text-align: center;
			position: relative;
			overflow: hidden;
		}

		.hero::before {
			content: '';
			position: absolute;
			top: -25%;
			right: -10%;
			width: 480px;
			height: 480px;
			background: radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, transparent 65%);
			pointer-events: none;
		}

		.hero::after {
			content: '';
			position: absolute;
			bottom: -30%;
			left: -8%;
			width: 420px;
			height: 420px;
			background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, transparent 65%);
			pointer-events: none;
		}

		.hero .container {
			position: relative;
			z-index: 1;
		}

		.hero h1 {
			font-size: 56px;
			margin-bottom: 22px;
			font-weight: 700;
			letter-spacing: -1px;
			line-height: 1.15;
			animation: heroFade 0.9s ease both;
		}

		.hero p {
			font-size: 21px;
			max-width: 720px;
			margin: 0 auto 36px;
			opacity: 0.95;
			animation: heroFade 0.9s ease 0.15s both;
		}

		.hero .cta-button {
			animation: heroFade 0.9s ease 0.3s both;
		}

		@keyframes heroFade {
			from { opacity: 0; transform: translateY(24px); }
			to { opacity: 1; transform: translateY(0); }
		}

		.cta-button {
			display: inline-block;
			background-color: white;
			color: var(--secondary-color);
			padding: 15px 38px;
			border-radius: 40px;
			font-weight: 600;
			text-decoration: none;
			transition: all 0.3s ease;
			box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
		}

		.cta-button:hover {
			transform: translateY(-4px);
			box-shadow: 0 14px 34px rgba(0, 0, 0, 0.25);
		}

		/* Services Section */
		.services {
			padding: 80px 0;
			background-color: var(--light-bg);
		}

		.section-title {
			text-align: center;
			margin-bottom: 60px;
		}

		.section-title h2 {
			font-size: 38px;
			font-weight: 700;
			letter-spacing: -0.5px;
			color: var(--text-color);
			margin-bottom: 18px;
			position: relative;
			display: inline-block;
		}

		.section-title h2::after {
			content: '';
			position: absolute;
			width: 70px;
			height: 4px;
			background: var(--gradient);
			border-radius: 4px;
			bottom: -12px;
			left: 50%;
			transform: translateX(-50%);
		}

		.section-title p {
			color: var(--light-text);
			font-size: 17px;
			max-width: 640px;
			margin: 18px auto 0;
		}

		.services-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 30px;
		}

		.service-card {
			background-color: var(--bg-color);
			border: 1px solid rgba(15, 23, 34, 0.06);
			border-radius: var(--radius);
			padding: 36px 30px;
			text-align: center;
			box-shadow: var(--shadow-sm);
			transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
			position: relative;
			overflow: hidden;
		}

		.service-card::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 4px;
			background: var(--gradient);
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.35s ease;
		}

		.service-card:hover {
			transform: translateY(-10px);
			box-shadow: var(--shadow-lg);
			border-color: transparent;
		}

		.service-card:hover::before {
			transform: scaleX(1);
		}

		.service-icon {
			width: 76px;
			height: 76px;
			margin: 0 auto 22px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 32px;
			color: var(--primary-color);
			background: var(--gradient-soft);
			border-radius: 20px;
			transition: all 0.35s ease;
		}

		.service-card:hover .service-icon {
			background: var(--gradient);
			color: #fff;
			transform: rotate(-6deg) scale(1.05);
			box-shadow: var(--shadow-primary);
		}

		.service-card h3 {
			font-size: 21px;
			margin-bottom: 14px;
			font-weight: 600;
		}

		.service-card p {
			color: var(--light-text);
			font-size: 15px;
		}

		/* Brands Section */
		.brands {
			padding: 80px 0;
			background-color: var(--light-bg);
		}

		.brands-container {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
			gap: 20px;
		}

		.brand-item {
			display: flex;
			background-color: var(--bg-color);
			border-radius: 10px;
			overflow: hidden;
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			height: 170px;
			position: relative;
		}

		.brand-item:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
		}

		.brand-logo {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 30px;
			background-color: var(--bg-color);
		}

		.brand-logo img {
			max-width: 100%;
			max-height: 100px;
			object-fit: contain;
			transition: transform 0.3s ease;
			filter: grayscale(100%);
		}

		.brand-item:hover .brand-logo img {
			filter: grayscale(0%);
			transform: scale(1.05);
		}

		.brand-item a {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			text-decoration: none;
			z-index: 10;
		}

		/* References Section */
		.references {
			padding: 80px 0;
			background-color: var(--bg-color);
		}

		.references-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
			gap: 20px;
		}

		.reference-card {
			background-color: var(--bg-color);
			border: 1px solid rgba(15, 23, 34, 0.06);
			border-radius: var(--radius);
			padding: 30px;
			text-align: center;
			box-shadow: var(--shadow-sm);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			height: 240px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}

		.reference-card:hover {
			transform: translateY(-6px);
			box-shadow: var(--shadow-md);
		}

		.reference-logo {
			height: 80px;
			width: auto;
			max-width: 100%;
			object-fit: contain;
			margin-bottom: 20px;
			filter: grayscale(100%);
			transition: transform 0.3s ease, filter 0.3s ease;
		}

		.reference-card:hover .reference-logo {
			filter: grayscale(0%);
			transform: scale(1.05);
		}

		.reference-card h3 {
			font-size: 18px;
			margin-bottom: 5px;
			color: var(--text-color);
		}

		.reference-industry {
			color: var(--primary-color);
			font-size: 14px;
			font-weight: 500;
		}

		/* Footer */
		footer {
			background-color: var(--dark-bg);
			color: white;
			padding: 60px 0 24px;
			border-top: 4px solid transparent;
			border-image: var(--gradient) 1;
		}

		.footer-column h3::after {
			background: var(--gradient);
		}

		.footer-content {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
			gap: 40px;
			margin-bottom: 40px;
		}

		.footer-column h3 {
			font-size: 20px;
			margin-bottom: 20px;
			position: relative;
			display: inline-block;
		}

		.footer-column h3::after {
			content: '';
			position: absolute;
			width: 40px;
			height: 2px;
			background-color: var(--primary-color);
			bottom: -10px;
			left: 0;
		}

		.footer-column ul {
			list-style: none;
		}

		.footer-column ul li {
			margin-bottom: 10px;
		}

		.footer-column ul li a {
			color: #a1a1aa;
			text-decoration: none;
			transition: color 0.3s ease;
		}

		.footer-column ul li a:hover {
			color: white;
		}

		.social-links {
			display: flex;
			gap: 15px;
			margin-top: 20px;
		}

		.social-links a {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			background-color: rgba(255, 255, 255, 0.1);
			border-radius: 50%;
			color: white;
			transition: all 0.3s ease;
		}

		.social-links a:hover {
			background-color: var(--primary-color);
			transform: translateY(-3px);
		}

		.footer-bottom {
			text-align: center;
			padding-top: 20px;
			border-top: 1px solid rgba(255, 255, 255, 0.1);
			font-size: 14px;
			color: #a1a1aa;
		}

		/* Responsive Styles */
		@media (max-width: 992px) {
			.brand-item {
				flex-direction: column;
			}

			.brand-logo {
				flex: none;
				width: 100%;
			}

			nav ul li {
				margin-left: 15px;
			}

			nav ul li a {
				font-size: 13px;
			}
		}

		@media (max-width: 768px) {
			.header-container {
				position: relative;
			}

			.mobile-menu-btn {
				display: block;
			}

			nav {
				position: absolute;
				top: 80px;
				left: 0;
				width: 100%;
				background-color: var(--bg-color);
				box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
				display: none;
				z-index: 1000;
			}

			nav.active {
				display: block;
			}

			nav ul {
				flex-direction: column;
				padding: 20px 0;
			}

			nav ul li {
				margin: 0;
				text-align: center;
				padding: 12px 0;
			}

			.support-btn {
				display: inline-block;
				margin-top: 5px;
				padding: 8px 15px;
			}

			.hero h1 {
				font-size: 36px;
			}

			.hero p {
				font-size: 18px;
			}
		}

		/* Contact Section */
		.contact {
			padding: 80px 0;
			background-color: var(--light-bg);
		}

		.contact-content {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 30px;
		}

		.contact-info {
			background-color: var(--bg-color);
			padding: 30px;
			border-radius: 10px;
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
			height: 100%;
		}

		.contact-info h3 {
			font-size: 24px;
			margin-bottom: 20px;
			color: var(--primary-color);
		}

		.contact-info p {
			margin-bottom: 15px;
			display: flex;
			align-items: center;
		}

		.contact-info i {
			margin-right: 10px;
			color: var(--primary-color);
			font-size: 20px;
			width: 20px;
		}

		.contact-form {
			background-color: var(--bg-color);
			padding: 30px;
			border-radius: 10px;
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
			height: 100%;
		}

		.contact-form h3 {
			font-size: 24px;
			margin-bottom: 20px;
			color: var(--primary-color);
		}

		.form-group {
			margin-bottom: 20px;
		}

		.form-group label {
			display: block;
			margin-bottom: 5px;
			font-weight: 500;
		}

		.form-group input,
		.form-group textarea {
			width: 100%;
			padding: 12px;
			border: 1px solid #ddd;
			border-radius: 5px;
			font-family: 'Poppins', sans-serif;
		}

		.form-group textarea {
			height: 120px;
			resize: vertical;
		}

		.captcha-container {
			margin-bottom: 25px;
		}

		.captcha-note {
			display: block;
			margin-top: 8px;
			color: var(--light-text);
			font-style: italic;
		}

		.form-status {
			padding: 12px 15px;
			border-radius: 8px;
			margin-bottom: 20px;
			font-weight: 500;
			display: none;
		}

		.form-status.success {
			display: block;
			background-color: rgba(0, 200, 83, 0.1);
			color: #00a44c;
			border: 1px solid rgba(0, 200, 83, 0.3);
		}

		.form-status.error {
			display: block;
			background-color: rgba(255, 76, 76, 0.1);
			color: #d32f2f;
			border: 1px solid rgba(255, 76, 76, 0.3);
		}

		.submit-btn {
			background: var(--gradient);
			color: white;
			border: none;
			padding: 14px 36px;
			border-radius: 40px;
			font-weight: 600;
			font-family: 'Poppins', sans-serif;
			cursor: pointer;
			transition: all 0.3s ease;
			box-shadow: var(--shadow-primary);
		}

		.submit-btn:hover {
			transform: translateY(-3px);
			box-shadow: 0 16px 32px rgba(49, 193, 219, 0.36);
		}

		.contact-btn {
			background-color: transparent;
			border: 1px solid var(--primary-color);
			color: var(--primary-color);
			padding: 6px 16px;
			border-radius: 20px;
			font-size: 14px;
			font-weight: 500;
			cursor: pointer;
			transition: all 0.3s ease;
			margin-left: 10px;
		}

		.contact-btn:hover {
			background-color: var(--primary-color);
			color: white;
		}

		.modal {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 1100;
			justify-content: center;
			align-items: center;
		}

		.modal-content {
			background-color: var(--bg-color);
			padding: 30px;
			border-radius: 10px;
			width: 90%;
			max-width: 500px;
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
			position: relative;
		}

		.close-modal {
			position: absolute;
			top: 15px;
			right: 15px;
			font-size: 24px;
			cursor: pointer;
			color: var(--light-text);
		}

		.email-display {
			text-align: center;
			margin: 20px 0;
			padding: 15px;
			background-color: var(--light-bg);
			border-radius: 8px;
			font-size: 18px;
			color: var(--text-color);
		}

		.map-container {
			margin-top: 25px;
			border-radius: 10px;
			overflow: hidden;
			box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
			position: relative;
		}

		.map-wrapper {
			position: relative;
		}

		.map-title {
			position: absolute;
			top: 10px;
			left: 10px;
			background-color: rgba(255, 255, 255, 0.8);
			padding: 5px 10px;
			border-radius: 5px;
			font-size: 18px;
			font-weight: 600;
		}

		.map-marker {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background-color: rgba(255, 255, 255, 0.8);
			padding: 5px;
			border-radius: 50%;
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
		}

		.map-marker i {
			color: var(--primary-color);
			font-size: 24px;
		}

		.location-map {
			width: 100%;
			height: auto;
			display: block;
			border-radius: 8px;
		}

		.copy-btn {
			display: block;
			margin: 0 auto;
			background-color: var(--primary-color);
			color: white;
			border: none;
			padding: 10px 20px;
			border-radius: 25px;
			font-weight: 500;
			cursor: pointer;
			transition: all 0.3s ease;
		}

		.copy-btn:hover {
			background-color: var(--secondary-color);
			transform: translateY(-2px);
		}

		/* Partnerships Section */
		.swiper {
			width: 100%;
			padding-bottom: 50px;
		}

		.swiper-slide {
			display: flex;
			justify-content: center;
		}

		.swiper-button-next,
		.swiper-button-prev {
			color: var(--primary-color);
		}

		.swiper-pagination-bullet-active {
			background: var(--primary-color);
		}

		.support-btn {
			background: var(--gradient);
			color: white !important;
			padding: 8px 16px;
			border-radius: 30px;
			transition: all 0.3s ease;
			font-size: 14px;
			box-shadow: var(--shadow-primary);
		}

		.support-btn::after {
			display: none !important;
		}

		.support-btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 14px 28px rgba(49, 193, 219, 0.34);
		}

		.support-btn i {
			margin-left: 5px;
		}

		.language-switcher {
			display: flex;
			gap: 5px;
			z-index: 2000;
		}
		.lang-btn.active {
			background: var(--primary-color);
			color: #fff;
		}

		.lang-btn {
			border: 1px solid rgba(15, 23, 34, 0.12);
			background: #fff;
			border-radius: 8px;
			padding: 4px 10px;
			font-size: 13px;
			font-weight: 600;
			cursor: pointer;
			transition: all 0.25s ease;
		}

		/* Scroll-reveal animasyonları */
		.reveal {
			opacity: 0;
			transform: translateY(30px);
			transition: opacity 0.7s ease, transform 0.7s ease;
			will-change: opacity, transform;
		}

		.reveal.revealed {
			opacity: 1;
			transform: translateY(0);
		}

		.reveal.delay-1 { transition-delay: 0.08s; }
		.reveal.delay-2 { transition-delay: 0.16s; }
		.reveal.delay-3 { transition-delay: 0.24s; }

		@media (prefers-reduced-motion: reduce) {
			.reveal {
				opacity: 1;
				transform: none;
				transition: none;
			}
		}

		/* Kurumsal Bilgi İşlem Desteği */
		.it-support {
			padding: 80px 0;
			background-color: var(--bg-color);
		}

		.support-models {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
			gap: 25px;
			margin-bottom: 55px;
		}

		.support-model {
			background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
			color: #fff;
			border-radius: 14px;
			padding: 30px 25px;
			text-align: center;
			box-shadow: 0 8px 20px rgba(49, 193, 219, 0.18);
			transition: transform 0.3s ease;
		}

		.support-model:hover {
			transform: translateY(-6px);
		}

		.support-model i {
			font-size: 40px;
			margin-bottom: 15px;
		}

		.support-model h3 {
			font-size: 20px;
			margin-bottom: 10px;
		}

		.support-model p {
			font-size: 14px;
			opacity: 0.95;
		}

		.it-subtitle {
			text-align: center;
			font-size: 22px;
			margin-bottom: 35px;
			color: var(--text-color);
		}

		.it-capabilities {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
			gap: 18px;
		}

		.it-capability {
			display: flex;
			gap: 14px;
			align-items: flex-start;
			background-color: var(--light-bg);
			padding: 18px;
			border-radius: 10px;
			transition: transform 0.3s ease, box-shadow 0.3s ease;
		}

		.it-capability:hover {
			transform: translateY(-4px);
			box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
		}

		.it-capability i {
			color: var(--primary-color);
			font-size: 24px;
			margin-top: 3px;
			min-width: 28px;
			text-align: center;
		}

		.it-capability h4 {
			font-size: 15px;
			margin-bottom: 4px;
			color: var(--text-color);
		}

		.it-capability p {
			font-size: 13px;
			color: var(--light-text);
			line-height: 1.5;
		}

		/* Mini Markalar (kendi markalarımız - en altta, küçük) */
		.brands-mini {
			padding: 40px 0 50px;
			background-color: var(--bg-color);
		}

		.brands-mini .section-title {
			margin-bottom: 30px;
		}

		.brands-mini .section-title h2 {
			font-size: 22px;
		}

		.brands-mini .section-title p {
			font-size: 14px;
			color: var(--light-text);
		}

		.brands-swiper {
			padding-bottom: 10px;
			-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
			mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
		}

		.brands-swiper .swiper-wrapper {
			/* sürekli, doğrusal kayma için */
			transition-timing-function: linear;
		}

		.brands-swiper .swiper-slide {
			width: auto;
		}

		.brands-swiper .brand-item {
			height: 70px;
			width: 150px;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
		}

		.brands-swiper .brand-logo {
			padding: 12px 18px;
		}

		.brands-swiper .brand-logo img {
			max-height: 38px;
		}

		@media (max-width: 992px) {
			.brands-swiper .brand-item {
				flex-direction: row;
			}
		}

/* ===== Hizmet / Alt Sayfalar ===== */
.page-hero { padding: 55px 0 65px; }
.page-hero h1 { font-size: 46px; }
.breadcrumb { max-width: 1200px; margin: 0 auto; padding: 16px 20px 0; font-size: 14px; color: var(--light-text); }
.breadcrumb a { color: var(--primary-color); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.content-section { padding: 70px 0; }
.content-section .lead { font-size: 18px; color: var(--light-text); max-width: 820px; margin: 0 auto; text-align: center; }
.steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 22px; }
.step-card { background: var(--bg-color); border: 1px solid rgba(15, 23, 34, 0.06); border-radius: var(--radius); padding: 28px; box-shadow: var(--shadow-sm); }
.step-num { width: 44px; height: 44px; border-radius: 13px; background: var(--gradient-soft); color: var(--primary-color); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; margin-bottom: 14px; }
.step-card h4 { font-size: 17px; margin-bottom: 8px; }
.step-card p { color: var(--light-text); font-size: 14px; }
.faq-list { max-width: 820px; margin: 0 auto; }
.faq-item { background: var(--bg-color); border: 1px solid rgba(15, 23, 34, 0.06); border-radius: var(--radius-sm); padding: 22px 24px; margin-bottom: 14px; box-shadow: var(--shadow-sm); }
.faq-item h4 { font-size: 16px; margin-bottom: 8px; color: var(--text-color); }
.faq-item p { color: var(--light-text); font-size: 15px; }
.cta-band { background: var(--gradient); color: #fff; text-align: center; padding: 60px 24px; border-radius: var(--radius); max-width: 1160px; margin: 0 auto; box-shadow: var(--shadow-primary); }
.cta-band h2 { font-size: 28px; margin-bottom: 12px; }
.cta-band h2::after { display: none; }
.cta-band p { opacity: 0.95; margin-bottom: 26px; max-width: 620px; margin-left: auto; margin-right: auto; }
.cta-band .cta-button { color: var(--secondary-color); }

/* Hizmet kartı "Detaylı Bilgi" linki */
.card-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 16px;
	color: var(--primary-color);
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	transition: gap 0.25s ease, color 0.25s ease;
}
.card-link:hover { gap: 11px; color: var(--secondary-color); }
.card-link i { font-size: 12px; }

/* ===== Fiyat Tabloları & Paket Oluşturucu ===== */
.price-table-wrap { overflow-x: auto; margin-bottom: 16px; }
.price-table { width: 100%; border-collapse: collapse; min-width: 580px; background: var(--bg-color); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid rgba(15, 23, 34, 0.06); }
.price-table thead th { background: var(--gradient); color: #fff; text-align: left; padding: 16px 18px; font-size: 14px; font-weight: 600; }
.price-table td { padding: 16px 18px; border-top: 1px solid rgba(15, 23, 34, 0.07); font-size: 14px; vertical-align: top; }
.price-table tbody tr:hover { background: var(--light-bg); }
.price-table .pkg-name { font-weight: 600; color: var(--text-color); }
.price-table .price { font-weight: 700; color: var(--primary-color); white-space: nowrap; }
.price-note { max-width: 900px; margin: 30px auto 0; font-size: 13px; color: var(--light-text); background: var(--light-bg); border-radius: var(--radius-sm); padding: 20px 24px; }
.price-note ul { padding-left: 18px; margin: 0; }
.price-note li { margin-bottom: 7px; }
.price-note li:last-child { margin-bottom: 0; }

.builder { max-width: 780px; margin: 0 auto; background: var(--bg-color); border: 1px solid rgba(15, 23, 34, 0.06); border-radius: var(--radius); padding: 34px; box-shadow: var(--shadow-md); }
.builder .group-label { display: block; font-weight: 600; margin-bottom: 12px; font-size: 15px; }
.opt-group { margin-bottom: 26px; }
.opt { display: flex; align-items: flex-start; gap: 11px; padding: 12px 14px; border: 1px solid rgba(15, 23, 34, 0.10); border-radius: 11px; margin-bottom: 9px; cursor: pointer; transition: border-color 0.2s ease, background 0.2s ease; }
.opt:hover { border-color: var(--primary-color); background: var(--gradient-soft); }
.opt input { margin-top: 4px; flex-shrink: 0; }
.opt .opt-body { flex: 1; }
.opt .opt-title { font-weight: 600; font-size: 14px; }
.opt .opt-sub { font-size: 12.5px; color: var(--light-text); }
.opt .opt-price { color: var(--primary-color); font-weight: 600; font-size: 13px; white-space: nowrap; }
.builder .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 560px) { .builder .form-row { grid-template-columns: 1fr; } }

/* ===== Müşteri / Destek Paneli — Giriş ===== */
.panel-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 40px 20px; background: linear-gradient(135deg, #28a8bf 0%, #31c1db 55%, #4acee6 100%); position: relative; overflow: hidden; }
.panel-page::before { content: ''; position: absolute; top: -20%; right: -10%; width: 480px; height: 480px; background: radial-gradient(circle, rgba(255,255,255,0.18) 0%, transparent 65%); }
.panel-page::after { content: ''; position: absolute; bottom: -25%; left: -8%; width: 420px; height: 420px; background: radial-gradient(circle, rgba(255,255,255,0.14) 0%, transparent 65%); }
.panel-card { position: relative; z-index: 1; width: 100%; max-width: 420px; background: #fff; border-radius: 20px; padding: 42px 36px; box-shadow: 0 25px 60px rgba(15,23,34,0.25); }
.panel-logo { text-align: center; margin-bottom: 22px; }
.panel-logo img { height: 46px; }
.panel-card h1 { font-size: 22px; text-align: center; margin-bottom: 6px; }
.panel-sub { text-align: center; color: var(--light-text); font-size: 14px; margin-bottom: 28px; }
.panel-field { margin-bottom: 18px; }
.panel-field label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.panel-input-wrap { position: relative; }
.panel-input-wrap > i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--light-text); font-size: 14px; }
.panel-field input { width: 100%; padding: 13px 14px 13px 40px; border: 1px solid #dfe6ea; border-radius: 10px; font-family: 'Poppins', sans-serif; font-size: 14px; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.panel-field input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(49,193,219,0.15); }
.panel-row { display: flex; align-items: center; justify-content: space-between; font-size: 13px; margin-bottom: 22px; }
.panel-row label { color: var(--light-text); display: flex; gap: 6px; align-items: center; cursor: pointer; }
.panel-row a { color: var(--primary-color); text-decoration: none; }
.panel-btn { width: 100%; background: var(--gradient); color: #fff; border: none; padding: 14px; border-radius: 10px; font-weight: 600; font-family: 'Poppins', sans-serif; font-size: 15px; cursor: pointer; box-shadow: var(--shadow-primary); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.panel-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(49,193,219,0.36); }
.panel-note { margin-top: 24px; padding: 14px 16px; background: var(--light-bg); border-radius: 10px; font-size: 12.5px; color: var(--light-text); text-align: center; line-height: 1.6; }
.panel-note a { color: var(--primary-color); text-decoration: none; font-weight: 600; }
.panel-back { display: block; text-align: center; margin-top: 20px; color: #fff; font-size: 13px; text-decoration: none; opacity: 0.9; }
.panel-back:hover { opacity: 1; }
.panel-msg { display: none; margin-bottom: 18px; padding: 12px 14px; border-radius: 10px; font-size: 13px; line-height: 1.5; }
.panel-msg.show { display: block; background: rgba(49,193,219,0.12); color: var(--secondary-color); border: 1px solid rgba(49,193,219,0.3); }

/* ===== Bayilikler (Partnerships) Slider İyileştirmesi ===== */
.partnerships-swiper { padding-left: 58px; padding-right: 58px; }
.partnerships-swiper .brand-item {
	border: 1px solid rgba(15, 23, 34, 0.06);
	border-radius: var(--radius);
	box-shadow: var(--shadow-sm);
	height: 160px;
}
.partnerships-swiper .swiper-button-prev,
.partnerships-swiper .swiper-button-next {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #fff;
	box-shadow: var(--shadow-md);
	color: var(--primary-color);
	transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
	margin-top: -23px;
}
.partnerships-swiper .swiper-button-prev { left: 2px; }
.partnerships-swiper .swiper-button-next { right: 2px; }
.partnerships-swiper .swiper-button-prev:hover,
.partnerships-swiper .swiper-button-next:hover {
	transform: scale(1.08);
	box-shadow: var(--shadow-lg);
	color: var(--secondary-color);
}
.partnerships-swiper .swiper-button-prev::after,
.partnerships-swiper .swiper-button-next::after {
	font-size: 15px;
	font-weight: 800;
}
@media (max-width: 560px) {
	.partnerships-swiper { padding-left: 34px; padding-right: 34px; }
	.partnerships-swiper .swiper-button-prev,
	.partnerships-swiper .swiper-button-next { width: 38px; height: 38px; margin-top: -19px; }
}

/* ===== Yapay Zeka Spotlight (öne çıkan bölüm) ===== */
.ai-spotlight {
	background: var(--dark-bg);
	color: #fff;
	padding: 85px 0;
	position: relative;
	overflow: hidden;
}
.ai-spotlight::before {
	content: '';
	position: absolute;
	top: -30%;
	right: -5%;
	width: 520px;
	height: 520px;
	background: radial-gradient(circle, rgba(49, 193, 219, 0.22) 0%, transparent 65%);
	pointer-events: none;
}
.ai-spotlight::after {
	content: '';
	position: absolute;
	bottom: -35%;
	left: -8%;
	width: 460px;
	height: 460px;
	background: radial-gradient(circle, rgba(74, 206, 230, 0.12) 0%, transparent 65%);
	pointer-events: none;
}
.ai-spotlight .container { position: relative; z-index: 1; }
.ai-spotlight-head { text-align: center; max-width: 780px; margin: 0 auto 50px; }
.ai-badge {
	display: inline-flex; align-items: center; gap: 8px;
	background: rgba(49, 193, 219, 0.14); color: var(--accent-color);
	border: 1px solid rgba(49, 193, 219, 0.35);
	padding: 7px 16px; border-radius: 30px;
	font-size: 12.5px; font-weight: 600; letter-spacing: 0.6px;
	margin-bottom: 20px; text-transform: uppercase;
}
.ai-spotlight h2 { font-size: 40px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 18px; line-height: 1.15; }
.ai-spotlight h2 span {
	background: var(--gradient);
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.ai-spotlight .ai-lead { color: #aab4c0; font-size: 18px; }
.ai-benefits { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 22px; margin-bottom: 46px; }
.ai-benefit {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--radius); padding: 26px;
	transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}
.ai-benefit:hover { transform: translateY(-6px); background: rgba(255, 255, 255, 0.07); border-color: rgba(49, 193, 219, 0.4); }
.ai-benefit i { font-size: 26px; color: var(--accent-color); margin-bottom: 14px; }
.ai-benefit h4 { font-size: 16px; margin-bottom: 8px; }
.ai-benefit p { color: #98a4b0; font-size: 13.5px; line-height: 1.55; }
.ai-spotlight-cta { text-align: center; }
.ai-spotlight-cta .cta-button { background: var(--gradient); color: #fff; box-shadow: var(--shadow-primary); }

/* ===== Referanslar & Bayilikler kayan şerit (marquee) ===== */
.references-swiper,
.partnerships-swiper {
	padding: 10px 0;
	padding-left: 0;
	padding-right: 0;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.references-swiper .swiper-wrapper,
.partnerships-swiper .swiper-wrapper {
	transition-timing-function: linear;
}
.references-swiper .swiper-slide,
.partnerships-swiper .swiper-slide {
	width: auto;
}

/* Referans logo kartı */
.references-swiper .ref-item {
	width: 230px;
	height: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	background: var(--bg-color);
	border: 1px solid rgba(15, 23, 34, 0.06);
	border-radius: var(--radius);
	box-shadow: var(--shadow-sm);
	padding: 22px;
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.references-swiper .ref-item:hover {
	transform: translateY(-5px);
	box-shadow: var(--shadow-md);
}
.references-swiper .reference-logo {
	height: 62px;
	width: auto;
	max-width: 175px;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.72;
	transition: filter 0.3s ease, opacity 0.3s ease;
}
.references-swiper .ref-item:hover .reference-logo {
	filter: grayscale(0);
	opacity: 1;
}
.references-swiper .ref-item span {
	font-size: 13px;
	font-weight: 600;
	color: var(--text-color);
	line-height: 1.3;
}

/* Bayilik kartı (marquee) */
.partnerships-swiper .brand-item {
	width: 230px;
	height: 150px;
	border: 1px solid rgba(15, 23, 34, 0.06);
	border-radius: var(--radius);
	box-shadow: var(--shadow-sm);
}
.partnerships-swiper .brand-logo {
	padding: 22px;
}
.partnerships-swiper .brand-logo img {
	height: 42px;
	width: auto;
	max-width: 160px;
	object-fit: contain;
}

/* ===== İç sayfa hero'su: koyu (bütünlük) ===== */
.page-hero {
	background: var(--dark-bg);
}
.page-hero::before {
	background: radial-gradient(circle, rgba(49, 193, 219, 0.22) 0%, transparent 65%);
}
.page-hero::after {
	background: radial-gradient(circle, rgba(74, 206, 230, 0.12) 0%, transparent 65%);
}
.page-hero .cta-button {
	background: var(--gradient);
	color: #fff;
	box-shadow: var(--shadow-primary);
}


/* ===== İletişim kartı - derli toplu düzen ===== */
.contact-content { align-items: start; }
.contact-info { padding: 30px; }
.contact-info h3 { margin-bottom: 20px; }
.contact-info p { display: flex; align-items: center; gap: 12px; margin-bottom: 13px; font-size: 15px; }
.contact-info p:last-child { margin-bottom: 0; }
.contact-info p i { margin-right: 0; width: 24px; min-width: 24px; text-align: center; color: var(--primary-color); font-size: 18px; }
.contact-info .contact-btn { margin-left: 0; }
.map-container { margin: 4px 0 18px; border: 1px solid rgba(15, 23, 34, 0.08); border-radius: var(--radius-sm); overflow: hidden; box-shadow: none; }
.map-title { position: static; background: none; padding: 12px 14px 2px; font-size: 14px; font-weight: 600; color: var(--text-color); }
.map-wrapper { position: relative; padding: 6px 14px 14px; }
.location-map { width: 100%; max-height: 200px; object-fit: contain; border-radius: 6px; }

/* İletişim kartı: içeriği tepeden tabana yay (tam doldur) */
.contact-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* ===== Destek Paneli - Kontrol Paneli (dashboard) ===== */
.dash-body { background: var(--light-bg); min-height: 100vh; }
.dash-header {
	background: #fff; border-bottom: 1px solid rgba(15,23,34,0.07);
	display: flex; align-items: center; justify-content: space-between;
	padding: 14px 28px; position: sticky; top: 0; z-index: 100;
}
.dash-user { display: flex; align-items: center; gap: 18px; font-size: 14px; color: var(--text-color); }
.dash-logout { color: var(--secondary-color); text-decoration: none; font-weight: 600; }
.dash-logout:hover { color: var(--primary-color); }
.dash-main { max-width: 1000px; margin: 0 auto; padding: 30px 20px 60px; }
.dash-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; margin-bottom: 30px; }
.dash-stat { background: #fff; border: 1px solid rgba(15,23,34,0.06); border-radius: var(--radius); padding: 22px; text-align: center; box-shadow: var(--shadow-sm); }
.ds-num { display: block; font-size: 32px; font-weight: 700; color: var(--primary-color); }
.ds-label { font-size: 13px; color: var(--light-text); }
.dash-title { font-size: 20px; margin-bottom: 18px; }
.dash-empty { text-align: center; color: var(--light-text); padding: 60px 20px; background: #fff; border-radius: var(--radius); border: 1px dashed rgba(15,23,34,0.12); }
.dash-empty i { font-size: 40px; color: var(--accent-color); margin-bottom: 14px; }
.quote-list { display: flex; flex-direction: column; gap: 16px; }
.quote-card { background: #fff; border: 1px solid rgba(15,23,34,0.06); border-left: 4px solid var(--primary-color); border-radius: var(--radius); padding: 20px 22px; box-shadow: var(--shadow-sm); position: relative; }
.quote-card.status-kazanildi { border-left-color: #00a44c; }
.quote-card.status-kaybedildi { border-left-color: #d32f2f; }
.quote-card.status-gorusuldu { border-left-color: #e2a400; }
.qc-top { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.qc-type { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 3px 10px; border-radius: 20px; background: var(--gradient-soft); color: var(--secondary-color); }
.qc-type.qc-teklif { background: rgba(49,193,219,0.18); color: var(--secondary-color); }
.qc-date { font-size: 12.5px; color: var(--light-text); }
.qc-name { font-size: 17px; font-weight: 600; margin-bottom: 6px; }
.qc-company { color: var(--light-text); font-weight: 500; font-size: 14px; }
.qc-contact { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 10px; font-size: 14px; }
.qc-contact a { color: var(--secondary-color); text-decoration: none; }
.qc-contact a:hover { color: var(--primary-color); }
.qc-row { font-size: 14px; margin-bottom: 4px; }
.qc-row strong { color: var(--text-color); }
.qc-msg { margin-top: 10px; padding: 12px 14px; background: var(--light-bg); border-radius: 10px; font-size: 14px; color: var(--text-color); white-space: pre-wrap; }
.qc-status-form { position: absolute; top: 18px; right: 18px; }
.qc-status-form select { padding: 6px 10px; border: 1px solid rgba(15,23,34,0.12); border-radius: 8px; font-family: 'Poppins', sans-serif; font-size: 13px; cursor: pointer; background: #fff; }
@media (max-width: 560px) { .qc-status-form { position: static; margin-top: 12px; } }

/* Panel: teklif listesi & "Yeni Teklif" */
.dash-section-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.dash-newbtn { background:var(--gradient); color:#fff; padding:10px 18px; border-radius:10px; text-decoration:none; font-weight:600; font-size:14px; box-shadow:var(--shadow-primary); }
.dash-newbtn:hover { transform:translateY(-1px); }
.prop-list { display:flex; flex-direction:column; gap:8px; }
.prop-row { display:flex; align-items:center; gap:14px; background:#fff; border:1px solid rgba(15,23,34,0.06); border-radius:12px; padding:13px 16px; text-decoration:none; color:var(--text-color); transition:box-shadow .2s, transform .2s; }
.prop-row:hover { box-shadow:var(--shadow-md); transform:translateY(-1px); }
.prop-no { font-weight:700; color:var(--primary-color); font-size:13px; min-width:110px; }
.prop-firm { font-weight:600; min-width:150px; }
.prop-title { color:var(--light-text); font-size:13.5px; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.prop-price { font-weight:600; white-space:nowrap; }
.prop-date { color:var(--light-text); font-size:12.5px; white-space:nowrap; }
.prop-go { color:var(--light-text); }
@media (max-width:640px) { .prop-title, .prop-date { display:none; } }