@view-transition{navigation:auto}
/* ═══════════════════════════════════════════════════════════════════════
   FAMAR UI — tek, ortak stil dosyası (panel önizlemeleri + statik siteler)
   Tüm sınıflar fu- önekli; tüm tokenlar --fu- önekli. Çıplak eleman seçicisi
   yalnızca :where(.fu) içinde (özgüllük 0) — panelin stillerine sızmaz.
   Temalar: [data-tema="koyu"] (mürekkep zemin) · [data-tema="krem"] (krem zemin;
   Famar Digital kuralı: kremde altın yalnızca yıldızda).
   Hareket dili: girişler cubic-bezier(.16,1,.3,1), geçişler cubic-bezier(.65,0,.35,1);
   yalnızca transform/opacity/clip-path/filter canlandırılır.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. Yazı tipleri (kendi sunucumuz, OFL) ─────────────────────────── */
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/jost-latin-ext-wght.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/jost-latin-wght.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/ibm-plex-mono-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/ibm-plex-mono-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/ibm-plex-mono-500-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/ibm-plex-mono-500-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ── 2. Tokenlar ─────────────────────────────────────────────────────── */
.fu, [data-tema] {
  --fu-font: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  --fu-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  /* yerleşim */
  --fu-gut: clamp(20px, 4vw, 64px);
  --fu-max: 1680px;
  --fu-gap: clamp(16px, 2vw, 32px);
  --fu-s1: 4px; --fu-s2: 8px; --fu-s3: 12px; --fu-s4: 16px; --fu-s5: 24px;
  --fu-s6: 32px; --fu-s7: 48px; --fu-s8: 64px; --fu-s9: 96px; --fu-s10: 128px;
  --fu-section: clamp(96px, 13vw, 208px);
  --fu-header-h: clamp(64px, 7vw, 92px);
  /* yazı ölçeği (akışkan) */
  --fu-t-mega: clamp(60px, 15vw, 272px);
  --fu-t-display: clamp(50px, 9vw, 156px);
  --fu-t-h1: clamp(42px, 6.2vw, 108px);
  --fu-t-h2: clamp(32px, 4vw, 68px);
  --fu-t-h3: clamp(22px, 2.1vw, 32px);
  --fu-t-lead: clamp(18px, 1.5vw, 23px);
  --fu-t-body: 17px;
  --fu-t-small: 14px;
  --fu-t-label: 11.5px;
  /* köşe ve gölge */
  --fu-r1: 2px; --fu-r2: 6px; --fu-r3: 14px; --fu-r4: 24px; --fu-pill: 999px;
  --fu-sh-1: 0 1px 2px rgba(0, 0, 0, .12), 0 4px 14px rgba(0, 0, 0, .12);
  --fu-sh-2: 0 2px 4px rgba(0, 0, 0, .14), 0 18px 40px -8px rgba(0, 0, 0, .32);
  --fu-sh-3: 0 4px 8px rgba(0, 0, 0, .16), 0 30px 80px -20px rgba(0, 0, 0, .5);
  /* hareket */
  --fu-ease-out: cubic-bezier(.16, 1, .3, 1);
  --fu-ease-io: cubic-bezier(.65, 0, .35, 1);
  --fu-ease-back: cubic-bezier(.34, 1.4, .64, 1);
  --fu-ease-spring: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.9%, 1);
  --fu-d0: 220ms; --fu-d1: 450ms; --fu-d2: 700ms; --fu-d3: 1000ms; --fu-d4: 1400ms;
  --fu-stagger: 60ms; --fu-line-stagger: 90ms;
}

/* Koyu tema (varsayılan): mürekkep %60 · krem %30 · altın %10 */
.fu, [data-tema="koyu"] {
  color-scheme: dark;
  --fu-bg: #0F0E0C;
  --fu-bg-2: #161512;
  --fu-bg-3: #1F1D19;
  --fu-ink: #F3EFE6;
  --fu-text: #D9D2C4;
  --fu-soft: #B4AA97;
  --fu-muted: #8C8474;
  --fu-line: rgba(243, 239, 230, .12);
  --fu-line-2: rgba(243, 239, 230, .24);
  --fu-accent: #C9A45A;
  --fu-accent-hi: #E0C07A;
  --fu-on-accent: #0F0E0C;
  --fu-star: #C9A45A;
  --fu-star-hi: #F6DFA4;
  --fu-glow: rgba(201, 164, 90, .55);
  --fu-glow-2: rgba(230, 201, 138, .28);
  --fu-shade: 0, 0, 0;
  --fu-focus: #C9A45A;
  --fu-sel-bg: #C9A45A; --fu-sel-fg: #0F0E0C;
  --fu-grain: .06;
  --fu-aura-1: rgba(201, 164, 90, .42); --fu-aura-2: rgba(230, 201, 138, .16); --fu-aura-3: rgba(142, 107, 42, .34); --fu-aura-4: rgba(255, 243, 208, .1); --fu-aura-5: rgba(15, 14, 12, .85); --fu-aura-beam: rgba(246, 223, 164, .13);
  --fu-sweep-ray: rgba(201, 164, 90, .3); --fu-sweep-band: rgba(255, 243, 208, .22); --fu-sweep-o: .34; --fu-sweep-o2: .4;
  --fu-fill-ink: linear-gradient(180deg, #FFFDF6 0%, #F3EFE6 48%, #C9BB97 100%);
  --fu-fill-gold: linear-gradient(180deg, #F6DFA4 0%, #C9A45A 55%, #8E6B2A 100%);
}
/* Krem tema (Famar Digital): altın yalnızca yıldızda (koyu altın #B38B3F) */
[data-tema="krem"] {
  color-scheme: light;
  --fu-bg: #F3EFE6;
  --fu-bg-2: #FBF9F4;
  --fu-bg-3: #E9E3D6;
  --fu-ink: #0F0E0C;
  --fu-text: #2E2A24;
  --fu-soft: #4A453D;
  --fu-muted: #5E584E;
  --fu-line: rgba(15, 14, 12, .14);
  --fu-line-2: rgba(15, 14, 12, .26);
  --fu-accent: #0F0E0C;
  --fu-accent-hi: #2A2620;
  --fu-on-accent: #F3EFE6;
  --fu-star: #B38B3F;
  --fu-star-hi: #D9B56E;
  --fu-glow: rgba(179, 139, 63, .32);
  --fu-glow-2: rgba(255, 253, 246, .9);
  --fu-shade: 60, 48, 28;
  --fu-focus: #0F0E0C;
  --fu-sel-bg: #0F0E0C; --fu-sel-fg: #F3EFE6;
  --fu-grain: .045;
  --fu-aura-1: rgba(255, 253, 246, .95); --fu-aura-2: rgba(222, 208, 180, .34); --fu-aura-3: rgba(233, 226, 212, .8); --fu-aura-4: rgba(255, 255, 255, .9); --fu-aura-5: rgba(201, 164, 90, .07); --fu-aura-beam: rgba(255, 255, 255, .8);
  --fu-sweep-ray: rgba(255, 255, 255, .7); --fu-sweep-band: rgba(255, 255, 255, .8); --fu-sweep-o: .5; --fu-sweep-o2: .6;
  --fu-fill-ink: linear-gradient(180deg, #3A352D 0%, #0F0E0C 55%, #000 100%);
  --fu-fill-gold: linear-gradient(180deg, #3A352D 0%, #0F0E0C 55%, #000 100%);
}

/* ── 3. Temel ───────────────────────────────────────────────────────── */
.fu {
  background: var(--fu-bg); color: var(--fu-text);
  font: 400 var(--fu-t-body)/1.55 var(--fu-font);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; font-kerning: normal;
  -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
html.fu { overflow-x: clip; }
html.fu body { margin: 0; overflow-x: clip; }
[data-tema] { color: var(--fu-text); }
.fu-surface { background: var(--fu-bg); }
/* Kendi temasını taşıyan bölümler kendi zeminini boyar (ör. kremde koyu çağrı bandı) */
:is(.fu-section, .fu-cta, .fu-hero, .fu-case-hero, .fu-hscroll, .fu-next)[data-tema]:not(.fu-tone) { background: var(--fu-bg); }
.fu-cta { background: var(--fu-bg); }
.fu-surface-2 { background: var(--fu-bg-2); }
:where(.fu) *, :where(.fu) *::before, :where(.fu) *::after { box-sizing: border-box; }
:where(.fu) :is(h1, h2, h3, h4, h5, h6, p, figure, blockquote, ul, ol, dl, dd) { margin: 0; }
:where(.fu) :is(h1, h2, h3, h4, h5, h6) { color: var(--fu-ink); font-weight: 300; letter-spacing: -.02em; line-height: 1.04; text-wrap: balance; }
:where(.fu) p { text-wrap: pretty; }
:where(.fu) a { color: inherit; text-decoration: none; }
:where(.fu) :is(img, video, svg, canvas, picture) { display: block; max-width: 100%; }
:where(.fu) img { height: auto; }
:where(.fu) button { font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
:where(.fu) :is(ul, ol).fu-plain { list-style: none; padding: 0; }
.fu ::selection { background: var(--fu-sel-bg); color: var(--fu-sel-fg); }
.fu :focus-visible { outline: 2px solid var(--fu-focus); outline-offset: 3px; border-radius: 2px; }
.fu [hidden] { display: none !important; }

/* ── 4. Yerleşim ilkelleri ───────────────────────────────────────────── */
.fu-container { width: 100%; max-width: var(--fu-max); margin-inline: auto; padding-inline: var(--fu-gut); }
.fu-container--wide { max-width: none; }
.fu-container--narrow { max-width: 1080px; }
.fu-section { position: relative; padding-block: var(--fu-section); }
.fu-section--tight { padding-block: calc(var(--fu-section) * .55); }
.fu-section--flush { padding-block: 0; }
.fu-section + .fu-section--join { padding-top: 0; }
.fu-grid { display: grid; gap: var(--fu-gap); grid-template-columns: repeat(12, minmax(0, 1fr)); }
.fu-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fu-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fu-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fu-grid--auto { grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--fu-min, 280px)), 1fr)); }
.fu-span-12 { grid-column: span 12; } .fu-span-8 { grid-column: span 8; } .fu-span-7 { grid-column: span 7; }
.fu-span-6 { grid-column: span 6; } .fu-span-5 { grid-column: span 5; } .fu-span-4 { grid-column: span 4; } .fu-span-3 { grid-column: span 3; }
@media (max-width: 899px) {
  .fu-grid { grid-template-columns: minmax(0, 1fr); }
  .fu-grid > [class*="fu-span-"] { grid-column: 1 / -1; }
  .fu-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) { .fu-grid--2, .fu-grid--3 { grid-template-columns: minmax(0, 1fr); } }
.fu-stack { display: flex; flex-direction: column; gap: var(--fu-stack, var(--fu-s4)); }
.fu-stack--s { --fu-stack: var(--fu-s2); } .fu-stack--l { --fu-stack: var(--fu-s6); } .fu-stack--xl { --fu-stack: var(--fu-s8); }
.fu-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--fu-cluster, var(--fu-s3)); }
.fu-between { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--fu-s5); flex-wrap: wrap; }
.fu-rule { border: 0; border-top: 1px solid var(--fu-line); margin: 0; }
.fu-guides { position: absolute; inset: 0 var(--fu-gut); display: grid; grid-template-columns: repeat(4, 1fr); pointer-events: none; z-index: 0; }
.fu-guides > i { border-left: 1px solid var(--fu-line); opacity: .4; }
.fu-guides > i:last-child { border-right: 1px solid var(--fu-line); }

/* ── 5. Tipografi ───────────────────────────────────────────────────── */
.fu-mega, .fu-display, .fu-h1, .fu-h2, .fu-h3 { color: var(--fu-ink); font-family: var(--fu-font); text-wrap: balance; margin: 0; }
.fu-mega { font-size: var(--fu-t-mega); font-weight: 300; line-height: .86; letter-spacing: -.055em; }
.fu-display { font-size: var(--fu-t-display); font-weight: 300; line-height: .92; letter-spacing: -.045em; }
.fu-h1 { font-size: var(--fu-t-h1); font-weight: 300; line-height: .98; letter-spacing: -.035em; }
.fu-h2 { font-size: var(--fu-t-h2); font-weight: 300; line-height: 1.04; letter-spacing: -.025em; }
.fu-h3 { font-size: var(--fu-t-h3); font-weight: 400; line-height: 1.18; letter-spacing: -.01em; }
.fu-lead { font-size: var(--fu-t-lead); line-height: 1.5; color: var(--fu-soft); max-width: 36em; text-wrap: pretty; }
.fu-body { font-size: var(--fu-t-body); line-height: 1.6; }
.fu-small { font-size: var(--fu-t-small); line-height: 1.5; }
.fu-label, .fu-mono { font-family: var(--fu-mono); font-size: var(--fu-t-label); font-weight: 400; letter-spacing: .16em; text-transform: uppercase; line-height: 1.4; }
.fu-label { color: var(--fu-muted); }
.fu-label--ink { color: var(--fu-ink); }
.fu-label--accent { color: var(--fu-accent); }
[data-tema="krem"] .fu-label--accent { color: var(--fu-ink); }
.fu-muted { color: var(--fu-muted); }
.fu-soft { color: var(--fu-soft); }
.fu-ink { color: var(--fu-ink); }
.fu-accent { color: var(--fu-accent); }
.fu-w-200 { font-weight: 200; } .fu-w-300 { font-weight: 300; } .fu-w-400 { font-weight: 400; } .fu-w-500 { font-weight: 500; } .fu-w-700 { font-weight: 700; } .fu-w-800 { font-weight: 800; }
/* İçi boş (kontur) yazı: vurgu kelimeleri */
.fu-outline { color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: max(1px, .018em) var(--fu-ink); }
/* Altın/mürekkep dolgulu metin (marka "fill") */
.fu-fill { color: transparent; -webkit-text-fill-color: transparent; background-image: var(--fu-fill-gold); -webkit-background-clip: text; background-clip: text; }
.fu-fill--ink { background-image: var(--fu-fill-ink); }
.fu-num { font-variant-numeric: tabular-nums; }
.fu-prose { max-width: 40em; font-size: clamp(17px, 1.2vw, 19px); line-height: 1.7; color: var(--fu-text); }
.fu-prose > * + * { margin-top: 1.1em; }
.fu-prose h2, .fu-prose h3 { margin-top: 1.8em; font-size: var(--fu-t-h3); font-weight: 400; color: var(--fu-ink); }
.fu-prose ul, .fu-prose ol { padding-left: 1.2em; }
.fu-prose li + li { margin-top: .4em; }
.fu-prose strong { color: var(--fu-ink); font-weight: 500; }
.fu-prose a { color: var(--fu-ink); background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; }

/* ── 6. Yardımcılar ─────────────────────────────────────────────────── */
.fu-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.fu-skip { position: fixed; left: 12px; top: 12px; z-index: 200; padding: 10px 14px; background: var(--fu-accent); color: var(--fu-on-accent); translate: 0 -160%; transition: translate var(--fu-d0) var(--fu-ease-out); }
.fu-skip:focus { translate: 0 0; }
.fu-center { text-align: center; } .fu-right { text-align: right; }
.fu-nowrap { white-space: nowrap; }
.fu-balance { text-wrap: balance; }
.fu-relative { position: relative; }
.fu-clip { overflow: hidden; overflow: clip; }
.fu-mt-1 { margin-top: var(--fu-s2); } .fu-mt-2 { margin-top: var(--fu-s4); } .fu-mt-3 { margin-top: var(--fu-s6); } .fu-mt-4 { margin-top: var(--fu-s8); } .fu-mt-5 { margin-top: var(--fu-s9); }
.fu-mb-2 { margin-bottom: var(--fu-s4); } .fu-mb-3 { margin-bottom: var(--fu-s6); } .fu-mb-4 { margin-bottom: var(--fu-s8); }
.fu-full { width: 100%; }
.fu-ratio { position: relative; aspect-ratio: var(--fu-ar, 16 / 10); overflow: hidden; overflow: clip; }
@media (max-width: 899px) { .fu-hide-m { display: none !important; } }
@media (min-width: 900px) { .fu-hide-d { display: none !important; } }

/* ── 7. Düğmeler ve bağlantılar ─────────────────────────────────────── */
.fu-btn {
  --fu-btn-bg: transparent; --fu-btn-fg: var(--fu-ink); --fu-btn-bd: var(--fu-line-2);
  --fu-btn-hbg: var(--fu-ink); --fu-btn-hfg: var(--fu-bg);
  position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 54px; padding: 0 28px; border-radius: var(--fu-pill); border: 1px solid var(--fu-btn-bd);
  background: var(--fu-btn-bg); color: var(--fu-btn-fg); overflow: hidden; overflow: clip;
  font: 500 15px/1 var(--fu-font); letter-spacing: .01em; white-space: nowrap; cursor: pointer; user-select: none;
  transition: color var(--fu-d1) var(--fu-ease-out), border-color var(--fu-d1) var(--fu-ease-out);
}
.fu-btn::before {
  content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: var(--fu-btn-hbg);
  translate: 0 102%; transition: translate var(--fu-d1) var(--fu-ease-io);
}
.fu-btn:hover::before, .fu-btn:focus-visible::before { translate: 0 0; }
.fu-btn:hover, .fu-btn:focus-visible { color: var(--fu-btn-hfg); border-color: var(--fu-btn-hbg); }
.fu-btn:active { scale: .98; }
.fu-btn--primary { --fu-btn-bg: var(--fu-accent); --fu-btn-fg: var(--fu-on-accent); --fu-btn-bd: var(--fu-accent); --fu-btn-hbg: var(--fu-ink); --fu-btn-hfg: var(--fu-bg); }
[data-tema="krem"] .fu-btn--primary { --fu-btn-hbg: #3A352D; --fu-btn-hfg: #F3EFE6; }
.fu-btn--sm { min-height: 42px; padding: 0 18px; font-size: 14px; }
.fu-btn--lg { min-height: 64px; padding: 0 36px; font-size: 17px; }
.fu-btn__icon { display: inline-block; transition: translate var(--fu-d1) var(--fu-ease-out), rotate var(--fu-d1) var(--fu-ease-out); }
.fu-btn:hover .fu-btn__icon { translate: 3px -3px; }
/* Yuvarlak mıknatıslı çağrı düğmesi */
.fu-btn--round {
  width: var(--fu-round, clamp(112px, 12vw, 168px)); height: var(--fu-round, clamp(112px, 12vw, 168px)); min-height: 0; padding: 0;
  flex-direction: column; gap: 6px; font-size: 15px; text-align: center; white-space: normal; line-height: 1.15;
}
.fu-btn--round .fu-btn__icon { font-size: 22px; }
.fu-magnet { display: inline-block; will-change: transform; }
/* Metin yuvarlanması (hover'da yazı yukarı kayar, kopyası alttan gelir) */
.fu-roll { position: relative; display: inline-block; overflow: hidden; overflow: clip; vertical-align: top; line-height: 1.15; padding-block: .06em; margin-block: -.06em; }
.fu-roll > span { position: relative; display: inline-block; transition: translate var(--fu-d1) var(--fu-ease-io); }
.fu-roll > span::after { content: attr(data-t); position: absolute; left: 0; top: 100%; padding-top: .12em; white-space: nowrap; }
:is(a, button):hover .fu-roll > span, :is(a, button):focus-visible .fu-roll > span, .fu-roll:hover > span { translate: 0 -100%; }
.fu-link { position: relative; display: inline-flex; align-items: center; gap: 8px; color: var(--fu-ink); }
.fu-link::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: currentColor;
  scale: 0 1; transform-origin: right center; transition: scale var(--fu-d1) var(--fu-ease-io);
}
.fu-link:hover::after, .fu-link:focus-visible::after { scale: 1 1; transform-origin: left center; }
.fu-link--line::after { scale: 1 1; transform-origin: left center; }
.fu-link--line:hover::after { animation: fu-line-redraw var(--fu-d2) var(--fu-ease-io); }
.fu-link--xl { font-size: var(--fu-t-h2); font-weight: 300; letter-spacing: -.025em; line-height: 1.1; }
@keyframes fu-line-redraw { 0% { scale: 1 1; transform-origin: right center; } 49% { scale: 0 1; transform-origin: right center; } 50% { scale: 0 1; transform-origin: left center; } 100% { scale: 1 1; transform-origin: left center; } }
.fu-arrow { display: inline-block; transition: translate var(--fu-d1) var(--fu-ease-out); }
a:hover > .fu-arrow, a:hover .fu-arrow { translate: 4px 0; }
a:hover .fu-arrow--ne { translate: 3px -3px; }

/* ── 8. Etiket, üst başlık, bölüm başlığı ───────────────────────────── */
.fu-tag {
  display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 5px 12px 4px; border-radius: var(--fu-pill);
  border: 1px solid var(--fu-line-2); color: var(--fu-soft); font: 400 11px/1.2 var(--fu-mono); letter-spacing: .12em; text-transform: uppercase; white-space: nowrap;
}
.fu-tag--solid { background: var(--fu-ink); color: var(--fu-bg); border-color: var(--fu-ink); }
.fu-tags { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0; }
.fu-eyebrow { display: inline-flex; align-items: center; gap: 12px; color: var(--fu-muted); }
.fu-eyebrow__star { width: 14px; height: 14px; color: var(--fu-star); flex: none; }
.fu-eyebrow__idx { color: var(--fu-ink); }
.fu-shead { display: grid; gap: clamp(20px, 2.4vw, 36px); grid-template-columns: minmax(0, 1fr); margin-bottom: clamp(48px, 6vw, 96px); }
.fu-shead__meta { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--fu-line); }
.fu-shead__title { max-width: 16ch; }
.fu-shead__foot { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.fu-shead__aside { max-width: 30em; color: var(--fu-soft); font-size: var(--fu-t-lead); line-height: 1.5; }
@media (min-width: 900px) {
  .fu-shead--split { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: end; }
  .fu-shead--split .fu-shead__meta { grid-column: 1 / -1; }
}

/* ── 9. İstatistik, kart, alıntı ────────────────────────────────────── */
.fu-stats { container-type: inline-size; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 3vw, 48px) var(--fu-gap); list-style: none; padding: 0; margin: 0; }
@media (min-width: 900px) { .fu-stats { grid-template-columns: repeat(var(--fu-cols, 4), minmax(0, 1fr)); } }
.fu-stat { display: flex; flex-direction: column; gap: 14px; padding-top: 18px; border-top: 1px solid var(--fu-line); }
.fu-stat__num { color: var(--fu-ink); font-size: clamp(40px, 8.5cqi, 128px); white-space: nowrap; font-weight: 200; line-height: .9; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.fu-stat__affix { font-size: .5em; letter-spacing: -.02em; vertical-align: .62em; margin-left: .06em; color: var(--fu-star); font-weight: 300; }
.fu-stat__label { color: var(--fu-soft); font-size: 15px; max-width: 20em; }
.fu-card {
  position: relative; display: flex; flex-direction: column; gap: 14px; padding: clamp(22px, 2.4vw, 36px);
  background: var(--fu-bg-2); border: 1px solid var(--fu-line); border-radius: var(--fu-r2);
  transition: translate var(--fu-d1) var(--fu-ease-out), border-color var(--fu-d1) var(--fu-ease-out);
}
a.fu-card:hover { translate: 0 -4px; border-color: var(--fu-line-2); }
.fu-quote { position: relative; display: grid; gap: clamp(24px, 3vw, 44px); max-width: 1180px; }
.fu-quote__mark { width: clamp(36px, 4vw, 56px); height: auto; color: var(--fu-star); }
.fu-quote__text { color: var(--fu-ink); font-size: clamp(28px, 3.6vw, 60px); font-weight: 300; line-height: 1.12; letter-spacing: -.025em; text-wrap: balance; quotes: "“" "”"; }
.fu-quote__text::before { content: open-quote; color: var(--fu-star); }
@media (min-width: 1100px) { .fu-quote__text::before { margin-left: -.42em; } }
.fu-quote__text::after { content: close-quote; color: var(--fu-star); }
.fu-quote__by { display: flex; gap: 14px; align-items: center; color: var(--fu-soft); }
.fu-quote__by strong { color: var(--fu-ink); font-weight: 500; }

/* ── 10. Medya çerçevesi ve video ───────────────────────────────────── */
.fu-media { position: relative; margin: 0; display: block; }
.fu-media__frame { position: relative; overflow: hidden; overflow: clip; aspect-ratio: var(--fu-ar, auto); background: var(--fu-media-bg, var(--fu-bg-3)); border-radius: var(--fu-media-r, 0); }
.fu-media__inner { position: absolute; inset: 0; }
.fu-media__frame:not([style*="--fu-ar"]) .fu-media__inner { position: relative; }
.fu-media__img, .fu-media__video { width: 100%; height: 100%; object-fit: var(--fu-fit, cover); object-position: var(--fu-focus, center); }
.fu-media__frame:not([style*="--fu-ar"]) :is(.fu-media__img, .fu-media__video) { height: auto; }
.fu-media__cap { display: flex; justify-content: space-between; gap: 16px; margin-top: 12px; color: var(--fu-muted); font-size: 14px; }
.fu-media__zoom { position: absolute; right: 14px; bottom: 14px; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(15, 14, 12, .6); color: #F3EFE6; backdrop-filter: blur(8px); opacity: 0; scale: .8; transition: opacity var(--fu-d0), scale var(--fu-d1) var(--fu-ease-out); pointer-events: none; }
a:hover > .fu-media__frame .fu-media__zoom, a:focus-visible > .fu-media__frame .fu-media__zoom { opacity: 1; scale: 1; }
@media (hover: none) { .fu-media__zoom { opacity: .9; scale: 1; } }
.fu-video-ctl { position: absolute; left: 14px; bottom: 14px; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: var(--fu-pill); background: rgba(15, 14, 12, .55); color: #F3EFE6; font: 400 10.5px/1 var(--fu-mono); letter-spacing: .14em; text-transform: uppercase; backdrop-filter: blur(8px); }

/* ── 11. Proje kartı ve ızgaralar ───────────────────────────────────── */
.fu-pcard { position: relative; display: block; }
.fu-pcard__link { display: flex; flex-direction: column; gap: 18px; color: inherit; }
.fu-pcard__cover { position: relative; overflow: hidden; overflow: clip; aspect-ratio: var(--fu-ar, 4 / 5); background: var(--fu-pc-tone, var(--fu-bg-3)); border-radius: var(--fu-pc-r, var(--fu-r1)); isolation: isolate; }
.fu-pcard__media { position: absolute; inset: 0; }
.fu-pcard__media :is(img, video) { width: 100%; height: 100%; object-fit: cover; object-position: var(--fu-focus, center); transition: scale 1.2s var(--fu-ease-out), filter var(--fu-d2) var(--fu-ease-out); }
.fu-pcard__link:hover .fu-pcard__media :is(img, video), .fu-pcard__link:focus-visible .fu-pcard__media :is(img, video) { scale: 1.045; }
.fu-pcard__veil { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, transparent 55%, rgba(var(--fu-shade), .38)); opacity: 0; transition: opacity var(--fu-d2) var(--fu-ease-out); pointer-events: none; }
.fu-pcard__link:hover .fu-pcard__veil { opacity: 1; }
.fu-pcard__badge {
  position: absolute; z-index: 2; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px 8px; border-radius: var(--fu-pill);
  background: var(--fu-bg); color: var(--fu-ink); font: 400 10.5px/1 var(--fu-mono); letter-spacing: .14em; text-transform: uppercase;
  translate: 0 12px; opacity: 0; transition: translate var(--fu-d1) var(--fu-ease-out), opacity var(--fu-d1) var(--fu-ease-out);
}
.fu-pcard__link:focus-visible .fu-pcard__badge { translate: 0 0; opacity: 1; }
@media (hover: none) { .fu-pcard__badge { translate: 0 0; opacity: 1; } }
.fu-pcard__meta { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.fu-pcard__title { color: var(--fu-ink); font-size: clamp(22px, 2vw, 32px); font-weight: 400; letter-spacing: -.02em; line-height: 1.12; }
.fu-pcard__year { flex: none; }
.fu-pcard__sub { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: -8px; color: var(--fu-muted); font-size: 15px; }
.fu-pcard--lg .fu-pcard__title { font-size: clamp(28px, 3vw, 48px); font-weight: 300; }

.fu-pgrid { display: grid; gap: clamp(56px, 6vw, 112px) var(--fu-gap); grid-template-columns: minmax(0, 1fr); }
.fu-pgrid__col { display: flex; flex-direction: column; gap: clamp(56px, 7vw, 128px); min-width: 0; }
@media (min-width: 760px) {
  .fu-pgrid--masonry { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--fu-gap) clamp(24px, 4vw, 72px); }
  .fu-pgrid--masonry .fu-pgrid__col:nth-child(2) { padding-top: clamp(96px, 16vw, 280px); }
  .fu-pgrid--featured { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fu-pgrid--featured > :first-child { grid-column: 1 / -1; }
  .fu-pgrid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Liste görünümü: büyük satırlar + imleci izleyen önizleme */
.fu-plist { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--fu-line); position: relative; }
.fu-plist__row { border-bottom: 1px solid var(--fu-line); }
.fu-plist__link {
  position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: clamp(12px, 2vw, 32px);
  padding: clamp(22px, 3vw, 44px) 0; color: var(--fu-ink);
}
.fu-plist__idx { color: var(--fu-muted); }
.fu-plist__title { font-size: clamp(30px, 5.2vw, 88px); font-weight: 300; letter-spacing: -.035em; line-height: .98; transition: translate var(--fu-d2) var(--fu-ease-out), opacity var(--fu-d1); }
.fu-plist__info { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; color: var(--fu-muted); text-align: right; }
.fu-plist__link:hover .fu-plist__title { translate: clamp(8px, 1.6vw, 28px) 0; }
.fu-plist:hover .fu-plist__link:not(:hover) .fu-plist__title { opacity: .32; }
.fu-plist__thumb { display: none; }
@media (hover: none), (max-width: 759px) {
  .fu-plist__link { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .fu-plist__idx { order: -1; }
  .fu-plist__info { align-items: flex-start; text-align: left; flex-direction: row; gap: 14px; }
  .fu-plist__thumb { display: block; aspect-ratio: 16 / 10; overflow: hidden; overflow: clip; background: var(--fu-bg-3); }
  .fu-plist__thumb img { width: 100%; height: 100%; object-fit: cover; }
}
.fu-preview {
  position: fixed; left: 0; top: 0; z-index: 40; width: clamp(240px, 22vw, 380px); aspect-ratio: 4 / 5; pointer-events: none;
  overflow: hidden; overflow: clip; border-radius: var(--fu-r1); background: var(--fu-bg-3);
  clip-path: inset(50% 50% 50% 50%); opacity: 0; transition: clip-path var(--fu-d2) var(--fu-ease-io), opacity var(--fu-d0);
  will-change: transform;
}
.fu-preview.is-on { clip-path: inset(0 0 0 0); opacity: 1; }
.fu-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; scale: 1.12; transition: opacity var(--fu-d1), scale var(--fu-d3) var(--fu-ease-out); }
.fu-preview img.is-on { opacity: 1; scale: 1; }

/* ── 12. Yatay (sabitlenen) galeri ──────────────────────────────────── */
.fu-hscroll { position: relative; }
.fu-hscroll__pin { position: relative; display: flex; flex-direction: column; justify-content: center; gap: clamp(24px, 3vw, 48px); padding-block: clamp(48px, 7vw, 96px); }
.fu-hscroll__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.fu-hscroll__count { display: flex; align-items: center; gap: 14px; color: var(--fu-muted); }
.fu-hscroll__bar { position: relative; width: clamp(80px, 10vw, 160px); height: 1px; background: var(--fu-line-2); overflow: hidden; }
.fu-hscroll__bar > i { position: absolute; inset: 0; background: var(--fu-ink); scale: var(--fu-hp, 0) 1; transform-origin: left center; }
.fu-hscroll__track {
  display: flex; gap: clamp(20px, 3vw, 56px); padding-inline: var(--fu-gut); overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scroll-padding-inline: var(--fu-gut); scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.fu-hscroll__track::-webkit-scrollbar { display: none; }
.fu-hscroll__item { flex: none; width: min(84vw, 560px); scroll-snap-align: center; display: flex; flex-direction: column; gap: 18px; color: inherit; }
.fu-hscroll__stage { position: relative; transform-origin: 50% 60%; will-change: transform; }
.fu-hscroll__cap { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.fu-hscroll__title { color: var(--fu-ink); font-size: clamp(22px, 2.2vw, 36px); font-weight: 300; letter-spacing: -.02em; line-height: 1.1; }
.fu-hscroll__end { flex: none; width: min(70vw, 420px); display: flex; flex-direction: column; justify-content: center; gap: 20px; scroll-snap-align: center; }
.fu-hscroll--pin .fu-hscroll__pin { position: sticky; top: 0; height: 100vh; height: 100svh; padding-block: calc(var(--fu-header-h) + 16px) 32px; overflow: hidden; overflow: clip; }
.fu-hscroll--pin .fu-hscroll__track { overflow: visible; width: max-content; scroll-snap-type: none; will-change: transform; padding-right: calc(var(--fu-gut) * 2); }
.fu-hscroll--pin .fu-hscroll__item { width: clamp(380px, 40vw, 760px); }
.fu-hscroll--pin .fu-hscroll__item:nth-child(even) { margin-top: clamp(24px, 6vh, 80px); }

/* ── 13. Kayan bant (marquee) ───────────────────────────────────────── */
.fu-marquee { --fu-mq-gap: clamp(28px, 4vw, 72px); position: relative; overflow: hidden; overflow: clip; padding-block: clamp(14px, 2vw, 28px); user-select: none; }
.fu-marquee__track { display: flex; width: max-content; will-change: transform; animation: fu-marquee var(--fu-mq-dur, 38s) linear infinite; }
.fu-marquee--rev .fu-marquee__track { animation-direction: reverse; }
.fu-marquee--js .fu-marquee__track { animation: none; }
.fu-marquee__group { display: flex; align-items: center; gap: var(--fu-mq-gap); padding-right: var(--fu-mq-gap); flex: none; }
.fu-marquee__item { color: var(--fu-ink); font-size: clamp(40px, 7vw, 120px); font-weight: 300; letter-spacing: -.035em; line-height: 1; white-space: nowrap; }
.fu-marquee__item:nth-child(4n+3) { color: transparent; -webkit-text-stroke: max(1px, .016em) var(--fu-ink); }
.fu-marquee__sep { width: clamp(22px, 3vw, 48px); height: auto; color: var(--fu-star); flex: none; }
.fu-marquee--sm .fu-marquee__item { font: 400 clamp(12px, 1vw, 14px)/1 var(--fu-mono); letter-spacing: .18em; text-transform: uppercase; color: var(--fu-soft); -webkit-text-stroke: 0; }
.fu-marquee--sm .fu-marquee__sep { width: 12px; }
.fu-marquee--band { background: var(--fu-accent); }
.fu-marquee--band .fu-marquee__item { color: var(--fu-on-accent); font-weight: 400; }
.fu-marquee--band .fu-marquee__item:nth-child(4n+3) { -webkit-text-stroke-color: var(--fu-on-accent); }
.fu-marquee--band .fu-marquee__sep { color: var(--fu-on-accent); }
.fu-marquee-clip { overflow-x: hidden; overflow-x: clip; padding-block: clamp(16px, 3vw, 48px); }
.fu-marquee--tilt { rotate: -3deg; margin-inline: -4vw; }
@keyframes fu-marquee { to { translate: -50% 0; } }

/* ── 14. Hizmetler (akordeon) ───────────────────────────────────────── */
.fu-acc { border-top: 1px solid var(--fu-line); }
.fu-acc__item { border-bottom: 1px solid var(--fu-line); }
.fu-acc__sum {
  display: grid; grid-template-columns: clamp(44px, 6vw, 96px) minmax(0, 1fr) auto; align-items: center; gap: 16px;
  padding: clamp(22px, 2.8vw, 40px) 0; cursor: pointer; list-style: none; color: var(--fu-ink);
}
.fu-acc__sum::-webkit-details-marker { display: none; }
.fu-acc__title { font-size: clamp(30px, 4.6vw, 76px); font-weight: 300; letter-spacing: -.035em; line-height: 1; transition: translate var(--fu-d2) var(--fu-ease-out); }
.fu-acc__sum:hover .fu-acc__title { translate: clamp(6px, 1.2vw, 20px) 0; }
.fu-acc__icon { position: relative; width: clamp(40px, 4vw, 60px); height: clamp(40px, 4vw, 60px); border-radius: 50%; border: 1px solid var(--fu-line-2); transition: rotate var(--fu-d2) var(--fu-ease-out), background-color var(--fu-d1); }
.fu-acc__icon::before, .fu-acc__icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 36%; height: 1.5px; margin: -.75px 0 0 -18%; background: var(--fu-ink); transition: rotate var(--fu-d2) var(--fu-ease-out); }
.fu-acc__icon::after { rotate: 90deg; }
.fu-acc__item[open] .fu-acc__icon { rotate: 45deg; }
.fu-acc__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 0 0 clamp(26px, 3vw, 44px) clamp(60px, 7.2vw, 112px); }
@media (min-width: 900px) { .fu-acc__body { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; } }
@media (max-width: 599px) { .fu-acc__body { padding-left: 0; } }
.fu-acc__text { color: var(--fu-soft); font-size: var(--fu-t-lead); line-height: 1.5; max-width: 32em; }
.fu-acc__item[open] .fu-acc__body > * { animation: fu-rise-in var(--fu-d2) var(--fu-ease-out) both; }
.fu-acc__item[open] .fu-acc__body > :nth-child(2) { animation-delay: 80ms; }

/* ── 15. Süreç adımları ─────────────────────────────────────────────── */
.fu-steps { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(32px, 3vw, 48px); list-style: none; margin: 0; padding: 0; counter-reset: fu-step; }
@media (min-width: 900px) { .fu-steps { grid-template-columns: repeat(var(--fu-cols, 4), minmax(0, 1fr)); gap: var(--fu-gap); } }
.fu-steps__line { position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--fu-line); }
.fu-steps__line > i { position: absolute; inset: 0; background: var(--fu-ink); transform-origin: left center; scale: var(--fu-prog, 1) 1; }
.fu-steps__item { position: relative; display: flex; flex-direction: column; gap: 14px; padding-top: clamp(22px, 2.4vw, 34px); }
@media (max-width: 899px) { .fu-steps__item { padding-top: 0; padding-left: 64px; } .fu-steps__line { display: none; } .fu-steps__item::before { content: ""; position: absolute; left: 20px; top: 50px; bottom: -36px; width: 1px; background: var(--fu-line); } .fu-steps__item:last-child::before { display: none; } }
.fu-steps__num { color: var(--fu-ink); font: 200 clamp(40px, 4vw, 64px)/1 var(--fu-font); letter-spacing: -.04em; }
@media (max-width: 899px) { .fu-steps__num { position: absolute; left: 0; top: 0; font-size: 34px; } }
.fu-steps__dot { position: absolute; left: 0; top: -4px; width: 9px; height: 9px; border-radius: 50%; background: var(--fu-star); }
@media (max-width: 899px) { .fu-steps__dot { display: none; } }
.fu-steps__title { color: var(--fu-ink); font-size: var(--fu-t-h3); font-weight: 400; letter-spacing: -.01em; }
/* Krem tema kuralı (Famar Digital): altın yalnızca yıldızda — nokta, ek ve tırnaklar mürekkep */
[data-tema="krem"] .fu-steps__dot, [data-tema="krem"] .fu-header__link[aria-current="page"]::before { background: var(--fu-ink); }
[data-tema="krem"] .fu-stat__affix, [data-tema="krem"] .fu-quote__text::before, [data-tema="krem"] .fu-quote__text::after { color: var(--fu-ink); }
.fu-steps__text { color: var(--fu-soft); font-size: 16px; line-height: 1.55; max-width: 26em; }

/* ── 16. Çağrı bandı ───────────────────────────────────────────────── */
.fu-cta { position: relative; overflow: hidden; overflow: clip; isolation: isolate; padding-block: clamp(120px, 18vw, 280px); }
.fu-cta__inner { position: relative; z-index: 2; display: grid; gap: clamp(36px, 5vw, 72px); }
.fu-cta__title { max-width: 14ch; }
.fu-cta__row { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.fu-cta__mail { font-size: var(--fu-t-h3); }

/* ── 17. Üst bar ve mobil menü ──────────────────────────────────────── */
.fu-header { position: absolute; inset: 0 0 auto; z-index: 60; color: var(--fu-ink); transition: translate var(--fu-d2) var(--fu-ease-io); }
.fu-js .fu-header { position: fixed; }
.fu-header--static, .fu-js .fu-header--static { position: relative; }
.fu-header::before {
  content: ""; position: absolute; inset: 0; z-index: -1; background: color-mix(in srgb, var(--fu-bg) 84%, transparent);
  -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3);
  border-bottom: 1px solid var(--fu-line); opacity: 0; transition: opacity var(--fu-d1) var(--fu-ease-out);
}
.fu-header--scrolled::before, .fu-header--static::before { opacity: 1; }
.fu-header--menu::before { opacity: 0; }
.fu-header--hidden { translate: 0 -105%; }
.fu-header__bar { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: var(--fu-header-h); flex-wrap: wrap; }
.fu-header__logo { display: inline-flex; align-items: center; gap: 12px; color: var(--fu-ink); }
.fu-header__logo .fu-logo { width: clamp(118px, 11vw, 168px); }
.fu-header__nav ul { display: flex; flex-wrap: wrap; gap: clamp(14px, 2.4vw, 40px); list-style: none; margin: 0; padding: 0; }
.fu-header__link { position: relative; display: inline-flex; align-items: center; gap: 6px; font-size: 15px; color: var(--fu-ink); padding: 6px 0; }
.fu-header__link sup { font: 400 9.5px/1 var(--fu-mono); letter-spacing: .08em; color: var(--fu-muted); }
.fu-header__link[aria-current="page"]::before { content: ""; position: absolute; left: -12px; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background: var(--fu-star); }
.fu-header__end { display: flex; align-items: center; gap: 12px; }
.fu-header__toggle { display: none; position: relative; width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--fu-line-2); color: var(--fu-ink); z-index: 2; }
.fu-header__toggle i { position: absolute; left: 14px; right: 14px; height: 1.5px; background: currentColor; transition: translate var(--fu-d1) var(--fu-ease-io), rotate var(--fu-d1) var(--fu-ease-io); }
.fu-header__toggle i:nth-child(1) { top: 19px; } .fu-header__toggle i:nth-child(2) { top: 27px; }
.fu-header__toggle[aria-expanded="true"] i:nth-child(1) { translate: 0 4px; rotate: 45deg; }
.fu-header__toggle[aria-expanded="true"] i:nth-child(2) { translate: 0 -4px; rotate: -45deg; }
@media (max-width: 899px) {
  .fu-js .fu-header__nav, .fu-js .fu-header__cta { display: none; }
  .fu-js .fu-header__toggle { display: inline-block; }
  .fu-header__nav { width: 100%; order: 3; padding-bottom: 10px; }
}
.fu-menu {
  position: fixed; inset: 0; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 32px;
  padding: calc(var(--fu-header-h) + 28px) var(--fu-gut) max(28px, env(safe-area-inset-bottom)); background: var(--fu-bg); color: var(--fu-ink);
  clip-path: circle(0 at calc(100% - var(--fu-gut) - 24px) calc(var(--fu-header-h) / 2)); transition: clip-path 760ms var(--fu-ease-io); overflow-y: auto;
}
.fu-menu.is-open { clip-path: circle(150vmax at calc(100% - var(--fu-gut) - 24px) calc(var(--fu-header-h) / 2)); }
.fu-menu__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.fu-menu__link { display: flex; align-items: baseline; gap: 14px; overflow: hidden; overflow: clip; font-size: clamp(44px, 12vw, 84px); font-weight: 300; letter-spacing: -.04em; line-height: 1.08; color: var(--fu-ink); }
.fu-menu__link > span { display: inline-flex; align-items: baseline; gap: 14px; translate: 0 110%; transition: translate var(--fu-d2) var(--fu-ease-out) calc(160ms + var(--i, 0) * 60ms); }
.fu-menu__link small { font: 400 11px/1 var(--fu-mono); letter-spacing: .14em; color: var(--fu-muted); }
.fu-menu.is-open .fu-menu__link > span { translate: 0 0; }
.fu-menu__foot { display: flex; flex-direction: column; gap: 14px; opacity: 0; translate: 0 16px; transition: opacity var(--fu-d2) var(--fu-ease-out) 420ms, translate var(--fu-d2) var(--fu-ease-out) 420ms; }
.fu-menu.is-open .fu-menu__foot { opacity: 1; translate: 0 0; }
html.fu-locked, html.fu-locked body { overflow: hidden; }

/* ── 18. Alt bilgi ─────────────────────────────────────────────────── */
.fu-footer { position: relative; overflow: hidden; overflow: clip; padding-top: clamp(96px, 12vw, 180px); padding-bottom: max(24px, env(safe-area-inset-bottom)); background: var(--fu-bg); color: var(--fu-text); }
.fu-footer__top { display: grid; gap: clamp(32px, 4vw, 56px); padding-bottom: clamp(56px, 7vw, 104px); }
@media (min-width: 900px) { .fu-footer__top { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: end; } }
.fu-footer__claim { max-width: 13ch; }
.fu-footer__mail { justify-self: start; }
@media (min-width: 900px) { .fu-footer__mail { justify-self: end; } }
.fu-footer__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px var(--fu-gap); padding-block: 36px; border-top: 1px solid var(--fu-line); }
@media (min-width: 900px) { .fu-footer__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fu-footer__col { display: flex; flex-direction: column; gap: 14px; }
.fu-footer__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.fu-footer__col a { color: var(--fu-ink); font-size: 16px; }
.fu-footer__col p { color: var(--fu-soft); font-size: 15px; line-height: 1.55; }
.fu-footer__mark { position: relative; padding-block: clamp(24px, 4vw, 56px) clamp(20px, 3vw, 40px); }
.fu-footer__mark .fu-logo { width: 100%; height: auto; }
.fu-footer__bar { display: flex; justify-content: space-between; align-items: center; gap: 16px 28px; flex-wrap: wrap; padding-top: 18px; border-top: 1px solid var(--fu-line); color: var(--fu-muted); }
.fu-footer__bar a, .fu-footer__bar button { color: var(--fu-ink); }
.fu-footer__links { display: flex; gap: 22px; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }

/* ── 19. Hero ──────────────────────────────────────────────────────── */
.fu-hero { position: relative; isolation: isolate; overflow: hidden; overflow: clip; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
.fu-hero--auto { min-height: 0; }
.fu-hero__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.fu-hero__inner { position: relative; flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: clamp(36px, 5vw, 72px); padding-top: calc(var(--fu-header-h) + clamp(28px, 5vw, 80px)); padding-bottom: clamp(28px, 3vw, 48px); }
.fu-hero__top { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.fu-hero { container-type: inline-size; }
.fu-hero__title { position: relative; display: block; margin: auto 0; }
/* Başlık sığdırma: en uzun satırın karakter sayısına göre (--fu-hero-k) yazı boyu küçülür, taşma olmaz */
.fu-hero__title.fu-mega { font-size: min(var(--fu-t-mega), calc((100cqi - 2 * var(--fu-gut)) / (var(--fu-hero-k, 8) * .56))); }
.fu-hero__title.fu-display { font-size: min(var(--fu-t-display), calc((100cqi - 2 * var(--fu-gut)) / (var(--fu-hero-k, 8) * .56))); }
@media (min-width: 900px) { .fu-hero--split .fu-hero__title.fu-display { font-size: min(var(--fu-t-display), calc((52cqi - 2 * var(--fu-gut)) / (var(--fu-hero-k, 8) * .56))); } }
.fu-hero__line { display: block; white-space: nowrap; }
.fu-hero__line--indent { padding-left: 1.2em; }
@media (max-width: 599px) { .fu-hero__line { white-space: normal; } .fu-hero__line--indent { padding-left: .5em; } }
.fu-hero__line .fu-hero__star { display: inline-block; width: .5em; height: .5em; margin-left: .1em; vertical-align: .42em; color: var(--fu-star); }
.fu-hero__bottom { display: grid; gap: 28px; align-items: end; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .fu-hero__bottom { grid-template-columns: minmax(0, 1fr) auto auto; gap: 48px; } }
.fu-hero__lead { max-width: 30em; }
.fu-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.fu-hero__cue { display: inline-flex; align-items: center; gap: 12px; color: var(--fu-muted); }
.fu-hero__cue i { position: relative; display: block; width: 1px; height: 44px; background: var(--fu-line-2); overflow: hidden; }
.fu-hero__cue i::after { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: var(--fu-ink); animation: fu-cue 2.4s var(--fu-ease-io) infinite; }
@keyframes fu-cue { 0% { translate: 0 -100%; } 55% { translate: 0 0; } 100% { translate: 0 100%; } }
.fu-hero--split .fu-hero__inner { display: grid; grid-template-columns: minmax(0, 1fr); align-content: end; }
@media (min-width: 900px) { .fu-hero--split .fu-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: clamp(32px, 5vw, 96px); } }
.fu-hero--split .fu-hero__title { margin: 0; }
.fu-hero__copy { display: flex; flex-direction: column; gap: clamp(24px, 3vw, 40px); }
.fu-hero__media { position: relative; }
.fu-hero__3d { position: absolute; z-index: -1; right: clamp(-60px, -2vw, -8px); top: 42%; width: clamp(260px, 32vw, 580px); translate: 0 -50%; pointer-events: none; }
.fu-hero__3d > * { pointer-events: auto; }
@media (max-width: 899px) { .fu-hero__3d { right: -18vw; top: 26%; width: 74vw; opacity: .55; } }

/* ── 20. Vaka çalışması ─────────────────────────────────────────────── */
.fu-case-hero { position: relative; isolation: isolate; padding-top: calc(var(--fu-header-h) + clamp(40px, 7vw, 120px)); }
.fu-case-hero__meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px var(--fu-gap); padding-block: 22px; margin-top: clamp(32px, 4vw, 64px); border-top: 1px solid var(--fu-line); }
@media (min-width: 900px) { .fu-case-hero__meta { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fu-case-hero__meta dt { margin-bottom: 8px; }
.fu-case-hero__meta dd { margin: 0; color: var(--fu-ink); }
.fu-case-hero__cover { position: relative; margin-top: clamp(28px, 4vw, 56px); overflow: hidden; overflow: clip; aspect-ratio: var(--fu-ar, 16 / 9); background: var(--fu-pc-tone, var(--fu-bg-3)); }
@media (max-width: 699px) { .fu-case-hero__cover:not([style*="--fu-ar"]) { aspect-ratio: 4 / 5; } }
.fu-case-hero__cover :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
.fu-vt-cover { view-transition-name: fu-cover; }
.fu-vt-title { view-transition-name: fu-title; }
.fu-case { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(40px, 5vw, 96px); }
@media (min-width: 1000px) { .fu-case { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; } .fu-case--flip { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); } .fu-case--flip .fu-case__media { order: 2; } }
.fu-case__media { position: relative; }
@media (min-width: 1000px) { .fu-case__media { position: sticky; top: calc(var(--fu-header-h) + 24px); min-height: calc(100vh - var(--fu-header-h) - 48px); display: grid; align-items: center; } }
.fu-case__slides { position: relative; display: grid; }
.fu-case__slide { grid-area: 1 / 1; display: grid; align-items: center; transition: clip-path var(--fu-d3) var(--fu-ease-io), opacity var(--fu-d1); }
.fu-steps-js .fu-case__slide:not(.is-active) { clip-path: inset(0 0 100% 0); opacity: 0; pointer-events: none; }
.fu-steps-js .fu-case__slide.is-active { clip-path: inset(0 0 0 0); opacity: 1; }
/* Telefonda: medya sütunu gizlenir, her adımın medyası kendi metninin üstünde (adım içi kopya) */
.fu-case__inline { display: none; }
@media (max-width: 999px) { .fu-case__media { display: none; } .fu-case__inline { display: block; margin-bottom: 8px; } .fu-case__story { gap: clamp(56px, 12vh, 120px); padding-block: 0; } .fu-case__step { opacity: 1; } }
.fu-case__story { display: flex; flex-direction: column; gap: clamp(64px, 14vh, 200px); padding-block: clamp(20px, 10vh, 140px); }
.fu-case__step { display: flex; flex-direction: column; gap: 18px; opacity: .35; transition: opacity var(--fu-d2) var(--fu-ease-out); }
.fu-case__step.is-active, :not(.fu-steps-js) > .fu-case__story .fu-case__step { opacity: 1; }
/* Telefonda adımlar soluklaşmaz (medya metnin üstünde, sabit sütun yok) — taban kuralından SONRA gelmeli */
@media (max-width: 999px) { .fu-case__step { opacity: 1; } }
.fu-case__step h3 { font-size: var(--fu-t-h2); font-weight: 300; letter-spacing: -.025em; }
.fu-tones { position: relative; isolation: isolate; }
.fu-tones__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.fu-tones__view { position: sticky; top: 0; height: 100vh; height: 100lvh; }
.fu-tones__view > i { position: absolute; inset: 0; background: var(--fu-tone); opacity: 0; transition: opacity var(--fu-d3) var(--fu-ease-io); }
.fu-tones__view > i.is-on { opacity: 1; }
.fu-tone { background: var(--fu-tone, transparent); }
.fu-tones--js .fu-tone { background: transparent; transition: color var(--fu-d3) var(--fu-ease-io); }

/* Sonraki proje */
.fu-next { position: relative; display: block; overflow: hidden; overflow: clip; padding-block: clamp(80px, 12vw, 180px); border-top: 1px solid var(--fu-line); color: var(--fu-ink); isolation: isolate; }
.fu-next__label { display: flex; justify-content: space-between; gap: 16px; margin-bottom: clamp(18px, 2vw, 32px); }
.fu-next__title { display: block; font-size: var(--fu-t-display); font-weight: 300; letter-spacing: -.045em; line-height: .92; transition: translate var(--fu-d2) var(--fu-ease-out); }
.fu-next:hover .fu-next__title { translate: clamp(10px, 2vw, 36px) 0; }
.fu-next__cover { position: relative; margin-top: 28px; aspect-ratio: 16 / 9; overflow: hidden; overflow: clip; background: var(--fu-pc-tone, var(--fu-bg-3)); }
.fu-next__cover img { width: 100%; height: 100%; object-fit: cover; }
@media (hover: hover) and (pointer: fine) and (min-width: 900px) {
  .fu-next__cover { position: absolute; z-index: -1; left: 0; top: 0; margin: 0; width: clamp(280px, 28vw, 460px); aspect-ratio: 4 / 5; pointer-events: none; clip-path: inset(50% 50% 50% 50%); transition: clip-path var(--fu-d2) var(--fu-ease-io); will-change: transform; translate: var(--fu-nx, 60vw) var(--fu-ny, 0); }
  .fu-next:hover .fu-next__cover, .fu-next:focus-visible .fu-next__cover { clip-path: inset(0 0 0 0); }
}

/* ── 21. İlk ziyaret marka girişi (≤1.2 sn, atlanabilir) ────────────── */
.fu-intro { display: none; }
.fu-intro-on .fu-intro {
  position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; background: var(--fu-bg); color: var(--fu-ink); cursor: pointer;
  clip-path: inset(0 0 0 0); transition: clip-path 520ms var(--fu-ease-io);
}
.fu-intro-on .fu-intro.is-out { clip-path: inset(0 0 100% 0); }
.fu-intro__mark { display: flex; align-items: center; gap: clamp(14px, 2vw, 24px); }
.fu-intro__star { width: clamp(64px, 9vw, 120px); height: auto; color: var(--fu-star); overflow: visible; }
.fu-intro__word { width: clamp(150px, 20vw, 280px); height: auto; color: var(--fu-ink); clip-path: inset(0 100% 0 0); animation: fu-wipe-x 480ms var(--fu-ease-io) 160ms forwards; }
.fu-js .fu-intro [data-fu-star-intro].fu-in .fu-star__frame { animation-duration: 420ms, 240ms; animation-delay: 0ms, 360ms; }
.fu-js .fu-intro [data-fu-star-intro].fu-in .fu-star__lines { animation-duration: 460ms; animation-delay: 90ms; }
.fu-js .fu-intro [data-fu-star-intro].fu-in .fu-star__g { animation-duration: 700ms; }
.fu-intro .fu-star__flash { display: none; }
.fu-intro__label { position: absolute; left: var(--fu-gut); right: var(--fu-gut); bottom: 28px; display: flex; justify-content: space-between; color: var(--fu-muted); }
.fu-intro-on body { overflow: hidden; }
@keyframes fu-wipe-x { to { clip-path: inset(0 0 0 0); } }

/* ── 22. Özel imleç ve görüntüleyici ─────────────────────────────────── */
.fu-cursor { position: fixed; left: 0; top: 0; z-index: 400; pointer-events: none; opacity: 0; transition: opacity var(--fu-d0); }
.fu-cursor.is-on { opacity: 1; }
.fu-cursor__dot { position: absolute; left: -5px; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #F3EFE6; mix-blend-mode: difference; transition: scale var(--fu-d1) var(--fu-ease-out), opacity var(--fu-d0); will-change: transform; }
.fu-cursor.is-link .fu-cursor__dot { scale: 4.2; }
.fu-cursor.is-label .fu-cursor__dot { scale: 0; }
.fu-cursor__bubble {
  position: absolute; left: -54px; top: -54px; width: 108px; height: 108px; border-radius: 50%; display: grid; place-items: center;
  background: var(--fu-accent); color: var(--fu-on-accent); font: 500 12px/1 var(--fu-mono); letter-spacing: .14em; text-transform: uppercase;
  scale: 0; transition: scale var(--fu-d1) var(--fu-ease-out); will-change: transform;
}
.fu-cursor.is-label .fu-cursor__bubble { scale: 1; }
.fu-cursor-on .fu [data-fu-cursor], .fu-cursor-on .fu [data-fu-cursor] * { cursor: none; }

.fu-lightbox { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(8, 7, 6, .94); color: #F3EFE6; overflow: hidden; }
.fu-lightbox::backdrop { background: transparent; }
.fu-lightbox[open] { display: grid; grid-template-rows: minmax(0, 1fr) auto; animation: fu-fade-in var(--fu-d1) var(--fu-ease-out); }
.fu-lightbox__stage { position: relative; display: grid; place-items: center; padding: clamp(16px, 4vw, 56px); min-height: 0; touch-action: pan-y; }
.fu-lightbox__fig { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 14px; max-width: 100%; max-height: 100%; min-height: 0; }
.fu-lightbox__img, .fu-lightbox__video { max-width: 100%; max-height: calc(100vh - 170px); max-height: calc(100svh - 170px); width: auto; height: auto; object-fit: contain; clip-path: inset(0 0 0 0); animation: fu-lb-in var(--fu-d2) var(--fu-ease-out); }
.fu-lightbox__cap { color: #B4AA97; font-size: 14px; text-align: center; max-width: 60ch; }
.fu-lightbox__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px var(--fu-gut) max(14px, env(safe-area-inset-bottom)); border-top: 1px solid rgba(243, 239, 230, .1); }
.fu-lightbox__nav { display: flex; gap: 8px; }
.fu-lightbox__btn { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(243, 239, 230, .24); color: #F3EFE6; font-size: 18px; transition: background-color var(--fu-d0); }
.fu-lightbox__btn:hover { background: rgba(243, 239, 230, .1); }
.fu-lightbox__btn:focus-visible { outline: 2px solid #C9A45A; outline-offset: 3px; }
@keyframes fu-lb-in { from { opacity: 0; clip-path: inset(8% 8% 8% 8%); scale: .97; } to { opacity: 1; clip-path: inset(0 0 0 0); scale: 1; } }
@keyframes fu-fade-in { from { opacity: 0; } }
@keyframes fu-rise-in { from { opacity: 0; translate: 0 18px; } }

/* ── 23. Logo ve marka yıldızı ──────────────────────────────────────── */
.fu-logo { display: block; height: auto; overflow: visible; color: var(--fu-ink); }
.fu-logo__word { fill: currentColor; }
.fu-logo__star { color: var(--fu-star); }
.fu-logo__desc { fill: currentColor; font: 500 24px var(--fu-font); letter-spacing: 14px; }
.fu-logo--wipe .fu-logo__word, .fu-logo--wipe .fu-logo__desc { clip-path: inset(0 100% 0 0); }
.fu-in .fu-logo--wipe .fu-logo__word, .fu-in.fu-logo--wipe .fu-logo__word,
.fu-in .fu-logo--wipe .fu-logo__desc, .fu-in.fu-logo--wipe .fu-logo__desc { animation: fu-wipe-x 1.1s var(--fu-ease-io) 120ms forwards; }
.fu-in .fu-logo--wipe .fu-logo__desc, .fu-in.fu-logo--wipe .fu-logo__desc { animation-delay: 700ms; }
html:not(.fu-js) .fu-logo--wipe :is(.fu-logo__word, .fu-logo__desc) { clip-path: none; }
.fu-star { display: block; overflow: visible; color: var(--fu-star); }
.fu-star__frame { fill: currentColor; stroke: currentColor; stroke-width: 0; }
.fu-star__lines { fill: none; stroke: currentColor; }
.fu-star__g { transform-box: fill-box; transform-origin: 50% 50%; }
.fu-star__flash { fill: var(--fu-star-hi); opacity: 0; transform-box: fill-box; transform-origin: 50% 50%; }
.fu-star--line .fu-star__frame { fill: none; stroke-width: 1.4px; vector-effect: non-scaling-stroke; }
.fu-star--line .fu-star__lines { stroke-width: 1px; vector-effect: non-scaling-stroke; }
/* Çiz → dön → otur (kartvizit v4 girişi): data-fu-star-intro + .fu-in */
.fu-js [data-fu-star-intro] .fu-star__frame { stroke-width: .7; stroke-dasharray: 1; stroke-dashoffset: 1; fill-opacity: 0; }
.fu-js [data-fu-star-intro] .fu-star__lines { stroke-dasharray: 1; stroke-dashoffset: 1; }
.fu-js [data-fu-star-intro] .fu-star__g { rotate: -216deg; scale: .55; }
.fu-js [data-fu-star-intro].fu-in .fu-star__frame { animation: fu-draw 700ms var(--fu-ease-io) var(--fu-delay, 0ms) forwards, fu-fill 380ms var(--fu-ease-out) calc(var(--fu-delay, 0ms) + 640ms) forwards; }
.fu-js [data-fu-star-intro].fu-in .fu-star__lines { animation: fu-draw 820ms var(--fu-ease-io) calc(var(--fu-delay, 0ms) + 160ms) forwards; }
.fu-js [data-fu-star-intro].fu-in .fu-star__g { animation: fu-star-spin 1300ms linear var(--fu-delay, 0ms) forwards; }
.fu-js [data-fu-star-intro].fu-in .fu-star__flash { animation: fu-star-flash 760ms var(--fu-ease-out) calc(var(--fu-delay, 0ms) + 1120ms) forwards; }
@keyframes fu-draw { to { stroke-dashoffset: 0; } }
@keyframes fu-fill { to { fill-opacity: 1; stroke-width: 0; } }
@keyframes fu-star-spin {
  0% { rotate: -216deg; scale: .55; animation-timing-function: cubic-bezier(.33, 0, .67, 1); }
  48% { rotate: -150deg; scale: .78; animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
  86% { rotate: 3deg; scale: 1.07; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  100% { rotate: 0deg; scale: 1; }
}
@keyframes fu-star-flash { 0% { opacity: 0; scale: .4; } 18% { opacity: .85; } 100% { opacity: 0; scale: 1.6; } }

/* 3B yıldız (CSS katmanları; markanın three.js yıldızının hafif karşılığı) */
.fu-star3d { position: relative; aspect-ratio: 1; perspective: 1600px; container-type: inline-size; color: var(--fu-star); }
.fu-star3d__obj { position: absolute; inset: 0; transform-style: preserve-3d; animation: fu-s3-sway 18s var(--fu-ease-io) infinite alternate; }
.fu-star3d__layer { position: absolute; inset: 0; transform: translateZ(calc(var(--z, 0) * 1cqi)); transform-style: preserve-3d; }
.fu-star3d__layer svg { width: 100%; height: 100%; overflow: visible; }
.fu-star3d__layer--back { filter: brightness(.55); }

.fu-star3d__frame--flat { fill: currentColor; }
.fu-star3d__wire { fill: none; stroke: var(--fu-star-hi); }
.fu-star3d__jewel { fill: var(--fu-star-hi); }
.fu-js [data-fu-star-intro].fu-star3d .fu-star3d__obj { animation: none; transform: rotateY(-140deg) scale(.2); opacity: 0; }
.fu-js [data-fu-star-intro].fu-star3d .fu-star3d__layer { transform: translateZ(0); }
.fu-js [data-fu-star-intro].fu-star3d .fu-star3d__frame-path { stroke: currentColor; stroke-width: .8; stroke-dasharray: 1; stroke-dashoffset: 1; fill-opacity: 0; }
.fu-js [data-fu-star-intro].fu-star3d.fu-in .fu-star3d__obj { animation: fu-s3-intro 1300ms var(--fu-ease-out) var(--fu-delay, 0ms) forwards, fu-s3-sway 18s var(--fu-ease-io) calc(var(--fu-delay, 0ms) + 1300ms) infinite alternate; }
.fu-js [data-fu-star-intro].fu-star3d.fu-in .fu-star3d__layer { animation: fu-s3-layer 900ms var(--fu-ease-out) calc(var(--fu-delay, 0ms) + 700ms + var(--i, 0) * 90ms) forwards; }
.fu-js [data-fu-star-intro].fu-star3d.fu-in .fu-star3d__frame-path { animation: fu-draw 650ms var(--fu-ease-io) var(--fu-delay, 0ms) forwards, fu-fill 420ms var(--fu-ease-out) calc(var(--fu-delay, 0ms) + 560ms) forwards; }
@keyframes fu-s3-intro { 0% { transform: rotateY(-140deg) scale(.2); opacity: 0; } 12% { opacity: 1; } 100% { transform: rotateY(0deg) scale(1); opacity: 1; } }
@keyframes fu-s3-layer { from { transform: translateZ(0); } to { transform: translateZ(calc(var(--z, 0) * 1cqi)); } }
@keyframes fu-s3-sway { 0% { transform: rotateY(0deg) rotateX(0deg); } 50% { transform: rotateY(26deg) rotateX(-7deg); } 100% { transform: rotateY(-22deg) rotateX(6deg); } }

/* ── 24. Üretken görseller (özgün, tohumlu, indirme yok) ─────────────── */
.fu-aura { position: absolute; inset: 0; overflow: hidden; overflow: clip; pointer-events: none; contain: strict; }
.fu-aura__blob {
  position: absolute; left: var(--x); top: var(--y); width: var(--w); aspect-ratio: var(--ar, 1); translate: -50% -50%; border-radius: 50%;
  background: radial-gradient(closest-side, var(--c) 0%, color-mix(in srgb, var(--c) 42%, transparent) 46%, transparent 100%);
  opacity: var(--o, 1); animation: fu-drift var(--d, 26s) var(--fu-ease-io) var(--dl, 0s) infinite alternate; will-change: transform;
}
.fu-aura__beam {
  position: absolute; left: var(--x); top: -40%; width: var(--w); height: 180%; rotate: var(--r); transform-origin: 50% 0;
  background: linear-gradient(90deg, transparent 0%, var(--c) 50%, transparent 100%); opacity: var(--o); mix-blend-mode: screen;
  animation: fu-beam var(--d, 18s) var(--fu-ease-io) var(--dl, 0s) infinite alternate; will-change: transform;
}
[data-tema="krem"] .fu-aura__beam, .fu-aura--krem .fu-aura__beam { mix-blend-mode: normal; }
.fu-aura--still :is(.fu-aura__blob, .fu-aura__beam) { animation: none; will-change: auto; }
@keyframes fu-drift { to { transform: translate(var(--dx, 4%), var(--dy, -3%)) scale(var(--ds, 1.12)); } }
@keyframes fu-beam { from { transform: translateX(-8%) scaleX(.8); } to { transform: translateX(8%) scaleX(1.2); } }
.fu-grain { position: absolute; inset: 0; z-index: var(--fu-grain-z, 3); pointer-events: none; opacity: var(--fu-grain); background-size: 180px 180px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"); }
.fu-grain--fixed { position: fixed; z-index: 90; }
.fu-mesh { position: absolute; inset: 0; overflow: hidden; overflow: clip; pointer-events: none; }
.fu-mesh__layer { position: absolute; inset: -30%; background: var(--fu-mesh); }
.fu-mesh--live .fu-mesh__layer { animation: fu-spin var(--d, 80s) linear infinite; }
.fu-mesh--live .fu-mesh__layer + .fu-mesh__layer { animation-direction: reverse; opacity: .55; mix-blend-mode: soft-light; }
@keyframes fu-spin { to { rotate: 360deg; } }
.fu-sweep { position: absolute; inset: 0; overflow: hidden; overflow: clip; pointer-events: none; }
.fu-sweep__rays {
  position: absolute; left: var(--cx, 50%); top: var(--cy, 50%); width: max(240%, 240vh); aspect-ratio: 1; translate: -50% -50%;
  background: repeating-conic-gradient(from 0deg, transparent 0deg, var(--c) 1.4deg, transparent 4.2deg, transparent var(--gap, 17deg));
  -webkit-mask-image: radial-gradient(closest-side, #000 0%, rgba(0, 0, 0, .35) 32%, transparent 70%); mask-image: radial-gradient(closest-side, #000 0%, rgba(0, 0, 0, .35) 32%, transparent 70%);
  opacity: var(--o, .3); animation: fu-spin var(--d, 120s) linear infinite; will-change: transform;
}
.fu-sweep__band {
  position: absolute; top: -50%; left: -45%; width: 32%; height: 200%; rotate: 16deg;
  background: linear-gradient(90deg, transparent, var(--c2) 50%, transparent); opacity: var(--o2, .35); mix-blend-mode: screen;
  animation: fu-sweep var(--d2, 11s) var(--fu-ease-io) var(--dl, 0s) infinite; will-change: transform;
}
[data-tema="krem"] .fu-sweep__band { mix-blend-mode: normal; }
.fu-sweep--still :is(.fu-sweep__rays, .fu-sweep__band) { animation: none; }
.fu-sweep--still .fu-sweep__band { translate: 160% 0; }
@keyframes fu-sweep { 0% { transform: translateX(0); } 62%, 100% { transform: translateX(520%); } }
.fu-field { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; color: var(--fu-star); }
.fu-field__tw { animation: fu-twinkle var(--d, 4s) ease-in-out var(--dl, 0s) infinite alternate; }
.fu-field--still .fu-field__tw { animation: none; }
@keyframes fu-twinkle { from { opacity: .15; } to { opacity: 1; } }

/* Üretken dolgular (mockup ekranları, kapaklar) — konteyner birimleriyle ölçeklenir */
.fu-gen { position: absolute; inset: 0; overflow: hidden; overflow: clip; container-type: size; background: var(--fu-bg); color: var(--fu-ink); font-family: var(--fu-font); isolation: isolate; text-align: left; }
.fu-gen * { box-sizing: border-box; }
.fu-gen__abs { position: absolute; }
.fu-gen__star { position: absolute; color: var(--fu-star); overflow: visible; }
.fu-gen__lbl { position: absolute; font: 400 clamp(5px, 2.6cqmin, 13px)/1.3 var(--fu-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--fu-muted); white-space: nowrap; }
.fu-gen__word { position: absolute; color: var(--fu-ink); font-weight: 300; letter-spacing: -.055em; line-height: .84; white-space: nowrap; }
.fu-gen__lines { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(4, 1fr); margin-inline: 6cqw; pointer-events: none; }
.fu-gen__lines > i { border-left: 1px solid var(--fu-line); opacity: .7; }
.fu-gen__lines > i:last-child { border-right: 1px solid var(--fu-line); }
/* site */
.fu-gen--site { padding: 0 6cqw; }
.fu-gen__nav { position: absolute; left: 6cqw; right: 6cqw; top: 0; height: 11cqh; display: flex; align-items: center; justify-content: space-between; gap: 3cqw; border-bottom: 1px solid var(--fu-line); }
.fu-gen__nav .fu-logo { width: 13cqw; }
.fu-gen__navl { display: flex; gap: 3cqw; font-size: clamp(5px, 1.5cqw, 15px); color: var(--fu-soft); }
.fu-gen__pill { display: inline-flex; align-items: center; justify-content: center; padding: .8cqh 2cqw; border-radius: 99px; background: var(--fu-accent); color: var(--fu-on-accent); font-size: clamp(5px, 1.35cqw, 14px); font-weight: 500; white-space: nowrap; }
.fu-gen__pill--line { background: transparent; color: var(--fu-ink); border: 1px solid var(--fu-line-2); }
.fu-gen__hl { position: absolute; left: 6cqw; top: 20cqh; width: 62cqw; color: var(--fu-ink); font-size: 8.4cqw; font-weight: 300; line-height: .9; letter-spacing: -.05em; }
.fu-gen__hl em { font-style: normal; color: transparent; -webkit-text-stroke: max(1px, .02em) var(--fu-ink); }
.fu-gen__p { position: absolute; color: var(--fu-soft); font-size: clamp(5px, 1.5cqw, 16px); line-height: 1.5; }
.fu-gen__cards { position: absolute; left: 6cqw; right: 6cqw; bottom: 0; height: 18cqh; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6cqw; }
.fu-gen__card { position: relative; overflow: hidden; border-radius: .6cqw .6cqw 0 0; background: var(--fu-bg-3); }
/* app */
.fu-gen--app { display: flex; flex-direction: column; gap: 2.6cqh; padding: 6.5cqh 5cqw 0; }
.fu-gen__status { position: absolute; left: 0; right: 0; top: 0; height: 6cqh; display: flex; align-items: center; justify-content: space-between; padding: 0 9cqw; font-size: 3.4cqw; font-weight: 600; color: var(--fu-ink); }
.fu-gen__sicons { display: flex; gap: 1.4cqw; align-items: center; }
.fu-gen__sicons i { display: block; width: 4.4cqw; height: 2.2cqw; border-radius: .6cqw; background: var(--fu-ink); }
.fu-gen__sicons i:first-child { width: 3.6cqw; clip-path: polygon(0 100%, 100% 0, 100% 100%); border-radius: 0; }
.fu-gen__apphead { display: flex; align-items: center; justify-content: space-between; padding-top: 2cqh; }
.fu-gen__apphead .fu-logo { width: 30cqw; }
.fu-gen__avatar { width: 9cqw; height: 9cqw; border-radius: 50%; background: var(--fu-bg-3); border: 1px solid var(--fu-line-2); display: grid; place-items: center; }
.fu-gen__hcard { position: relative; flex: none; height: 34cqh; border-radius: 5cqw; overflow: hidden; background: #0F0E0C; color: #F3EFE6; }
.fu-gen__hcard-t { position: absolute; left: 6cqw; bottom: 5cqw; right: 6cqw; font-size: 8cqw; font-weight: 300; line-height: .95; letter-spacing: -.04em; color: #F3EFE6; }
.fu-gen__chips { display: flex; gap: 2cqw; }
.fu-gen__chips span { padding: 1.4cqw 3.4cqw; border-radius: 99px; border: 1px solid var(--fu-line-2); font-size: 3cqw; color: var(--fu-soft); white-space: nowrap; }
.fu-gen__chips span:first-child { background: var(--fu-ink); color: var(--fu-bg); border-color: var(--fu-ink); }
.fu-gen__rows { display: flex; flex-direction: column; gap: 2.2cqh; }
.fu-gen__row { display: grid; grid-template-columns: 16cqw 1fr; gap: 4cqw; align-items: center; }
.fu-gen__thumb { position: relative; aspect-ratio: 1; border-radius: 3cqw; overflow: hidden; background: var(--fu-bg-3); }
.fu-gen__bars { display: flex; flex-direction: column; gap: 1.6cqw; }
.fu-gen__bars i { display: block; height: 2.2cqw; border-radius: 99px; background: var(--fu-line-2); }
.fu-gen__bars i:first-child { width: 80%; background: var(--fu-ink); opacity: .85; }
.fu-gen__bars i:nth-child(2) { width: 55%; }
.fu-gen__tab { position: absolute; left: 0; right: 0; bottom: 0; height: 10cqh; display: flex; justify-content: space-around; align-items: flex-start; padding-top: 2.4cqh; background: color-mix(in srgb, var(--fu-bg) 88%, transparent); border-top: 1px solid var(--fu-line); }
.fu-gen__tab i { width: 6cqw; height: 6cqw; border-radius: 1.8cqw; border: 1.5px solid var(--fu-muted); }
.fu-gen__tab i:first-child { background: var(--fu-ink); border-color: var(--fu-ink); }
.fu-gen__home { position: absolute; left: 50%; bottom: 1.6cqh; width: 34cqw; height: 1.4cqw; translate: -50% 0; border-radius: 99px; background: var(--fu-ink); opacity: .8; }
/* desen */
.fu-gen--pattern svg { position: absolute; inset: 0; width: 100%; height: 100%; }

/* ── 25. Mockup sahnesi ─────────────────────────────────────────────── */
.fu-mk { position: relative; width: 100%; margin: 0; display: grid; place-items: center; container-type: inline-size; isolation: isolate; background: var(--fu-mk-bg, transparent); border-radius: var(--fu-mk-r, 0); overflow: visible; }
.fu-mk--tone { padding: clamp(28px, 9%, 120px) clamp(18px, 6%, 96px); overflow: hidden; overflow: clip; }
.fu-mk--fixed { aspect-ratio: var(--fu-mk-ar); container-type: size; padding: 0; }
.fu-mk--ink { --fu-mk-bg: radial-gradient(120% 90% at 50% 0%, #2A2620 0%, #14120F 55%, #0B0A09 100%); --fu-mk-floor: rgba(0, 0, 0, .7); }
.fu-mk--cream { --fu-mk-bg: radial-gradient(120% 90% at 50% 0%, #FFFDF8 0%, #F1ECE1 55%, #E2DACA 100%); --fu-mk-floor: rgba(60, 48, 28, .32); }
.fu-mk--gold { --fu-mk-bg: radial-gradient(120% 100% at 30% 0%, #F2DBA6 0%, #C9A45A 48%, #8E6B2A 100%); --fu-mk-floor: rgba(60, 38, 8, .45); }
.fu-mk--stone { --fu-mk-bg: radial-gradient(120% 100% at 50% 0%, #E9E6E0 0%, #CFCAC1 60%, #B6AFA3 100%); --fu-mk-floor: rgba(40, 34, 26, .35); }
.fu-mk--sand { --fu-mk-bg: radial-gradient(120% 100% at 40% 0%, #F4E9D4 0%, #E3D2B1 60%, #CDB48A 100%); --fu-mk-floor: rgba(70, 50, 20, .32); }
.fu-mk--hex { --fu-mk-bg: radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--fu-mk-hex) 82%, #fff) 0%, var(--fu-mk-hex) 55%, color-mix(in srgb, var(--fu-mk-hex) 78%, #000) 100%); --fu-mk-floor: rgba(0, 0, 0, .4); }
.fu-mk__tilt { position: relative; width: 100%; display: grid; place-items: center; transform-style: preserve-3d; will-change: transform; }
.fu-mk__obj { position: relative; display: grid; place-items: center; width: 100%; transform-style: preserve-3d; }
.fu-mk--left .fu-mk__obj { transform: perspective(2200px) rotateY(16deg) rotateX(5deg) rotateZ(-1deg); }
.fu-mk--right .fu-mk__obj { transform: perspective(2200px) rotateY(-16deg) rotateX(5deg) rotateZ(1deg); }
.fu-mk__floor { position: absolute; left: 12%; right: 12%; bottom: -5%; height: 10%; z-index: -1; border-radius: 50%; background: radial-gradient(closest-side, var(--fu-mk-floor, rgba(0, 0, 0, .45)), transparent); filter: blur(6px); pointer-events: none; }
.fu-mk__cap { margin-top: 14px; color: var(--fu-muted); font-size: 14px; text-align: center; }
/* Ekran ve içindeki medya */
.fu-mk-screen { position: relative; overflow: hidden; overflow: clip; background: #050505; isolation: isolate; container-type: size; }
.fu-mk-media { position: absolute; inset: 0; }
.fu-mk-media :is(img, video) { width: 100%; height: 100%; object-fit: cover; object-position: var(--fu-focus, top center); }
.fu-mk-media--scroll img { height: auto; min-height: 100%; object-fit: cover; transition: translate 7s cubic-bezier(.45, 0, .55, 1); }
.fu-mk-screen:hover .fu-mk-media--scroll img, .fu-mk-media--scroll.is-play img { translate: 0 calc(-100% + 100cqh); }
.fu-mk-screen__glare { position: absolute; inset: -10%; z-index: 3; pointer-events: none; background: linear-gradient(118deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, .05) 26%, rgba(255, 255, 255, 0) 40%); mix-blend-mode: screen; translate: var(--fu-gx, 0) var(--fu-gy, 0); }
.fu-mk-screen__ph { position: absolute; inset: 0; display: grid; place-items: center; background: linear-gradient(160deg, #26231E, #0F0E0C); color: #8C8474; font: 400 10px/1.3 var(--fu-mono); letter-spacing: .14em; text-transform: uppercase; text-align: center; padding: 8%; }

/* Kasa renkleri (metal) */
.fu-mk-fin--graphite { --m1: #4A4A4D; --m2: #2B2B2E; --m3: #18181A; --m4: #6E6E73; --m-b: #1C1C1E; }
.fu-mk-fin--silver { --m1: #F2F2F3; --m2: #D3D5D8; --m3: #A9ACB1; --m4: #FFFFFF; --m-b: #E3E4E6; }
.fu-mk-fin--gold { --m1: #F4E2BC; --m2: #DCC08A; --m3: #A98A52; --m4: #FFF4DC; --m-b: #E8D3A8; }
.fu-mk-fin--cream { --m1: #F7F2E8; --m2: #E5DCCB; --m3: #BFB39C; --m4: #FFFFFF; --m-b: #EEE7DA; }
.fu-mk-fin--ink { --m1: #34312C; --m2: #1A1916; --m3: #0B0A09; --m4: #55504A; --m-b: #151411; }

/* ── 26. Telefonlar ─────────────────────────────────────────────────── */
.fu-mk-phone { position: relative; width: min(100%, var(--fu-mk-max, 400px)); container-type: inline-size; }
.fu-mk--tone .fu-mk-phone { width: min(58cqi, var(--fu-mk-max, 400px)); }
.fu-mk--fixed .fu-mk-phone { width: min(56cqw, 40cqh, var(--fu-mk-max, 400px)); }
.fu-mk-phone__frame {
  position: relative; aspect-ratio: 71.6 / 146.6; border-radius: 16.4cqi; padding: 1.25cqi;
  background: linear-gradient(90deg, var(--m3) 0%, var(--m4) 1.6%, var(--m2) 4%, var(--m1) 30%, var(--m2) 70%, var(--m3) 96%, var(--m4) 98.4%, var(--m3) 100%);
  box-shadow: inset 0 0 0 .3cqi rgba(255, 255, 255, .12), 0 .4cqi .8cqi rgba(0, 0, 0, .3), 0 4cqi 8cqi -2cqi rgba(var(--fu-shade, 0, 0, 0), .35), 0 14cqi 28cqi -8cqi rgba(var(--fu-shade, 0, 0, 0), .5);
}
.fu-mk-phone__glass { position: relative; height: 100%; border-radius: 15.2cqi; padding: 3.1cqi; background: #050505; box-shadow: inset 0 0 0 .25cqi #000, inset 0 0 0 .55cqi #1b1b1b; }
.fu-mk-phone .fu-mk-screen { height: 100%; border-radius: 12.2cqi; }
.fu-mk-phone__island { position: absolute; z-index: 4; left: 50%; top: 5.5cqi; width: 28.5cqi; height: 8.4cqi; translate: -50% 0; border-radius: 99px; background: #000; }
.fu-mk-phone__island::after { content: ""; position: absolute; right: 2.6cqi; top: 50%; width: 3.4cqi; height: 3.4cqi; translate: 0 -50%; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #2a3550 0%, #0d1220 45%, #000 70%); }
.fu-mk-phone__btn { position: absolute; width: 1.1cqi; border-radius: .6cqi; background: linear-gradient(90deg, var(--m3), var(--m1)); }
.fu-mk-phone__btn--a { left: -.75cqi; top: 18%; height: 4.6%; }
.fu-mk-phone__btn--v1 { left: -.75cqi; top: 26%; height: 8%; }
.fu-mk-phone__btn--v2 { left: -.75cqi; top: 36%; height: 8%; }
.fu-mk-phone__btn--p { right: -.75cqi; top: 29%; height: 12%; background: linear-gradient(90deg, var(--m1), var(--m3)); }
/* Android */
.fu-mk-phone--android .fu-mk-phone__frame { aspect-ratio: 72 / 152; border-radius: 12cqi; padding: 1cqi; }
.fu-mk-phone--android .fu-mk-phone__glass { border-radius: 11cqi; padding: 2.5cqi; }
.fu-mk-phone--android .fu-mk-screen { border-radius: 8.8cqi; }
.fu-mk-phone__hole { position: absolute; z-index: 4; left: 50%; top: 5.2cqi; width: 4cqi; height: 4cqi; translate: -50% 0; border-radius: 50%; background: radial-gradient(circle at 38% 38%, #24304a 0%, #070a12 55%, #000 75%); box-shadow: 0 0 0 .5cqi #000; }
.fu-mk-phone--android .fu-mk-phone__btn--p { top: 24%; height: 7%; }
.fu-mk-phone--android .fu-mk-phone__btn--v1 { left: auto; right: -.75cqi; top: 34%; height: 13%; background: linear-gradient(90deg, var(--m1), var(--m3)); }

/* ── 27. Dizüstü, masaüstü, tablet, tarayıcı ────────────────────────── */
.fu-mk-laptop { position: relative; width: min(100%, var(--fu-mk-max, 1100px)); container-type: inline-size; padding-bottom: 1px; }
.fu-mk--tone .fu-mk-laptop { width: min(96cqi, var(--fu-mk-max, 1100px)); }
.fu-mk--fixed .fu-mk-laptop { width: min(92cqw, 125cqh, var(--fu-mk-max, 1100px)); }
.fu-mk-laptop__lid { position: relative; width: 82cqi; margin-inline: auto; padding: .32cqi .32cqi 0; border-radius: 3.3cqi 3.3cqi 0 0; background: linear-gradient(180deg, var(--m2), var(--m3) 60%, var(--m3)); box-shadow: 0 0 0 .08cqi rgba(0, 0, 0, .35), inset 0 .08cqi 0 rgba(255, 255, 255, .35); }
.fu-mk-laptop__bezel { position: relative; padding: 2.1cqi 2.1cqi 2.5cqi; border-radius: 3cqi 3cqi 0 0; background: #070707; box-shadow: inset 0 0 0 .15cqi #222; }
.fu-mk-laptop .fu-mk-screen { aspect-ratio: 16 / 10; border-radius: .5cqi; }
.fu-mk-laptop__notch { position: absolute; z-index: 4; left: 50%; top: 2.05cqi; width: 8.6cqi; height: 1.9cqi; translate: -50% 0; border-radius: 0 0 .9cqi .9cqi; background: #070707; }
.fu-mk-laptop__notch::after { content: ""; position: absolute; left: 50%; top: 45%; width: .75cqi; height: .75cqi; translate: -50% -50%; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #26304a, #05070c 70%); }
.fu-mk-laptop__base { position: relative; z-index: 1; height: 2.3cqi; margin-top: -.05cqi; border-radius: .4cqi .4cqi 3.4cqi 3.4cqi / .4cqi .4cqi 1.9cqi 1.9cqi; background: linear-gradient(180deg, var(--m4) 0%, var(--m1) 18%, var(--m2) 55%, var(--m3) 100%); box-shadow: 0 1.4cqi 2.6cqi -1cqi rgba(var(--fu-shade, 0, 0, 0), .55), 0 3cqi 6cqi -2cqi rgba(var(--fu-shade, 0, 0, 0), .35); }
.fu-mk-laptop__base::before { content: ""; position: absolute; left: 50%; top: 0; width: 15cqi; height: .9cqi; translate: -50% 0; border-radius: 0 0 1cqi 1cqi; background: linear-gradient(180deg, var(--m3), var(--m2)); }
.fu-mk-laptop__base::after { content: ""; position: absolute; left: 4%; right: 4%; bottom: -.5cqi; height: .55cqi; border-radius: 0 0 50% 50%; background: rgba(0, 0, 0, .35); filter: blur(.3cqi); z-index: -1; }
/* iMac */
.fu-mk-imac { position: relative; width: min(100%, var(--fu-mk-max, 980px)); container-type: inline-size; }
.fu-mk--tone .fu-mk-imac { width: min(86cqi, var(--fu-mk-max, 980px)); }
.fu-mk--fixed .fu-mk-imac { width: min(84cqw, 98cqh, var(--fu-mk-max, 980px)); }
.fu-mk-imac__body { position: relative; border-radius: 2.2cqi; overflow: hidden; overflow: clip; background: var(--m-b); box-shadow: 0 0 0 .12cqi rgba(0, 0, 0, .18), 0 3cqi 6cqi -2cqi rgba(var(--fu-shade, 0, 0, 0), .4), 0 8cqi 14cqi -6cqi rgba(var(--fu-shade, 0, 0, 0), .35); }
.fu-mk-imac__bezel { padding: 2.1cqi 2.1cqi 2.1cqi; background: #EDECE9; }
.fu-mk-fin--graphite .fu-mk-imac__bezel, .fu-mk-fin--ink .fu-mk-imac__bezel { background: #0C0C0C; }
.fu-mk-imac .fu-mk-screen { aspect-ratio: 16 / 9; border-radius: .2cqi; }
.fu-mk-imac__chin { position: relative; height: 12.6cqi; background: linear-gradient(180deg, var(--m1) 0%, var(--m2) 70%, var(--m3) 100%); }
.fu-mk-imac__neck { position: relative; z-index: -1; width: 21cqi; height: 15cqi; margin: -.5cqi auto 0; background: linear-gradient(90deg, var(--m3), var(--m1) 20%, var(--m2) 60%, var(--m3)); clip-path: polygon(6% 0, 94% 0, 100% 100%, 0 100%); }
.fu-mk-imac__neck::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 26%; background: linear-gradient(180deg, rgba(0, 0, 0, .35), transparent); }
.fu-mk-imac__foot { width: 27cqi; height: 1.3cqi; margin: 0 auto; border-radius: .3cqi .3cqi 1cqi 1cqi; background: linear-gradient(180deg, var(--m1), var(--m3)); box-shadow: 0 1.2cqi 2cqi -.6cqi rgba(var(--fu-shade, 0, 0, 0), .55); }
/* iPad */
.fu-mk-tablet { position: relative; width: min(100%, var(--fu-mk-max, 620px)); container-type: inline-size; }
.fu-mk--tone .fu-mk-tablet { width: min(66cqi, var(--fu-mk-max, 620px)); }
.fu-mk--fixed .fu-mk-tablet { width: min(70cqw, 60cqh, var(--fu-mk-max, 620px)); }
.fu-mk-tablet__frame { position: relative; aspect-ratio: 178.5 / 247.6; border-radius: 7.2cqi; padding: .9cqi; background: linear-gradient(90deg, var(--m3), var(--m1) 3%, var(--m2) 50%, var(--m1) 97%, var(--m3)); box-shadow: 0 .4cqi 1cqi rgba(0, 0, 0, .3), 0 4cqi 10cqi -3cqi rgba(var(--fu-shade, 0, 0, 0), .45); }
.fu-mk-tablet__glass { position: relative; height: 100%; border-radius: 6.5cqi; padding: 4.4cqi; background: #050505; }
.fu-mk-tablet .fu-mk-screen { height: 100%; border-radius: 2.6cqi; }
.fu-mk-tablet__cam { position: absolute; left: 50%; top: 1.8cqi; width: 1.3cqi; height: 1.3cqi; translate: -50% 0; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #26304a, #05070c 70%); }
.fu-mk-tablet--land { width: min(100%, var(--fu-mk-max, 860px)); }
.fu-mk--tone .fu-mk-tablet--land { width: min(90cqi, var(--fu-mk-max, 860px)); }
.fu-mk-tablet--land .fu-mk-tablet__frame { aspect-ratio: 247.6 / 178.5; border-radius: 5.2cqi; padding: .65cqi; }
.fu-mk-tablet--land .fu-mk-tablet__glass { border-radius: 4.7cqi; padding: 3.2cqi; }
.fu-mk-tablet--land .fu-mk-screen { border-radius: 1.9cqi; }
.fu-mk-tablet--land .fu-mk-tablet__cam { top: 50%; left: 1.3cqi; translate: 0 -50%; width: .95cqi; height: .95cqi; }
/* Tarayıcı */
.fu-mk-browser { --b-bar: #1D1B18; --b-url: #121110; --b-fg: #D9D2C4; --b-mut: #8C8474; --b-line: rgba(243, 239, 230, .08);
  position: relative; width: min(100%, var(--fu-mk-max, 1200px)); container-type: inline-size; border-radius: clamp(8px, 1.1cqi, 14px); overflow: hidden; overflow: clip;
  background: var(--b-bar); box-shadow: 0 0 0 1px rgba(0, 0, 0, .25), 0 2cqi 4cqi -1cqi rgba(var(--fu-shade, 0, 0, 0), .35), 0 6cqi 12cqi -4cqi rgba(var(--fu-shade, 0, 0, 0), .4); }
[data-tema="krem"] .fu-mk-browser, .fu-mk-browser--light { --b-bar: #ECE7DD; --b-url: #FFFFFF; --b-fg: #2E2A24; --b-mut: #857D70; --b-line: rgba(15, 14, 12, .1); }
.fu-mk--tone .fu-mk-browser { width: min(94cqi, var(--fu-mk-max, 1200px)); }
.fu-mk--fixed .fu-mk-browser { width: min(92cqw, 130cqh, var(--fu-mk-max, 1200px)); }
.fu-mk-browser__bar { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: center; gap: clamp(8px, 1.6cqi, 18px); height: clamp(30px, 4.6cqi, 52px); padding: 0 clamp(10px, 1.6cqi, 18px); border-bottom: 1px solid var(--b-line); color: var(--b-mut); font: 400 clamp(9px, 1.25cqi, 13px)/1 var(--fu-font); }
.fu-mk-browser__dots { display: flex; gap: clamp(5px, .75cqi, 8px); }
.fu-mk-browser__dots i { display: block; width: clamp(8px, 1.05cqi, 12px); height: clamp(8px, 1.05cqi, 12px); border-radius: 50%; background: #E5674F; box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .2); }
.fu-mk-browser__dots i:nth-child(2) { background: #E9B44C; } .fu-mk-browser__dots i:nth-child(3) { background: #6BBF59; }
.fu-mk-browser__nav { display: flex; gap: clamp(6px, 1cqi, 12px); }
.fu-mk-browser__nav svg, .fu-mk-browser__act svg { width: clamp(10px, 1.4cqi, 15px); height: auto; }
.fu-mk-browser__url { justify-self: center; display: flex; align-items: center; justify-content: center; gap: 6px; width: min(100%, 52cqi); height: 68%; padding: 0 12px; border-radius: 99px; background: var(--b-url); color: var(--b-fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fu-mk-browser__url svg { width: clamp(8px, 1cqi, 11px); flex: none; color: var(--b-mut); }
.fu-mk-browser__act { display: flex; gap: clamp(8px, 1.2cqi, 14px); }
.fu-mk-browser .fu-mk-screen { aspect-ratio: var(--fu-mk-sr, 16 / 10); background: #fff; }
@container (max-width: 420px) { .fu-mk-browser__nav, .fu-mk-browser__act { display: none; } .fu-mk-browser__bar { grid-template-columns: auto minmax(0, 1fr); } }
/* Dizüstü + telefon */
.fu-mk-combo { position: relative; width: min(100%, var(--fu-mk-max, 1200px)); container-type: inline-size; padding: 0 0 0 0; }
.fu-mk--tone .fu-mk-combo { width: min(98cqi, var(--fu-mk-max, 1200px)); }
/* Sabit oranlı sahnede (kart, kapak) kompozisyonlar sahneye sığar */
.fu-mk--fixed .fu-mk-combo { width: min(90cqw, 140cqh, var(--fu-mk-max, 1200px)); }
.fu-mk--fixed .fu-mk-cards { width: min(92cqw, 118cqh, var(--fu-mk-max, 760px)); }
.fu-mk--fixed .fu-mk-box { width: min(86cqw, 84cqh, var(--fu-mk-max, 620px)); }
.fu-mk-combo .fu-mk-laptop { width: 88cqi; margin-right: auto; }
.fu-mk-combo__phone { position: absolute; right: 0; bottom: -1cqi; width: 21cqi; z-index: 2; }
.fu-mk-combo__phone .fu-mk-phone { width: 100%; }

/* ── 28. Instagram ─────────────────────────────────────────────────── */
.fu-mk-ig { --ig-bg: #000; --ig-fg: #F5F5F5; --ig-mut: #A8A8A8; --ig-line: #262626; --ig-btn: #262626;
  position: relative; width: min(100%, var(--fu-mk-max, 430px)); container-type: inline-size; overflow: hidden; overflow: clip; border-radius: 4.5cqi;
  background: var(--ig-bg); color: var(--ig-fg); font: 400 3.5cqi/1.35 -apple-system, BlinkMacSystemFont, 'Helvetica Neue', var(--fu-font);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 3cqi 6cqi -1cqi rgba(var(--fu-shade, 0, 0, 0), .35), 0 10cqi 20cqi -6cqi rgba(var(--fu-shade, 0, 0, 0), .45); text-align: left; }
[data-tema="krem"] .fu-mk-ig, .fu-mk-ig--light { --ig-bg: #FFFFFF; --ig-fg: #0C1014; --ig-mut: #737373; --ig-line: #DBDBDB; --ig-btn: #EFEFEF; }
.fu-mk--tone .fu-mk-ig { width: min(64cqi, var(--fu-mk-max, 430px)); }
.fu-mk--fixed .fu-mk-ig { width: min(70cqw, 52cqh, var(--fu-mk-max, 430px)); }
.fu-mk-ig__i { width: 6cqi; height: 6cqi; flex: none; }
.fu-mk-ig__top { display: flex; align-items: center; justify-content: space-between; height: 12cqi; padding: 0 4cqi; }
.fu-mk-ig__user { display: flex; align-items: center; gap: 1.4cqi; font-weight: 700; font-size: 5cqi; }
.fu-mk-ig__user svg { width: 4cqi; height: 4cqi; }
.fu-mk-ig__icons { display: flex; gap: 5cqi; }
.fu-mk-ig__head { display: grid; grid-template-columns: 22cqi 1fr; gap: 6cqi; align-items: center; padding: 1cqi 4cqi 3cqi; }
.fu-mk-ig__avatar { position: relative; aspect-ratio: 1; border-radius: 50%; padding: .9cqi; background: conic-gradient(from 200deg, #8E6B2A, #F6DFA4, #C9A45A, #8E6B2A); }
.fu-mk-ig__avatar > span { position: relative; display: grid; place-items: center; width: 100%; height: 100%; border-radius: 50%; background: #0F0E0C; box-shadow: 0 0 0 .8cqi var(--ig-bg); overflow: hidden; color: #C9A45A; }
.fu-mk-ig__avatar svg { width: 60%; height: 60%; }
.fu-mk-ig__stats { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; }
.fu-mk-ig__stats b { display: block; font-size: 4.4cqi; font-weight: 700; }
.fu-mk-ig__stats span { color: var(--ig-fg); font-size: 3.4cqi; }
.fu-mk-ig__bio { padding: 0 4cqi 3cqi; display: flex; flex-direction: column; gap: .3cqi; font-size: 3.4cqi; }
.fu-mk-ig__bio b { font-weight: 600; }
.fu-mk-ig__bio .m { color: var(--ig-mut); }
.fu-mk-ig__bio .l { color: #E0C07A; font-weight: 500; }
[data-tema="krem"] .fu-mk-ig__bio .l, .fu-mk-ig--light .fu-mk-ig__bio .l { color: #00376B; }
.fu-mk-ig__btns { display: grid; grid-template-columns: 1fr 1fr auto; gap: 1.6cqi; padding: 0 4cqi 4cqi; }
.fu-mk-ig__btns span { display: grid; place-items: center; height: 8cqi; padding: 0 3cqi; border-radius: 2cqi; background: var(--ig-btn); font-weight: 600; font-size: 3.4cqi; }
.fu-mk-ig__hl { display: flex; gap: 4cqi; padding: 0 4cqi 4cqi; overflow: hidden; }
.fu-mk-ig__hl > span { display: flex; flex-direction: column; align-items: center; gap: 1.4cqi; font-size: 3cqi; flex: none; width: 15cqi; text-align: center; }
.fu-mk-ig__hl i { position: relative; display: grid; place-items: center; width: 15cqi; aspect-ratio: 1; border-radius: 50%; border: .3cqi solid var(--ig-line); padding: .8cqi; overflow: hidden; }
.fu-mk-ig__hl i > span { display: grid; place-items: center; width: 100%; height: 100%; border-radius: 50%; background: var(--ig-btn); overflow: hidden; color: #C9A45A; }
.fu-mk-ig__hl i svg { width: 55%; height: 55%; }
.fu-mk-ig__tabs { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--ig-line); }
.fu-mk-ig__tabs span { display: grid; place-items: center; height: 10cqi; color: var(--ig-mut); }
.fu-mk-ig__tabs span:first-child { color: var(--ig-fg); box-shadow: inset 0 -.35cqi 0 var(--ig-fg); }
.fu-mk-ig__tabs svg { width: 5.4cqi; height: 5.4cqi; }
.fu-mk-ig__grid { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: .45cqi; }
.fu-mk-ig__tile { position: relative; aspect-ratio: 3 / 4; overflow: hidden; overflow: clip; background: var(--ig-btn); }
.fu-mk-ig__tile :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
.fu-mk-ig__puzzle { position: absolute; inset: 0; z-index: 1; }
.fu-mk-ig__puzzle :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
.fu-mk-ig__puzzle::before, .fu-mk-ig__puzzle::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.fu-mk-ig__puzzle::before { background: linear-gradient(90deg, transparent calc(33.333% - .225cqi), var(--ig-bg) calc(33.333% - .225cqi), var(--ig-bg) calc(33.333% + .225cqi), transparent calc(33.333% + .225cqi), transparent calc(66.666% - .225cqi), var(--ig-bg) calc(66.666% - .225cqi), var(--ig-bg) calc(66.666% + .225cqi), transparent calc(66.666% + .225cqi)); }
.fu-mk-ig__puzzle::after { background: linear-gradient(180deg, transparent calc(33.333% - .225cqi), var(--ig-bg) calc(33.333% - .225cqi), var(--ig-bg) calc(33.333% + .225cqi), transparent calc(33.333% + .225cqi), transparent calc(66.666% - .225cqi), var(--ig-bg) calc(66.666% - .225cqi), var(--ig-bg) calc(66.666% + .225cqi), transparent calc(66.666% + .225cqi)); }
.fu-mk-ig__multi { position: absolute; right: 2cqi; top: 2cqi; width: 4cqi; height: 4cqi; color: #fff; filter: drop-shadow(0 0 2px rgba(0, 0, 0, .5)); }
/* tekil gönderi */
.fu-mk-ig--post { width: min(100%, var(--fu-mk-max, 470px)); }
.fu-mk--tone .fu-mk-ig--post { width: min(66cqi, var(--fu-mk-max, 470px)); }
.fu-mk-ig__phead { display: flex; align-items: center; gap: 2.6cqi; height: 13cqi; padding: 0 3.4cqi; }
.fu-mk-ig__phead .fu-mk-ig__avatar { width: 8.4cqi; padding: .45cqi; }
.fu-mk-ig__phead .fu-mk-ig__avatar > span { box-shadow: 0 0 0 .4cqi var(--ig-bg); }
.fu-mk-ig__pname { display: flex; flex-direction: column; flex: 1; font-size: 3.4cqi; line-height: 1.25; }
.fu-mk-ig__pname b { font-weight: 600; }
.fu-mk-ig__pname span { color: var(--ig-fg); font-size: 3cqi; }
.fu-mk-ig__pmedia { position: relative; aspect-ratio: 4 / 5; overflow: hidden; overflow: clip; background: var(--ig-btn); }
.fu-mk-ig__pmedia :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
.fu-mk-ig__actions { display: flex; align-items: center; gap: 4cqi; padding: 3cqi 3.4cqi 2cqi; }
.fu-mk-ig__actions .s { margin-left: auto; }
.fu-mk-ig__dots { position: absolute; left: 50%; translate: -50% 0; display: flex; gap: .9cqi; }
.fu-mk-ig__dots i { width: 1.4cqi; height: 1.4cqi; border-radius: 50%; background: var(--ig-line); }
.fu-mk-ig__dots i:first-child { background: #C9A45A; }
.fu-mk-ig__pbody { display: flex; flex-direction: column; gap: 1cqi; padding: 0 3.4cqi 4cqi; font-size: 3.4cqi; }
.fu-mk-ig__pbody b { font-weight: 600; }
.fu-mk-ig__pbody .m { color: var(--ig-mut); font-size: 3.1cqi; }
.fu-mk-ig__heart { color: #E5484D; }

/* sayısız (portföy) başlık: avatar + ad/kategori; profil fotoğrafı ya da baş harfler */
.fu-mk-ig__ident { display: flex; flex-direction: column; gap: .8cqi; min-width: 0; }
.fu-mk-ig__ident b { font-size: 4.6cqi; font-weight: 700; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fu-mk-ig__ident span { color: var(--ig-mut); font-size: 3.4cqi; }
.fu-mk-ig__avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.fu-mk-ig__ini { display: grid; place-items: center; width: 100%; height: 100%; color: #F3EFE6; font-weight: 600; letter-spacing: .02em; line-height: 1; }
.fu-mk-ig__head .fu-mk-ig__ini { font-size: 7.4cqi; }
.fu-mk-ig__phead .fu-mk-ig__ini { font-size: 3cqi; }

/* ── 28b. Instagram Reels (dikey video, telefon üstünde arayüz) ───────── */
.fu-mk-reel__ui { position: absolute; inset: 0; z-index: 2; color: #FFFFFF; font: 400 3.6cqw/1.3 -apple-system, BlinkMacSystemFont, 'Helvetica Neue', var(--fu-font); text-align: left; pointer-events: none; }
.fu-mk-reel__ui svg { display: block; width: 100%; height: 100%; overflow: visible; }
.fu-mk-reel__scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .66) 100%); }
.fu-mk-reel__status { position: absolute; left: 9.5cqw; right: 8cqw; top: 7.2cqw; translate: 0 -50%; display: flex; justify-content: space-between; align-items: center; font-size: 3.8cqw; letter-spacing: -.01em; }
.fu-mk-reel__status b { font-weight: 600; }
.fu-mk-reel__status span { display: flex; align-items: center; gap: 1.2cqw; }
.fu-mk-reel__status i { display: block; width: 4.4cqw; height: 2.3cqw; border-radius: .7cqw; background: #FFFFFF; }
.fu-mk-reel__status i:first-child { width: 3.6cqw; clip-path: polygon(0 100%, 100% 0, 100% 100%); border-radius: 0; }
.fu-mk-reel__status i:nth-child(2) { width: 3.8cqw; height: 2.8cqw; border-radius: 50% 50% 0 0 / 100% 100% 0 0; clip-path: polygon(50% 100%, 0 14%, 100% 14%); }
.fu-mk-reel__status i:last-child { width: 6cqw; height: 2.8cqw; border-radius: .9cqw; background: transparent; box-shadow: inset 0 0 0 .3cqw rgba(255, 255, 255, .7), inset 0 0 0 .75cqw #000, inset 0 0 0 4cqw #FFFFFF; }
.fu-mk-reel__top { position: absolute; left: 4.5cqw; right: 4.5cqw; top: 15.5cqw; display: flex; justify-content: space-between; align-items: center; }
.fu-mk-reel__top b { display: inline-flex; align-items: center; gap: 1.2cqw; font-size: 6cqw; font-weight: 700; letter-spacing: -.02em; }
.fu-mk-reel__top b svg { width: 4cqw; height: 4cqw; }
.fu-mk-reel__top > svg { width: 7cqw; height: 7cqw; }
.fu-mk-reel__side { position: absolute; right: 2.6cqw; bottom: 21cqw; display: flex; flex-direction: column; align-items: center; gap: 5cqw; }
.fu-mk-reel__side > span { display: flex; flex-direction: column; align-items: center; gap: .8cqw; width: 8.4cqw; filter: drop-shadow(0 .3cqw .8cqw rgba(0, 0, 0, .35)); }
.fu-mk-reel__side svg { width: 7.4cqw; height: 7.4cqw; }
.fu-mk-reel__side small { font-size: 3cqw; font-weight: 600; }
.fu-mk-reel__disc { width: 8cqw !important; height: 8cqw; border-radius: 2cqw; border: .55cqw solid #FFFFFF; overflow: hidden; background: #0F0E0C; color: #C9A45A; display: grid !important; place-items: center; }
.fu-mk-reel__disc :is(svg, img) { width: 70% !important; height: 70% !important; object-fit: cover; }
.fu-mk-reel__disc img { width: 100% !important; height: 100% !important; }
.fu-mk-reel__meta { position: absolute; left: 4cqw; right: 16cqw; bottom: 18.5cqw; display: flex; flex-direction: column; gap: 2.3cqw; }
.fu-mk-reel__who { display: flex; align-items: center; gap: 2.2cqw; min-width: 0; }
.fu-mk-reel__who b { font-size: 3.8cqw; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fu-mk-reel__av, .fu-mk-reel__me { flex: none; display: grid; place-items: center; width: 7.6cqw; height: 7.6cqw; border-radius: 50%; overflow: hidden; background: #0F0E0C; color: #C9A45A; box-shadow: 0 0 0 .35cqw rgba(255, 255, 255, .9); }
.fu-mk-reel__av svg, .fu-mk-reel__me svg { width: 66%; height: 66%; }
.fu-mk-reel__av img, .fu-mk-reel__me img { width: 100%; height: 100%; object-fit: cover; }
.fu-mk-reel__av .fu-mk-ig__ini, .fu-mk-reel__me .fu-mk-ig__ini, .fu-mk-reel__disc .fu-mk-ig__ini { font-size: 2.9cqw; }
.fu-mk-reel__follow { flex: none; padding: .7cqw 2.4cqw .8cqw; border-radius: 1.8cqw; box-shadow: inset 0 0 0 .3cqw rgba(255, 255, 255, .8); font-size: 3.2cqw; font-weight: 600; }
.fu-mk-reel__text { margin: 0; font-size: 3.5cqw; line-height: 1.32; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-shadow: 0 .2cqw .8cqw rgba(0, 0, 0, .35); }
.fu-mk-reel__audio { display: inline-flex; align-items: center; gap: 1.6cqw; align-self: flex-start; max-width: 100%; padding: 1.1cqw 2.6cqw 1.1cqw 2cqw; border-radius: 99px; background: rgba(255, 255, 255, .16); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-size: 3.2cqw; }
.fu-mk-reel__audio > svg { flex: none; width: 3.4cqw; height: 3.4cqw; }
.fu-mk-reel__tick { display: block; overflow: hidden; white-space: nowrap; max-width: 46cqw; -webkit-mask-image: linear-gradient(90deg, #000 82%, transparent); mask-image: linear-gradient(90deg, #000 82%, transparent); }
.fu-mk-reel__tick > span { display: inline-block; will-change: transform; }
.fu-mk-reel__tick i { font-style: normal; padding: 0 1.8cqw; opacity: .8; }
.fu-mk--instagram-reel:hover .fu-mk-reel__tick > span { animation: fu-reel-tick 9s linear infinite; }
@keyframes fu-reel-tick { to { translate: -50% 0; } }
.fu-mk-reel__prog { position: absolute; left: 0; right: 0; bottom: 14.2cqw; height: .6cqw; background: rgba(255, 255, 255, .26); }
.fu-mk-reel__prog i { position: absolute; inset: 0 auto 0 0; width: calc(var(--fu-reel-p, .36) * 100%); background: #FFFFFF; }
.fu-mk-reel__tabs { position: absolute; left: 0; right: 0; bottom: 0; height: 14.2cqw; padding: 2.6cqw 6cqw 0; display: flex; justify-content: space-between; align-items: flex-start; background: #000000; }
.fu-mk-reel__tabs > svg { width: 6.6cqw; height: 6.6cqw; opacity: .92; }
.fu-mk-reel__tabs .fu-mk-reel__me { width: 6.6cqw; height: 6.6cqw; box-shadow: 0 0 0 .3cqw rgba(255, 255, 255, .85); }
.fu-mk-reel__tabs::after { content: ""; position: absolute; left: 50%; bottom: 1.5cqw; width: 34cqw; height: 1.2cqw; translate: -50% 0; border-radius: 99px; background: rgba(255, 255, 255, .9); }
.fu-mk-reel .fu-mk-screen { background: #000000; }

/* ── 29. Baskı: afiş, billboard, kartvizit ──────────────────────────── */
.fu-mk-wall { position: relative; width: 100%; display: grid; place-items: center; }
.fu-mk--tone .fu-mk-wall::before { content: ""; position: absolute; inset: -40% -20%; z-index: -1; background: radial-gradient(60% 50% at 30% 20%, rgba(255, 255, 255, .2), transparent 70%); pointer-events: none; }
.fu-mk-poster { position: relative; width: min(100%, var(--fu-mk-max, 560px)); aspect-ratio: 1 / 1.4142; background: #FBFAF6; container-type: inline-size;
  box-shadow: 0 .2cqi .3cqi rgba(0, 0, 0, .18), 0 2cqi 3cqi -1cqi rgba(var(--fu-shade, 0, 0, 0), .3), 0 8cqi 14cqi -5cqi rgba(var(--fu-shade, 0, 0, 0), .45), 0 18cqi 30cqi -12cqi rgba(var(--fu-shade, 0, 0, 0), .35); }
.fu-mk--tone .fu-mk-poster { width: min(56cqi, var(--fu-mk-max, 560px)); }
.fu-mk--fixed .fu-mk-poster { width: min(62cqw, 58cqh, var(--fu-mk-max, 560px)); }
.fu-mk-poster__print { position: absolute; inset: var(--fu-mk-margin, 0); overflow: hidden; overflow: clip; background: #E9E3D6; }
.fu-mk-poster__print :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
.fu-mk-poster__sheen { position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(105deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .1) 100%), linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(0, 0, 0, .06)); mix-blend-mode: soft-light; }
.fu-mk-poster__tape { position: absolute; z-index: 3; top: -2.4cqi; width: 18cqi; height: 6.2cqi; background: rgba(243, 236, 220, .62); box-shadow: 0 .3cqi .6cqi rgba(0, 0, 0, .1); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); clip-path: polygon(2% 8%, 98% 0, 100% 92%, 0 100%); }
.fu-mk-poster__tape--l { left: -4cqi; rotate: -32deg; }
.fu-mk-poster__tape--r { right: -4cqi; rotate: 30deg; }
.fu-mk-poster--margin { --fu-mk-margin: 5cqi; }
/* Billboard: akşam ışığı, şehir silueti, ışıklı pano */
.fu-mk-bb { position: relative; width: 100%; aspect-ratio: 16 / 11; overflow: hidden; overflow: clip; container-type: inline-size; border-radius: var(--fu-mk-r, 0);
  background: linear-gradient(180deg, #0E1220 0%, #1D2133 34%, #4A3B3A 62%, #B9894A 82%, #E6C98A 100%); }
.fu-mk-bb--day { background: linear-gradient(180deg, #9CB4C8 0%, #C7D3DA 48%, #EADFC9 82%, #F3E6CB 100%); }
.fu-mk-bb__sun { position: absolute; left: 70%; top: 74%; width: 60cqi; aspect-ratio: 1; translate: -50% -50%; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 236, 190, .85), rgba(230, 180, 100, .35) 35%, transparent 70%); }
.fu-mk-bb__stars { position: absolute; inset: 0 0 45% 0; width: 100%; height: 55%; color: #F3EFE6; }
.fu-mk-bb__city { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 34%; color: #0B0C12; }
.fu-mk-bb--day .fu-mk-bb__city { color: #5B6470; }
.fu-mk-bb__unit { position: absolute; left: 14cqi; width: 72cqi; top: 8cqi; }
.fu-mk-bb__lamps { position: absolute; left: 0; right: 0; top: -3.2cqi; display: flex; justify-content: space-around; padding: 0 10%; }
.fu-mk-bb__lamps i { position: relative; width: 4.6cqi; height: 1.4cqi; border-radius: .4cqi .4cqi 1.4cqi 1.4cqi; background: #1A1B20; }
.fu-mk-bb__lamps i::before { content: ""; position: absolute; left: 50%; top: 1.3cqi; width: .4cqi; height: 2.2cqi; background: #1A1B20; translate: -50% 0; }
.fu-mk-bb__lamps i::after { content: ""; position: absolute; left: 50%; top: 1.1cqi; width: 26cqi; height: 30cqi; translate: -50% 0; background: radial-gradient(60% 55% at 50% 0%, rgba(255, 240, 205, .5), rgba(255, 230, 180, .12) 55%, transparent 75%); pointer-events: none; mix-blend-mode: screen; }
.fu-mk-bb--day .fu-mk-bb__lamps i::after { display: none; }
.fu-mk-bb__panel { position: relative; aspect-ratio: var(--fu-mk-sr, 2 / 1); padding: 1cqi; background: linear-gradient(180deg, #2A2B31, #121318); box-shadow: 0 1.4cqi 2.4cqi rgba(0, 0, 0, .45); }
.fu-mk-bb__face { position: relative; width: 100%; height: 100%; overflow: hidden; overflow: clip; background: #26231E; }
.fu-mk-bb__face :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
.fu-mk-bb__face::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(180deg, rgba(255, 240, 210, .22) 0%, transparent 40%, rgba(0, 0, 0, .18) 100%); mix-blend-mode: soft-light; }
.fu-mk-bb__walk { position: relative; height: 1.1cqi; margin: 0 3%; background: #1A1B20; }
.fu-mk-bb__walk::before { content: ""; position: absolute; left: 0; right: 0; top: -2.2cqi; height: 2.2cqi; background: repeating-linear-gradient(90deg, #1A1B20 0 .3cqi, transparent .3cqi 3cqi); border-top: .3cqi solid #1A1B20; opacity: .9; }
.fu-mk-bb__pole { position: relative; width: 4.2cqi; height: 40cqi; margin: 0 auto; background: linear-gradient(90deg, #08090D, #2A2C33 45%, #0C0D12); }
.fu-mk-bb__pole::before { content: ""; position: absolute; left: -8cqi; right: -8cqi; top: 0; height: 2cqi; background: #14151A; clip-path: polygon(0 0, 100% 0, 60% 100%, 40% 100%); }
.fu-mk-bb__haze { position: absolute; left: 0; right: 0; bottom: 0; height: 30%; background: linear-gradient(0deg, rgba(14, 18, 32, .55), transparent); pointer-events: none; }
/* Kartvizit */
.fu-mk-cards { position: relative; width: min(100%, var(--fu-mk-max, 760px)); aspect-ratio: 4 / 3; container-type: inline-size; }
.fu-mk--tone .fu-mk-cards { width: min(92cqi, var(--fu-mk-max, 760px)); }
.fu-mk-card { position: absolute; width: 58cqi; aspect-ratio: 85 / 55; border-radius: 1.1cqi; overflow: hidden; overflow: clip; background: #FBFAF6;
  box-shadow: 0 .15cqi 0 rgba(0, 0, 0, .06), 0 .4cqi .6cqi rgba(0, 0, 0, .14), 0 3cqi 5cqi -1.5cqi rgba(var(--fu-shade, 0, 0, 0), .35), 0 7cqi 12cqi -6cqi rgba(var(--fu-shade, 0, 0, 0), .35); }
.fu-mk-card :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
.fu-mk-card::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 .12cqi rgba(255, 255, 255, .35); background: linear-gradient(120deg, rgba(255, 255, 255, .16), transparent 40%, rgba(0, 0, 0, .06)); }
.fu-mk-card--back { left: 8cqi; top: 10cqi; rotate: -9deg; }
.fu-mk-card--mid { left: 10cqi; top: 13cqi; rotate: -6deg; background: #EDE6D8; }
.fu-mk-card--front { right: 6cqi; bottom: 9cqi; rotate: 5deg; }
.fu-mk-card__default { position: absolute; inset: 0; display: grid; place-items: center; background: #0F0E0C; color: #F3EFE6; }
.fu-mk-card__default .fu-logo { width: 46%; }

/* ── 30. Ürün: ambalaj kutusu, tişört ───────────────────────────────── */
.fu-mk-box { position: relative; width: min(100%, var(--fu-mk-max, 620px)); aspect-ratio: 1 / .92; container-type: inline-size; perspective: 2400px; display: grid; place-items: center; }
.fu-mk--tone .fu-mk-box { width: min(92cqi, var(--fu-mk-max, 620px)); }
.fu-mk-box__obj { --w: 50cqi; --h: 50cqi; --d: 22cqi; position: relative; width: var(--w); height: var(--h); transform-style: preserve-3d; transform: translateY(6cqi) rotateX(-17deg) rotateY(-34deg); }
.fu-mk--left .fu-mk-box__obj { transform: translateY(6cqi) rotateX(-17deg) rotateY(34deg); }
.fu-mk--left .fu-mk__obj, .fu-mk--right .fu-mk__obj:has(.fu-mk-box) { transform: none; }
.fu-mk-box__face { position: absolute; left: 0; top: 0; overflow: hidden; overflow: clip; background: var(--fu-box, #0F0E0C); backface-visibility: hidden; }
.fu-mk-box__face :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
.fu-mk-box__face::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; box-shadow: inset 0 0 0 .14cqi rgba(255, 255, 255, .16); }
.fu-mk-box__face--front::after { background: linear-gradient(125deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, 0) 38%, rgba(0, 0, 0, .12) 100%); }
.fu-mk-box__face--front { width: var(--w); height: var(--h); transform: translateZ(calc(var(--d) / 2)); }
.fu-mk-box__face--back { width: var(--w); height: var(--h); transform: rotateY(180deg) translateZ(calc(var(--d) / 2)); }
.fu-mk-box__face--right { width: var(--d); height: var(--h); left: calc((var(--w) - var(--d)) / 2); transform: rotateY(90deg) translateZ(calc(var(--w) / 2)); }
.fu-mk-box__face--left { width: var(--d); height: var(--h); left: calc((var(--w) - var(--d)) / 2); transform: rotateY(-90deg) translateZ(calc(var(--w) / 2)); }
.fu-mk-box__face--top { width: var(--w); height: var(--d); top: calc((var(--h) - var(--d)) / 2); transform: rotateX(90deg) translateZ(calc(var(--h) / 2)); }
.fu-mk-box__face--right::before, .fu-mk-box__face--left::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .12)); pointer-events: none; }
.fu-mk-box__face--top::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .06)); pointer-events: none; }
.fu-mk-box__side { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 3.4cqi 0; color: var(--fu-box-ink, #C9A45A); }
.fu-mk-box__side .fu-star { width: 7cqi; }
.fu-mk-box__vert { writing-mode: vertical-rl; rotate: 180deg; font: 500 2.2cqi/1 var(--fu-mono); letter-spacing: .3em; white-space: nowrap; }
.fu-mk-box__top { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; color: var(--fu-box-ink, #C9A45A); }
.fu-mk-box__top .fu-logo { width: 40%; color: var(--fu-box-ink, #F3EFE6); }
.fu-mk-box__shadow { position: absolute; left: 50%; bottom: 7%; width: 74cqi; height: 16cqi; translate: -50% 0; z-index: -1; border-radius: 50%; background: radial-gradient(closest-side, rgba(var(--fu-shade, 0, 0, 0), .55), transparent); filter: blur(1.2cqi); }
/* Tişört */
.fu-mk-tee { position: relative; width: min(100%, var(--fu-mk-max, 640px)); aspect-ratio: 1000 / 1100; container-type: inline-size; color: var(--fu-fabric, #1A1917); }
.fu-mk--tone .fu-mk-tee { width: min(72cqi, var(--fu-mk-max, 640px)); }
.fu-mk--fixed .fu-mk-tee { width: min(80cqw, 72cqh, var(--fu-mk-max, 640px)); }
.fu-mk-tee__svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 2.4cqi 3cqi rgba(var(--fu-shade, 0, 0, 0), .32)); }
.fu-mk-tee__print { position: absolute; left: 34.5%; top: 25.5%; width: 31%; aspect-ratio: var(--fu-mk-sr, 4 / 5); overflow: hidden; overflow: clip; mix-blend-mode: var(--fu-print-blend, normal); opacity: .95; filter: contrast(1.03) saturate(.95); }
.fu-mk-tee--light .fu-mk-tee__print { --fu-print-blend: multiply; opacity: .96; }
.fu-mk-tee__print::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: .35; mix-blend-mode: overlay; background-size: 120px 120px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E"); }
.fu-mk-tee__print :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
.fu-mk-tee__print::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(100deg, rgba(0, 0, 0, .12), transparent 30%, transparent 70%, rgba(0, 0, 0, .12)); }
.fu-mk-tee__tag { position: absolute; left: 61.5%; top: 9.5%; width: 9.4cqi; aspect-ratio: 9 / 14; rotate: 9deg; transform-origin: 50% 0; padding: 1cqi .8cqi; display: flex; flex-direction: column; align-items: center; justify-content: space-between; border-radius: .6cqi; background: #F3EFE6; color: #0F0E0C; box-shadow: 0 .6cqi 1.2cqi rgba(0, 0, 0, .3); }
.fu-mk-tee__tag::before { content: ""; position: absolute; top: .9cqi; left: 50%; width: 1cqi; height: 1cqi; translate: -50% 0; border-radius: 50%; background: var(--fu-fabric, #1A1917); box-shadow: inset 0 0 0 .2cqi rgba(0, 0, 0, .3); }
.fu-mk-tee__tag .fu-star { width: 4.6cqi; margin-top: 2cqi; color: #B38B3F; }
.fu-mk-tee__tag span { font: 500 1.05cqi/1.2 var(--fu-mono); letter-spacing: .18em; text-align: center; }
.fu-mk-tee__string { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }

/* ═══ 31. HAREKET SİSTEMİ ════════════════════════════════════════════
   html.fu-js   → betik çalışıyor (gizli başlangıç durumları etkin)
   html.fu-ready→ hareket sistemi kuruldu
   .fu-in       → öğe görünür oldu (bir kez)
   JS yoksa her şey görünür; JS geç kalırsa 2.6 sn sonra güvenlik ağı açar. */
[data-fu-reveal] {
  --fu-td: calc(var(--fu-delay, 0ms) + var(--i, 0) * var(--fu-stagger));
  transition: opacity var(--fu-d3) var(--fu-ease-out) var(--fu-td), translate var(--fu-d3) var(--fu-ease-out) var(--fu-td),
    scale var(--fu-d3) var(--fu-ease-out) var(--fu-td), clip-path var(--fu-d4) var(--fu-ease-io) var(--fu-td), filter var(--fu-d3) var(--fu-ease-out) var(--fu-td);
}
.fu-js:not(.fu-ready) [data-fu-reveal], .fu-js:not(.fu-ready) [data-fu-reveal] :is(.fu-wi, .fu-ci) { animation: fu-failsafe 1ms linear 2.6s forwards; }
@keyframes fu-failsafe { to { opacity: 1; translate: none; scale: none; clip-path: none; filter: none; } }
.fu-js [data-fu-reveal="rise"]:not(.fu-in) { opacity: 0; translate: 0 56px; }
.fu-js [data-fu-reveal="fade"]:not(.fu-in) { opacity: 0; }
.fu-js [data-fu-reveal="scale"]:not(.fu-in) { opacity: 0; scale: .9; }
.fu-js [data-fu-reveal="blur"]:not(.fu-in) { opacity: 0; filter: blur(14px); translate: 0 24px; }
.fu-js [data-fu-reveal="clip"]:not(.fu-in) { clip-path: inset(100% 0 0 0); }
.fu-js [data-fu-reveal="clip-x"]:not(.fu-in) { clip-path: inset(0 100% 0 0); }
.fu-js [data-fu-reveal="clip-c"]:not(.fu-in) { clip-path: inset(18% 22% 18% 22%); }
.fu-js [data-fu-reveal="clip-c"]:not(.fu-in) { opacity: 0; }
/* Kırpma girişinde iç görsel yakından uzaklaşır */
[data-fu-reveal^="clip"] :is(.fu-media__img, .fu-media__video, .fu-pcard__media > img, .fu-pcard__media > video, .fu-reveal-zoom) { transition: scale var(--fu-d4) var(--fu-ease-out) var(--fu-td, 0ms); }
.fu-js [data-fu-reveal^="clip"]:not(.fu-in) :is(.fu-media__img, .fu-media__video, .fu-pcard__media > img, .fu-pcard__media > video, .fu-reveal-zoom) { scale: 1.22; }
/* Metin bölme: maske (kelime/harf), satır satır */
.fu-split { display: inline; }
.fu-w { display: inline-block; vertical-align: top; overflow: hidden; overflow: clip; padding: .2em .05em .26em; margin: -.2em -.05em -.26em; }
.fu-wi, .fu-ci { display: inline-block; transform-origin: 0 100%; }
[data-fu-reveal="mask"] .fu-wi, [data-fu-reveal="mask"] .fu-ci, [data-fu-reveal="lines"] .fu-wi {
  transition: translate var(--fu-d3) var(--fu-ease-out) calc(var(--fu-delay, 0ms) + var(--i, 0) * var(--fu-stagger)),
    rotate var(--fu-d3) var(--fu-ease-out) calc(var(--fu-delay, 0ms) + var(--i, 0) * var(--fu-stagger));
}
[data-fu-reveal="mask"] .fu-ci { transition-duration: 900ms; }
[data-fu-reveal="lines"] .fu-wi { transition-delay: calc(var(--fu-delay, 0ms) + var(--l, 0) * var(--fu-line-stagger)); }
.fu-js [data-fu-reveal="mask"]:not(.fu-in) :is(.fu-wi, .fu-ci) { translate: 0 112%; rotate: 7deg; }
.fu-js [data-fu-reveal="lines"]:not(.fu-in) .fu-wi { translate: 0 108%; }
/* Sayaç: rakamlar sabit genişlik */
[data-fu-counter] { font-variant-numeric: tabular-nums; }

/* Kaydırmaya bağlı hareket (CSS scroll-driven; destek yoksa JS yedeği aynı değişkenleri yazar) */
[data-fu-parallax] { --fu-p: .1; }
@media (prefers-reduced-motion: no-preference) {
  [data-fu-parallax] { scale: calc(1 + var(--fu-p) * 1.1); translate: 0 calc((var(--fu-pp, .5) - .5) * var(--fu-p) * 100%); }
  .fu-mk [data-fu-parallax], .fu-mk-screen [data-fu-parallax] { scale: calc(1 + var(--fu-p) * 1.2); }
  [data-fu-scrub="progress"] { scale: var(--fu-prog, 0) 1; transform-origin: left center; }
  [data-fu-scrub="out"] { opacity: calc(1 - var(--fu-out, 0) * .9); translate: 0 calc(var(--fu-out, 0) * -14vh); scale: calc(1 - var(--fu-out, 0) * .06); }
  [data-fu-scrub="zoom"] { scale: calc(1.18 - var(--fu-pp, 0) * .18); }
  @supports (animation-timeline: view()) {
    [data-fu-parallax] { animation: fu-sd-par linear both; animation-timeline: view(); translate: none; }
    [data-fu-scrub="progress"] { animation: fu-sd-prog linear both; animation-timeline: view(); animation-range: entry 40% cover 55%; }
    [data-fu-scrub="out"] { animation: fu-sd-out linear both; animation-timeline: view(); animation-range: exit 0% exit 100%; }
    [data-fu-scrub="zoom"] { animation: fu-sd-zoom linear both; animation-timeline: view(); animation-range: entry 0% cover 50%; }
    .fu-hscroll--pin [data-fu-parallax] { animation: none; }
  }
}
@keyframes fu-sd-par { from { translate: 0 calc(var(--fu-p) * -50%); } to { translate: 0 calc(var(--fu-p) * 50%); } }
@keyframes fu-sd-prog { from { scale: 0 1; } to { scale: 1 1; } }
@keyframes fu-sd-out { from { opacity: 1; translate: 0 0; scale: 1; } to { opacity: .1; translate: 0 -14vh; scale: .94; } }
@keyframes fu-sd-zoom { from { scale: 1.18; } to { scale: 1; } }
/* Eğim ve mıknatıs: JS transform yazar; geri dönüş yay benzeri */
[data-fu-tilt] { transform-style: preserve-3d; }
[data-fu-magnetic] { will-change: transform; }

/* ── 32. Erişilebilirlik: azaltılmış hareket = tüm hareket kapalı ──── */
@media (prefers-reduced-motion: reduce) {
  .fu *, .fu *::before, .fu *::after, [data-tema] *, .fu-intro, .fu-cursor {
    animation-duration: 1ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important;
    transition-duration: 1ms !important; transition-delay: 0s !important; scroll-behavior: auto !important;
  }
  [data-fu-reveal], [data-fu-reveal] :is(.fu-wi, .fu-ci), .fu-js [data-fu-reveal]:not(.fu-in), .fu-js [data-fu-reveal]:not(.fu-in) :is(.fu-wi, .fu-ci, img, video) {
    opacity: 1 !important; translate: none !important; scale: none !important; rotate: none !important; clip-path: none !important; filter: none !important;
  }
  [data-fu-parallax], [data-fu-scrub] { animation: none !important; translate: none !important; scale: none !important; opacity: 1 !important; }
  [data-fu-scrub="progress"] { scale: 1 1 !important; }
  .fu-js [data-fu-star-intro] :is(.fu-star__frame, .fu-star__lines, .fu-star3d__frame-path) { stroke-dashoffset: 0 !important; fill-opacity: 1 !important; animation: none !important; }
  .fu-js [data-fu-star-intro] .fu-star__g, .fu-js [data-fu-star-intro].fu-star3d .fu-star3d__obj { rotate: none !important; scale: none !important; transform: none !important; opacity: 1 !important; animation: none !important; }
  .fu-js [data-fu-star-intro].fu-star3d .fu-star3d__layer { transform: translateZ(calc(var(--z, 0) * 1cqi)) !important; animation: none !important; }
  .fu-star3d__obj, .fu-aura__blob, .fu-aura__beam, .fu-sweep__rays, .fu-sweep__band, .fu-mesh__layer, .fu-field__tw, .fu-hero__cue i::after, .fu-marquee__track { animation: none !important; }
  .fu-logo--wipe :is(.fu-logo__word, .fu-logo__desc), .fu-intro__word { clip-path: none !important; animation: none !important; }
  .fu-menu__link > span { translate: none !important; }
  .fu-mk-media--scroll img { translate: none !important; }
  .fu-intro { display: none !important; }
}

/* ── 33. Baskı ──────────────────────────────────────────────────────── */
@media print {
  .fu, [data-tema] { --fu-bg: #fff; --fu-ink: #000; --fu-text: #111; --fu-soft: #333; --fu-muted: #555; background: #fff !important; color: #111 !important; }
  .fu-header, .fu-menu, .fu-cursor, .fu-intro, .fu-grain, .fu-aura, .fu-sweep, .fu-lightbox, .fu-hero__cue, .fu-marquee, .fu-preview, .fu-skip { display: none !important; }
  [data-fu-reveal], [data-fu-reveal] * { opacity: 1 !important; translate: none !important; scale: none !important; clip-path: none !important; filter: none !important; }
  .fu-hero { min-height: 0; }
  .fu-section { padding-block: 32px; }
  .fu-hscroll__track { flex-wrap: wrap; overflow: visible; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 10px; color: #555; }
  .fu-pcard, .fu-media, .fu-mk { break-inside: avoid; }
}

/* ── 34. Sayfa geçişleri (çapraz belge View Transitions) ───────────────
   @view-transition { navigation: auto } kuralını statik site çıktısı ekler (kitAssets().viewTransition).
   Paylaşılan öğeler: kart kapağı → vaka hero'su (fu-cover), kart başlığı → vaka başlığı (fu-title). */
html.fu::view-transition-group(*) { animation-duration: 760ms; animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
html.fu::view-transition-old(root) { animation: 420ms cubic-bezier(.65, 0, .35, 1) both fu-vt-out; }
html.fu::view-transition-new(root) { animation: 760ms cubic-bezier(.16, 1, .3, 1) 120ms both fu-vt-in; }
html.fu::view-transition-old(fu-cover), html.fu::view-transition-new(fu-cover) { height: 100%; object-fit: cover; overflow: clip; }
html.fu::view-transition-group(fu-title) { animation-duration: 640ms; }
@keyframes fu-vt-out { to { opacity: 0; transform: translate3d(0, -3vh, 0); } }
@keyframes fu-vt-in { from { opacity: 0; transform: translate3d(0, 5vh, 0); } }
@media (prefers-reduced-motion: reduce) {
  html.fu::view-transition-group(*), html.fu::view-transition-old(*), html.fu::view-transition-new(*) { animation: none !important; }
}

/* ── Famar portföy siteleri (Digital · Creative) ── */
/* ═══════════════════════════════════════════════════════════════════════
   FAMAR PORTFÖY SİTELERİ — site katmanı (pf-). Digital (krem) ve Creative (koyu) aynı dosyayı kullanır; site farkları
   html[data-site] ile. Kit (famar-ui.css, fu-) üzerine yalnızca sitelere özgü düzen ve parçalar.
   Aynı hareket dili: girişler var(--fu-ease-out), geçişler var(--fu-ease-io); yalnızca transform/opacity/
   clip-path canlanır (düzen ölçüsü canlanmaz → kayma yok). Azaltılmış harekette tüm hareket kapalı.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Temel ─────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: no-preference) { html.fu { scroll-behavior: smooth; } }
.fu [id] { scroll-margin-top: calc(var(--fu-header-h) + 8px); }
.pf-anchor { display: block; height: 0; }
main:focus { outline: none; }
.pf-ic { display: block; width: 1.15em; height: 1.15em; flex: none; }
.fu ::-moz-selection { background: var(--fu-sel-bg); color: var(--fu-sel-fg); }

/* Sabit en boy sahnesindeki mockup, içinde durduğu kutuyu doldurur (kart kapağı, vaka kapağı, sosyal kart) */
:is(.fu-pcard__media, .pf-scard__stage, .pf-cover, .pf-shero__grid, .pf-tile__media) > .fu-mk--fixed {
  position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto;
}

/* ── Ana sayfa: hero ─────────────────────────────────────────────────
   Kit başlığı genişliğe göre sığdırır; burada yükseklik de hesaba katılır: açıklama ve düğmeler ilk ekranda
   kalsın (satır sayısı sınıftan: pf-hero--l1…l4). Telefonda (satırlar kırılabilir) yalnızca genişlik kuralı.
   Satır aralığı kitin .86'sından biraz açık: Türkçe çengeller ve noktalar (Ç, ş, İ) alt satıra değmesin. */
.pf-hero--l1 { --pf-lines: 1; } .pf-hero--l2 { --pf-lines: 2; } .pf-hero--l3 { --pf-lines: 3; } .pf-hero--l4 { --pf-lines: 4; }
.pf-hero .fu-hero__title.fu-mega { line-height: .91; }
@media (min-width: 600px) {
  .pf-hero .fu-hero__title.fu-mega { font-size: min(var(--fu-t-mega), calc((100cqi - 2 * var(--fu-gut)) / (var(--fu-hero-k, 8) * .56)), calc((100vh - 450px) / (var(--pf-lines, 3) * .91))); }
  @supports (height: 100svh) { .pf-hero .fu-hero__title.fu-mega { font-size: min(var(--fu-t-mega), calc((100cqi - 2 * var(--fu-gut)) / (var(--fu-hero-k, 8) * .56)), calc((100svh - 450px) / (var(--pf-lines, 3) * .91))); } }
}

/* ── Ana sayfa: manifesto ──────────────────────────────────────────── */
.pf-manifesto__grid { display: grid; gap: clamp(24px, 4vw, 56px); }
@media (min-width: 900px) { .pf-manifesto__grid { grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); align-items: start; } }
.pf-manifesto__aside { display: flex; flex-direction: column; gap: 12px; padding-top: .5em; }
.pf-manifesto__text { display: block; color: var(--fu-ink); font-size: clamp(26px, 3.25vw, 52px); font-weight: 300; line-height: 1.13; letter-spacing: -.024em; text-wrap: pretty; }
.pf-manifesto__stats { margin-top: clamp(64px, 8vw, 128px); }
/* Okuma ışığı: kelimeler ekranın altından ortasına doğru ilerledikçe soluktan tam renge geçer (yalnızca opaklık,
   CSS kaydırma zaman çizelgesi; desteklemeyen tarayıcıda metin baştan tam renktir) */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .pf-manifesto__text .fu-wi { animation: pf-read linear both; animation-timeline: view(); animation-range: entry 0% cover 48%; }
  }
}
@keyframes pf-read { from { opacity: .16; } to { opacity: 1; } }

/* ── Ana sayfa: yazılım galerisi (kit HScroll) ─────────────────────── */
.pf-hs .fu-hscroll__stage { border-radius: var(--fu-r2); }
.pf-hs-stage { position: relative; border-radius: var(--fu-r2); overflow: hidden; overflow: clip; }
.pf-hs .fu-hscroll__item:hover .fu-mk__obj { scale: 1.025; }
.pf-hs .fu-mk__obj { transition: scale 1.1s var(--fu-ease-out); }

/* ── Ana sayfa: sosyal medya kartları (farklı hızda kayan kolonlar) ── */
.pf-scards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(48px, 6vw, 96px) var(--fu-gap); }
@media (min-width: 760px) { .pf-scards { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(24px, 3vw, 56px); } }
@media (min-width: 1100px) {
  .pf-scards--n { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pf-scards--n .pf-scards__item:nth-child(3n + 2) { margin-top: clamp(80px, 9vw, 160px); }
}
.pf-scard { display: flex; flex-direction: column; gap: 18px; color: inherit; }
/* Sabit sahnelerde (kart, galeri, sosyal kart) profil ızgarası boyu sahneye sığsın (≈ 2,1 × genişlik) */
:is(.fu-pcard__media, .pf-scard__stage, .pf-hs-stage) .fu-mk--fixed .fu-mk-ig:not(.fu-mk-ig--post) { width: min(40cqh, 66cqw, 400px); }
:is(.fu-pcard__media, .pf-scard__stage, .pf-hs-stage) .fu-mk--fixed .fu-mk-ig--post { width: min(50cqh, 66cqw, 420px); }
.pf-scard__stage .fu-mk-phone { width: min(44cqh, 52cqw, 320px); }
/* Tek ya da iki sosyal iş: geniş yerleşim (kart + yanında başlık ve özet) */
.pf-scards--1 { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) {
  .pf-scards--1 .pf-scard { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center; gap: clamp(32px, 5vw, 96px); }
  .pf-scards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-scards--2 .pf-scards__item:nth-child(2) { margin-top: clamp(80px, 9vw, 160px); }
}
.pf-scard__text { display: flex; flex-direction: column; gap: 18px; }
.pf-scard__big { color: var(--fu-ink); font-size: var(--fu-t-h2); font-weight: 300; letter-spacing: -.025em; line-height: 1.04; }
.pf-scard__sum { color: var(--fu-soft); font-size: var(--fu-t-lead); line-height: 1.5; max-width: 30em; }
.pf-scard__stage { position: relative; aspect-ratio: 4 / 5; overflow: hidden; overflow: clip; border-radius: var(--fu-r2); background: var(--pf-tone, var(--fu-bg-3)); isolation: isolate; }
.pf-scard__stage > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pf-scard .fu-mk__obj { transition: scale 1.1s var(--fu-ease-out); }
.pf-scard:hover .fu-mk__obj, .pf-scard:focus-visible .fu-mk__obj { scale: 1.035; }
.pf-scard__cap { display: flex; justify-content: space-between; align-items: baseline; gap: 8px 16px; flex-wrap: wrap; }
.pf-scard__title { color: var(--fu-ink); font-size: clamp(22px, 2vw, 32px); font-weight: 400; letter-spacing: -.02em; line-height: 1.12; }

/* Kaydırmaya bağlı kayma (CSS scroll-driven; destek yoksa durağan) */
@media (prefers-reduced-motion: no-preference) and (min-width: 900px) {
  @supports (animation-timeline: view()) {
    .pf-scards__item, .pf-reels__item, .pf-seq__item { animation: pf-drift linear both; animation-timeline: view(); animation-range: cover; }
  }
}
@keyframes pf-drift { from { translate: 0 calc(var(--pf-d, 0) * 1px); } to { translate: 0 calc(var(--pf-d, 0) * -1px); } }

/* ── İş kartları ────────────────────────────────────────────────────── */
.pf-card .fu-pcard__link:hover .fu-pcard__media .fu-mk :is(img, video) { scale: none; }
.pf-card .fu-mk__obj { transition: scale 1.1s var(--fu-ease-out); }
.pf-card .fu-pcard__link:hover .fu-mk__obj, .pf-card .fu-pcard__link:focus-visible .fu-mk__obj { scale: 1.035; }
.pf-card .fu-pcard__cover { border-radius: var(--fu-r2); }
.pf-card .fu-pcard__cover > .fu-pcard__media > .fu-gen { position: absolute; inset: 0; }

.pf-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(56px, 7vw, 112px) var(--fu-gap); align-items: start; }
@media (min-width: 760px) {
  .pf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(24px, 4vw, 72px); }
  .pf-grid:not(.pf-grid--3) > :nth-child(even of :not([hidden])) { margin-top: clamp(72px, 10vw, 180px); }
}
@media (min-width: 900px) { .pf-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pf-grid__item { min-width: 0; }

/* ── İşler sayfası ─────────────────────────────────────────────────── */
.pf-works-hero { position: relative; padding-top: calc(var(--fu-header-h) + clamp(40px, 7vw, 120px)); padding-bottom: clamp(28px, 4vw, 56px); }
.pf-works-hero__top { display: flex; justify-content: space-between; gap: 16px; margin-bottom: clamp(16px, 2.4vw, 32px); }
.pf-works-hero__title { font-size: min(var(--fu-t-display), calc((100vw - 2 * var(--fu-gut)) / (var(--pf-k, 8) * .62))); }
.pf-works-hero__lead { margin-top: clamp(20px, 2.4vw, 36px); }
.pf-works { padding-bottom: var(--fu-section); }
.pf-filter { display: flex; flex-direction: column; gap: 16px; padding-block: 20px 24px; margin-bottom: clamp(32px, 4.5vw, 64px); border-top: 1px solid var(--fu-line); border-bottom: 1px solid var(--fu-line); }
.pf-tabs { display: flex; flex-wrap: wrap; gap: 8px clamp(18px, 2.6vw, 40px); list-style: none; margin: 0; padding: 0; }
.pf-tab { position: relative; display: inline-flex; align-items: flex-start; gap: 6px; color: var(--fu-muted); font-size: clamp(22px, 2.1vw, 36px); font-weight: 300; letter-spacing: -.03em; line-height: 1.12; white-space: nowrap; transition: color var(--fu-d1) var(--fu-ease-out); }
.pf-tab sup { font: 400 11px/1 var(--fu-mono); letter-spacing: .1em; color: var(--fu-muted); margin-top: .45em; }
.pf-tab:hover, .pf-tab[aria-current] { color: var(--fu-ink); }
.pf-tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: currentColor; scale: 0 1; transform-origin: right center; transition: scale var(--fu-d2) var(--fu-ease-io); }
.pf-tab[aria-current]::after { scale: 1 1; transform-origin: left center; }
.pf-chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.pf-chip { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 14px 6px; border-radius: var(--fu-pill); border: 1px solid var(--fu-line-2); color: var(--fu-soft); font: 400 11px/1.2 var(--fu-mono); letter-spacing: .12em; text-transform: uppercase; transition: background-color var(--fu-d1), color var(--fu-d1), border-color var(--fu-d1); }
.pf-chip:hover { border-color: var(--fu-ink); color: var(--fu-ink); }
.pf-chip[aria-current] { background: var(--fu-ink); border-color: var(--fu-ink); color: var(--fu-bg); }
.pf-chips li[hidden] { display: none; }
/* Telefonda sekmeler ve hizmetler tek satırda yatay kayar (sayfa değil, yalnızca satır; kenarlar yumuşak söner) */
@media (max-width: 759px) {
  .pf-tabs, .pf-chips {
    flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-snap-type: x proximity;
    margin-inline: calc(-1 * var(--fu-gut)); padding-inline: var(--fu-gut); scroll-padding-inline: var(--fu-gut);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--fu-gut), #000 calc(100% - var(--fu-gut)), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 var(--fu-gut), #000 calc(100% - var(--fu-gut)), transparent 100%);
  }
  .pf-tabs::-webkit-scrollbar, .pf-chips::-webkit-scrollbar { display: none; }
  .pf-tabs > li, .pf-chips > li { flex: none; scroll-snap-align: start; }
  .pf-tabs { padding-bottom: 4px; }
  .pf-chip { white-space: nowrap; }
}
.pf-empty { padding-block: 40px; color: var(--fu-soft); font-size: var(--fu-t-lead); }
.pf-soon__in { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.pf-soon__star { width: clamp(48px, 6vw, 80px); height: auto; }

/* ── Vaka: kapak ───────────────────────────────────────────────────── */
.pf-chero .fu-case-hero__cover { border-radius: var(--fu-r2); }
.pf-cover { position: absolute; inset: 0; }
.pf-shero { position: absolute; inset: 0; container-type: size; }
.pf-shero__grid { position: absolute; inset: 0; z-index: 1; }
.pf-shero__grid .fu-mk-ig { width: min(37cqh, 60cqw, 420px); }
.pf-shero__side { position: absolute; z-index: 2; top: 54%; width: min(16cqw, 30cqh); translate: 0 -50%; }
.pf-shero__side--l { left: 9cqw; rotate: -7deg; }
.pf-shero__side--r { right: 9cqw; rotate: 6deg; top: 46%; }
.pf-shero__side .fu-mk { padding: 0; }
@media (max-width: 899px) { .pf-shero__side { display: none; } .pf-shero__grid .fu-mk-ig { width: min(43cqh, 74cqw, 420px); } }
@media (prefers-reduced-motion: no-preference) {
  .fu-js .pf-shero__side--l { animation: pf-side-in 1100ms var(--fu-ease-out) 380ms both; }
  .fu-js .pf-shero__side--r { animation: pf-side-in-r 1100ms var(--fu-ease-out) 480ms both; }
}
@keyframes pf-side-in { from { opacity: 0; translate: -40% -46%; rotate: -16deg; } }
@keyframes pf-side-in-r { from { opacity: 0; translate: 40% -54%; rotate: 15deg; } }

/* ── Vaka: künye ───────────────────────────────────────────────────── */
.pf-facts { padding-block: clamp(36px, 4.5vw, 64px); border-bottom: 1px solid var(--fu-line); }
.pf-facts__grid { display: grid; gap: 32px var(--fu-gap); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 700px) { .pf-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pf-facts__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .pf-facts__col--wide { grid-column: span 2; } }
.pf-facts__col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.pf-facts__big { color: var(--fu-ink); font-size: var(--fu-t-h3); font-weight: 300; letter-spacing: -.01em; line-height: 1.2; overflow-wrap: anywhere; }
.pf-badges, .pf-tech, .pf-links { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.pf-badge { display: inline-flex; align-items: center; gap: 9px; min-height: 40px; padding: 8px 16px 8px 12px; border-radius: var(--fu-pill); background: var(--fu-bg-2); border: 1px solid var(--fu-line); color: var(--fu-ink); font-size: 15px; line-height: 1; }
.pf-badge .pf-ic { width: 18px; height: 18px; color: var(--fu-soft); }
.pf-tech li { padding: 8px 12px 7px; border-radius: var(--fu-r2); border: 1px solid var(--fu-line-2); color: var(--fu-text); font: 400 12px/1.2 var(--fu-mono); letter-spacing: .06em; }
.pf-links { gap: 10px; align-items: center; }
.pf-store {
  display: inline-flex; align-items: center; gap: 12px; min-height: 56px; padding: 8px 22px 8px 14px; border-radius: 14px;
  background: var(--fu-ink); color: var(--fu-bg); transition: translate var(--fu-d1) var(--fu-ease-out), box-shadow var(--fu-d1) var(--fu-ease-out);
}
.pf-store .pf-ic { width: 28px; height: 28px; }
.pf-store span { display: flex; flex-direction: column; font-size: 18px; font-weight: 500; letter-spacing: -.01em; line-height: 1.05; }
.pf-store small { font: 400 10px/1.2 var(--fu-mono); letter-spacing: .16em; text-transform: uppercase; opacity: .72; margin-bottom: 3px; }
.pf-store:hover, .pf-store:focus-visible { translate: 0 -3px; box-shadow: var(--fu-sh-2); }

/* ── Vaka: metin, hikâye, alıntı ───────────────────────────────────── */
.pf-seg--metin, .pf-seg--alinti, .pf-seg--rakam { padding-block: calc(var(--fu-section) * .72); }
/* Mockupsız görsel: zeminle karışmasın diye ince çerçeve + yumuşak gölge */
.pf-raw .fu-media__frame { border-radius: var(--fu-r2); box-shadow: 0 0 0 1px var(--fu-line), var(--fu-sh-1); }
.pf-prose { color: var(--fu-text); font-size: clamp(17px, 1.22vw, 20px); line-height: 1.7; max-width: 38em; }
.pf-prose > * + * { margin-top: 1.05em; }
.pf-prose strong { color: var(--fu-ink); font-weight: 500; }
.pf-text { display: grid; gap: clamp(20px, 3vw, 48px); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) {
  .pf-text { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }
  .pf-text__title { position: sticky; top: calc(var(--fu-header-h) + 32px); }
  .pf-text--solo { grid-template-columns: minmax(0, 1fr); }
  .pf-text--solo .pf-prose { margin-left: calc(5 / 12 * 100%); }
}
.pf-text__title { max-width: 14ch; }
.pf-story .fu-case__step h3 { color: var(--fu-ink); }
.pf-seg__more { margin-top: clamp(56px, 8vw, 120px); }

/* ── Vaka: özellikler ──────────────────────────────────────────────── */
.pf-feats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--fu-line); }
@media (min-width: 700px) { .pf-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pf-feats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pf-feat { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; align-content: start; gap: 16px 18px; padding: clamp(24px, 2.6vw, 40px) clamp(0px, 2vw, 28px) clamp(28px, 3vw, 44px) 0; border-bottom: 1px solid var(--fu-line); }
.pf-feat__ic { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; border: 1px solid var(--fu-line-2); color: var(--fu-ink); transition: background-color var(--fu-d1) var(--fu-ease-out), color var(--fu-d1) var(--fu-ease-out), border-color var(--fu-d1); }
.pf-feat__ic .pf-ic { width: 22px; height: 22px; }
.pf-feat:hover .pf-feat__ic { background: var(--fu-ink); color: var(--fu-bg); border-color: var(--fu-ink); }
.pf-feat__t { grid-column: 1 / -1; color: var(--fu-ink); font-size: clamp(18px, 1.45vw, 22px); line-height: 1.35; letter-spacing: -.005em; }

/* ── Vaka: Reels sırası ────────────────────────────────────────────── */
.pf-reels { list-style: none; margin: 0; padding: 8px var(--fu-gut) 28px; display: flex; gap: clamp(16px, 3vw, 48px); overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--fu-gut); scrollbar-width: none; overscroll-behavior-x: contain; }
.pf-reels::-webkit-scrollbar { display: none; }
.pf-reels__item { flex: none; width: min(62vw, 300px); scroll-snap-align: center; }
@media (min-width: 900px) {
  .pf-reels { justify-content: center; overflow: visible; max-width: var(--fu-max); margin-inline: auto; padding-block: 24px 40px; }
  .pf-reels__item { width: min(26%, 320px); }
  .pf-reels__item:nth-child(even) { margin-top: clamp(48px, 6vw, 96px); }
}

/* ── Vaka: medya dizisi ────────────────────────────────────────────── */
.pf-seq { display: flex; flex-direction: column; gap: clamp(56px, 8vw, 140px); }
.pf-seq__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(32px, 4vw, 72px) var(--fu-gap); align-items: center; }
@media (min-width: 900px) {
  .pf-seq__row--ikili { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-seq__row--uclu { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pf-seq__row--ikili.pf-seq__row--solo { grid-template-columns: minmax(0, 1fr); max-width: 720px; margin-inline: auto; width: 100%; }
}
@media (max-width: 899px) {
  .pf-seq__row--uclu { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(68vw, 300px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(-1 * var(--fu-gut)); padding-inline: var(--fu-gut); scroll-padding-inline: var(--fu-gut); }
  .pf-seq__row--uclu::-webkit-scrollbar { display: none; }
  .pf-seq__row--uclu > * { scroll-snap-align: center; }
}
.pf-seq__item { min-width: 0; }

/* ── Vaka: sonuçlar, sonraki ───────────────────────────────────────── */
.pf-results .fu-stat__num { font-weight: 200; }
.pf-back { text-align: left; }

/* ── İletişim + bülten (koyu) ──────────────────────────────────────── */
.pf-contact { position: relative; background: var(--fu-bg); padding-bottom: clamp(72px, 9vw, 140px); }
.pf-contact__grid { display: grid; gap: 48px var(--fu-gap); grid-template-columns: minmax(0, 1fr); padding-top: clamp(40px, 5vw, 72px); border-top: 1px solid var(--fu-line); }
@media (min-width: 900px) { .pf-contact__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } }
.pf-contact__ways { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.pf-contact__big { font-size: var(--fu-t-h3); font-weight: 300; }
.pf-contact__line { color: var(--fu-soft); }
.pf-news { position: relative; }
.pf-news__form { display: flex; flex-direction: column; gap: 14px; }
.pf-news__row { display: flex; align-items: center; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--fu-line-2); transition: border-color var(--fu-d1); }
.pf-news__row:focus-within { border-color: var(--fu-ink); }
.pf-news__input { flex: 1; min-width: 0; padding: 8px 0; border: 0; border-radius: 0; background: transparent; color: var(--fu-ink); font: 300 clamp(20px, 2vw, 28px)/1.3 var(--fu-font); letter-spacing: -.01em; outline: none; -webkit-appearance: none; appearance: none; }
.pf-news__input::placeholder { color: var(--fu-muted); opacity: 1; }
.pf-news__btn { flex: none; min-height: 48px; padding: 0 22px; }
.pf-news__btn[aria-busy="true"] { opacity: .6; pointer-events: none; }
.pf-news__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.pf-news__msg { min-height: 1.4em; margin: 0; color: var(--fu-ink); font-size: 14px; }
.pf-news__msg:empty { min-height: 0; }
.pf-news__note { margin: 0; color: var(--fu-muted); font-size: 13px; max-width: 34em; }
.pf-news__done { display: flex; flex-direction: column; gap: 10px; padding-block: 12px; outline: none; }
.pf-news__done p { color: var(--fu-ink); font-size: var(--fu-t-h3); font-weight: 300; line-height: 1.25; }
.pf-news__done:not([hidden]) { animation: fu-rise-in var(--fu-d2) var(--fu-ease-out) both; }

/* ── Hizmetler akordeonu ek parçası ────────────────────────────────── */
.pf-acc__side { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.pf-acc__link { font-size: 15px; }

/* ── 404 ───────────────────────────────────────────────────────────── */
.pf-404 { position: relative; isolation: isolate; overflow: hidden; overflow: clip; min-height: 92vh; min-height: 92svh; display: flex; align-items: center; padding-top: var(--fu-header-h); }
.pf-404__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.pf-404__in { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.pf-404__num { display: flex; align-items: center; gap: .06em; color: var(--fu-ink); font-size: clamp(120px, 27vw, 400px); font-weight: 200; line-height: .82; letter-spacing: -.06em; margin: 8px 0 12px; }
.pf-404__star { width: .4em; height: .4em; flex: none; }
.pf-404__acts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.pf-404__more { margin-bottom: 36px; }


/* ═══ Karma vitrin (duvar) ═════════════════════════════════════════════
   4/3/2/1 sütun (duvar.ts WALL_COLUMNS ile aynı kırılımlar). Satır yüksekliği sütun genişliğinin 3/4'ü (kapsayıcı
   birimi; her hücre tam 4:3), öne çıkan iş 2×2 hücre (2 satır + aralık → kutu oranı ≈ 4:3, object-fit cover emer).
   grid-auto-flow: dense → boşluk kalmaz. Katman sırası: zemin rengi → LQIP → görsel → hover döngüsü → degrade → yazı. */
.pf-wall-wrap { container-type: inline-size; }
.pf-wall {
  --pf-cols: 1; --pf-gap: clamp(10px, 1.15vw, 20px); --pf-r: clamp(8px, .75vw, 14px);
  position: relative; list-style: none; margin: 0; padding: 0;
  display: grid; gap: var(--pf-gap); grid-auto-flow: row dense;
  grid-template-columns: repeat(var(--pf-cols), minmax(0, 1fr));
  grid-auto-rows: calc((100cqi - (var(--pf-cols) - 1) * var(--pf-gap)) / var(--pf-cols) * .75);
}
@media (min-width: 560px) { .pf-wall { --pf-cols: 2; } .pf-wall__item--featured { grid-column: span 2; grid-row: span 2; } }
@media (min-width: 900px) { .pf-wall { --pf-cols: 3; } }
@media (min-width: 1100px) { .pf-wall { --pf-cols: 4; } }
@supports not (width: 1cqi) { .pf-wall { grid-auto-rows: auto; } .pf-wall__item { aspect-ratio: 4 / 3; } }
.pf-wall__item { position: relative; z-index: 1; min-width: 0; min-height: 0; }
/* Yumuşak gölge ayrı katmanda (yalnızca opaklık canlanır; gölge boyanması kare başına tekrarlanmaz) */
.pf-wall__item::before {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: var(--pf-r); pointer-events: none;
  box-shadow: 0 28px 60px -28px rgba(0, 0, 0, .62), 0 10px 24px -14px rgba(0, 0, 0, .4); opacity: 0;
  transition: opacity .7s var(--fu-ease-out), scale .8s var(--fu-ease-out);
}
[data-tema="krem"] .pf-wall__item::before { box-shadow: 0 28px 56px -30px rgba(60, 48, 28, .45), 0 10px 22px -14px rgba(60, 48, 28, .28); }
.pf-wall__ghost { z-index: 0; }

.pf-tile {
  position: relative; display: block; width: 100%; height: 100%; border-radius: var(--pf-r);
  overflow: hidden; overflow: clip; isolation: isolate; color: #F3EFE6; background: var(--fu-bg-3);
  -webkit-tap-highlight-color: transparent; transition: scale .8s var(--fu-ease-out);
}
.pf-tile:focus-visible { outline: 2px solid var(--fu-focus); outline-offset: 3px; }
/* İnce iç çizgi: kapak zemini sayfa zeminine yakın olsa da kutu sınırı okunur */
.pf-tile::after { content: ""; position: absolute; inset: 0; z-index: 3; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(243, 239, 230, .07); }
[data-tema="krem"] .pf-tile::after { box-shadow: inset 0 0 0 1px rgba(15, 14, 12, .08); }
.pf-tile__media { position: absolute; inset: 0; background: var(--pf-tone, var(--fu-bg-3)); }
.pf-tile__media > :is(img, video), .pf-tile__media > .fu-gen { position: absolute; inset: 0; width: 100%; height: 100%; }
.pf-tile__media > :is(img, video) { object-fit: cover; object-position: var(--pf-focal, 50% 50%); }
/* Bulanık önizleme: 24 px'lik görsel büyütülmüş + bulanık (kenarda boşluk görünmesin diye biraz büyük) */
.pf-tile__lqip { filter: blur(18px); scale: 1.08; }
.pf-tile__img { transition: opacity .9s var(--fu-ease-out), scale 1.4s var(--fu-ease-out); }
.pf-tile__clip { opacity: 0; transition: opacity .55s var(--fu-ease-out), scale 1.4s var(--fu-ease-out); }
.pf-tile.is-playing .pf-tile__clip { opacity: 1; }
/* Mockup sahnesi kutuyu doldurur; içteki nesne hover'da hafif yakınlaşır */
.pf-tile__media--mock .fu-mk__obj { transition: scale 1.2s var(--fu-ease-out); }
/* Alt degrade + yazı (hover/odakta alttan süzülür) */
.pf-tile__shade {
  position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: 0; transition: opacity .6s var(--fu-ease-out);
  background: linear-gradient(180deg, rgba(10, 9, 8, 0) 34%, rgba(10, 9, 8, .44) 60%, rgba(10, 9, 8, .86) 100%);
}
/* Açık kapaklarda da okunur: degradenin üstüne yumuşak gölge */
.pf-tile__cap {
  position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; pointer-events: none;
  display: flex; flex-direction: column; align-items: flex-start; gap: 5px; padding: clamp(14px, 1.3vw, 22px);
  text-shadow: 0 1px 14px rgba(10, 9, 8, .55);
}
.pf-tile__cap > * { opacity: 0; translate: 0 12px; transition: opacity .45s var(--fu-ease-out), translate .7s var(--fu-ease-out); }
.pf-tile__cap > :nth-child(2) { transition-delay: 40ms; }
.pf-tile__cap > :nth-child(3) { transition-delay: 80ms; }
.pf-tile__kind { font: 500 10px/1.2 var(--fu-mono); letter-spacing: .14em; text-transform: uppercase; color: rgba(243, 239, 230, .84); }
.pf-tile__title { color: #F3EFE6; font-size: clamp(17px, 1.25vw, 22px); font-weight: 400; letter-spacing: -.012em; line-height: 1.16; text-wrap: balance; max-width: 22ch; }
.pf-wall__item--featured .pf-tile__title { font-size: clamp(22px, 2.2vw, 40px); font-weight: 300; letter-spacing: -.024em; line-height: 1.05; }
.pf-tile__sub { color: rgba(243, 239, 230, .68); font-size: 13px; line-height: 1.3; }
/* Hover videosu olan kartta küçük oynat işareti (oynarken söner) */
.pf-tile__play {
  position: absolute; z-index: 2; top: clamp(10px, 1vw, 16px); right: clamp(10px, 1vw, 16px); width: 30px; height: 30px; border-radius: 50%;
  background: rgba(15, 14, 12, .5); box-shadow: inset 0 0 0 1px rgba(243, 239, 230, .22); pointer-events: none;
  transition: opacity .4s var(--fu-ease-out), scale .5s var(--fu-ease-out);
}
.pf-tile__play::before { content: ""; position: absolute; inset: 0; margin: auto; width: 9px; height: 10px; translate: 1px 0; background: #F3EFE6; clip-path: polygon(0 0, 100% 50%, 0 100%); }
.pf-tile.is-playing .pf-tile__play { opacity: 0; scale: .7; }

/* Masaüstü hover: kart 1.02 büyür (gölge açılır), içteki görsel yavaşça yakınlaşır, yazı süzülür */
@media (hover: hover) and (pointer: fine) {
  .pf-wall__item:hover { z-index: 3; }
  .pf-wall__item:hover::before { opacity: 1; scale: 1.02; }
  .pf-tile:hover { scale: 1.02; }
  .pf-tile:hover .pf-tile__media > :is(.pf-tile__img, .pf-tile__clip) { scale: 1.06; }
  .pf-tile:hover .pf-tile__media--mock .fu-mk__obj { scale: 1.04; }
  .pf-tile:hover .pf-tile__shade { opacity: 1; }
  .pf-tile:hover .pf-tile__cap > * { opacity: 1; translate: 0 0; }
}
.pf-tile:focus-visible .pf-tile__shade { opacity: 1; }
.pf-tile:focus-visible .pf-tile__cap > * { opacity: 1; translate: 0 0; }
/* Dokunmatik: yazı ve degrade her zaman görünür */
@media (hover: none), (pointer: coarse) {
  .pf-tile__shade { opacity: 1; }
  .pf-tile__cap > * { opacity: 1; translate: 0 0; }
}

/* Hareket (yalnızca betik varken; betik hiç çalışmazsa güvenlik ağı 2.6 sn'de açar) */
@media (prefers-reduced-motion: no-preference) {
  /* Bulanıktan netleşme: asıl görsel yüklenince LQIP'nin üstünde belirir */
  .fu-js .pf-tile__media:not(.is-loaded) > .pf-tile__img, .fu-js .pf-offer__cover:not(.is-loaded) > .pf-offer__img { opacity: 0; scale: 1.035; }
  /* Sıralı belirme: görünür alana girince sütun sırasıyla (gecikme --pf-d, site.js) */
  .fu-js .pf-wall > .pf-wall__item:not(.is-in) { opacity: 0; translate: 0 24px; scale: .98; }
  .fu-js .pf-wall > .pf-wall__item {
    transition: opacity .9s var(--fu-ease-out) var(--pf-d, 0ms), translate 1.1s var(--fu-ease-out) var(--pf-d, 0ms), scale 1.1s var(--fu-ease-out) var(--pf-d, 0ms);
  }
  .fu-js:not(.pf-ready) :is(.pf-wall > .pf-wall__item, .pf-tile__img, .pf-offer__img) { animation: pf-failsafe 1ms linear 2.6s forwards; }
}
@keyframes pf-failsafe { to { opacity: 1; translate: none; scale: none; } }

/* ── Creative ana sayfa: duvar bölümü ──────────────────────────────── */
.pf-home-wall .fu-shead__aside { max-width: 34em; }
.pf-home-wall__more { display: flex; justify-content: flex-end; margin-top: clamp(36px, 5vw, 72px); }

/* ═══ Paketler (Creative) ══════════════════════════════════════════════ */
.pf-offers { display: grid; gap: clamp(16px, 1.8vw, 28px); grid-template-columns: minmax(0, 1fr); align-items: stretch; }
@media (min-width: 700px) { .pf-offers:not(.pf-offers--1) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pf-offers.pf-offers--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pf-offers--1 { max-width: 560px; } }
.pf-offer { position: relative; min-width: 0; }
.pf-offer__link {
  position: relative; display: flex; flex-direction: column; height: 100%; color: inherit; border-radius: var(--fu-r3);
  background: var(--fu-bg-2); box-shadow: inset 0 0 0 1px var(--fu-line); overflow: hidden; overflow: clip; isolation: isolate;
  transition: translate .8s var(--fu-ease-out), box-shadow .5s var(--fu-ease-out);
}
.pf-offer__cover { position: relative; aspect-ratio: 16 / 10; overflow: hidden; overflow: clip; background: var(--pf-tone, var(--fu-bg-3)); }
.pf-offer__cover > :is(img, .fu-gen) { position: absolute; inset: 0; width: 100%; height: 100%; }
.pf-offer__cover > img { object-fit: cover; }
.pf-offer__lqip { filter: blur(16px); scale: 1.08; }
.pf-offer__img { transition: opacity .9s var(--fu-ease-out), scale 1.4s var(--fu-ease-out); }
.pf-offer__idx { position: absolute; z-index: 1; top: 14px; left: 16px; color: rgba(243, 239, 230, .86); text-shadow: 0 1px 8px rgba(0, 0, 0, .35); }
.pf-offer__body { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; flex: 1; padding: clamp(20px, 1.9vw, 30px); }
.pf-offer__cad {
  display: inline-flex; align-items: center; gap: 8px; min-height: 30px; padding: 6px 12px 5px; border-radius: var(--fu-pill);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pf-accent, var(--fu-accent)) 46%, transparent);
  color: var(--pf-accent, var(--fu-accent)); font: 500 10.5px/1.2 var(--fu-mono); letter-spacing: .12em; text-transform: uppercase;
}
[data-tema="krem"] .pf-offer__cad { color: var(--fu-ink); }
.pf-offer__cad::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.pf-offer__title { color: var(--fu-ink); font-size: clamp(24px, 2.05vw, 34px); font-weight: 300; letter-spacing: -.022em; line-height: 1.08; }
.pf-offer__tag { color: var(--fu-soft); font-size: 16px; line-height: 1.5; }
.pf-offer__inc { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; color: var(--fu-text); font-size: 15px; line-height: 1.45; }
.pf-offer__inc li { display: flex; gap: 10px; align-items: flex-start; }
.pf-offer__inc .pf-ic { width: 16px; height: 16px; margin-top: 2px; color: var(--pf-accent, var(--fu-accent)); }
.pf-offer__foot { display: flex; justify-content: space-between; align-items: center; gap: 12px 16px; flex-wrap: wrap; margin: 0 clamp(20px, 1.9vw, 30px); padding-block: 18px clamp(20px, 1.9vw, 28px); border-top: 1px solid var(--fu-line); }
.pf-offer__price { color: var(--fu-ink); font-size: 17px; line-height: 1.3; }
.pf-offer__price--quote { color: var(--fu-accent); }
[data-tema="krem"] .pf-offer__price--quote { color: var(--fu-ink); }
.pf-offer__go { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--fu-line-2); color: var(--fu-ink); transition: background-color .45s var(--fu-ease-out), color .45s var(--fu-ease-out), rotate .7s var(--fu-ease-out); }
.pf-offer__acts { display: flex; align-items: center; gap: 18px; }
@media (hover: hover) and (pointer: fine) {
  .pf-offer--link .pf-offer__link:hover { translate: 0 -6px; box-shadow: inset 0 0 0 1px var(--fu-line-2), 0 30px 60px -32px rgba(0, 0, 0, .7); }
  .pf-offer--link .pf-offer__link:hover .pf-offer__img { scale: 1.05; }
  .pf-offer--link .pf-offer__link:hover .pf-offer__go { background: var(--fu-accent); color: var(--fu-on-accent); rotate: -45deg; }
}

/* Paketler sayfası: hero */
.pf-ohero { position: relative; padding-top: calc(var(--fu-header-h) + clamp(40px, 7vw, 120px)); padding-bottom: clamp(20px, 3vw, 40px); }
.pf-ohero__title { font-size: min(var(--fu-t-display), calc((100vw - 2 * var(--fu-gut)) / 6.4)); }
.pf-ohero__row { display: grid; gap: 28px; margin-top: clamp(20px, 2.4vw, 36px); }
.pf-ohero__lead { max-width: 34em; }
.pf-ohero__acts { display: flex; flex-wrap: wrap; gap: 12px; }
@media (min-width: 900px) { .pf-ohero__row { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: end; } .pf-ohero__acts { justify-content: flex-end; } }

/* Paket bölümü */
.pf-odetail__grid { display: grid; gap: clamp(36px, 5vw, 96px); grid-template-columns: minmax(0, 1fr); }
.pf-odetail__aside { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
@media (min-width: 900px) {
  .pf-odetail__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }
  .pf-odetail__aside { position: sticky; top: calc(var(--fu-header-h) + 32px); }
}
.pf-odetail__title { max-width: 11ch; }
.pf-odetail__facts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.pf-odetail__price { color: var(--fu-ink); font-size: var(--fu-t-h3); font-weight: 300; letter-spacing: -.01em; }
.pf-odetail__main { display: flex; flex-direction: column; gap: clamp(44px, 5vw, 80px); min-width: 0; }
.pf-odetail__sum { color: var(--fu-ink); font-size: clamp(22px, 2vw, 32px); font-weight: 300; line-height: 1.32; letter-spacing: -.012em; text-wrap: pretty; }
.pf-odetail__block { display: flex; flex-direction: column; gap: 18px; }
.pf-inc { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--fu-gap); border-top: 1px solid var(--fu-line); }
@media (min-width: 700px) { .pf-inc { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pf-inc li { display: flex; gap: 14px; align-items: flex-start; padding: 16px 12px 16px 0; border-bottom: 1px solid var(--fu-line); color: var(--fu-ink); font-size: 17px; line-height: 1.45; }
.pf-inc__ic { flex: none; display: grid; place-items: center; width: 26px; height: 26px; margin-top: -1px; border-radius: 50%; background: color-mix(in srgb, var(--pf-accent, var(--fu-accent)) 16%, transparent); color: var(--pf-accent, var(--fu-accent)); }
[data-tema="krem"] .pf-inc__ic { color: var(--fu-ink); }
.pf-inc__ic .pf-ic { width: 14px; height: 14px; }
.pf-osteps { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px var(--fu-gap); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 560px) { .pf-osteps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pf-osteps { grid-template-columns: repeat(var(--pf-n, 3), minmax(0, 1fr)); } }
.pf-osteps__item { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 24px 16px 8px 0; border-top: 1px solid var(--fu-line-2); }
.pf-osteps__item::before { content: ""; position: absolute; top: -4px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--pf-accent, var(--fu-accent)); }
.pf-osteps__n { font: 500 11px/1 var(--fu-mono); letter-spacing: .14em; color: var(--fu-muted); }
.pf-osteps__t { color: var(--fu-ink); font-size: 20px; font-weight: 400; letter-spacing: -.01em; line-height: 1.2; }
.pf-osteps__b { color: var(--fu-soft); font-size: 15px; line-height: 1.55; }
.pf-samples { display: grid; gap: clamp(10px, 1.2vw, 16px); grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
@media (min-width: 900px) { .pf-samples--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pf-sample .fu-media__frame { border-radius: var(--fu-r2); }

/* Başvuru formu */
.pf-apply { position: relative; background: var(--fu-bg); }
.pf-apply__grid { display: grid; gap: 40px var(--fu-gap); grid-template-columns: minmax(0, 1fr); }
.pf-apply__aside { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
@media (min-width: 900px) {
  .pf-apply__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }
  .pf-apply__aside { position: sticky; top: calc(var(--fu-header-h) + 32px); }
}
.pf-em { font-style: normal; color: var(--fu-accent); }
[data-tema="krem"] .pf-em { color: var(--fu-star); }
.pf-apply__alt { color: var(--fu-soft); font-size: 15px; }
.pf-apply__box { min-width: 0; border-radius: var(--fu-r3); background: var(--fu-bg-2); box-shadow: inset 0 0 0 1px var(--fu-line); padding: clamp(22px, 3vw, 48px); }
.pf-lead__form { display: grid; gap: 22px 20px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 700px) { .pf-lead__form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pf-field--full { grid-column: 1 / -1; }
.pf-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pf-field__l { font: 500 10.5px/1.2 var(--fu-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--fu-muted); }
.pf-field__l i { font-style: normal; color: var(--fu-accent); }
.pf-field__i {
  width: 100%; min-height: 50px; margin: 0; padding: 10px 0 9px; border: 0; border-bottom: 1px solid var(--fu-line-2); border-radius: 0;
  background: transparent; color: var(--fu-ink); font: 300 clamp(18px, 1.5vw, 21px)/1.35 var(--fu-font); letter-spacing: -.005em;
  outline: none; -webkit-appearance: none; appearance: none; transition: border-color .4s var(--fu-ease-out);
}
.pf-field__i::placeholder { color: var(--fu-muted); opacity: 1; }
.pf-field__i:focus { border-color: var(--fu-accent); }
[data-tema="krem"] .pf-field__i:focus { border-color: var(--fu-ink); }
select.pf-field__i {
  padding-right: 30px; cursor: pointer;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23B4AA97' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 4px center;
}
select.pf-field__i option { background: var(--fu-bg-2); color: var(--fu-ink); }
textarea.pf-field__i { min-height: 116px; resize: vertical; line-height: 1.5; }
.pf-field.is-bad .pf-field__i, .pf-check.is-bad input { border-color: #E08B6E; box-shadow: none; }
.pf-lead__hint { margin: -8px 0 0; color: var(--fu-muted); font-size: 13px; }
.pf-check { display: flex; gap: 12px; align-items: flex-start; color: var(--fu-soft); font-size: 14px; line-height: 1.5; cursor: pointer; }
.pf-check input {
  flex: none; display: grid; place-items: center; width: 20px; height: 20px; margin: 1px 0 0; border: 1px solid var(--fu-line-2); border-radius: 5px;
  background: transparent; -webkit-appearance: none; appearance: none; cursor: pointer; transition: background-color .3s, border-color .3s;
}
.pf-check input::after { content: ""; width: 10px; height: 5px; border-left: 2px solid var(--fu-on-accent); border-bottom: 2px solid var(--fu-on-accent); rotate: -45deg; translate: 0 -1px; scale: 0; transition: scale .3s var(--fu-ease-back); }
.pf-check input:checked { background: var(--fu-accent); border-color: var(--fu-accent); }
.pf-check input:checked::after { scale: 1; }
.pf-lead__row { display: flex; align-items: center; gap: 14px 20px; flex-wrap: wrap; margin-top: 4px; }
.pf-lead__btn { min-height: 56px; padding: 0 28px; }
.pf-lead__btn[aria-busy="true"] { opacity: .6; pointer-events: none; }
.pf-lead__msg { margin: 0; color: var(--fu-ink); font-size: 14px; line-height: 1.45; }
.pf-lead__msg:empty { display: none; }
.pf-lead__msg.is-err { color: #E8A58C; }
[data-tema="krem"] .pf-lead__msg.is-err { color: #A2452A; }
.pf-lead__done { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding-block: 8px; outline: none; }
.pf-lead__done p { color: var(--fu-ink); font-size: var(--fu-t-h3); font-weight: 300; line-height: 1.25; max-width: 20em; }
.pf-lead__tick { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--fu-accent); color: var(--fu-on-accent); }
.pf-lead__tick .pf-ic { width: 26px; height: 26px; }
@media (prefers-reduced-motion: no-preference) {
  .pf-lead__done:not([hidden]) { animation: fu-rise-in var(--fu-d2) var(--fu-ease-out) both; }
  .pf-lead__done:not([hidden]) .pf-lead__tick { animation: pf-pop .7s var(--fu-ease-back) .1s both; }
}
@keyframes pf-pop { from { scale: .4; opacity: 0; } }
/* JS yoksa form yerine doğrudan e-posta (kişisel veri adres satırına düşmesin diye form hiç gösterilmez) */
.pf-lead__nojs { display: none; margin: 0; color: var(--fu-soft); font-size: 16px; line-height: 1.6; }
html:not(.fu-js) .pf-lead__form { display: none; }
html:not(.fu-js) .pf-lead__nojs { display: block; }

/* ── Creative (koyu, altın vurgu): küçük ayarlar ───────────────────── */
html[data-site="creative"] .pf-works-hero__title .fu-ci:last-child { color: inherit; }
html[data-site="creative"] .pf-filter { border-color: var(--fu-line); }
html[data-site="creative"] .pf-tab[aria-current]::after { background: var(--fu-accent); }
html[data-site="creative"] .pf-chip[aria-current] { background: var(--fu-accent); border-color: var(--fu-accent); color: var(--fu-on-accent); }

/* ── Azaltılmış hareket ────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .pf-scards__item, .pf-reels__item, .pf-seq__item { animation: none !important; translate: none !important; }
  .pf-shero__side { animation: none !important; }
  .pf-wall > .pf-wall__item, .pf-tile, .pf-tile__img, .pf-offer__link, .pf-offer__img { transition: none !important; translate: none !important; scale: none !important; opacity: 1 !important; animation: none !important; }
  .pf-tile:hover .pf-tile__media > :is(.pf-tile__img, .pf-tile__clip), .pf-tile:hover .pf-tile__media--mock .fu-mk__obj { scale: none !important; }
  .pf-tile__clip { display: none !important; }
  .pf-tile__play { display: none; }
}