:root {
	--navy: #061225;
	--navy-2: #0b1d3d;
	--blue: #2477ff;
	--blue-2: #58a6ff;
	--green: #24d17e;
	--cyan: #4fd7ff;
	--orange: #ffb341;
	--purple: #8a5cff;
	--text: #0f172a;
	--muted: #64748b;
	--light: #f6f9ff;
	--white: #ffffff;
	--line: rgba(15, 23, 42, .1);
	--shadow: 0 24px 70px rgba(6, 18, 37, .14);
	--radius: 28px;
	--radius-sm: 18px;
	--container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--text);
	background:
	radial-gradient(circle at 8% 4%, rgba(36,119,255,.14), transparent 30%),
	radial-gradient(circle at 92% 8%, rgba(36,209,126,.10), transparent 24%),
	var(--light);
	line-height: 1.65;
	overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea { font: inherit; }

.container {
	width: min(var(--container), calc(100% - 40px));
	margin-inline: auto;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 99;
	background: rgba(6, 18, 37, .78);
	border-bottom: 1px solid rgba(255,255,255,.10);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.nav {
	height: 78px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: white;
	font-weight: 900;
	letter-spacing: -.03em;
	font-size: clamp(1.35rem, 2vw, 1.75rem);
}

.brand-mark {
	width: 42px;
	height: 42px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	position: relative;
	overflow: hidden;
	background: conic-gradient(from 180deg, #5be0ff, #2477ff, #0941bd, #5be0ff);
	box-shadow: 0 0 0 8px rgba(36,119,255,.11), 0 16px 40px rgba(36,119,255,.35);
}

.brand-mark::before {
	content: "";
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 7px solid rgba(255,255,255,.92);
	display: block;
}

.brand-mark::after {
	content: "";
	position: absolute;
	width: 42%;
	height: 42%;
	right: -7px;
	top: -5px;
	background: rgba(6,18,37,.75);
	transform: rotate(18deg);
	box-shadow: -28px 18px 0 -10px rgba(255,255,255,.22), -36px 4px 0 -13px rgba(255,255,255,.35);
}

.menu {
	display: flex;
	align-items: center;
	gap: 8px;
	color: rgba(255,255,255,.80);
	font-size: .95rem;
	font-weight: 700;
}

.menu a {
	padding: 12px 14px;
	border-radius: 999px;
	transition: .25s ease;
}

.menu a:hover { background: rgba(255,255,255,.10); color: white; }

.hamburger {
	display: none;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 14px;
	background: rgba(255,255,255,.06);
	color: white;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border: 0;
	border-radius: 999px;
	min-height: 48px;
	padding: 0 20px;
	font-weight: 900;
	letter-spacing: -.01em;
	cursor: pointer;
	transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
	white-space: nowrap;
}

.btn:hover { transform: translateY(-2px); }
.btn-primary {
	color: white;
	background: linear-gradient(135deg, #0c63ff, #32a3ff);
	box-shadow: 0 18px 38px rgba(36,119,255,.34);
}
.btn-success {
	color: white;
	background: linear-gradient(135deg, #16b866, #29da88);
	box-shadow: 0 18px 38px rgba(36,209,126,.28);
}
.btn-ghost {
	color: var(--blue);
	background: rgba(36,119,255,.08);
	border: 1px solid rgba(36,119,255,.18);
}
.btn-darkghost {
	color: white;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.18);
}

.hero {
	padding: 44px 0 80px;
	position: relative;
	background:
	linear-gradient(180deg, rgba(6,18,37,.98), rgba(9,25,52,.92) 46%, rgba(246,249,255,0) 100%);
	overflow: hidden;
}

.hero::before {
	content: "";
	position: absolute;
	width: 720px;
	height: 720px;
	right: -230px;
	top: -260px;
	background: radial-gradient(circle, rgba(36,119,255,.45), transparent 64%);
	pointer-events: none;
}

.hero::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .22;
	background-image:
	linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
	linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(180deg, black, transparent 80%);
	pointer-events: none;
}

.hero-inner {
	position: relative;
	z-index: 2;
}

.hero-banner-card {
	border-radius: 34px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.14);
	background: rgba(255,255,255,.08);
	box-shadow: 0 36px 100px rgba(0,0,0,.42);
	transform: translateZ(0);
}

.hero-banner-card img {
	width: 100%;
	height: auto;
}

.hero-note {
	margin-top: 22px;
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 18px;
	align-items: center;
	color: white;
}

.hero-copy {
	padding: 22px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 24px;
	background: rgba(255,255,255,.07);
	backdrop-filter: blur(18px);
}

.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
	color: #a9d3ff;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: .78rem;
}
.eyebrow::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--green);
	box-shadow: 0 0 0 7px rgba(36,209,126,.16);
}

.hero h1 {
	margin: 0;
	font-size: clamp(2rem, 4.9vw, 4.8rem);
	max-width: 880px;
	line-height: 1.08;
	letter-spacing: -.025em;
}
.gradient-text {
	background: linear-gradient(135deg, #fff 0%, #77c2ff 45%, #24d17e 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.hero p {
	margin: 16px 0 0;
	color: rgba(255,255,255,.72);
	font-size: clamp(1rem, 1.5vw, 1.16rem);
	max-width: 780px;
}

.hero-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

section { padding: 86px 0; }
.section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 34px;
}
.section-title {
	margin: 0;
	font-size: clamp(2rem, 3vw, 3.1rem);
	color: var(--text);
	line-height: 1.12;
	letter-spacing: -.024em;
}
.section-desc {
	margin: 12px 0 0;
	color: var(--muted);
	max-width: 660px;
	font-size: 1.05rem;
}
.section-chip {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 10px 14px;
	border-radius: 999px;
	color: #0a4bd8;
	background: rgba(36,119,255,.09);
	font-weight: 900;
	font-size: .86rem;
	border: 1px solid rgba(36,119,255,.16);
}

.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }

.card {
	position: relative;
	min-height: 100%;
	padding: 28px;
	border-radius: var(--radius);
	border: 1px solid rgba(15, 23, 42, .08);
	background: rgba(255,255,255,.82);
	box-shadow: 0 18px 56px rgba(6,18,37,.08);
	overflow: hidden;
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow);
	border-color: rgba(36,119,255,.22);
}
.card::after {
	content: "";
	position: absolute;
	width: 160px;
	height: 160px;
	right: -80px;
	top: -80px;
	background: radial-gradient(circle, var(--glow, rgba(36,119,255,.18)), transparent 64%);
	pointer-events: none;
}
.icon {
	width: 58px;
	height: 58px;
	border-radius: 20px;
	display: grid;
	place-items: center;
	margin-bottom: 22px;
	color: var(--blue);
	background: rgba(36,119,255,.10);
	border: 1px solid rgba(36,119,255,.16);
}
.icon svg { width: 30px; height: 30px; stroke-width: 2; }
.card h3 {
	margin: 0 0 10px;
	font-size: 1.22rem;
	line-height: 1.28;
	letter-spacing: -.01em;
}
.card p {
	margin: 0;
	color: var(--muted);
	font-size: .98rem;
}

.problem {
	margin-top: -42px;
	position: relative;
	z-index: 5;
	padding-top: 0;
}

.problem .card:nth-child(1) { --glow: rgba(36,119,255,.22); }
.problem .card:nth-child(2) { --glow: rgba(255,179,65,.22); }
.problem .card:nth-child(3) { --glow: rgba(36,209,126,.20); }

.services {
	background:
	radial-gradient(circle at 10% 0%, rgba(36,119,255,.08), transparent 34%),
	#fff;
}

.service-card {
	padding-top: 32px;
	background: linear-gradient(180deg, #fff, #f9fbff);
}

.reporting {
	background:
	linear-gradient(180deg, #f6f9ff 0%, #fff 100%);
}
.report-layout {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: 26px;
	align-items: center;
}
.metric-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 14px;
	margin: 26px 0;
}
.metric-pill {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	border-radius: 18px;
	background: white;
	border: 1px solid rgba(15,23,42,.08);
	box-shadow: 0 12px 32px rgba(6,18,37,.06);
	font-weight: 800;
	color: #1e293b;
}
.metric-dot {
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: var(--blue);
	box-shadow: 0 0 0 6px rgba(36,119,255,.12);
	flex: 0 0 auto;
}

.report-card {
	position: relative;
	border-radius: 34px;
	padding: 28px;
	background: #fff;
	border: 1px solid rgba(15,23,42,.08);
	box-shadow: var(--shadow);
	overflow: hidden;
}
.report-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
	radial-gradient(circle at 90% 10%, rgba(36,119,255,.14), transparent 30%),
	radial-gradient(circle at 12% 92%, rgba(36,209,126,.11), transparent 30%);
	pointer-events: none;
}
.report-card > * { position: relative; z-index: 2; }
.report-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 24px;
}
.report-title {
	font-size: 1.35rem;
	font-weight: 950;
	letter-spacing: -.04em;
	margin: 0;
}
.pdf-badge {
	background: #ff4d4d;
	color: white;
	border-radius: 12px;
	padding: 8px 10px;
	font-weight: 950;
	font-size: .76rem;
	letter-spacing: .08em;
}
.kpis {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin-bottom: 18px;
}
.kpi {
	padding: 15px;
	border-radius: 18px;
	background: rgba(248,250,252,.88);
	border: 1px solid rgba(15,23,42,.08);
}
.kpi small { display:block; color: var(--muted); font-weight: 800; font-size: .72rem; }
.kpi strong { display:block; color: var(--text); font-size: 1.45rem; letter-spacing: -.04em; margin-top: 4px; }
.kpi span { color: #14a65d; font-weight: 900; font-size: .78rem; }
.chart {
	height: 168px;
	border-radius: 20px;
	background:
	linear-gradient(to top, rgba(36,119,255,.10), transparent 65%),
	repeating-linear-gradient(to top, transparent 0, transparent 32px, rgba(15,23,42,.06) 33px),
	#f8fbff;
	border: 1px solid rgba(15,23,42,.08);
	position: relative;
	overflow: hidden;
	margin-bottom: 16px;
}
.chart svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.report-bottom { display:grid; grid-template-columns: 1fr .75fr; gap:16px; }
.mini-panel {
	padding: 18px;
	border-radius: 20px;
	background: rgba(248,250,252,.86);
	border: 1px solid rgba(15,23,42,.08);
}
.mini-panel h4 { margin: 0 0 12px; font-size: .95rem; }
.mini-row { display:flex; justify-content:space-between; gap:12px; color: var(--muted); font-size:.88rem; padding: 6px 0; border-top: 1px solid rgba(15,23,42,.06); }
.donut-wrap { display:flex; align-items:center; gap:14px; }
.donut {
	width: 82px;
	height: 82px;
	border-radius: 50%;
	background: conic-gradient(var(--blue) 0 45%, var(--green) 45% 72%, var(--orange) 72% 88%, #9aa4b2 88% 100%);
	position: relative;
	flex: 0 0 auto;
}
.donut::after {
	content:"";
	position:absolute;
	inset: 18px;
	background:#f8fbff;
	border-radius:50%;
}
.legend { display:grid; gap:6px; font-size:.82rem; color:var(--muted); }
.legend span { display:flex; align-items:center; gap:8px; }
.legend i { width:9px; height:9px; border-radius:50%; display:inline-block; background:var(--blue); }

.process {
	background:
	radial-gradient(circle at 88% 12%, rgba(36,119,255,.12), transparent 30%),
	var(--navy);
	color: white;
	position: relative;
	overflow: hidden;
}
.process .section-title, .process .section-desc { color: white; }
.process .section-desc { color: rgba(255,255,255,.67); }
.steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	counter-reset: step;
	position: relative;
}
.step {
	position: relative;
	padding: 28px;
	border-radius: 28px;
	background: rgba(255,255,255,.07);
	border: 1px solid rgba(255,255,255,.11);
	backdrop-filter: blur(12px);
	overflow:hidden;
}
.step::after {
	content: "";
	position:absolute;
	width:130px;
	height:130px;
	right:-54px;
	top:-54px;
	background: radial-gradient(circle, rgba(36,119,255,.33), transparent 65%);
}
.step-num {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #2477ff, #4fd7ff);
	box-shadow: 0 16px 38px rgba(36,119,255,.35);
	font-weight: 950;
	font-size: 1.2rem;
	margin-bottom: 20px;
}
.step h3 { margin:0 0 8px; letter-spacing:-.03em; }
.step p { margin:0; color:rgba(255,255,255,.68); font-size:.95rem; }

.trust { background: #fff; }
.trust-card {
	display:flex;
	gap:18px;
	align-items:flex-start;
	padding: 24px;
}
.trust-card .icon { margin:0; flex: 0 0 auto; width:52px; height:52px; border-radius:18px; }

.final-cta {
	padding: 72px 0;
	background: linear-gradient(135deg, #061225, #0a2a5e 58%, #07162d);
	color: white;
	position: relative;
	overflow: hidden;
}
.final-cta::before {
	content:"";
	position:absolute;
	inset:auto -10% -65% -10%;
	height: 300px;
	background: radial-gradient(ellipse at center, rgba(36,119,255,.45), transparent 68%);
}
.cta-box {
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns: 1fr auto;
	gap: 24px;
	align-items:center;
}
.cta-box h2 {
	margin:0;
	font-size: clamp(2rem, 4vw, 4rem);
	line-height: 1.08;
	letter-spacing: -.025em;
}
.cta-box p { margin:16px 0 0; color:rgba(255,255,255,.70); max-width:780px; }

.site-footer {
	background: #040b17;
	color: rgba(255,255,255,.75);
	padding: 56px 0 26px;
}
.footer-grid {
	display:grid;
	grid-template-columns: 1.25fr .75fr .9fr;
	gap: 36px;
	padding-bottom: 34px;
	border-bottom: 1px solid rgba(255,255,255,.10);
}
.footer-grid h4 { color:white; margin:0 0 14px; font-size:1rem; }
.footer-grid p { margin: 12px 0 0; max-width: 380px; }
.footer-links { display:grid; gap:10px; }
.contact-list { display:grid; gap:10px; }
.copyright {
	padding-top: 22px;
	display:flex;
	justify-content:space-between;
	gap:20px;
	flex-wrap:wrap;
	font-size:.9rem;
	color:rgba(255,255,255,.48);
}

.floating-whatsapp {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 120;
	width: 64px;
	height: 64px;
	border-radius: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	background: linear-gradient(135deg, #18c96f 0%, #30e58c 100%);
	box-shadow:
	0 18px 44px rgba(20, 166, 93, .38),
	inset 0 1px 0 rgba(255,255,255,.35);
	border: 1px solid rgba(255,255,255,.35);
	animation: whatsappPulse 2.3s infinite;
	transition: transform .25s ease, box-shadow .25s ease;
	isolation: isolate;
}

.floating-whatsapp::before {
	content: "";
	position: absolute;
	inset: -7px;
	border-radius: 28px;
	background: rgba(36, 209, 126, .16);
	z-index: -1;
}

.floating-whatsapp:hover {
	transform: translateY(-3px) scale(1.04);
	box-shadow:
	0 24px 54px rgba(20, 166, 93, .48),
	inset 0 1px 0 rgba(255,255,255,.4);
}

.whatsapp-icon {
	width: 30px;
	height: 30px;
	display: block;
	flex: 0 0 auto;
}

@keyframes whatsappPulse {
	0%, 100% {
		box-shadow:
		0 18px 44px rgba(20, 166, 93, .38),
		0 0 0 0 rgba(36,209,126,.28),
		inset 0 1px 0 rgba(255,255,255,.35);
	}
	50% {
		box-shadow:
		0 18px 44px rgba(20, 166, 93, .38),
		0 0 0 14px rgba(36,209,126,0),
		inset 0 1px 0 rgba(255,255,255,.35);
	}
}

@media (max-width: 780px) {
	.floating-whatsapp {
		width: 58px;
		height: 58px;
		right: 16px;
		bottom: 16px;
		border-radius: 20px;
	}

	.floating-whatsapp::before {
		border-radius: 26px;
	}

	.whatsapp-icon {
		width: 28px;
		height: 28px;
	}
}

@keyframes pulse {
	0%, 100% { box-shadow: 0 22px 48px rgba(20, 166, 93, .38), 0 0 0 0 rgba(36,209,126,.28); }
	50% { box-shadow: 0 22px 48px rgba(20, 166, 93, .38), 0 0 0 14px rgba(36,209,126,0); }
}

.reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: .7s cubic-bezier(.2,.7,.2,1);
}
.reveal.is-visible { opacity:1; transform: translateY(0); }

@media (max-width: 1040px) {
	.grid-4 { grid-template-columns: repeat(2, 1fr); }
	.report-layout { grid-template-columns: 1fr; }
	.steps { grid-template-columns: repeat(2, 1fr); }
	.hero-note { grid-template-columns: 1fr; }
	.hero-actions { justify-content: flex-start; }
	.footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 780px) {
	.container { width: min(100% - 28px, var(--container)); }
	.nav { height: 70px; }
	.menu {
		position: fixed;
		inset: 70px 14px auto 14px;
		padding: 14px;
		border-radius: 22px;
		display: none;
		flex-direction: column;
		align-items: stretch;
		background: rgba(6,18,37,.96);
		border: 1px solid rgba(255,255,255,.12);
		box-shadow: 0 30px 80px rgba(0,0,0,.32);
	}
	.menu.is-open { display:flex; }
	.menu a, .menu .btn { width:100%; justify-content:center; }
	.hamburger { display:flex; }
	.nav > .btn { display:none; }
	.hero { padding-top: 26px; }
	.hero-banner-card { border-radius: 22px; }
	section { padding: 66px 0; }
	.section-head { display:block; }
	.grid-3, .grid-4, .steps { grid-template-columns: 1fr; }
	.metric-grid { grid-template-columns: 1fr; }
	.kpis { grid-template-columns: repeat(2, 1fr); }
	.report-bottom { grid-template-columns: 1fr; }
	.cta-box { grid-template-columns: 1fr; }
	.footer-grid { grid-template-columns: 1fr; }
	.copyright { display:block; }
}

@media (max-width: 520px) {
	.brand { font-size: 1.2rem; }
	.brand-mark { width: 38px; height: 38px; border-radius: 13px; }
	.hero h1 { font-size: 2.25rem; }
	.hero-copy { padding: 18px; }
	.hero-actions .btn { width: 100%; }
	.kpis { grid-template-columns: 1fr; }
	.card, .report-card, .step { border-radius: 22px; padding: 22px; }
}

.card p,
.section-desc,
.hero p {
	line-height: 1.74;
	letter-spacing: .006em;
}

/* Sadece masaüstünde */
@media (min-width: 992px) {
    .hero-copy p {
        color: #000000;
    }
}