/* ============================================
   United Media — Kurumsal & Etkileyici
   Koyu/açık/gri/kırmızı bant ritmi. Büyük tipografi.
   ============================================ */

:root {
  --bg: #f2ebdf;        /* bir tık koyu sıcak bej zemin */
  --card: #ffffff;      /* kartlar / inputlar beyaz kalır (katman etkisi) */
  --bg-soft: #e9e1d2;   /* bir tık daha derin bej (alternatif bantlar) */
  --ink: #121316;
  --ink-2: #3a3a40;
  --muted: #6c6c74;
  --line: rgba(19,19,22,0.12);
  --line-soft: rgba(19,19,22,0.07);
  --dark: #0e0e10;
  --dark-2: #17171a;
  --line-dark: rgba(255,255,255,0.12);
  --red: #e2231a;
  --red-ink: #b81910;
  --red-soft: #ff5247;
  --ease: cubic-bezier(0.4, 0, 0.1, 1);
  --maxw: 1240px;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background:var(--bg); color:var(--ink);
  font-family:"Inter", system-ui, sans-serif; line-height:1.55;
  overflow-x:hidden; -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4 { font-family:"Space Grotesk",sans-serif; font-weight:600; letter-spacing:-0.025em; line-height:1.06; }
a { color:inherit; text-decoration:none; }
em { font-style:normal; color:var(--red); }
strong { font-weight:600; }

.scroll-progress{ position:fixed; top:0; left:0; height:2px; width:0%; background:var(--red); z-index:10000; transition:width .1s linear; }

/* ---------- Full-bleed bantlar ---------- */
.band{ width:100%; }
.band-soft{ background:var(--bg-soft); }
.band-red{ background:var(--red); color:#fff; }
.band-dark{ background:var(--dark); color:#fff; }

/* ---------- Brand (gerçek logo) ---------- */
.brand{ display:flex; align-items:center; }
.brand-img{ height:34px; width:auto; display:block; }
.nav .brand-img--dark{ display:none; }
.nav.scrolled .brand-img--light{ display:none; }
.nav.scrolled .brand-img--dark{ display:block; }

/* ---------- Nav ---------- */
.nav{ position:fixed; top:0; left:0; right:0; z-index:900; display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  padding:22px clamp(20px,5vw,56px); transition:padding .35s var(--ease),background .35s,border-color .35s; border-bottom:1px solid transparent; }
.nav .brand{ grid-column:1; justify-self:start; }
.nav .nav-links{ grid-column:2; justify-self:center; }
.nav .nav-right{ grid-column:3; justify-self:end; }
.nav--dark .brand-text{ color:#fff; } .nav--dark .brand-text span{ color:rgba(255,255,255,.55); }
.nav--dark .nav-links a{ color:rgba(255,255,255,.7); } .nav--dark .nav-links a:hover{ color:#fff; }
.nav--dark .burger span{ background:#fff; }
.nav.scrolled{ background:rgba(242,235,223,.92); backdrop-filter:blur(14px); border-bottom:1px solid var(--line-soft); padding-top:13px; padding-bottom:13px; }
.nav.scrolled .brand-text{ color:var(--ink); } .nav.scrolled .brand-text span{ color:var(--muted); }
.nav.scrolled .nav-links a{ color:var(--ink-2); } .nav.scrolled .nav-links a:hover{ color:var(--ink); }
.nav.scrolled .burger span{ background:var(--ink); }
.nav-links{ display:flex; gap:34px; }
.nav-links a{ font-size:.92rem; font-weight:500; position:relative; transition:color .25s; }
.nav-links a::after{ content:""; position:absolute; left:0; bottom:-7px; height:2px; width:0; background:var(--red); transition:width .3s var(--ease); }
.nav-links a:hover::after{ width:100%; }
.nav-cta{ display:flex; align-items:center; gap:8px; background:var(--red); color:#fff; font-weight:600; font-size:.9rem; padding:11px 20px; border-radius:100px; transition:background .25s,transform .25s var(--ease); }
.nav-cta:hover{ background:var(--red-ink); transform:translateY(-1px); }
.nav-cta-arrow{ transition:transform .3s var(--ease); } .nav-cta:hover .nav-cta-arrow{ transform:translate(2px,-2px); }
.nav-right{ display:flex; align-items:center; gap:14px; }
.lang-toggle{ background:none; border:1px solid var(--line-dark); color:#fff; font-family:inherit; font-weight:600; font-size:.82rem; padding:7px 13px; border-radius:100px; cursor:pointer; letter-spacing:.04em; transition:background .25s,color .25s,border-color .25s; }
.lang-toggle:hover{ background:rgba(255,255,255,.1); }
.nav.scrolled .lang-toggle{ border-color:var(--line); color:var(--ink); }
.nav.scrolled .lang-toggle:hover{ background:rgba(0,0,0,.05); }
.legal-bar .nav-right{ display:flex; align-items:center; gap:14px; }
.legal-bar .lang-toggle{ border-color:var(--line); color:var(--ink); }
.legal-bar .lang-toggle:hover{ background:rgba(0,0,0,.05); }
.burger{ display:none; background:none; border:none; flex-direction:column; gap:6px; cursor:pointer; }
.burger span{ width:26px; height:2px; transition:.3s; }
@media (max-width:860px){ .nav-links,.nav-cta{ display:none; } .burger{ display:flex; }
  .nav-links.open{ display:flex; flex-direction:column; gap:20px; position:absolute; top:100%; left:0; right:0; background:var(--bg); padding:26px clamp(20px,5vw,56px); border-bottom:1px solid var(--line); box-shadow:0 16px 40px rgba(0,0,0,.06); }
  .nav-links.open a{ color:var(--ink) !important; } }

/* ---------- HERO ---------- */
.hero-band{ position:relative; overflow:hidden; background:var(--dark); min-height:100vh; min-height:100svh; display:flex; flex-direction:column; }
.hero-photo{ position:absolute; inset:0; background:url("assets/hero.jpg") center 30%/cover no-repeat; }
.hero-photo::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(8,8,10,.97) 0%, rgba(8,8,10,.86) 40%, rgba(8,8,10,.5) 100%),
             linear-gradient(0deg, rgba(8,8,10,.95) 2%, rgba(8,8,10,.15) 55%); }
.hero{ position:relative; z-index:2; flex:1; width:100%; max-width:var(--maxw); margin:0 auto; display:flex; flex-direction:column; justify-content:center; padding:118px clamp(20px,5vw,56px) 30px; }
.hero-badge{ display:inline-flex; align-items:center; gap:10px; align-self:flex-start; font-size:.8rem; color:rgba(255,255,255,.7); font-weight:500; letter-spacing:.04em; text-transform:uppercase; border:1px solid var(--line-dark); border-radius:100px; padding:8px 16px; margin-bottom:28px; }
.pulse{ width:7px; height:7px; border-radius:50%; background:var(--red); box-shadow:0 0 0 0 rgba(226,35,26,.6); animation:pulse 2.2s ease-out infinite; }
@keyframes pulse{ 0%{ box-shadow:0 0 0 0 rgba(226,35,26,.5);} 100%{ box-shadow:0 0 0 12px rgba(226,35,26,0);} }

.hero-title{ font-size:clamp(2.5rem,6.4vw,5.4rem); font-weight:600; letter-spacing:-.04em; margin-bottom:26px; color:#fff; }
.hero-title .line{ display:block; overflow:hidden; }
.hero-title .word{ display:inline-block; transform:translateY(105%); animation:rise .95s var(--ease) forwards; }
.hero-title .accent{ color:var(--red-soft); }
.hero-title .line:nth-child(1) .word{ animation-delay:.05s; }
.hero-title .line:nth-child(2) .word{ animation-delay:.14s; }
.hero-title .line:nth-child(3) .word{ animation-delay:.23s; }
.hero-title .line:nth-child(4) .word{ animation-delay:.32s; }
@keyframes rise{ to{ transform:translateY(0); } }

.hero-sub{ max-width:600px; font-size:clamp(1rem,1.4vw,1.18rem); color:rgba(255,255,255,.72); margin-bottom:32px; line-height:1.55; }
.hero-sub strong{ color:#fff; }
.hero-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:44px; }

.btn{ display:inline-flex; align-items:center; gap:10px; padding:16px 28px; border-radius:100px; font-weight:600; font-size:.98rem; transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s; }
.btn span{ transition:transform .25s var(--ease); } .btn:hover span{ transform:translateX(4px); }
.btn-primary{ background:var(--red); color:#fff; } .btn-primary:hover{ background:var(--red-ink); transform:translateY(-2px); }
.btn-light{ border:1px solid var(--line-dark); color:#fff; } .btn-light:hover{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.4); transform:translateY(-2px); }
.btn-ghost{ border:1px solid var(--line); color:var(--ink); } .btn-ghost:hover{ border-color:var(--ink); transform:translateY(-2px); }

.hero-kpis{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line-dark); }
.hero-kpis div{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:24px 14px 0; border-right:1px solid var(--line-dark); }
.hero-kpis div:last-child{ border-right:none; }
.hero-kpis strong{ font-family:"Space Grotesk"; font-size:clamp(1.8rem,3.6vw,2.7rem); font-weight:600; letter-spacing:-.03em; color:#fff; }
.hero-kpis span{ font-size:.84rem; color:rgba(255,255,255,.55); margin-top:4px; }
@media (max-width:720px){ .hero{ padding-top:104px; } .hero-kpis{ grid-template-columns:repeat(2,1fr); } .hero-kpis div{ border-bottom:1px solid var(--line-dark); padding:18px 12px; } .hero-kpis div:nth-child(2){ border-right:none; } }

/* Marquee (koyu hero altı) */
.marquee{ position:relative; z-index:2; overflow:hidden; white-space:nowrap; border-top:1px solid var(--line-dark); padding:18px 0; }
.marquee-track{ display:inline-flex; animation:scrollX 45s linear infinite; }
.marquee-track span{ font-family:"Space Grotesk"; font-size:.95rem; font-weight:500; letter-spacing:.05em; color:rgba(255,255,255,.45); padding-right:1rem; }
@keyframes scrollX{ to{ transform:translateX(-50%); } }

/* ---------- Trust ---------- */
.trust{ max-width:var(--maxw); margin:0 auto; padding:70px clamp(20px,5vw,56px); text-align:center; }
.trust-label{ font-size:.76rem; text-transform:uppercase; letter-spacing:.16em; color:var(--muted); margin-bottom:30px; }
.trust-logos{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:clamp(22px,4.5vw,52px); }
.trust-logos span{ font-family:"Space Grotesk"; font-size:clamp(1rem,1.7vw,1.5rem); font-weight:600; color:var(--ink); opacity:.38; transition:opacity .25s; }
.trust-logos span:hover{ opacity:1; }

/* ---------- Sections ---------- */
.section{ max-width:var(--maxw); margin:0 auto; padding:clamp(76px,9vw,132px) clamp(20px,5vw,56px); }
.section-head{ margin-bottom:60px; }
.section-tag{ display:inline-flex; align-items:center; gap:11px; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; color:var(--red); font-weight:600; margin-bottom:22px; }
.section-tag::before{ content:""; width:28px; height:1px; background:currentColor; display:inline-block; opacity:.6; }
.section-tag.light{ color:var(--red-soft); }
.section-title{ font-size:clamp(2rem,5vw,3.8rem); max-width:18ch; }
.section-desc{ color:var(--muted); margin-top:18px; max-width:56ch; font-size:1.06rem; }

/* ---------- Approach ---------- */
.approach-grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:start; }
.approach-lead{ font-size:clamp(1.2rem,2vw,1.7rem); line-height:1.5; color:var(--ink); font-family:"Space Grotesk"; font-weight:400; }
.approach-lead strong{ color:var(--red); font-weight:500; }
.approach-points{ display:flex; flex-direction:column; }
.point{ padding:24px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:auto 1fr; gap:22px; align-items:start; }
.point:last-child{ border-bottom:1px solid var(--line); }
.point-i{ color:var(--red); font-size:1rem; font-family:"Space Grotesk"; font-weight:700; padding-top:2px; }
.point h3{ font-size:1.25rem; margin-bottom:4px; }
.point p{ color:var(--muted); font-size:.96rem; }
@media (max-width:820px){ .approach-grid{ grid-template-columns:1fr; gap:40px; } }

/* ---------- Channels ---------- */
.channel-list{ display:flex; flex-direction:column; gap:30px; }
.channel{ display:grid; grid-template-columns:0.92fr 1.3fr; gap:46px; align-items:center; padding:30px 0; border-top:1px solid var(--line); position:relative; }
.channel:first-child{ border-top:none; }
.channel-thumb{ position:relative; aspect-ratio:4/3; border-radius:8px; overflow:hidden; border:1px solid var(--line); background:#e9e7e2; }
.channel-thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s var(--ease); }
.channel:hover .channel-thumb img{ transform:scale(1.04); }
.channel-index{ position:absolute; top:14px; left:14px; z-index:2; font-family:"Space Grotesk"; font-weight:700; font-size:.95rem; color:#fff; background:var(--red); width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:50%; }
/* Radyo: ekolayzır karo */
.channel-thumb--radio{ background:radial-gradient(120% 120% at 70% 20%, #1f1f23, var(--dark)); display:flex; align-items:flex-end; justify-content:center; padding-bottom:34%; }
.eq{ display:flex; gap:8px; align-items:flex-end; height:72px; }
.eq i{ width:8px; background:var(--red); border-radius:3px; height:20px; animation:eq 1.1s ease-in-out infinite; }
.eq i:nth-child(1){ animation-delay:-.4s } .eq i:nth-child(2){ animation-delay:-.1s } .eq i:nth-child(3){ animation-delay:-.7s } .eq i:nth-child(4){ animation-delay:-.25s } .eq i:nth-child(5){ animation-delay:-.55s }
@keyframes eq{ 0%,100%{ height:16px } 50%{ height:64px } }

.channel-kicker{ display:inline-block; font-size:.76rem; text-transform:uppercase; letter-spacing:.12em; color:var(--red); font-weight:600; margin-bottom:12px; }
.channel-main h3{ font-size:clamp(1.7rem,3vw,2.4rem); margin-bottom:14px; }
.channel-main p{ color:var(--muted); font-size:1rem; max-width:54ch; margin-bottom:20px; line-height:1.6; }
.channel-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.channel-tags span{ font-size:.78rem; padding:6px 13px; border:1px solid var(--line); border-radius:100px; color:var(--ink-2); }
.channel-stats{ display:grid; grid-template-columns:repeat(4,1fr); margin-top:28px; border-top:1px solid var(--line); }
.channel-stats div{ padding:18px 14px 0 0; }
.channel-stats strong{ display:block; font-family:"Space Grotesk"; font-size:clamp(1.5rem,2.4vw,2rem); font-weight:600; letter-spacing:-.03em; }
.channel-stats span{ font-size:.78rem; color:var(--muted); }
@media (max-width:820px){ .channel{ grid-template-columns:1fr; gap:22px; padding:26px 0; } .channel-thumb{ aspect-ratio:16/9; } }
@media (max-width:560px){ .channel-stats{ grid-template-columns:repeat(2,1fr); gap:4px 18px; } .channel-stats div{ padding:16px 10px 0 0; } }

/* ---------- Değerler (koyu bant) ---------- */
.values-grid{ display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--line-dark); }
.value{ padding:30px 20px 4px; text-align:center; border-right:1px solid var(--line-dark); }
.value:last-child{ border-right:none; }
.value-n{ font-family:"Space Grotesk"; color:var(--red-soft); font-weight:700; font-size:.9rem; }
.value h3{ font-size:1.12rem; color:#fff; margin:14px 0 8px; }
.value p{ color:rgba(255,255,255,.6); font-size:.9rem; line-height:1.5; }
@media (max-width:900px){ .values-grid{ grid-template-columns:repeat(2,1fr); } .value{ border-bottom:1px solid var(--line-dark); padding:24px 16px; } .value:nth-child(2){ border-right:none; } }
@media (max-width:520px){ .values-grid{ grid-template-columns:1fr; } .value{ border-right:none; } }

/* ---------- Etkinlikler ---------- */
.events-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.event{ border:1px solid var(--line); border-radius:8px; padding:28px 26px; background:#fff; transition:transform .35s var(--ease),border-color .35s,box-shadow .35s; }
.event:hover{ transform:translateY(-5px); border-color:rgba(226,35,26,.35); box-shadow:0 18px 40px rgba(0,0,0,.06); }
.event-tag{ display:inline-block; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; font-weight:600; color:var(--red); background:rgba(226,35,26,.08); padding:5px 12px; border-radius:100px; margin-bottom:18px; }
.event h3{ font-size:1.3rem; margin-bottom:10px; }
.event p{ color:var(--muted); font-size:.95rem; line-height:1.55; }
@media (max-width:820px){ .events-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:540px){ .events-grid{ grid-template-columns:1fr; } }

/* ---------- Reach (kırmızı) ---------- */
.band-red .reach-inner{ max-width:var(--maxw); margin:0 auto; padding:64px clamp(20px,5vw,56px); display:grid; grid-template-columns:repeat(4,1fr); }
.reach-item{ padding:0 18px; text-align:center; border-right:1px solid rgba(255,255,255,.24); }
.reach-item:last-child{ border-right:none; }
.reach-item strong{ display:block; font-family:"Space Grotesk"; font-size:clamp(2.4rem,5.2vw,3.8rem); font-weight:600; letter-spacing:-.03em; line-height:1; }
.reach-item span{ font-size:.92rem; opacity:.9; margin-top:10px; display:block; }
@media (max-width:720px){ .band-red .reach-inner{ grid-template-columns:repeat(2,1fr); gap:36px 0; } .reach-item:nth-child(2){ border-right:none; } }

/* ---------- Work ---------- */
.work-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
.work-card{ transition:transform .35s var(--ease); }
.work-card:hover{ transform:translateY(-5px); }
.work-img{ position:relative; aspect-ratio:16/10; border-radius:6px; overflow:hidden; border:1px solid var(--line); background:#e9e7e2; }
.work-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease); }
.work-card:hover .work-img img{ transform:scale(1.05); }
.work-img::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35)); }
.work-tag{ position:absolute; top:16px; left:16px; z-index:2; background:rgba(255,255,255,.94); color:var(--ink); font-size:.74rem; font-weight:600; padding:6px 12px; border-radius:100px; }
.work-meta{ padding:20px 2px 4px; }
.work-meta h3{ font-size:clamp(1.1rem,2vw,1.42rem); margin-bottom:6px; }
.work-meta p{ color:var(--muted); font-size:.95rem; }
@media (max-width:720px){ .work-grid{ grid-template-columns:1fr; } }

/* ---------- Manifesto (siyah) ---------- */
.manifesto-band{ position:relative; overflow:hidden; }
.manifesto-photo{ position:absolute; inset:0; background:url("assets/manifesto.jpg") center/cover no-repeat; opacity:.20; }
.manifesto-photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, var(--dark) 8%, rgba(14,14,16,.55) 70%, rgba(14,14,16,.75)); }
.manifesto{ position:relative; z-index:2; max-width:var(--maxw); margin:0 auto; padding:clamp(80px,11vw,160px) clamp(20px,5vw,56px); }
.manifesto blockquote{ font-family:"Space Grotesk"; font-weight:500; font-size:clamp(1.9rem,5vw,4rem); line-height:1.18; letter-spacing:-.025em; color:#fff; margin-bottom:26px; max-width:20ch; }
.manifesto blockquote em{ color:var(--red-soft); }
.manifesto-sub{ font-size:clamp(1.05rem,2vw,1.4rem); color:rgba(255,255,255,.6); font-family:"Space Grotesk"; }

/* ---------- Process ---------- */
.process-grid{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.process-step{ padding:36px 22px 40px; text-align:center; border-right:1px solid var(--line-soft); }
.process-step:last-child{ border-right:none; }
.process-num{ font-family:"Space Grotesk"; color:var(--red); font-size:.95rem; font-weight:600; }
.process-step h3{ font-size:1.34rem; margin:16px 0 10px; }
.process-step p{ color:var(--muted); font-size:.94rem; }
@media (max-width:900px){ .process-grid{ grid-template-columns:repeat(2,1fr); } .process-step{ border-bottom:1px solid var(--line-soft); padding:28px 18px 30px; } .process-step:nth-child(2){ border-right:none; } }
@media (max-width:520px){ .process-grid{ grid-template-columns:1fr; } .process-step{ border-right:none; } }

/* ---------- Growth ---------- */
.growth-grid{ display:flex; flex-direction:column; gap:18px; }
.growth-row{ display:grid; grid-template-columns:80px 1fr auto; gap:24px; align-items:center; }
.gy{ font-family:"Space Grotesk"; font-weight:600; color:var(--ink); }
.gb{ height:14px; background:#e3e1dc; border-radius:100px; overflow:hidden; }
.gb i{ display:block; height:100%; width:0; background:#bfbdb7; border-radius:100px; transition:width 1.3s var(--ease); }
.growth-row.in .gb i{ width:var(--w); }
.gb i.hot{ background:var(--red); }
.gv{ font-family:"Space Grotesk"; font-weight:600; font-size:1.04rem; white-space:nowrap; color:var(--ink); }
@media (max-width:600px){ .growth-row{ grid-template-columns:56px 1fr; } .gv{ grid-column:2; font-size:.92rem; } }

/* ---------- Brands ---------- */
.brand-grid{ display:grid; grid-template-columns:repeat(6,1fr); border-left:1px solid var(--line); border-top:1px solid var(--line); }
.brand-grid span{ display:flex; align-items:center; justify-content:center; padding:30px 12px; font-family:"Space Grotesk"; font-weight:600; font-size:.94rem; color:var(--ink-2); text-align:center; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:background .25s,color .25s; }
.brand-grid span:hover{ background:var(--ink); color:#fff; }
@media (max-width:900px){ .brand-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:520px){ .brand-grid{ grid-template-columns:repeat(2,1fr); } }

/* ---------- CTA (koyu) ---------- */
.cta-inner{ background:radial-gradient(120% 140% at 80% 0%, #1c1c20 0%, var(--dark) 60%); color:#fff; border-radius:8px; padding:clamp(60px,8vw,112px) clamp(24px,5vw,80px); text-align:center; position:relative; overflow:hidden; }
.cta-inner::after{ content:""; position:absolute; bottom:-40%; left:50%; transform:translateX(-50%); width:520px; height:520px; background:radial-gradient(circle,rgba(226,35,26,.22),transparent 70%); }
.cta-inner > *{ position:relative; z-index:2; }
.cta-inner .section-tag{ color:var(--red-soft); justify-content:center; }
.cta-title{ font-size:clamp(2.3rem,6.4vw,5rem); margin:14px 0 20px; color:#fff; }
.cta-title .accent{ color:var(--red-soft); }
.cta-sub{ color:rgba(255,255,255,.7); font-size:1.08rem; margin-bottom:30px; max-width:56ch; margin-left:auto; margin-right:auto; }
.cta-mail{ display:inline-block; font-family:"Space Grotesk"; font-size:clamp(1.2rem,3vw,2rem); font-weight:600; border-bottom:2px solid rgba(255,255,255,.25); padding-bottom:6px; margin-bottom:42px; transition:border-color .3s,color .3s; }
.cta-mail:hover{ border-color:var(--red-soft); color:var(--red-soft); }
.cta-actions{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* ---------- Footer ---------- */
.footer{ max-width:var(--maxw); margin:0 auto; padding:74px clamp(20px,5vw,56px) 44px; }
.footer-top{ display:flex; justify-content:space-between; gap:50px; flex-wrap:wrap; padding-bottom:46px; border-bottom:1px solid var(--line); }
.footer-brand{ max-width:330px; }
.brand-lg .brand-img{ height:50px; }
.footer-tag{ color:var(--muted); font-size:.95rem; margin:20px 0; line-height:1.5; }
.socials{ display:flex; gap:10px; }
.socials a{ width:40px; height:40px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--ink); transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease); }
.socials a:hover{ background:var(--red); border-color:var(--red); color:#fff; transform:translateY(-2px); }
.footer-cols{ display:flex; gap:clamp(34px,7vw,76px); flex-wrap:wrap; }
.footer-cols h4{ font-size:.82rem; text-transform:uppercase; letter-spacing:.1em; color:var(--muted); margin-bottom:14px; font-family:"Inter"; font-weight:600; }
.footer-cols a{ display:block; color:var(--ink-2); font-size:.94rem; margin-bottom:9px; transition:color .25s,padding-left .25s; }
.footer-cols a:hover{ color:var(--red); padding-left:4px; }
.footer-adr{ max-width:240px; line-height:1.5; }
.footer-bottom{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; padding-top:24px; color:var(--muted); font-size:.84rem; align-items:center; }
.legal-links{ display:flex; gap:20px; flex-wrap:wrap; }
.legal-links a{ color:var(--muted); transition:color .25s; }
.legal-links a:hover{ color:var(--red); }

/* ---------- Çerez bildirimi ---------- */
.cookie{ position:fixed; left:24px; right:24px; bottom:24px; z-index:9000; max-width:560px; margin:0 auto;
  background:var(--dark); color:#fff; border:1px solid var(--line-dark); border-radius:12px;
  padding:20px 22px; display:flex; align-items:center; gap:20px; flex-wrap:wrap;
  box-shadow:0 24px 60px rgba(0,0,0,.4); transform:translateY(140%); transition:transform .5s var(--ease); }
.cookie.show{ transform:translateY(0); }
.cookie p{ font-size:.9rem; color:rgba(255,255,255,.78); line-height:1.5; flex:1 1 260px; margin:0; }
.cookie a{ color:#fff; text-decoration:underline; text-underline-offset:2px; }
.cookie-actions{ display:flex; gap:10px; }
.cookie-btn{ font-family:inherit; font-size:.86rem; font-weight:600; padding:11px 20px; border-radius:100px; cursor:pointer; border:1px solid var(--line-dark); transition:background .25s,transform .2s var(--ease); }
.cookie-decline{ background:transparent; color:#fff; }
.cookie-decline:hover{ background:rgba(255,255,255,.08); }
.cookie-accept{ background:var(--red); color:#fff; border-color:var(--red); }
.cookie-accept:hover{ background:var(--red-ink); transform:translateY(-1px); }
@media (max-width:520px){ .cookie{ left:14px; right:14px; bottom:14px; padding:18px; } .cookie-actions{ width:100%; } .cookie-btn{ flex:1; } }

/* ---------- Legal sayfalar ---------- */
.legal-bar{ position:fixed; top:0; left:0; right:0; z-index:900; display:flex; align-items:center; justify-content:space-between; padding:16px clamp(20px,5vw,40px); background:rgba(242,235,223,.95); backdrop-filter:blur(12px); border-bottom:1px solid var(--line-soft); }
.legal-bar .brand-img{ height:30px; }
.legal-bar-cta{ font-size:.9rem; color:var(--ink-2); font-weight:500; transition:color .25s; }
.legal-bar-cta:hover{ color:var(--red); }
.legal-foot{ border-top:1px solid var(--line); max-width:820px; margin:0 auto; padding:26px clamp(20px,5vw,40px) 50px; color:var(--muted); font-size:.84rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.legal-foot a{ color:var(--muted); } .legal-foot a:hover{ color:var(--red); }
.legal{ max-width:820px; margin:0 auto; padding:130px clamp(20px,5vw,40px) 80px; }
.legal-back{ display:inline-flex; align-items:center; gap:8px; color:var(--muted); font-size:.9rem; margin-bottom:30px; transition:color .25s; }
.legal-back:hover{ color:var(--red); }
.legal h1{ font-size:clamp(2rem,5vw,3rem); margin-bottom:10px; }
.legal .legal-date{ color:var(--muted); font-size:.9rem; margin-bottom:40px; display:block; }
.legal h2{ font-size:1.3rem; margin:36px 0 12px; }
.legal p, .legal li{ color:var(--ink-2); line-height:1.7; margin-bottom:12px; }
.legal ul{ padding-left:22px; margin-bottom:12px; }
.legal a{ color:var(--red); text-decoration:underline; text-underline-offset:2px; }
.legal table{ width:100%; border-collapse:collapse; margin:16px 0 24px; font-size:.92rem; }
.legal th, .legal td{ border:1px solid var(--line); padding:11px 14px; text-align:left; vertical-align:top; }
.legal th{ background:var(--bg-soft); font-family:"Space Grotesk"; }

/* ---------- Alt sayfa başlığı (page header) ---------- */
.page-header{ position:relative; overflow:hidden; background:var(--dark); }
.ph-photo{ position:absolute; inset:0; background-size:cover; background-position:center; }
.ph-photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(8,8,10,.96) 0%, rgba(8,8,10,.78) 55%, rgba(8,8,10,.5) 100%), linear-gradient(0deg, rgba(8,8,10,.85), rgba(8,8,10,.15) 60%); }
.page-header-inner{ position:relative; z-index:2; max-width:var(--maxw); margin:0 auto; padding:175px clamp(20px,5vw,56px) 84px; }
.crumb{ font-size:.84rem; color:rgba(255,255,255,.5); margin-bottom:20px; letter-spacing:.02em; }
.crumb a{ color:rgba(255,255,255,.72); transition:color .25s; } .crumb a:hover{ color:#fff; }
.page-header h1{ font-size:clamp(2.3rem,6vw,4.3rem); color:#fff; max-width:20ch; letter-spacing:-.03em; }
.page-header .ph-sub{ color:rgba(255,255,255,.72); font-size:clamp(1rem,1.6vw,1.24rem); max-width:62ch; margin-top:20px; line-height:1.6; }

/* Nav aktif sayfa */
.nav-links a[aria-current="page"]{ color:#fff; }
.nav-links a[aria-current="page"]::after{ width:100%; }
.nav.scrolled .nav-links a[aria-current="page"]{ color:var(--ink); }

/* "Tümünü gör" linki */
.more-link{ display:inline-flex; align-items:center; gap:8px; color:var(--red); font-weight:600; font-size:.98rem; transition:gap .25s var(--ease); }
.more-link:hover{ gap:14px; }
.section-head .more-link{ margin-top:20px; }
.head-row{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; }

/* Mecra önizleme kartları (ana sayfa) */
.mgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.mcard{ display:block; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:#fff; transition:transform .35s var(--ease),box-shadow .35s,border-color .35s; }
.mcard:hover{ transform:translateY(-5px); box-shadow:0 18px 40px rgba(0,0,0,.06); border-color:rgba(226,35,26,.3); }
.mcard-img{ aspect-ratio:16/10; overflow:hidden; }
.mcard-img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.mcard:hover .mcard-img img{ transform:scale(1.05); }
.mcard-img--radio{ aspect-ratio:16/10; background:radial-gradient(120% 120% at 70% 20%,#1f1f23,var(--dark)); display:flex; align-items:flex-end; justify-content:center; padding-bottom:13%; }
.mcard-body{ padding:18px 20px 22px; }
.mcard-body .k{ font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; color:var(--red); font-weight:600; }
.mcard-body h3{ font-size:1.22rem; margin:8px 0 5px; color:var(--ink); }
.mcard-body p{ color:var(--muted); font-size:.92rem; }
@media(max-width:820px){ .mgrid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .mgrid{ grid-template-columns:1fr; } }

/* İletişim */
.contact-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:start; }
.field{ margin-bottom:16px; display:flex; flex-direction:column; }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field label{ font-size:.82rem; color:var(--ink-2); margin-bottom:6px; font-weight:500; }
.field input, .field textarea{ font-family:inherit; font-size:.98rem; padding:13px 15px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); transition:border-color .25s; }
.field input:focus, .field textarea:focus{ outline:none; border-color:var(--red); }
.field textarea{ min-height:130px; resize:vertical; }
.contact-form button{ margin-top:6px; border:none; cursor:pointer; }
.form-success{ display:none; padding:28px; border:1px solid rgba(226,35,26,.3); border-radius:10px; background:var(--bg-soft); }
.form-success.show{ display:block; }
.form-success h3{ font-size:1.3rem; margin-bottom:8px; }
.form-success p{ color:var(--muted); }
.contact-info .ci{ padding:18px 0; border-top:1px solid var(--line); }
.contact-info .ci:last-of-type{ border-bottom:1px solid var(--line); }
.ci h4{ font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; color:var(--muted); margin-bottom:6px; }
.ci a, .ci p{ color:var(--ink); font-size:1.02rem; }
.ci a:hover{ color:var(--red); }
.map{ margin-top:28px; border-radius:10px; overflow:hidden; border:1px solid var(--line); aspect-ratio:16/10; }
.map iframe{ width:100%; height:100%; border:0; display:block; filter:grayscale(.25); }
.contact-socials{ display:flex; gap:10px; margin-top:18px; }
.contact-socials a{ width:42px; height:42px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--ink); transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease); }
.contact-socials a:hover{ background:var(--red); border-color:var(--red); color:#fff; transform:translateY(-2px); }
@media(max-width:820px){ .contact-grid{ grid-template-columns:1fr; gap:36px; } }
@media(max-width:480px){ .form-row{ grid-template-columns:1fr; } }

/* Mobil rötuşlar için page-header üst boşluğu */
@media(max-width:720px){ .page-header-inner{ padding-top:128px; padding-bottom:60px; } }

/* ---------- Mobil rötuşlar ---------- */
@media (max-width:480px){
  .hero-actions{ width:100%; }
  .hero-actions .btn{ flex:1 1 100%; justify-content:center; }
  .cta-actions .btn{ flex:1 1 100%; justify-content:center; }
  .section-title{ font-size:clamp(1.7rem,8vw,2.4rem); }
  .trust-logos{ gap:18px 26px; }
  .footer-top{ gap:32px; }
}

/* ---------- Reveal ---------- */
.reveal{ opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease),transform .7s var(--ease); }
.reveal.in{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation:none !important; transition:none !important; }
  .reveal{ opacity:1; transform:none; } .hero-title .word{ transform:none; }
  .gb i{ width:var(--w) !important; }
}