/* ===== Agency One — ATELIER tarzı (Sora + DM Sans · #002d72 · açık mavi) ===== */
:root {
  --color-primary: #002d72;
  --color-primary-soft: rgba(0, 45, 114, 0.1);
  --color-gold: #b8943e;
  --color-gold-soft: rgba(184, 148, 62, 0.12);
  --color-bg: #f4f8fd;
  --color-bg-warm: #e8f1fb;
  --color-bg-deep: #d8e6f6;
  --color-ink: #1c1917;
  --color-ink-secondary: #57534e;
  --color-ink-muted: #a8a29e;
  --color-border: #d3e1f1;
  --color-footer: #0a1733;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; background: var(--color-bg); color: var(--color-ink); }

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--color-bg); }
::-webkit-scrollbar-thumb { background: var(--color-primary); border-radius: 99px; }

/* ===== Animasyonlar ===== */
@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeLeft { from{opacity:0;transform:translateX(30px)} to{opacity:1;transform:translateX(0)} }
@keyframes scaleIn { from{opacity:0;transform:scale(.92)} to{opacity:1;transform:scale(1)} }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-left { opacity:0; transform:translateX(30px); transition:opacity .7s ease,transform .7s ease; }
.reveal-left.visible { opacity:1; transform:translateX(0); }
.reveal-scale { opacity:0; transform:scale(.92); transition:opacity .7s ease,transform .7s ease; }
.reveal-scale.visible { opacity:1; transform:scale(1); }
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal-left, .reveal-scale { opacity:1 !important; transform:none !important; transition:none; }
}

/* ===== Hero Slider ===== */
.hero-slider { position: relative; }
.hero-slide { display: none; }
.hero-slide.is-active { display: flex; animation: fadeUp .7s ease; }
.hero-dot.is-active { background: var(--color-primary); width: 1.75rem; }

/* ===== Header ===== */
.header-solid {
  background: rgba(244, 248, 253, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--color-border);
}

/* ===== Pill / butonlar ===== */
.pill { border-radius: 999px; }
.pill-fill { position:relative; overflow:hidden; z-index:1; }
.pill-fill::before {
  content:''; position:absolute; inset:0; border-radius:999px;
  background: var(--color-primary); transform:scaleX(0); transform-origin:left;
  transition: transform .45s cubic-bezier(.4,0,.2,1); z-index:-1;
}
.pill-fill:hover::before { transform:scaleX(1); }
.pill-fill:hover { color:#fff; border-color:var(--color-primary); }

/* ===== Hizmet satırı ===== */
.svc-row { transition: all .35s ease; }
.svc-row:hover { background: var(--color-primary-soft); padding-left: 1.5rem; padding-right: 1.5rem; border-radius: .75rem; }
.svc-row:hover .svc-title { color: var(--color-primary); }
.svc-row:hover .svc-num { color: var(--color-primary); }

/* ===== Çalışma / portföy kartı ===== */
.work-card:hover .work-visual { transform: scale(1.04); }
.work-card:hover .work-title { color: var(--color-primary); }

/* ===== Etiket ===== */
.tag { transition: all .3s ease; }
.tag:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }

/* ===== İç sayfa başlığı (page-hero) ===== */
.page-hero { position: relative; padding-top: 9rem; padding-bottom: 3rem; background: var(--color-bg-warm); border-bottom: 1px solid var(--color-border); }

/* ===== Dil seçici ===== */
.lang-switcher .lang-dropdown { opacity:0; visibility:hidden; transform:translateY(6px); transition:all .2s ease; }
.lang-switcher:hover .lang-dropdown { opacity:1; visibility:visible; transform:translateY(0); }

/* ===== CMS içerik (prose) ===== */
.prose-cms h2 { font-family:'Sora',sans-serif; font-weight:700; font-size:1.6rem; color:var(--color-ink); margin:2rem 0 1rem; }
.prose-cms h3 { font-family:'Sora',sans-serif; font-weight:600; font-size:1.25rem; color:var(--color-ink); margin:1.5rem 0 .75rem; }
.prose-cms p { margin-bottom:1.1rem; line-height:1.85; }
.prose-cms ul { list-style:disc; padding-left:1.4rem; margin-bottom:1.1rem; }
.prose-cms ol { list-style:decimal; padding-left:1.4rem; margin-bottom:1.1rem; }
.prose-cms li { margin-bottom:.4rem; }
.prose-cms a { color:var(--color-primary); text-decoration:underline; }
.prose-cms img { border-radius:1rem; margin:1.5rem 0; }
.prose-cms blockquote { border-left:3px solid var(--color-primary); padding-left:1.2rem; font-style:italic; color:var(--color-ink-secondary); margin:1.5rem 0; }
.features-list ul { list-style:none; padding:0; }
.features-list li { position:relative; padding-left:1.6rem; margin-bottom:.6rem; }
.features-list li::before { content:'→'; position:absolute; left:0; color:var(--color-primary); font-weight:700; }