@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --black: #0A0B09;   /* logonun zemini */
  --paper: #f4f2eb;
  --white: #fff;
  --line: rgba(9, 9, 9, 0.14);
  --muted: #6f706d;
  --brand: #D36F26;   /* logodan: fırça turuncusu */
  --header-height: 94px;
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--black);
  background: var(--paper);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--black); overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; max-width: 100%; }
.page { min-height: 100vh; overflow: clip; }
.section { padding: 118px max(6vw, 32px); }
.eyebrow { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow--light { color: rgba(255,255,255,.62); }
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.75,.2,1); }
.reveal.is-visible { opacity: 1; transform: none; }

.site-header { position: absolute; z-index: 40; inset: 0 0 auto; height: var(--header-height); padding: 0 max(5vw, 28px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; transition: transform .35s ease, background .35s ease; }
.site-header.is-scrolled { position: fixed; height: 74px; background: rgba(244,242,235,.88); backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }
.site-header--dark.is-scrolled { color: white; background: rgba(10,11,9,.82); border-color: rgba(255,255,255,.12); }
.site-header.is-hidden { transform: translateY(-105%); }
.site-header--dark { color: white; }
.brand { justify-self: start; display: inline-flex; gap: 12px; align-items: center; font: 800 15px/1 "Manrope", sans-serif; letter-spacing: .12em; }
.brand > span:last-child { display: flex; flex-direction: column; gap: 4px; }
.brand small { font-size: 7px; letter-spacing: .43em; opacity: .58; }
.brand img { display: block; width: auto; }
.brand-mark { height: 40px; }
.site-header.is-scrolled .brand-mark { height: 34px; }
/* açık zeminli header mürekkep işareti, koyu zeminli header açık işareti taşır */
.site-header .brand-mark--light { display: none; }
.site-header--dark .brand-mark--light { display: block; }
.site-header--dark .brand-mark--ink { display: none; }
.brand--footer img { width: 300px; max-width: 100%; height: auto; }
.hero__lockup { display: block; width: min(330px, 44vw); height: auto; margin-bottom: 30px; }
.legal-aside > img.legal-brand { width: auto; height: 46px; border-radius: 0; object-fit: contain; }
.desktop-nav { display: flex; align-items: center; gap: 38px; font-size: 14px; }
.desktop-nav a { position: relative; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; bottom: -7px; width: 0; height: 1px; background: currentColor; transition: width .25s ease; }
.desktop-nav a:hover::after { width: 100%; }
.header-cta { justify-self: end; display: inline-flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 600; }
.header-cta svg { transition: transform .25s ease; }
.header-cta:hover svg { transform: translateX(4px); }
.menu-button { display: none; background: none; border: 0; padding: 8px; cursor: pointer; justify-self: end; }

.mobile-menu { visibility: hidden; opacity: 0; position: fixed; z-index: 100; inset: 0; color: #fff; background: #0A0B09; padding: 28px; transform: translateY(-20px); transition: .3s ease; }
.mobile-menu.is-open { visibility: visible; opacity: 1; transform: none; }
.mobile-menu__top { display: flex; justify-content: space-between; align-items: center; }
.menu-close { border: 0; background: none; color: white; padding: 6px; }
.mobile-menu nav { margin-top: 16vh; display: flex; flex-direction: column; }
.mobile-menu nav a { font: 600 clamp(42px, 14vw, 72px)/1.1 "Manrope", sans-serif; border-bottom: 1px solid rgba(255,255,255,.16); padding: 15px 0; }
.mobile-menu > p { position: absolute; bottom: 26px; color: rgba(255,255,255,.5); }

.hero { min-height: 850px;
  /* Telefonda masaustu modunda duzen genisligi ~980px'e sabitlenir ve
     yukseklik de olcekle buyur (~2100px). Sinir olmadan hero devlesip
     icerikle kaydirma oku arasinda bos alan aciliyordu. */
  height: min(100svh, 1150px); position: relative; overflow: hidden; color: white; background-color:#0A0B09; background-image: linear-gradient(rgba(255,255,255,.052) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.052) 1px,transparent 1px), radial-gradient(circle at 80% 42%,#231A12 0,#0F0B08 30%,#0A0B09 62%); background-size:64px 64px,64px 64px,auto; }
.hero__noise { position: absolute; inset: 0; opacity: .055; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.hero__copy { position: absolute; z-index: 3; left: max(6vw, 32px); top: 21%; }
.hero h1 { margin: 20px 0 28px; font: 500 clamp(74px, 9.2vw, 154px)/.84 "Manrope", sans-serif; letter-spacing: -.075em; }
.hero h1 span { color: var(--brand); font-style: italic; font-weight: 400; }
.hero__lead { margin: 0 0 0 8px; font-size: clamp(16px, 1.45vw, 23px); line-height: 1.45; color: rgba(255,255,255,.67); }
.hero-button { margin:30px 0 0 8px; min-height:54px; display:inline-flex; align-items:center; gap:28px; padding:0 22px; border-radius:8px; color:#0b0b0b; background:#fff; font-size:13px; font-weight:700; transition:background .25s ease,transform .25s ease; }
.hero-button:hover { background:var(--brand); transform:translateY(-2px); }
.hero__art { position: absolute; z-index: 2; inset: 0; pointer-events: none; }
.hero-card { position: absolute; width: clamp(170px, 18vw, 320px); aspect-ratio: .48; overflow: hidden; border-radius: 26px; padding: 5px; background: rgba(255,255,255,.1); box-shadow: 0 40px 100px rgba(0,0,0,.65); }
.hero-card img { height: 100%; width: 100%; object-fit: cover; border-radius: 22px; }
.hero-card--1 { right: 22%; top: 6%; transform: rotate(10deg); opacity: .72; }
.hero-card--2 { right: 4%; top: 25%; transform: rotate(-7deg); }
.hero-card--3 { right: 25%; bottom: -37%; transform: rotate(17deg); opacity: .74; }
.hero-ring { position: absolute; right: -13vw; top: 6%; width: 48vw; aspect-ratio: 1; border: clamp(60px, 8vw, 140px) solid rgba(211,111,38,.09); border-radius: 50%; }
.hero-spark { position: absolute; right: 38%; top: 19%; color: var(--brand); font-size: 44px; animation: spin 8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.scroll-cue { position: absolute; z-index: 5; left: max(6vw,32px); bottom: 70px; display: flex; align-items: center; gap: 14px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.scroll-cue svg { animation: bob 1.8s ease infinite; }
@keyframes bob { 50% { transform: translateY(6px); } }
.hero__ticker { position: absolute; z-index: 6; left: 0; right: 0; bottom: 0; height: 44px; overflow: hidden; color: #0A0B09; background: var(--brand); font: 700 12px/44px "Manrope", sans-serif; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }
.hero__ticker-track { display: flex; width: max-content; animation: ticker 26s linear infinite; }
/* Her yarım en az bir ekran genişliğinde; içerik dar kalırsa space-around yayar,
   böylece şerit hiçbir çözünürlükte boşluk gösterip başa dönmez. */
.ticker-run { display: flex; flex: none; min-width: 100vw; justify-content: space-around; }
.ticker-run span::after { content: "·"; padding-left: 30px; opacity: .5; }
@keyframes ticker { to { transform: translateX(-50%); } }

.intro { display: grid; grid-template-columns: 1fr 2.3fr; gap: 80px; align-items: start; border-bottom: 1px solid var(--line); }
.intro__label { font-size: 12px; font-weight: 700; letter-spacing: .15em; }
.dot { display: inline-block; width: 8px; height: 8px; margin-right: 10px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 5px rgba(211,111,38,.30); }
.intro__copy h2 { max-width: 1050px; margin: 0; font: 500 clamp(43px, 5.3vw, 82px)/1.05 "Manrope", sans-serif; letter-spacing: -.055em; }
.intro__copy h2 em, .section-heading h2 em, .manifesto h2 em, .footer h2 em, .features h2 em, .download-banner h2 em { font-family: Georgia, serif; font-weight: 400; }
.intro__copy p { max-width: 580px; margin: 48px 0 0 auto; font-size: 18px; line-height: 1.65; color: var(--muted); }

.games-section { padding: 145px max(3vw, 20px) 60px; }
.section-heading { position: relative; padding: 0 max(3vw, 12px) 90px; }
.section-heading h2 { margin: 18px 0 0; font: 600 clamp(68px, 9vw, 142px)/.88 "Manrope", sans-serif; letter-spacing: -.07em; }
.section-heading > span { position: absolute; right: max(3vw,12px); bottom: 100px; font-size: 11px; letter-spacing: .15em; color: var(--muted); }
.showcases { display: flex; flex-direction: column; gap: 24px; }
.showcase { min-height: 760px; display: grid; grid-template-columns: .85fr 1.15fr; overflow: hidden; border-radius: 30px; background: var(--soft); color: var(--ink); }
.showcase--reverse { grid-template-columns: 1.15fr .85fr; }
.showcase--reverse .showcase__copy { order: 2; }
.showcase--reverse .showcase__visual { order: 1; }
.showcase__copy { padding: clamp(45px, 6vw, 90px); display: flex; flex-direction: column; align-items: flex-start; }
.showcase__meta { width: 100%; display: flex; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid color-mix(in srgb, var(--ink), transparent 80%); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.game-heading { margin-top: auto; display: flex; align-items: center; gap: 22px; }
.game-heading img { width: 76px; height: 76px; border-radius: 19px; object-fit: cover; box-shadow: 0 12px 24px rgba(0,0,0,.16); }
.game-heading h3 { margin: 0; font: 700 clamp(36px, 3.2vw, 58px)/1 "Manrope", sans-serif; letter-spacing: -.05em; }
.game-heading p { margin: 8px 0 0; opacity: .62; }
.showcase__description { max-width: 540px; margin: 38px 0; font-size: 18px; line-height: 1.55; }
.showcase__actions { width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 34px; }
.showcase__actions .store-row { margin:0; }
.showcase__actions .store-button { min-width:142px; height:47px; padding:0 13px; }
.showcase__actions .store-button span { font-size:12px; }
.showcase__actions .store-button small { font-size:7px; }
.round-detail { flex:0 0 auto; width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--ink); transition:transform .25s ease; }
.round-detail:hover { transform:rotate(-15deg); }
.showcase__stats { width:100%; display:grid; grid-template-columns:repeat(3,1fr); margin-top:0; padding-top:24px; border-top:1px solid color-mix(in srgb,var(--ink),transparent 80%); }
.showcase__stats div { display:flex; flex-direction:column; gap:9px; padding-right:12px; }
.showcase__stats strong { font:600 clamp(22px,2vw,30px)/1 "Manrope",sans-serif; }
.showcase__stats span { order:-1; font-size:9px; text-transform:uppercase; letter-spacing:.1em; opacity:.58; }
.text-link { display: flex; align-items: center; gap: 18px; padding-bottom: 8px; border-bottom: 1px solid currentColor; font-weight: 600; }
.text-link svg { transition: transform .25s ease; }
.text-link:hover svg { transform: translateX(5px); }
.showcase__visual { position: relative; min-height: 760px; overflow: hidden; background: var(--accent); }
.showcase__visual::after { content: ""; position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to top, black, transparent 80%); }
.orb { position: absolute; z-index: 0; border-radius: 50%; border: 1px solid rgba(255,255,255,.5); }
.orb--one { width: 520px; height: 520px; top: -140px; right: -120px; }
.orb--two { width: 190px; height: 190px; bottom: 50px; left: 55px; background: rgba(255,255,255,.15); }
.phone { position: relative; overflow: hidden; border: 8px solid #111; border-radius: 38px; background: #07100b; box-shadow: 0 45px 80px rgba(0,0,0,.32); }
.phone img { width: 100%; height: 100%; object-fit: cover; }
.phone__notch { position: absolute; z-index: 2; top: 8px; left: 50%; transform: translateX(-50%); width: 34%; height: 20px; border-radius: 99px; background: #111; }
.showcase .phone { position: absolute; z-index: 2; width: min(42%, 300px); aspect-ratio: .462; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.phone--back { left: 13%; top: 12%; transform: rotate(-11deg); }
.phone--front { right: 13%; top: 23%; transform: rotate(8deg); }
.showcase__visual:hover .phone--back { transform: rotate(-7deg) translateY(-10px); }
.showcase__visual:hover .phone--front { transform: rotate(4deg) translateY(-16px); }
.visual-cta { position: absolute; z-index: 4; right: 24px; bottom: 24px; width: 94px; height: 94px; border-radius: 50%; display: flex; gap: 5px; align-items: center; justify-content: center; background: var(--ink); color: white; font-size: 12px; }

.portfolio-wall { min-height:920px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; color:#fff; background:#0a0a0a; }
.portfolio-wall::before { content:""; position:absolute; inset:0; opacity:.5; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:62px 62px; mask-image:radial-gradient(circle at center,black,transparent 88%); }
.portfolio-wall__copy { position:relative; z-index:5; width:60%; }
.portfolio-wall__copy h2 { margin:20px 0 25px; font:600 clamp(72px,9vw,142px)/.88 "Manrope",sans-serif; letter-spacing:-.075em; }
.portfolio-wall__copy h2 em { color:var(--brand); font:400 1em/.88 Georgia,serif; }
.portfolio-wall__copy > p:last-child { max-width:430px; color:rgba(255,255,255,.55); font-size:17px; line-height:1.6; }
.app-cloud { position:absolute; z-index:2; inset:0; }
.cloud-app { position:absolute; display:flex; align-items:center; gap:11px; padding:9px 16px 9px 9px; border:1px solid rgba(255,255,255,.14); border-radius:19px; color:#fff; background:rgba(30,30,30,.72); box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 65px color-mix(in srgb,var(--cloud),transparent 87%); backdrop-filter:blur(12px); font-size:12px; font-weight:600; animation:cloud-float 5s ease-in-out infinite alternate; }
.cloud-app img { width:50px; height:50px; object-fit:cover; border-radius:13px; filter:hue-rotate(var(--hue,0deg)); }
.cloud-app--1 { right:12%; top:13%; --hue:0deg; }
.cloud-app--2 { right:35%; top:7%; --hue:80deg; animation-delay:-1s; }
.cloud-app--3 { right:5%; top:43%; --hue:160deg; animation-delay:-2s; }
.cloud-app--4 { right:29%; top:36%; --hue:240deg; animation-delay:-3s; }
.cloud-app--5 { right:16%; bottom:10%; --hue:310deg; animation-delay:-1.7s; }
.cloud-app--6 { left:36%; bottom:8%; --hue:45deg; animation-delay:-.5s; }
.cloud-app--7 { right:44%; top:22%; --hue:190deg; animation-delay:-2.3s; }
.cloud-app--8 { right:3%; bottom:28%; --hue:120deg; animation-delay:-3.2s; }
@keyframes cloud-float { to { transform:translateY(-18px) rotate(2deg); } }
.portfolio-link { position:absolute; z-index:6; left:max(6vw,32px); bottom:70px; display:flex; align-items:center; gap:20px; padding-bottom:7px; border-bottom:1px solid rgba(255,255,255,.75); font-weight:600; }

.reviews { background:#fff; }
.reviews__heading { display:grid; grid-template-columns:1fr 1.7fr; gap:60px; align-items:start; }
.reviews__heading h2 { margin:0; font:600 clamp(67px,8vw,124px)/.88 "Manrope",sans-serif; letter-spacing:-.07em; }
.reviews__heading h2 em { font:400 1em/.88 Georgia,serif; }
.reviews__heading > p:last-child { grid-column:2; max-width:470px; margin:15px 0 70px; color:var(--muted); font-size:17px; line-height:1.6; }
.reviews__track { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.reviews__track article { min-height:430px; padding:32px 42px 35px 0; display:flex; flex-direction:column; border-right:1px solid var(--line); }
.reviews__track article:not(:first-child) { padding-left:42px; }
.reviews__track article:last-child { border-right:0; }
.review-app { display:flex; align-items:center; gap:12px; font-weight:700; font-size:13px; }
.review-app img { width:38px; height:38px; object-fit:cover; border-radius:10px; }
.stars { margin:68px 0 20px; color:#ff6c4b; letter-spacing:.2em; }
.reviews__track h3 { margin:0 0 18px; font:600 25px/1.25 "Manrope",sans-serif; letter-spacing:-.03em; }
.reviews__track p { margin:0; line-height:1.65; color:var(--muted); }
.reviews__track small { margin-top:auto; padding-top:30px; color:#8a8b87; }

.manifesto { min-height: 850px; display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; align-items: center; color: white; background: #0b0b0b; }
.manifesto__orbit { position: relative; width: min(39vw, 560px); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); font: 600 clamp(38px,5vw,74px)/1 "Manrope",sans-serif; }
.manifesto__orbit::before, .manifesto__orbit::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(211,111,38,.35); }
.manifesto__orbit::before { inset: 15%; }
.manifesto__orbit::after { inset: 34%; background: var(--brand); box-shadow: 0 0 90px rgba(211,111,38,.32); }
.manifesto__orbit span { position: absolute; z-index: 2; }
.manifesto__orbit span:nth-child(1) { left: -3%; }
.manifesto__orbit span:nth-child(2) { color: #0b0b0b; }
.manifesto__orbit span:nth-child(3) { right: -3%; }
.manifesto__copy h2 { margin: 22px 0 38px; font: 500 clamp(50px,5.7vw,91px)/.98 "Manrope",sans-serif; letter-spacing: -.06em; }
.manifesto__copy p:last-child { max-width: 490px; color: rgba(255,255,255,.58); font-size: 18px; line-height: 1.65; }
.capabilities { background: var(--brand); }
.capabilities__grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 70px; border-top: 1px solid rgba(0,0,0,.25); }
.capabilities__grid article { padding: 50px 34px 0 0; display:flex; flex-direction:column; gap:18px; border-right: 1px solid rgba(0,0,0,.25); }
.capabilities__grid article:not(:first-child) { padding-left: 45px; }
.capabilities__grid article:last-child { border:0; }
.capabilities__grid h3 { margin:0; font: 600 clamp(30px,3.3vw,52px)/1.05 "Manrope",sans-serif; letter-spacing:-.045em; }
.capabilities__grid p { margin:0; max-width:34ch; font-size:16px; line-height:1.65; color:rgba(10,11,9,.74); }

.footer { padding: 130px max(6vw, 32px) 30px; color: white; background: #0A0B09; }
/* Başlıksız footer (ana sayfa dışı) üstten daha az boşluk ister. */
.footer--plain { padding-top: 76px; }
.footer__headline { position: relative; padding-bottom: 110px; border-bottom: 1px solid rgba(255,255,255,.2); }
.footer__headline h2 { margin: 18px 0 0; font: 500 clamp(69px,10vw,154px)/.86 "Manrope",sans-serif; letter-spacing: -.075em; }
.circle-link { position: absolute; right: 2%; bottom: 95px; width: 105px; height: 105px; display:grid; place-items:center; border-radius:50%; color:#0A0B09; background:var(--brand); transition: transform .3s ease; }
.circle-link:hover { transform: rotate(-12deg) scale(1.06); }
.footer__grid { display:grid; grid-template-columns: 2fr 1fr 1fr; gap:60px; padding: 70px 0 90px; }
.footer__grid > div { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.footer__grid > div > span { margin-bottom:12px; font-size:10px; letter-spacing:.17em; color:rgba(255,255,255,.38); }
.footer__grid a:not(.brand) { font-size:14px; color:rgba(255,255,255,.72); }
.footer__grid a:hover { color: var(--brand); }
.brand--footer { margin-bottom:18px; }
.footer__grid p { max-width:310px; margin:0; font-size:14px; line-height:1.6; color:rgba(255,255,255,.47); }
.footer__bottom { padding-top:25px; border-top:1px solid rgba(255,255,255,.13); display:flex; justify-content:space-between; font-size:11px; letter-spacing:.08em; color:rgba(255,255,255,.42); text-transform:uppercase; }
.back-top { border:0; background:none; cursor:pointer; color:rgba(255,255,255,.7); }

/* Detail page */
.detail-page { background: #f7f5ef; }
.detail-hero { min-height: 850px; height: 100svh; position:relative; overflow:hidden; display:grid; grid-template-columns:.9fr 1.1fr; background:var(--soft); color:var(--ink); }
.detail-hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:color-mix(in srgb,var(--ink),transparent 83%); }
.detail-hero__copy { z-index:3; align-self:center; padding:110px 2vw 70px max(6vw,32px); }
.back-link { display:inline-block; margin-bottom:50px; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.detail-title { display:flex; align-items:center; gap:25px; margin:18px 0; }
.detail-title img { width:90px; height:90px; object-fit:cover; border-radius:22px; box-shadow:0 15px 35px rgba(0,0,0,.2); }
.detail-title h1 { margin:0; font:700 clamp(59px,7vw,110px)/.9 "Manrope",sans-serif; letter-spacing:-.07em; }
.detail-hero__copy > h2 { margin:0 0 25px; font:400 clamp(30px,3vw,49px)/1.1 Georgia,serif; }
.detail-hero__copy > p { max-width:620px; font-size:17px; line-height:1.6; opacity:.68; }
.store-row { display:flex; gap:10px; margin-top:35px; flex-wrap:wrap; }
.store-button { height:58px; min-width:178px; padding:0 18px; display:flex; align-items:center; gap:11px; border-radius:10px; color:white; background:#0A0B09; transition:transform .2s ease; }
.store-button:hover { transform:translateY(-3px); }
.store-button span { display:flex; flex-direction:column; font:600 16px/1.1 "Manrope",sans-serif; }
.store-button small { font:400 9px/1.2 "DM Sans",sans-serif; text-transform:uppercase; opacity:.68; }
.detail-hero__visual { position:relative; min-width:0; }
.detail-planet { position:absolute; width:min(48vw,720px); aspect-ratio:1; top:49%; left:52%; transform:translate(-50%,-50%); border-radius:50%; background:var(--accent); box-shadow:0 0 0 70px color-mix(in srgb,var(--accent),transparent 76%),0 0 0 140px color-mix(in srgb,var(--accent),transparent 88%); }
.detail-phone { position:absolute; width:min(25vw,280px); aspect-ratio:.462; top:50%; left:50%; }
.detail-phone--left { transform:translate(-120%,-45%) rotate(-12deg); }
.detail-phone--center { z-index:3; transform:translate(-50%,-55%); }
.detail-phone--right { transform:translate(20%,-40%) rotate(12deg); }
.game-intro { display:grid; grid-template-columns:1fr 2fr; gap:7vw; }
.game-intro > h2 { margin:0; font:500 clamp(37px,4.5vw,69px)/1.13 "Manrope",sans-serif; letter-spacing:-.045em; }
.game-intro__meta { grid-column:2; display:grid; grid-template-columns:repeat(3,1fr); margin-top:50px; border-top:1px solid var(--line); }
.game-intro__meta div { padding-top:30px; display:flex; flex-direction:column; }
.game-intro__meta strong { font:600 38px/1 "Manrope",sans-serif; }
.game-intro__meta span { margin-top:8px; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.screens-section { overflow:hidden; padding:95px 0; background:var(--accent); transform:rotate(-1.5deg) scale(1.02); }
.screens-track { width:max-content; display:flex; gap:24px; animation:screen-marquee 45s linear infinite; }
.screens-track .phone { width:240px; aspect-ratio:.462; transform:rotate(1.5deg); }
@keyframes screen-marquee { to { transform:translateX(-50%); } }
.features { padding-top:180px; }
.section-heading--compact { padding:0 0 80px; }
.section-heading--compact h2 { font-size:clamp(56px,7vw,108px); }
.features__grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.features__grid article { min-height:410px; padding:30px 45px 40px 0; border-right:1px solid var(--line); }
.features__grid article:not(:first-child) { padding-left:45px; }
.features__grid article:last-child { border:0; }
.features__grid article > span { font-size:11px; color:var(--muted); }
.feature-icon { margin:65px 0 55px; font-size:57px; }
.features__grid h3 { margin:0 0 16px; font:600 29px/1.1 "Manrope",sans-serif; letter-spacing:-.03em; }
.features__grid p { margin:0; line-height:1.6; color:var(--muted); }
.download-banner { min-height:600px; margin:0 max(3vw,20px) 30px; padding:80px max(5vw,45px); display:flex; align-items:center; justify-content:space-between; overflow:hidden; border-radius:30px; color:var(--ink); background:var(--accent); }
.download-banner h2 { margin:18px 0 0; font:600 clamp(62px,8vw,125px)/.88 "Manrope",sans-serif; letter-spacing:-.065em; }
.download-banner > img { width:min(32vw,430px); border-radius:22%; box-shadow:0 50px 90px rgba(0,0,0,.3); transform:rotate(10deg); }
.privacy-callout { display:flex; justify-content:space-between; align-items:center; padding-top:70px; padding-bottom:70px; }
.privacy-callout > div { display:flex; align-items:center; gap:18px; }
.privacy-callout span { display:flex; flex-direction:column; gap:5px; }
.privacy-callout small { color:var(--muted); }
.privacy-callout > a { display:flex; align-items:center; gap:15px; padding-bottom:6px; border-bottom:1px solid currentColor; font-weight:600; }

/* Legal */
.legal-page { background:#f8f7f2; }
.legal-page > .site-header { position:relative; border-bottom:1px solid var(--line); }
.legal-shell { max-width:1450px; margin:0 auto; padding:90px max(6vw,32px) 160px; display:grid; grid-template-columns:340px 1fr; gap:11vw; }
.legal-aside { align-self:start; position:sticky; top:110px; }
.legal-aside .back-link { margin-bottom:45px; }
.legal-aside > img { width:64px; height:64px; border-radius:15px; object-fit:cover; }
.legal-aside > p { margin:28px 0 7px; font-size:10px; font-weight:700; letter-spacing:.17em; color:var(--muted); }
.legal-aside h1 { margin:0; font:600 38px/1.1 "Manrope",sans-serif; letter-spacing:-.04em; }
.legal-aside > span { display:block; margin-top:18px; font-size:12px; line-height:1.5; color:var(--muted); }
.legal-aside nav { display:flex; flex-direction:column; gap:14px; margin-top:50px; padding-top:24px; border-top:1px solid var(--line); font-size:13px; }
.legal-aside nav a { color:var(--muted); }
.legal-aside nav a:hover { color:var(--black); }
.legal-langs { display:flex; gap:8px; margin-top:22px; font:700 12px/1 "Manrope",sans-serif; letter-spacing:.08em; }
.legal-langs a { padding:6px 12px; border:1px solid var(--line); border-radius:999px; color:var(--muted); }
.legal-langs a.is-active { background:var(--accent); border-color:transparent; color:#101606; }
.legal-content { counter-reset:legal; }
.legal-content section { position:relative; padding:0 0 80px 70px; margin-bottom:80px; border-bottom:1px solid var(--line); scroll-margin-top:100px; }
.legal-content section:last-child { border:0; }
.legal-content section > span { position:absolute; left:0; top:9px; width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--accent); font-size:10px; font-weight:700; }
.legal-content h2 { max-width:800px; margin:0 0 35px; font:600 clamp(36px,4vw,61px)/1.05 "Manrope",sans-serif; letter-spacing:-.045em; }
.legal-content h3 { margin:38px 0 10px; font:600 20px/1.3 "Manrope",sans-serif; }
.legal-content p, .legal-content li { max-width:780px; font-size:16px; line-height:1.75; color:#5d5e5b; }
.legal-content ul { padding-left:20px; }
.legal-content li { margin-bottom:8px; }
.legal-content p a, .legal-content li a { text-decoration:underline; text-underline-offset:3px; }
.legal-email { display:inline-flex; align-items:center; gap:16px; margin-top:15px; padding-bottom:7px; border-bottom:1px solid; font:600 20px/1 "Manrope",sans-serif; }
.legal-table { overflow-x: auto; margin: 6px 0 34px; border: 1px solid var(--line); border-radius: 10px; }
.legal-table table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 14.5px; }
.legal-table th, .legal-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid var(--line); }
.legal-table thead th { font: 700 11px/1.3 "Manrope", sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); background: color-mix(in srgb, var(--soft), transparent 55%); }
.legal-table tbody th { font-weight: 600; }
.legal-table td { color: #5d5e5b; }
.legal-table tbody tr:last-child th, .legal-table tbody tr:last-child td { border-bottom: 0; }
.legal-content .legal-note { margin-top:70px; padding:20px; border-left:3px solid var(--accent); background:var(--soft); font-size:13px; }

.not-found { min-height:100vh; color:white; background:#0A0B09; }
.not-found main { min-height:100vh; display:flex; padding:120px 6vw 70px; flex-direction:column; justify-content:center; }
.not-found main > span { color:var(--brand); font-weight:700; letter-spacing:.2em; }
.not-found h1 { margin:25px 0 50px; font:600 clamp(64px,10vw,150px)/.9 "Manrope",sans-serif; letter-spacing:-.07em; }
.not-found main a { display:flex; align-items:center; gap:15px; align-self:flex-start; border-bottom:1px solid; padding-bottom:7px; }

@media (max-width: 1050px) {
  .desktop-nav { display:none; }
  .site-header { grid-template-columns:1fr auto; }
  .header-cta { display:none; }
  .menu-button { display:block; }
  .hero__copy { top:25%; }
  .hero h1 { font-size:clamp(70px,13vw,125px); }
  .hero-card--1 { right:8%; opacity:.5; }
  .hero-card--2 { right:-8%; }
  .hero-card--3 { right:15%; }
  .intro { grid-template-columns:1fr; }
  .showcase, .showcase--reverse { grid-template-columns:1fr 1.15fr; }
  .showcase--reverse .showcase__copy { order:initial; }
  .showcase--reverse .showcase__visual { order:initial; }
  .showcase__copy { padding:50px 40px; }
  .manifesto { grid-template-columns:1fr; }
  .manifesto__orbit { width:min(74vw,560px); margin:auto; }
  .footer__grid { grid-template-columns:1.7fr 1fr 1fr; }
  .detail-hero { grid-template-columns:1fr; height:auto; }
  .detail-hero__copy { padding-top:160px; }
  .detail-hero__visual { min-height:670px; }
  .detail-phone { width:min(30vw,250px); }
  .legal-shell { grid-template-columns:270px 1fr; gap:7vw; }
  .portfolio-wall__copy { width:72%; }
  .cloud-app--2, .cloud-app--7 { display:none; }
  .reviews__track article { padding-right:28px; }
  .reviews__track article:not(:first-child) { padding-left:28px; }
}

@media (max-width: 760px) {
  :root { --header-height:76px; }
  .section { padding:95px 22px; }
  .site-header { padding:0 20px; }
  .hero { min-height:760px; height:100svh; }
  .hero__copy { left:22px; top:21%; }
  .hero h1 { font-size:clamp(58px,19vw,92px); margin-top:15px; }
  .hero__lead { font-size:15px; }
  .hero-button { margin-top:22px; }
  .hero-card { width:150px; border-radius:18px; }
  .hero-card img { border-radius:14px; }
  .hero-card--1 { top:43%; right:-10%; }
  .hero-card--2 { top:47%; right:22%; opacity:.5; }
  .hero-card--3 { display:none; }
  .hero-ring { width:96vw; right:-40vw; top:36%; border-width:60px; }
  .hero-spark { top:43%; right:38%; }
  .scroll-cue { left:22px; bottom:60px; }
  .intro { gap:45px; }
  .intro__copy h2 { font-size:42px; }
  .intro__copy p { margin-top:30px; font-size:16px; }
  .games-section { padding:90px 12px 20px; }
  .section-heading { padding:0 10px 50px; }
  .section-heading h2 { font-size:63px; }
  .section-heading > span { display:none; }
  .showcase, .showcase--reverse { grid-template-columns:1fr; border-radius:22px; }
  .showcase__copy, .showcase--reverse .showcase__copy { order:2; min-height:530px; padding:35px 26px 42px; }
  .showcase__visual, .showcase--reverse .showcase__visual { order:1; min-height:500px; }
  .game-heading { margin-top:70px; }
  .game-heading img { width:58px; height:58px; border-radius:14px; }
  .game-heading h3 { font-size:37px; }
  .showcase__description { margin:25px 0; font-size:16px; }
  .showcase__actions { align-items:flex-start; }
  .showcase__actions .store-row { gap:7px; }
  .showcase__actions .store-button { min-width:0; width:120px; }
  .showcase__stats { gap:8px; }
  .showcase__stats strong { font-size:20px; }
  .showcase .phone { width:45%; border-width:6px; border-radius:28px; }
  .phone__notch { height:14px; top:6px; }
  .phone--back { left:10%; }
  .phone--front { right:9%; }
  .visual-cta { width:70px; height:70px; }
  .portfolio-wall { min-height:790px; padding:90px 22px; justify-content:flex-start; }
  .portfolio-wall__copy { width:100%; }
  .portfolio-wall__copy h2 { font-size:62px; }
  .portfolio-wall__copy > p:last-child { max-width:300px; font-size:15px; }
  .cloud-app { padding:7px 12px 7px 7px; border-radius:15px; }
  .cloud-app img { width:40px; height:40px; border-radius:10px; }
  .cloud-app--1 { right:4%; top:49%; }
  .cloud-app--3 { right:5%; top:64%; }
  .cloud-app--4 { right:39%; top:55%; }
  .cloud-app--5 { right:16%; bottom:10%; }
  .cloud-app--6 { left:4%; bottom:18%; }
  .cloud-app--8 { right:48%; bottom:4%; }
  .portfolio-link { left:22px; bottom:45px; }
  .reviews__heading { grid-template-columns:1fr; gap:25px; }
  .reviews__heading h2 { font-size:62px; }
  .reviews__heading > p:last-child { grid-column:1; margin-bottom:35px; }
  .reviews__track { grid-template-columns:1fr; }
  .reviews__track article, .reviews__track article:not(:first-child) { min-height:380px; padding:35px 0; border-right:0; border-bottom:1px solid var(--line); }
  .reviews__track article:last-child { border-bottom:0; }
  .stars { margin-top:45px; }
  .manifesto { gap:70px; }
  .manifesto__orbit { width:82vw; }
  .manifesto__copy h2 { font-size:48px; }
  .capabilities__grid { grid-template-columns:1fr; margin-top:44px; }
  .capabilities__grid article, .capabilities__grid article:not(:first-child) { padding:32px 0; border-right:0; border-bottom:1px solid rgba(0,0,0,.25); }
  .capabilities__grid article:last-child { border-bottom:0; }
  .capabilities__grid h3 { font-size:30px; }
  .footer { padding:90px 22px 24px; }
  .footer--plain { padding-top:56px; }
  .footer__headline { padding-bottom:90px; }
  .footer__headline h2 { font-size:64px; }
  .circle-link { width:72px; height:72px; right:0; bottom:18px; }
  .footer__grid { grid-template-columns:1fr 1fr; gap:50px 25px; padding:55px 0; }
  .footer__grid > div:first-child { grid-column:1/-1; }
  .footer__bottom { gap:14px; flex-wrap:wrap; }
  .detail-hero__copy { padding:125px 22px 50px; }
  .back-link { margin-bottom:35px; }
  .detail-title { gap:15px; }
  .detail-title img { width:62px; height:62px; border-radius:15px; }
  .detail-title h1 { font-size:55px; }
  .detail-hero__copy > h2 { font-size:29px; }
  .detail-hero__visual { min-height:500px; }
  .detail-planet { width:100vw; }
  .detail-phone { width:40vw; border-width:5px; border-radius:25px; }
  .detail-phone--left { transform:translate(-115%,-43%) rotate(-10deg); }
  .detail-phone--right { transform:translate(15%,-39%) rotate(10deg); }
  .game-intro { grid-template-columns:1fr; gap:35px; }
  .game-intro > h2 { font-size:36px; }
  .game-intro__meta { grid-column:1; margin-top:15px; }
  .game-intro__meta strong { font-size:29px; }
  .screens-section { padding:70px 0; }
  .screens-track .phone { width:180px; border-width:6px; border-radius:29px; }
  .features { padding-top:120px; }
  .features__grid { grid-template-columns:1fr; }
  .features__grid article, .features__grid article:not(:first-child) { min-height:auto; padding:35px 0 45px; border-right:0; border-bottom:1px solid var(--line); }
  .feature-icon { margin:45px 0 35px; }
  .download-banner { min-height:650px; margin:0 12px 12px; padding:52px 28px; flex-direction:column; align-items:flex-start; }
  .download-banner h2 { font-size:61px; }
  .download-banner > img { width:65vw; margin:60px auto 0; }
  .privacy-callout { align-items:flex-start; gap:30px; flex-direction:column; }
  .privacy-callout small { max-width:280px; }
  .legal-page > .site-header { position:relative; }
  .legal-shell { padding:50px 22px 100px; grid-template-columns:1fr; }
  .legal-aside { position:relative; top:0; }
  .legal-aside nav { display:none; }
  .legal-content { margin-top:70px; }
  .legal-content section { padding-left:48px; margin-bottom:60px; padding-bottom:60px; }
  .legal-content section > span { width:30px; height:30px; }
  .legal-content h2 { font-size:36px; }
  .legal-content p, .legal-content li { font-size:15px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
}

/* Marka görsellerinin dar ekranlarda taşmaması */
@media (max-width: 760px) {
  .brand-mark { height: 34px; }
  .site-header.is-scrolled .brand-mark { height: 30px; }
  .hero__lockup { width: 210px; margin-bottom: 20px; }
  .brand--footer img { width: 260px; }
}

/* ---- Dil düğmesi ve header sağ bloğu ---- */
.header-right { justify-self: end; display: flex; align-items: center; gap: 20px; }
.lang-toggle { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid currentColor; border-radius: 999px; background: none; color: inherit; cursor: pointer; font: 700 11px/1 "Manrope", sans-serif; letter-spacing: .1em; opacity: .68; transition: opacity .2s ease, background .2s ease; }
.lang-toggle:hover { opacity: 1; }
.site-header--dark .lang-toggle:hover { background: rgba(255,255,255,.13); }
.site-header:not(.site-header--dark) .lang-toggle:hover { background: rgba(11,11,18,.07); }

/* ---- Hero'daki iki eylem düğmesi ---- */
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 30px 0 0 8px; }
.hero-actions .hero-button { margin: 0; }


@media (max-width: 760px) {
  .header-right { gap: 12px; }
  .lang-toggle { padding: 6px 10px; font-size: 10px; }
  .hero-actions { margin-left: 0; gap: 10px; }
}

/* ---- Ürün bağlantıları: kendi web sitesi, kaynak kod, "yakında" ---- */
.store-button--site { color: var(--ink); background: var(--accent); }
.store-button--code { color: var(--ink); background: var(--soft); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink), transparent 82%); }
.soon-pill { display: inline-flex; align-items: center; min-height: 47px; padding: 0 18px; border: 1px dashed color-mix(in srgb, currentColor, transparent 62%); border-radius: 10px; font: 600 12px/1.3 "Manrope", sans-serif; letter-spacing: .02em; opacity: .72; }

/* ---- Ürünler: oyunlar ve uygulamalar tek bölümde ---- */
.products { padding-top: 104px; padding-bottom: 110px; }
.products__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 26px; padding-bottom: 44px; border-bottom: 1px solid var(--line); }
.products__head h2 { margin: 14px 0 0; font: 600 clamp(38px, 4.9vw, 80px)/.95 "Manrope", sans-serif; letter-spacing: -.05em; }
.products__head h2 em { font-family: Georgia, serif; font-weight: 400; }

.products__filters { display: flex; flex-wrap: wrap; gap: 8px; }
.filter-chip { display: inline-flex; align-items: center; gap: 9px; padding: 11px 17px; border: 1px solid var(--line); border-radius: 999px; background: none; cursor: pointer; font: 600 13px/1 "Manrope", sans-serif; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.filter-chip b { font-size: 10px; font-weight: 700; letter-spacing: .06em; opacity: .45; }
.filter-chip:hover { border-color: rgba(10,11,9,.34); }
.filter-chip.is-active { color: var(--paper); background: var(--black); border-color: var(--black); }
.filter-chip.is-active b { opacity: .62; }
.filter-chip:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

/* Yörüngede dönen ürün ikonları. İmleç ya da klavye odağı üstüne gelince
   hareket duruyor, böylece hareketli hedefe tıklamak sorun olmuyor. */
.products__cloud { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(78px, 10vw, 150px); padding: clamp(84px, 10vw, 132px) 0 clamp(70px, 8vw, 110px); }
/* Her karo kendi yerleşim noktası etrafında dönüyor. rotate → translateX → rotate(-)
   üçlüsü ikonu dik tutar; yarıçap, süre ve yön karodan karoya değişir. */
.product-tile { --r: calc(clamp(22px, 3.2vw, 46px) + var(--i) * 6px); position: relative; display: flex; flex-direction: column; align-items: center; gap: 15px; text-align: center; animation: orbit calc(6s + var(--i) * 1.1s) linear infinite; animation-delay: calc(var(--i) * -1.9s); will-change: transform; }
.product-tile:nth-child(even) { animation-direction: reverse; }
.product-tile:hover, .product-tile:focus-visible { animation-play-state: paused; }
.product-tile:focus-visible { outline: 2px solid var(--brand); outline-offset: 14px; border-radius: 12px; }

@keyframes orbit {
  from { transform: rotate(0deg) translateX(var(--r)) rotate(0deg); }
  to   { transform: rotate(360deg) translateX(var(--r)) rotate(-360deg); }
}

.product-tile__icon { position: relative; display: block; width: clamp(64px, 6.8vw, 94px); aspect-ratio: 1; border-radius: 26%; overflow: hidden; box-shadow: 0 18px 36px rgba(10,11,9,.24); transition: transform .35s cubic-bezier(.2,.8,.25,1), box-shadow .35s ease; }
.product-tile__icon img { width: 100%; height: 100%; object-fit: cover; }
.product-tile:hover .product-tile__icon,
.product-tile:focus-visible .product-tile__icon { transform: scale(1.08); box-shadow: 0 34px 68px rgba(10,11,9,.34), 0 0 46px color-mix(in srgb, var(--accent), transparent 58%); }

.product-tile__label strong { display: block; font: 600 15px/1.2 "Manrope", sans-serif; letter-spacing: -.02em; }
.product-tile__label small { display: block; margin-top: 6px; font-size: 10.5px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; opacity: .5; }

@media (prefers-reduced-motion: reduce) {
  .product-tile { animation: none; }
}

@media (max-width: 760px) {
  .products { padding-top: 76px; padding-bottom: 80px; }
  .products__head { align-items: flex-start; gap: 20px; padding-bottom: 30px; }
  .products__cloud { gap: 62px 46px; padding: 58px 0 46px; }
  .product-tile__label strong { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero__ticker-track { animation: none; }
}