/**
 * GoMarketage v1.2.8 - Kurucumuz sayfası (/kurucu/): "THE FOUNDER - Behind the Vision".
 * Yalnızca /kurucu/ adresinde yüklenir. Tüm kurallar .fd-* sınıflarına veya body.gma-founder-page'e bağlıdır; diğer sayfalar etkilenmez.
 * Hareket: yalnızca transform/opacity (+ stroke-dashoffset). JS kapalıyken veya hareket azaltma tercihi açıkken her şey doğrudan görünür.
 */

/* ============ Sayfaya özel koyu header (ortak PHP'ye dokunmadan, body sınıfıyla) ============ */
body.gma-founder-page { background: #040b1f; }
.gma-founder-page .gma-header {
	background: rgba(5, 12, 34, 0.78);
	-webkit-backdrop-filter: blur(14px) saturate(1.25);
	backdrop-filter: blur(14px) saturate(1.25);
	border-bottom: 1px solid rgba(120, 165, 255, 0.16);
}
.gma-founder-page .gma-logo, .gma-founder-page .gma-logo--fallback .gma-logo__text { color: #fff; }
.gma-founder-page .gma-nav a, .gma-founder-page .gma-nav .gma-menu__label { color: #fff; }
.gma-founder-page .gma-nav a:hover, .gma-founder-page .gma-nav a:focus-visible { color: #4d9bff; }
.gma-founder-page .gma-nav li[aria-current] , .gma-founder-page .gma-nav .current-menu-item > a { color: #4d9bff; font-weight: 700; }
.gma-founder-page .gma-submenu-toggle { color: #fff; }
.gma-founder-page .gma-submenu-toggle:hover { color: #4d9bff; }
.gma-founder-page .gma-nav .sub-menu { background: #0a1a44; border-color: rgba(120, 165, 255, 0.25); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45); }
.gma-founder-page .gma-nav .sub-menu a { color: #e6efff; }
.gma-founder-page .gma-nav .sub-menu a:hover, .gma-founder-page .gma-nav .sub-menu a:focus { background: rgba(61, 139, 255, 0.18); color: #fff; }
.gma-founder-page .gma-header__cta.gma-btn--primary {
	background: linear-gradient(180deg, #2f7bff, #1556e6);
	border-color: transparent; color: #fff;
	box-shadow: 0 8px 24px rgba(31, 107, 255, 0.45);
}
.gma-founder-page .gma-header__cta.gma-btn--primary:hover { background: linear-gradient(180deg, #4d8dff, #1f6bff); }
.gma-founder-page .gma-menu-toggle span { background: #fff; }
.gma-founder-page .gma-mobile-menu { background: #071634; border-top-color: rgba(120, 165, 255, 0.2); }
.gma-founder-page .gma-mobile-menu .menu-item { border-bottom-color: rgba(120, 165, 255, 0.16); }
.gma-founder-page .gma-mobile-menu .menu-item > a, .gma-founder-page .gma-mobile-menu .menu-item > .gma-menu__label { color: #fff; }
.gma-founder-page .gma-mobile-menu .sub-menu a { color: #c9d8f5; }
.gma-founder-page .gma-mobile-menu .menu-item > a:hover, .gma-founder-page .gma-mobile-menu .sub-menu a:hover { color: #4d9bff; }
.gma-founder-page .gma-mobile-menu .gma-btn--primary { background: linear-gradient(180deg, #2f7bff, #1556e6); border-color: transparent; color: #fff; }
/* Özel logo (medya kütüphanesi) için açık varyant devre dışı bırakılırsa okunur kalması: açık zemin plakası */
.gma-founder-page .gma-logo .custom-logo-link { border-radius: 10px; }

/* ============ Kök ve ortak ============ */
.fd {
	--fd-b0: #040b1f; --fd-b1: #061230; --fd-b2: #0a1f4a; --fd-bl: #1f6bff; --fd-bl2: #3d8bff; --fd-sky: #8ec5ff;
	--fd-mu: #b4c4e4; --fd-line: rgba(120, 165, 255, 0.18);
	background: var(--fd-b0); color: #fff; font-family: var(--gma-font); line-height: 1.6;
	-webkit-text-size-adjust: 100%;
}
.fd *, .fd *::before, .fd *::after { box-sizing: border-box; }
:where(.fd) :is(h1, h2, h3, p, ul, ol, figure) { margin: 0; padding: 0; }
:where(.fd) :is(ul, ol) { list-style: none; }
:where(.fd) a { color: inherit; text-decoration: none; }
:where(.fd) :is(h1, h2, h3) { color: #fff; font-weight: 800; letter-spacing: -0.02em; }
:where(.fd) svg { display: block; }
.fd-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.fd-sec { position: relative; overflow: clip; scroll-margin-top: 100px; }
.fd-grad { background: linear-gradient(100deg, #2f7bff 0%, #5aa8ff 60%, #8ec5ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #4d9bff; }

.fd-eyebrow { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #7fb4ff; }
.fd-eyebrow::before { content: ""; width: 38px; height: 1px; background: linear-gradient(90deg, #2f7bff, rgba(47, 123, 255, 0)); box-shadow: -4px 0 0 0 #2f7bff; }
.fd-h2 { font-size: clamp(30px, 3.6vw, 46px); line-height: 1.1; margin-top: 14px; }
.fd-h2--xl { font-size: clamp(34px, 4.6vw, 60px); line-height: 1.06; }

.fd-btns { display: flex; flex-wrap: wrap; gap: 14px; }
.fd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 28px; border-radius: 12px; font-size: 15px; font-weight: 700; letter-spacing: 0; line-height: 1.2; border: 1px solid transparent; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease; text-align: center; }
.fd-btn svg { width: 18px; height: 18px; flex: 0 0 auto; }
.fd-btn--p { color: #fff; background: linear-gradient(180deg, #3a85ff, #1556e6); box-shadow: 0 12px 32px rgba(31, 107, 255, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25); }
.fd-btn--p:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(31, 107, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3); color: #fff; }
.fd-btn--g { color: #fff; background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.3); }
.fd-btn--g:hover { transform: translateY(-2px); background: rgba(61, 139, 255, 0.16); border-color: #5aa8ff; color: #fff; }
.fd a:focus-visible, .fd button:focus-visible { outline: 2px solid #8ec5ff; outline-offset: 3px; border-radius: 10px; }

/* ============ 1) HERO ============ */
.fd-hero { padding: 40px 0 0; background:
	radial-gradient(900px 560px at 78% 8%, rgba(31, 107, 255, 0.32), transparent 62%),
	radial-gradient(700px 520px at 8% 40%, rgba(18, 58, 138, 0.35), transparent 65%),
	linear-gradient(180deg, #061230 0%, #050e28 70%, #050f2a 100%); }
.fd-hero__bg { position: absolute; inset: 0; pointer-events: none; }
.fd-grid { position: absolute; inset: 0; opacity: 0.5; background-image: linear-gradient(rgba(120, 165, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(120, 165, 255, 0.07) 1px, transparent 1px); background-size: 64px 64px; -webkit-mask-image: radial-gradient(ellipse at 70% 30%, #000 0%, transparent 70%); mask-image: radial-gradient(ellipse at 70% 30%, #000 0%, transparent 70%); }
.fd-beam { position: absolute; border-radius: 50%; filter: blur(60px); will-change: transform; }
.fd-beam--1 { width: 520px; height: 520px; right: 4%; top: -120px; background: radial-gradient(closest-side, rgba(47, 123, 255, 0.5), transparent); }
.fd-beam--2 { width: 380px; height: 380px; left: -80px; bottom: 80px; background: radial-gradient(closest-side, rgba(31, 107, 255, 0.28), transparent); }
.fd-dot { position: absolute; left: var(--x); top: var(--y); width: var(--s); height: var(--s); border-radius: 50%; background: #8ec5ff; opacity: 0.55; box-shadow: 0 0 10px 2px rgba(142, 197, 255, 0.6); }
.fd-hero__grid { --mx: 0; --my: 0; position: relative; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr); gap: 36px; align-items: center; padding-top: 24px; padding-bottom: 36px; }
.fd-hero__copy { position: relative; z-index: 2; max-width: 600px; }
.fd-name { margin-top: 26px; font-size: clamp(50px, 6.4vw, 96px); line-height: 0.98; letter-spacing: -0.035em; }
.fd-name span { display: block; }
.fd-name__b { padding-bottom: 0.08em; }
.fd-role { margin-top: 18px; font-size: clamp(17px, 1.6vw, 21px); color: #dbe6fb; font-weight: 500; }
.fd-vision { display: flex; gap: 18px; margin-top: 32px; padding: 20px 22px 20px 20px; border-left: 2px solid #2f7bff; background: linear-gradient(90deg, rgba(31, 107, 255, 0.14), rgba(31, 107, 255, 0)); border-radius: 0 14px 14px 0; }
.fd-vision__mark { flex: 0 0 auto; width: 34px; color: #2f7bff; margin-top: 4px; }
.fd-vision__mark svg { width: 100%; height: auto; }
.fd-vision__tag { display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #7fb4ff; margin-bottom: 6px; }
.fd-vision p { font-size: clamp(17px, 1.55vw, 20px); font-style: italic; line-height: 1.55; color: #eaf1ff; }
.fd-desc { margin-top: 24px; font-size: 16px; line-height: 1.75; color: var(--fd-mu); max-width: 540px; }
.fd-hero .fd-btns { margin-top: 32px; }

/* Portre sahnesi */
.fd-stage { position: relative; width: 100%; max-width: 580px; margin-left: auto; aspect-ratio: 5 / 6; isolation: isolate; grid-column: 2; grid-row: 1; }
.fd-stage__glow { position: absolute; left: 50%; top: 34%; width: 86%; aspect-ratio: 1; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(47, 123, 255, 0.62), rgba(31, 107, 255, 0.18) 55%, transparent); z-index: 0; }
.fd-stage__m { position: absolute; left: -16%; top: 0; width: 118%; z-index: 0; opacity: 0.8; -webkit-mask-image: linear-gradient(#000 52%, transparent 90%); mask-image: linear-gradient(#000 52%, transparent 90%); transform: translate3d(calc(var(--mx) * -14px), calc(var(--my) * -10px), 0); transition: transform 0.4s ease-out; filter: drop-shadow(0 0 34px rgba(47, 123, 255, 0.45)); }
.fd-m { width: 100%; height: auto; }
.fd-stage__ring { position: absolute; left: 50%; top: 32%; width: 74%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid rgba(142, 197, 255, 0.26); z-index: 0; }
.fd-stage__ring::after { content: ""; position: absolute; right: 8%; top: 12%; width: 9px; height: 9px; border-radius: 50%; background: #8ec5ff; box-shadow: 0 0 16px 4px rgba(142, 197, 255, 0.8); }
.fd-portrait { position: absolute; inset: 0; z-index: 1; display: flex; justify-content: center; align-items: flex-end; transform: translate3d(calc(var(--mx) * 8px), calc(var(--my) * 6px), 0); transition: transform 0.4s ease-out; }
.fd-portrait img { height: 100%; width: auto; max-width: none; filter: drop-shadow(0 28px 48px rgba(0, 8, 32, 0.65)); -webkit-mask-image: linear-gradient(#000 64%, rgba(0, 0, 0, 0.55) 80%, transparent 97%); mask-image: linear-gradient(#000 64%, rgba(0, 0, 0, 0.55) 80%, transparent 97%); }
.fd-stage::after { content: ""; position: absolute; left: -10%; right: -10%; bottom: -1px; height: 36%; background: linear-gradient(to top, #050e28 4%, rgba(5, 14, 40, 0.8) 40%, rgba(5, 14, 40, 0)); z-index: 2; pointer-events: none; }
/* Arka planı olan (şeffaf olmayan) yüklenmiş fotoğraf: çerçeveli kart */
.fd-stage--framed .fd-portrait { inset: 4% 6% 8%; align-items: stretch; }
.fd-stage--framed .fd-portrait img { width: 100%; height: 100%; object-fit: cover; border-radius: 22px; border: 1px solid var(--fd-line); box-shadow: 0 30px 70px rgba(0, 8, 32, 0.6), 0 0 0 6px rgba(31, 107, 255, 0.12); -webkit-mask-image: none; mask-image: none; filter: none; }

.fd-script { position: absolute; z-index: 4; color: #9fcbff; pointer-events: none; }
.fd-script svg { width: 100%; height: auto; }
.fd-script--grow { right: 0; top: 1%; width: 33%; transform: rotate(-5deg); }
.fd-sig__svg { overflow: visible; }
.fd-script .fd-sig__p { stroke-width: 2.7; }
.fd-script--quote .fd-sig__p { stroke-width: 2.1; }

.fd-chips { grid-column: 2; grid-row: 1; justify-self: end; align-self: start; margin: 38% -3% 0 0; position: relative; z-index: 5; width: 200px; padding: 12px; border-radius: 16px; background: linear-gradient(180deg, rgba(18, 44, 104, 0.62), rgba(8, 20, 52, 0.7)); border: 1px solid var(--fd-line); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 20px 50px rgba(0, 6, 30, 0.5); transform: translate3d(calc(var(--mx) * 16px), calc(var(--my) * 10px), 0); transition: transform 0.4s ease-out; }
.fd-chips li { display: flex; align-items: center; gap: 12px; padding: 11px 8px; font-size: 13px; font-weight: 600; line-height: 1.25; color: #eaf1ff; }
.fd-chips li + li { border-top: 1px solid rgba(120, 165, 255, 0.14); }
.fd-chips__i { flex: 0 0 auto; width: 30px; height: 30px; color: #5aa8ff; display: grid; place-items: center; }
.fd-chips__i svg { width: 24px; height: 24px; }

.fd-sign { position: absolute; z-index: 6; left: 0; right: 0; bottom: 2%; padding: 0 6%; text-align: right; }
.fd-sig { width: 100%; filter: drop-shadow(0 0 10px rgba(80, 150, 255, 0.55)); }
.fd-sig .fd-sig__svg { width: 100%; height: auto; }
.fd-sign__cap { margin-top: 2px; font-size: 11px; font-weight: 700; letter-spacing: 0.24em; color: #5aa8ff; }

/* Bilgi kartları */
.fd-stats { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; padding: 8px 0 56px; margin-top: -8px; }
.fd-stat { display: flex; align-items: center; gap: 16px; min-width: 0; padding: 22px 22px; border-radius: 16px; background: linear-gradient(180deg, rgba(20, 48, 112, 0.46), rgba(8, 20, 52, 0.62)); border: 1px solid var(--fd-line); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 16px 40px rgba(0, 6, 30, 0.35); transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
.fd-stat:hover { transform: translateY(-4px); border-color: rgba(90, 168, 255, 0.55); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 20px 48px rgba(31, 107, 255, 0.22); }
.fd-stat__ico { flex: 0 0 auto; width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; color: #5aa8ff; background: rgba(31, 107, 255, 0.14); border: 1px solid rgba(90, 168, 255, 0.28); }
.fd-stat__ico svg { width: 28px; height: 28px; }
.fd-stat strong { display: block; font-size: 19px; line-height: 1.2; font-weight: 800; color: #fff; }
.fd-stat span { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.45; color: var(--fd-mu); }
.fd-stat--num strong { font-size: 30px; letter-spacing: -0.02em; }

/* ============ 2) KARİYER ============ */
.fd-career { padding: 40px 0 96px; background: linear-gradient(180deg, #050f2a, #061434 60%, #050f2a); }
.fd-career::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(90, 168, 255, 0.45), transparent); }
.fd-head { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 0.85fr); gap: 40px; align-items: end; }
.fd-head__p { font-size: 16px; line-height: 1.7; color: var(--fd-mu); max-width: 420px; padding-left: 28px; border-left: 1px solid var(--fd-line); }
.fd-tl { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 28px; margin-top: 76px; }
.fd-tl__line { position: absolute; left: 7px; right: 0; top: 7px; height: 2px; background: rgba(61, 139, 255, 0.22); border-radius: 2px; }
.fd-tl__line i { position: absolute; inset: 0; background: linear-gradient(90deg, #1f6bff, #5aa8ff); box-shadow: 0 0 14px rgba(47, 123, 255, 0.9); transform-origin: left center; border-radius: 2px; }
.fd-tl__i { position: relative; display: flex; flex-direction: column; padding-top: 40px; min-width: 0; }
.fd-tl__dot { position: absolute; left: 0; top: 0; width: 16px; height: 16px; border-radius: 50%; background: #2f7bff; box-shadow: 0 0 0 6px rgba(31, 107, 255, 0.2), 0 0 20px 2px rgba(47, 123, 255, 0.9); }
.fd-tl__yr { display: block; font-size: 26px; font-weight: 800; letter-spacing: -0.02em; color: #4d9bff; line-height: 1.1; overflow-wrap: anywhere; }
.fd-tl__t { margin-top: 6px; font-size: 18px; line-height: 1.25; }
.fd-tl__p { margin: 10px 0 20px; font-size: 14.5px; line-height: 1.6; color: var(--fd-mu); }
.fd-tl__ill { margin-top: auto; border-top: 0; border-radius: 12px; overflow: hidden; border: 1px solid var(--fd-line); box-shadow: 0 14px 30px rgba(0, 6, 30, 0.4); transition: transform 0.3s ease, border-color 0.3s ease; }
.fd-tl__i:hover .fd-tl__ill { transform: translateY(-4px); border-color: rgba(90, 168, 255, 0.5); }
.fd-ill { width: 100%; height: auto; }

/* ============ 3) HİKÂYE (editör içeriği) ============ */
.fd-story { padding: 88px 0; background: radial-gradient(800px 420px at 85% 0%, rgba(31, 107, 255, 0.18), transparent 70%), #061230; }
.fd-story__wrap { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr); gap: 56px; align-items: start; }
.fd-story__side { position: sticky; top: 110px; align-self: start; }
.fd-story__body { position: relative; padding: 68px 44px 40px; border-radius: 20px; background: linear-gradient(180deg, rgba(20, 48, 112, 0.4), rgba(8, 20, 52, 0.55)); border: 1px solid var(--fd-line); box-shadow: 0 24px 60px rgba(0, 6, 30, 0.4); }
.fd-story__qm { position: absolute; top: 14px; left: 40px; font-size: 120px; line-height: 1; font-weight: 800; color: rgba(47, 123, 255, 0.35); font-family: Georgia, serif; pointer-events: none; }
.fd-prose { position: relative; font-size: 17px; line-height: 1.85; color: #d4e0f7; }
.fd-prose p { margin: 0 0 1.1em; color: #d4e0f7; }
.fd-prose p:last-child { margin-bottom: 0; }
.fd-prose h1, .fd-prose h2, .fd-prose h3 { color: #fff; margin: 0 0 0.6em; font-size: 1.25em; }
.fd-prose a { color: #7fb4ff; text-decoration: underline; }
.fd-prose strong { color: #fff; }

/* ============ 4) ÜÇ GÜÇ ============ */
.fd-powers { padding: 96px 0; background: radial-gradient(700px 400px at 20% 100%, rgba(31, 107, 255, 0.16), transparent 70%), radial-gradient(700px 400px at 90% 0%, rgba(31, 107, 255, 0.12), transparent 70%), #040b1f; }
.fd-pw { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 44px; }
.fd-pcard { display: flex; flex-direction: column; min-width: 0; border-radius: 20px; overflow: hidden; background: linear-gradient(180deg, rgba(16, 40, 98, 0.5), rgba(6, 16, 44, 0.8)); border: 1px solid var(--fd-line); box-shadow: 0 24px 56px rgba(0, 6, 30, 0.45); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; }
.fd-pcard:hover { transform: translateY(-8px); border-color: rgba(90, 168, 255, 0.55); box-shadow: 0 30px 70px rgba(31, 107, 255, 0.26); }
.fd-pcard__ill { border-bottom: 1px solid var(--fd-line); background: #071634; }
.fd-pcard__body { padding: 26px 26px 30px; }
.fd-pcard__n { display: block; font-size: 12px; font-weight: 800; letter-spacing: 0.2em; color: #4d9bff; }
.fd-pcard__t { margin-top: 8px; font-size: 28px; line-height: 1.15; }
.fd-pcard p { margin-top: 12px; font-size: 15.5px; line-height: 1.7; color: var(--fd-mu); }

/* ============ 5) KAPANIŞ ============ */
.fd-end { min-height: 620px; padding: 120px 0 200px; background: radial-gradient(900px 500px at 70% 30%, rgba(31, 107, 255, 0.28), transparent 70%), linear-gradient(180deg, #040b1f, #061434 70%, #040b1f); }
.fd-end__bg { position: absolute; inset: auto 0 0 0; height: 78%; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 38%); mask-image: linear-gradient(to bottom, transparent 0, #000 38%); }
.fd-mtn { position: absolute; inset: 0; width: 100%; height: 100%; }
.fd-end__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 32px; align-items: center; }
.fd-end__copy { max-width: 600px; }
.fd-end__p { margin-top: 20px; font-size: 17px; line-height: 1.7; color: var(--fd-mu); max-width: 520px; }
.fd-end .fd-btns { margin-top: 32px; }
.fd-script--quote { position: relative; justify-self: end; align-self: end; width: min(100%, 440px); transform: rotate(-4deg); color: #d6e8ff; margin-bottom: -40px; }

/* ============ Hareket (yalnızca JS + hareket tercihi uygunsa; .fd-js) ============ */
.fd-js .fd-rv { opacity: 0; transform: translateY(22px); transition: opacity 0.8s cubic-bezier(.2, .7, .2, 1) calc(var(--i, 0) * 0.1s), transform 0.8s cubic-bezier(.2, .7, .2, 1) calc(var(--i, 0) * 0.1s); }
.fd-js .fd-rv.in { opacity: 1; transform: none; }
/* İmza ve el yazısı süsleri: çizgi çizgi "yazılır" */
.fd-js .fd-sig__p { stroke-dasharray: 1 3; stroke-dashoffset: 1.2; opacity: 0; }
.fd-js .is-draw .fd-sig__p { animation: fd-draw var(--t) cubic-bezier(.45, .05, .35, 1) calc(var(--base, 0s) + var(--d)) forwards; }
.fd-js .is-draw .fd-sig__p--fl { animation-timing-function: ease-out; }
@keyframes fd-draw { 0% { stroke-dashoffset: 1.2; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 1; } }
.fd-js .fd-sign__cap { opacity: 0; transition: opacity 0.8s ease 3.4s; }
.fd-js .fd-sign.is-draw .fd-sign__cap { opacity: 1; }
.fd-js .fd-script--grow { --base: 1.1s; }
.fd-js .fd-sig { --base: 0.9s; }
.fd-js .fd-script--quote { --base: 0.2s; }
/* Zaman çizelgesi: çizgi dolar, adımlar sırayla belirir */
.fd-js .fd-tl__line i { transform: scaleX(0); transition: transform 2s cubic-bezier(.4, 0, .2, 1) 0.15s; }
.fd-js .fd-tl.is-in .fd-tl__line i { transform: scaleX(1); }
.fd-js .fd-tl__i { opacity: 0; transform: translateY(20px); transition: opacity 0.7s ease calc(var(--i) * 0.28s + 0.25s), transform 0.7s ease calc(var(--i) * 0.28s + 0.25s); }
.fd-js .fd-tl.is-in .fd-tl__i { opacity: 1; transform: none; }
.fd-js .fd-tl__dot { transform: scale(0); transition: transform 0.5s cubic-bezier(.3, 1.6, .5, 1) calc(var(--i) * 0.28s + 0.3s); }
.fd-js .fd-tl.is-in .fd-tl__dot { transform: scale(1); }
/* Sürekli hareketler: yalnızca ekranda görünen bölümde (.fd-live) */
.fd-js .fd-live .fd-beam--1 { animation: fd-drift 14s ease-in-out infinite alternate; }
.fd-js .fd-live .fd-beam--2 { animation: fd-drift 18s ease-in-out infinite alternate-reverse; }
.fd-js .fd-live .fd-dot { animation: fd-twinkle 4s ease-in-out var(--dl) infinite; }
.fd-js .fd-live .fd-stage__ring { animation: fd-ring 16s linear infinite; }
.fd-js .fd-live .fd-stage__glow { animation: fd-glow 6s ease-in-out infinite alternate; }
.fd-js .fd-live .fd-m__edge { animation: fd-glow 5s ease-in-out infinite alternate; }
.fd-js .fd-live .fd-a-pulse { animation: fd-pulse 2.4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.fd-js .fd-live .fd-a-blink { animation: fd-blink 1.1s steps(2, end) infinite; }
.fd-js .fd-live .fd-a-float { animation: fd-float 4.6s ease-in-out infinite; }
.fd-js .fd-live .fd-a-dash { animation: fd-dash 2.6s linear infinite; }
.fd-js .fd-live .fd-a-spin { animation: fd-spin 26s linear infinite; }
.fd-js .fd-live .fd-a-spin-slow { animation: fd-spin 60s linear infinite; }
.fd-js .fd-pcard .fd-a-bar { transform-box: fill-box; transform-origin: bottom; transform: scaleY(0); transition: transform 0.9s cubic-bezier(.3, 1.2, .4, 1) calc(var(--i) * 0.12s + 0.2s); }
.fd-js .fd-pcard.in .fd-a-bar { transform: scaleY(1); }
@keyframes fd-drift { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-40px, 30px, 0); } }
@keyframes fd-twinkle { 0%, 100% { opacity: 0.2; } 50% { opacity: 0.9; } }
@keyframes fd-ring { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes fd-glow { from { opacity: 0.75; } to { opacity: 1; } }
@keyframes fd-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.55; transform: scale(1.5); } }
@keyframes fd-blink { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fd-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes fd-dash { to { stroke-dashoffset: -28; } }
@keyframes fd-spin { to { transform: rotate(360deg); } }

/* ============ Responsive ============ */
@media (max-width: 1199px) {
	.fd-chips { margin-right: -1%; width: 172px; }
	.fd-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
	.fd-wrap { padding-left: 24px; padding-right: 24px; }
	.fd-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 28px; }
	.fd-hero__copy { max-width: 680px; }
	.fd-stage { margin: 0 auto; max-width: 540px; grid-column: 1; grid-row: auto; }
	.fd-chips { grid-column: 1; grid-row: auto; justify-self: stretch; align-self: auto; width: auto; margin: 0; padding: 4px 8px; transform: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.fd-chips li { flex-direction: column; justify-content: flex-start; text-align: center; gap: 6px; font-size: 13px; padding: 12px 6px; }
	.fd-chips li + li { border-top: 0; border-left: 1px solid rgba(120, 165, 255, 0.14); }
	.fd-head { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.fd-story__side { position: static; }
	.fd-head__p { padding-left: 0; border-left: 0; max-width: 560px; }
	/* Zaman çizelgesi dikey */
	.fd-tl { grid-auto-flow: row; gap: 36px; margin-top: 40px; padding-left: 40px; }
	.fd-tl__line { left: 7px; right: auto; top: 8px; bottom: 8px; width: 2px; height: auto; }
	.fd-tl__line i { background: linear-gradient(180deg, #1f6bff, #5aa8ff); transform-origin: top center; }
	.fd-js .fd-tl__line i { transform: scaleY(0); }
	.fd-js .fd-tl.is-in .fd-tl__line i { transform: scaleY(1); }
	.fd-tl__i { padding-top: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 240px); column-gap: 28px; align-items: start; }
	.fd-tl__dot { left: -40px; top: 6px; }
	.fd-tl__yr, .fd-tl__t, .fd-tl__p { grid-column: 1; }
	.fd-tl__ill { grid-column: 2; grid-row: 1 / span 3; margin-top: 0; }
	.fd-story__wrap { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.fd-pw { grid-template-columns: minmax(0, 1fr); gap: 22px; max-width: 640px; }
	.fd-end__grid { grid-template-columns: minmax(0, 1fr); }
	.fd-script--quote { justify-self: start; margin: 20px 0 0; width: min(80%, 380px); }
}
@media (max-width: 767px) {
	.fd-wrap { padding-left: 16px; padding-right: 16px; }
	.fd-sec { scroll-margin-top: 88px; }
	.fd-hero { padding-top: 28px; }
	.fd-hero__grid { padding-top: 24px; }
	.fd-name { margin-top: 24px; font-size: clamp(46px, 15vw, 64px); }
	.fd-vision { padding: 16px 16px 16px 14px; gap: 12px; margin-top: 24px; }
	.fd-vision__mark { width: 26px; }
	.fd-desc { margin-top: 18px; font-size: 15.5px; }
	.fd-hero .fd-btns, .fd-end .fd-btns { margin-top: 24px; }
	.fd-btn { width: 100%; }
	.fd-stage { max-width: 440px; aspect-ratio: 5 / 6.1; margin-top: 8px; }
	.fd-stage__m { left: -10%; width: 112%; }
	.fd-script--grow { right: 0; top: 0; width: 42%; }
	.fd-chips { margin-bottom: 18px; }
	.fd-chips li { font-size: 12px; padding: 10px 4px; gap: 6px; }
	.fd-stats { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-bottom: 40px; margin-top: 0; }
	.fd-stat { padding: 18px; }
	.fd-career { padding: 28px 0 64px; }
	.fd-tl { padding-left: 34px; }
	.fd-tl__dot { left: -34px; }
	.fd-tl__i { grid-template-columns: minmax(0, 1fr); }
	.fd-tl__ill { grid-column: 1; grid-row: auto; margin-top: 16px; max-width: 280px; }
	.fd-tl__yr { font-size: 24px; }
	.fd-story { padding: 56px 0; }
	.fd-story__body { padding: 30px 20px 26px; }
	.fd-story__qm { font-size: 90px; left: 14px; top: 0; }
	.fd-prose { font-size: 16px; line-height: 1.8; }
	.fd-powers { padding: 64px 0; }
	.fd-pcard__t { font-size: 26px; }
	.fd-end { padding: 72px 0 170px; min-height: 0; }
	.fd-end__bg { height: 56%; }
	.fd-script--quote { width: 86%; margin-top: 8px; transform: rotate(-3deg); }
}
@media (max-width: 359px) {
	.fd-wrap { padding-left: 14px; padding-right: 14px; }
	.fd-name { font-size: 44px; }
	.fd-chips li { font-size: 11px; }
	.fd-tl__yr { font-size: 22px; }
}

/* ============ Hareket azaltma: her şey doğrudan, animasyonsuz görünür ============ */
@media (prefers-reduced-motion: reduce) {
	.fd *, .fd *::before, .fd *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
	.fd-rv, .fd-tl__i, .fd-tl__dot, .fd-sign__cap { opacity: 1 !important; transform: none !important; }
	.fd-sig__p { stroke-dasharray: none !important; stroke-dashoffset: 0 !important; opacity: 1 !important; }
	.fd-tl__line i { transform: none !important; }
	.fd-a-bar { transform: none !important; }
}