:root{
      --bg:#0b0b0b;
      --bg2:#0f0f10;
      --surface:#141416;
      --surface2:#1a1b1f;
      --stroke:rgba(255,255,255,.10);
      --text:#f4f4f5;
      --muted:rgba(244,244,245,.72);
      --muted2:rgba(244,244,245,.55);
      --accent:#ffb000;   /* vurgu rengi: istersen #ff3b30 gibi k覺rm覺z覺 yap */
      --accent2:#ffe08a;
      --shadow: 0 20px 60px rgba(0,0,0,.55);
      --radius: 18px;
      --radius2: 26px;
      --max: 1160px;
    }

    *{ box-sizing:border-box; }
    html,body{ height:100%; }
html{ background:#0b0b0b; }

    /* ===== Global background (smoother amber transitions) ===== */
html{
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
}

/* Fixed glow overlay (blurred to avoid rings/banding on mobile) */
html::before{
  content:"";
  position: fixed;
  inset: -18% -12%;
  background:
    radial-gradient(1200px 820px at 42% -12%,
      rgba(255,176,0,.12) 0%,
      rgba(255,176,0,.065) 34%,
      rgba(255,176,0,0) 74%),
    radial-gradient(1100px 860px at 10% 34%,
      rgba(255,176,0,.075) 0%,
      rgba(255,176,0,.038) 42%,
      rgba(255,176,0,0) 80%),
    radial-gradient(1050px 840px at 92% 78%,
      rgba(255,176,0,.065) 0%,
      rgba(255,176,0,.03) 46%,
      rgba(255,176,0,0) 84%);
  filter: blur(18px);
  transform: translateZ(0);
  pointer-events:none;
  z-index: 0;
  opacity: .98;
}

/* Subtle raster grain to reduce gradient banding (no visible patterns) */
html::after{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events:none;
  z-index: 0;
  opacity: .06;
  background-image: url("data:image/png;base64,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");
  background-repeat: repeat;
  background-size: 260px 260px;
  mix-blend-mode: soft-light;
  transform: rotate(11deg) scale(1.08);
  transform-origin: center;
}

body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: transparent;
  color:var(--text);
  line-height:1.55;
  overflow-x:hidden;
  position: relative;
  z-index: 1; /* above glow layers */
}

    a{ color:inherit; text-decoration:none; }
    img{ max-width:100%; display:block; }
    button, input, select, textarea{ font:inherit; color:inherit; }
    ::selection{ background: rgba(255,176,0,.35); }

    /* Utilities */
    .container{ width:min(var(--max), calc(100% - 40px)); margin-inline:auto; }
    .pill{
      display:inline-flex; gap:10px; align-items:center;
      padding:10px 14px; border:1px solid var(--stroke);
      border-radius:999px; background:rgba(255,255,255,.04);
      color:var(--muted);
      backdrop-filter: blur(10px);
    }
    .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:12px 16px;
      border-radius: 999px;
      border:1px solid var(--stroke);
      background: rgba(255,255,255,.058);
      color: var(--text);
      cursor:pointer;
      transition: transform .15s ease, background .15s ease, border-color .15s ease;
      user-select:none;
      white-space:nowrap;
    }
    .btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.18); }
    .btn:active{ transform: translateY(0px); }

    .btn.primary{
      background: linear-gradient(180deg, var(--accent), #ffa000);
      border-color: rgba(0,0,0,.18);
      color:#0b0b0b;
      font-weight:700;
      box-shadow: 0 16px 45px rgba(255,176,0,.22);
    }
    .btn.primary:hover{ background: linear-gradient(180deg, #ffd36a, var(--accent)); }
    .btn.ghost{ background: transparent; }
    .btn.small{ padding:10px 14px; font-size:14px; }

    .grid{ display:grid; gap:18px; }
    .card{
      border:1px solid var(--stroke);
      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      border-radius: var(--radius);
      box-shadow: var(--shadow);
    }
    .soft{
      background: radial-gradient(800px 400px at 10% 0%, rgba(255,176,0,.10), transparent 60%),
                  linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    }
    .muted{ color:var(--muted); }
    .muted2{ color:var(--muted2); }
    .kicker{ letter-spacing:.18em; font-size:12px; text-transform:uppercase; color:var(--muted2); }
    .h1{ font-size: clamp(34px, 4vw, 56px); line-height:1.05; margin:14px 0 14px; letter-spacing:-.03em; }
    .h2{ font-size: clamp(24px, 2.6vw, 34px); margin:0; letter-spacing:-.02em; }
    .h3{ font-size: 18px; margin:0; }
    .section{ padding: 70px 0; position:relative; }
/* soft top/bottom fade to avoid hard color jumps between blocks */
.section::before,
.section::after{
  content:"";
  position:absolute;
  left:0; right:0;
  height:44px;
  pointer-events:none;
  z-index:0;
}
.section::before{
  top:-1px;
  background: linear-gradient(180deg, rgba(11,11,11,.35), rgba(11,11,11,0));
}
.section::after{
  bottom:-1px;
  background: linear-gradient(0deg, rgba(11,11,11,.35), rgba(11,11,11,0));
}
/* keep content above fades */
.section > .container{ position:relative; z-index:1; }

    .section.compact{ padding: 48px 0; }
    .divider{
      height:1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
      margin: 0;
      border:0;
    }

    /* Header */
    .header{
      position: sticky; top:0; z-index:50;
      background: rgba(11,11,11,.78);
      border-bottom:1px solid rgba(255,255,255,.10);
      backdrop-filter: blur(16px);
    }
    .nav{
      display:flex; align-items:center; justify-content:space-between;
      padding: 14px 0;
    }
    .brand{
      display:flex; align-items:center; gap:12px;
      font-weight:800;
      letter-spacing:.02em;
    }
.logo {
  width: 100px;
  height: 53px;
  overflow: hidden; /* Kutudan taşan kısımları (boşlukları) keser */
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo img {
  width: 100%;
  height: 100%;
  /* fill: resmi kutuya sığması için gerekirse hafifçe esnetir */
  /* cover: resmi oranını bozmadan kutuyu dolduracak şekilde ölçekler */
  object-fit: fill; 
  display: block;
}
    
   .logo-footer {
  width: 60px;          /* Footer için ideal genişlik */
  height: 60px;         /* Footer için ideal yükseklik */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;     /* Kutudan taşan (alttaki boşluk dahil) her şeyi keser */
  background: transparent; /* Varsa arka planı temizler */
}

.logo-footer img {
  width: 100%;
  height: 100%;
  object-fit: cover;    /* Oranları koruyarak kutuyu tam doldurur */
  
  /* Resmin içindeki alt boşluğu yok etmek için hafif zoom yapıyoruz */
  transform: scale(1.2); 
  
  /* Eğer logo çok yukarı kayarsa burayı 'center' veya '0 -5px' gibi deneyebilirsin */
  transform-origin: center; 
}
    
    
    .navlinks a{
      padding:10px 10px;
      color:var(--muted);
      border-radius: 12px;
      transition: background .15s ease, color .15s ease;
    }
    .navlinks a:hover{ background: rgba(255,255,255,.058); color:var(--text); }
    .nav-cta{ display:flex; gap:10px; align-items:center; }
    .hamburger{
      display:none;
      width:44px; height:44px;
      border-radius: 12px;
      background: rgba(255,255,255,.058);
      border:1px solid rgba(255,255,255,.12);
      cursor:pointer;
      align-items:center; justify-content:center;
    }
    .hamburger svg{ width:22px; height:22px; }

    /* Mobile menu */
    .mobile{
      display:none;
      border-top:1px solid rgba(255,255,255,.10);
      padding: 10px 0 16px;
    }
    .mobile a{ display:block; padding: 12px 10px; border-radius: 12px; color:var(--muted); }
    .mobile a:hover{ background: rgba(255,255,255,.058); color:var(--text); }
    .mobile .row{ display:flex; gap:10px; padding: 10px 10px 0; }

    /* Hero */
    .hero{
      padding: 46px 0 34px;
    }
    .hero-grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 24px;
      align-items:stretch;
    }
    .hero-left{
      padding: 26px;
      border-radius: var(--radius2);
    }
    .hero-left .lead{
      font-size: 16px;
      margin: 0 0 18px;
      color: var(--muted);
      max-width: 58ch;
    }
    .hero-left .cta{
      display:flex;
      gap:12px;
      align-items:center;
      flex-wrap:wrap;
      margin-top: 18px;
    }
    .hero-left .bullets{
      margin-top: 18px;
      display:grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 10px;
    }
    .bullet{
      display:flex; gap:10px; align-items:flex-start;
      padding: 12px 12px;
      border-radius: 14px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.032);
    }
    .bullet .dot{
      width:10px; height:10px; border-radius:999px;
      background: var(--accent);
      box-shadow: 0 0 0 6px rgba(255,176,0,.14);
      margin-top: 5px;
      flex:0 0 auto;
    }
    .bullet b{ font-weight:700; }
    .hero-right{
      display:flex;
      flex-direction:column;
      gap: 14px;
    }
    .video-card{
      padding: 12px;
      border-radius: var(--radius2);
      overflow:hidden;
      position:relative;
      min-height: 360px;
    }
    .video-card video{
      width:100%;
      height:100%;
      min-height: 330px;
      border-radius: 20px;
      object-fit: cover;
      display:block;
      border:1px solid rgba(255,255,255,.14);
      background:#000;
    }
    .video-badge{
      position:absolute;
      top: 18px;
      left: 18px;
      display:flex;
      gap:10px;
      align-items:center;
      padding: 10px 12px;
      border-radius: 999px;
      background: rgba(0,0,0,.55);
      border:1px solid rgba(255,255,255,.16);
      backdrop-filter: blur(10px);
      font-size: 13px;
      color: var(--text);
    }
    .video-badge .live{
      width:10px; height:10px;
      border-radius: 999px;
      background: #ff3b30;
      box-shadow: 0 0 0 6px rgba(255,59,48,.12);
    }
    .hero-mini{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 12px;
    }
    .mini{
      padding: 14px 14px;
      border-radius: 16px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.032);
    }
    .mini .num{ font-size: 20px; font-weight:800; letter-spacing:-.02em; }
    .mini .lbl{ font-size: 12px; color:var(--muted2); margin-top:2px; }

    /* Logos row */
    .logos{
      display:flex; gap:16px; align-items:center; overflow:auto;
      padding: 12px 0;
      scrollbar-width: none;
    }
    .logos::-webkit-scrollbar{ display:none; }
    .logo-box{
      flex: 0 0 auto;
      padding: 14px 16px;
      border-radius: 16px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.032);
      color: var(--muted);
      min-width: 160px;
      display:flex; align-items:center; justify-content:center;
      gap: 10px;
    }
    .logo-box span{ font-weight:700; color:var(--text); opacity:.92; }
    .logo-box small{ color:var(--muted2); }

    /* Section headings */
    .section-head{
      display:flex; align-items:flex-end; justify-content:space-between;
      gap: 16px;
      margin-bottom: 18px;
    }
    .section-head p{ margin: 10px 0 0; max-width: 68ch; color:var(--muted); }
    .section-actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }

    /* Services */
    .services{ grid-template-columns: repeat(12, minmax(0,1fr)); }
    .service{
      grid-column: span 4;
      padding: 18px;
      border-radius: var(--radius);
      position:relative;
      overflow:hidden;
    }
    .service .icon{
      width:44px; height:44px;
      border-radius: 14px;
      display:grid; place-items:center;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.04);
      margin-bottom: 12px;
    }
    .service .icon svg{ width:22px; height:22px; }
    .service p{ margin: 10px 0 0; color:var(--muted); }
    .service .tag{
      position:absolute; right:16px; top:16px;
      font-size: 12px;
      padding: 6px 10px;
      border-radius: 999px;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.35);
      color: var(--muted);
    }

    /* Projects */
    .filters{
      display:flex; gap:10px; flex-wrap:wrap; margin-top: 14px;
    }
    .chip{
      padding: 10px 14px;
      border-radius: 999px;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.04);
      color: var(--muted);
      cursor:pointer;
      transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
      user-select:none;
    }
    .chip:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.18); color:var(--text); }
    .chip.active{
      background: rgba(255,176,0,.18);
      border-color: rgba(255,176,0,.40);
      color: var(--text);
    }
    .projects{
      grid-template-columns: repeat(12, minmax(0,1fr));
      margin-top: 16px;
    }
    .project{
      grid-column: span 4;
      overflow:hidden;
      border-radius: var(--radius);
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.032);
      position:relative;
      min-height: 320px;
      cursor:pointer;
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }
    .project:hover{
      transform: translateY(-2px);
      border-color: rgba(255,255,255,.18);
      background: rgba(255,255,255,.05);
    }
    .project .cover{
      height: 190px;
      background-size: cover;
      background-position: center;
      filter: saturate(.95) contrast(1.02);
    }
    .project .body{ padding: 14px; }
    .project .meta{
      display:flex; justify-content:space-between; align-items:center; gap: 10px;
      font-size: 12px; color:var(--muted2);
      margin-bottom: 8px;
    }
    .badge{
      display:inline-flex; align-items:center; gap:8px;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(0,0,0,.45);
      border:1px solid rgba(255,255,255,.12);
      color: var(--muted);
    }
    .badge .b{ width:8px; height:8px; border-radius:999px; background: var(--accent); }
    .project h4{ margin: 0 0 6px; font-size: 16px; letter-spacing:-.01em; }
    .project p{ margin:0; color:var(--muted); font-size: 14px; }

    /* Video gallery */
    .gallery{
      grid-template-columns: repeat(12, minmax(0,1fr));
      margin-top: 18px;
    }
    .tile{
      grid-column: span 6;
      overflow:hidden;
      border-radius: var(--radius2);
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.032);
      position:relative;
      min-height: 240px;
      cursor:pointer;
    }
    .tile.big{ grid-column: span 12; min-height: 320px; }
    .tile::before{
      content:"";
      position:absolute; inset:0;
      background:
        linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.75)),
        var(--bgimg);
      background-size: cover;
      background-position:center;
      filter: saturate(.95) contrast(1.05);
    }
    .tile .content{
      position:absolute; inset:0;
      display:flex; flex-direction:column; justify-content:flex-end;
      padding: 18px;
      gap: 10px;
    }
    .play{
      width: 52px; height: 52px;
      border-radius: 18px;
      display:grid; place-items:center;
      background: rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.16);
      backdrop-filter: blur(10px);
      box-shadow: 0 16px 40px rgba(0,0,0,.45);
    }
    .play svg{ width:22px; height:22px; transform: translateX(1px); }
    .tile h4{ margin:0; font-size: 18px; letter-spacing:-.02em; }
    .tile .row{
      display:flex; align-items:center; justify-content:space-between;
      gap: 14px;
      color: var(--muted);
      font-size: 13px;
    }

    /* Why us */
    .split{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      align-items:stretch;
    }
    .why{
      padding: 22px;
      border-radius: var(--radius2);
    }
    .why ul{ margin: 14px 0 0; padding:0; list-style:none; display:grid; gap:10px; }
    .why li{
      display:flex; gap:10px; align-items:flex-start;
      padding: 12px 12px;
      border-radius: 14px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.032);
    }
    .check{
      width:22px; height:22px;
      border-radius: 10px;
      display:grid; place-items:center;
      background: rgba(255,176,0,.16);
      border:1px solid rgba(255,176,0,.30);
      flex:0 0 auto;
      margin-top: 2px;
    }
    .check svg{ width:16px; height:16px; }
    .why .note{
      margin-top: 14px;
      padding: 14px;
      border-radius: 16px;
      border:1px dashed rgba(255,255,255,.18);
      color: var(--muted);
      background: rgba(255,255,255,.032);
    }
    .shot{
      border-radius: var(--radius2);
      overflow:hidden;
      position:relative;
      min-height: 360px;
      border:1px solid rgba(255,255,255,.10);
      background:
        linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.85)),
        url("https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1400&q=80");
      background-size: cover;
      background-position: center;
    }
    .shot .overlay{
      position:absolute; inset:0;
      padding: 18px;
      display:flex; flex-direction:column; justify-content:flex-end;
      gap: 10px;
    }
    .shot .overlay .caption{
      max-width: 52ch;
      color: var(--muted);
      font-size: 14px;
    }

    /* Team video */
    .team{
      display:grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 18px;
      align-items:stretch;
    }
    .team .box{ padding: 22px; border-radius: var(--radius2); }
    .team video{
      width:100%;
      height:100%;
      min-height: 300px;
      border-radius: var(--radius2);
      object-fit: cover;
      border:1px solid rgba(255,255,255,.12);
      background:#000;
    }
    .team .members{
      margin-top: 14px;
      display:grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 12px;
    }
    .person{
      padding: 12px;
      border-radius: 16px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.032);
      display:flex; gap:10px; align-items:center;
    }
    .avatar{
      width:40px; height:40px;
      border-radius: 14px;
      border:1px solid rgba(255,255,255,.14);
      background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
      display:grid; place-items:center;
      color: var(--muted);
      font-weight:700;
    }
    .person small{ color:var(--muted2); display:block; }

    /* Testimonials slider */
    .slider{
      position:relative;
      border-radius: var(--radius2);
      overflow:hidden;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.032);
    }
    .slides{
      display:flex;
      transition: transform .35s ease;
      will-change: transform;
    }
    .testimonial{
      min-width: 100%;
      padding: 22px;
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 18px;
      align-items:center;
    }
    .quote{
      font-size: 18px;
      letter-spacing:-.01em;
      margin: 0 0 10px;
    }
    .who{ color:var(--muted); }
    .tmedia{
      height: 240px;
      border-radius: 18px;
      border:1px solid rgba(255,255,255,.10);
      background:
        linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.85)),
        url("https://images.unsplash.com/photo-1505238680356-667803448bb6?auto=format&fit=crop&w=1400&q=80");
      background-size: cover;
      background-position:center;
    }
    .slider-nav{
      position:absolute; right: 14px; bottom: 14px;
      display:flex; gap:10px;
    }

    /* FAQ */
    .faq{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-top: 18px;
    }
    details{
      border:1px solid rgba(255,255,255,.10);
      border-radius: 16px;
      background: rgba(255,255,255,.032);
      padding: 12px 14px;
    }
    summary{
      cursor:pointer;
      list-style:none;
      display:flex; align-items:center; justify-content:space-between;
      gap: 12px;
      color: var(--text);
      font-weight:600;
    }
    summary::-webkit-details-marker{ display:none; }
    details p{ margin: 10px 0 0; color: var(--muted); }

    /* Contact */
    .contact{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      align-items:stretch;
    }
    form{
      padding: 18px;
      border-radius: var(--radius2);
    }
    .field{
      display:grid;
      gap:8px;
      margin-bottom: 12px;
    }
    .field label{ font-size: 13px; color: var(--muted2); }
    .field input, .field select, .field textarea{
      padding: 12px 12px;
      border-radius: 14px;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.28);
      outline: none;
      transition: border-color .15s ease, background .15s ease;
    }
    .field textarea{ min-height: 120px; resize: vertical; }
    .field input:focus, .field select:focus, .field textarea:focus{
      border-color: rgba(255,176,0,.45);
      background: rgba(0,0,0,.34);
    }
    .form-row{ display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .hint{ font-size: 12px; color: var(--muted2); margin-top: 6px; }
    .status{
      margin-top: 10px;
      font-size: 13px;
      color: var(--muted);
      min-height: 18px;
    }
    .contact .side{
      padding: 22px;
      border-radius: var(--radius2);
      position:relative;
      overflow:hidden;
      min-height: 360px;
      background:
        radial-gradient(900px 380px at 0% 0%, rgba(255,176,0,.12), transparent 55%),
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      border:1px solid rgba(255,255,255,.10);
    }
    .side .stack{ display:grid; gap: 12px; margin-top: 14px; }
    .info{
      padding: 14px;
      border-radius: 16px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.032);
      display:flex; align-items:flex-start; gap:10px;
    }
    .info svg{ width:18px; height:18px; margin-top: 2px; color: var(--accent2); }
    .social{
      display:flex; gap: 10px; margin-top: 14px; flex-wrap:wrap;
    }
    .social a{
      padding: 10px 12px;
      border-radius: 999px;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.04);
      color: var(--muted);
    }
    .social a:hover{ background: rgba(255,255,255,.07); color: var(--text); }

    /* Footer */
    footer{
      padding: 34px 0 44px;
      border-top:1px solid rgba(255,255,255,.10);
      background: rgba(0,0,0,.20);
    }
    .footer-grid{
      display:grid;
      grid-template-columns: 1.1fr .9fr .9fr;
      gap: 18px;
      align-items:start;
    }
    footer a{ color: var(--muted); }
    footer a:hover{ color: var(--text); }
    .footer-grid h4{ margin: 0 0 10px; }
    .fine{ color: var(--muted2); font-size: 12px; }

    /* Modal */
    .modal{
      position:fixed; inset:0;
      display:none;
      place-items:center;
      padding: 20px;
      background: rgba(0,0,0,.70);
      z-index: 100;
      backdrop-filter: blur(10px);
    }
    .modal.open{ display:grid; }
    .modal-card{
      width: min(980px, 100%);
      border-radius: var(--radius2);
      border:1px solid rgba(255,255,255,.16);
      background: rgba(12,12,12,.92);
      box-shadow: 0 30px 90px rgba(0,0,0,.65);
      overflow:hidden;
    }
    .modal-top{
      display:flex; justify-content:space-between; align-items:center;
      padding: 12px 12px 0;
    }
    .modal-top .title{ padding: 10px 12px; color: var(--muted); font-size: 13px; }
    .x{
      width:44px; height:44px;
      border-radius: 14px;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.058);
      cursor:pointer;
      display:grid; place-items:center;
    }
    .x:hover{ background: rgba(255,255,255,.10); }
    .modal-body{
      padding: 12px;
    }
    .modal-body iframe, .modal-body video{
      width:100%;
      aspect-ratio: 16/9;
      border:0;
      border-radius: 18px;
      background:#000;
    }

    /* Responsive */
    @media (max-width: 980px){
      .hero-grid{ grid-template-columns: 1fr; }
      .hero-left{ padding: 22px; }
      .hero-left .bullets{ grid-template-columns: 1fr; }
      .services .service{ grid-column: span 6; }
      .projects .project{ grid-column: span 6; }
      .team{ grid-template-columns: 1fr; }
      .testimonial{ grid-template-columns: 1fr; }
      .faq{ grid-template-columns: 1fr; }
      .contact{ grid-template-columns: 1fr; }
      .footer-grid{ grid-template-columns: 1fr; }
    }
    @media (max-width: 720px){
      .navlinks{ display:none; }
      .hamburger{ display:flex; }
      .mobile.show{ display:block; }
      .services .service{ grid-column: span 12; }
      .projects .project{ grid-column: span 12; }
      .tile{ grid-column: span 12; }
      .hero-mini{ grid-template-columns: 1fr; }
      .form-row{ grid-template-columns: 1fr; }
    }

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce){
      *{ scroll-behavior:auto !important; transition:none !important; animation:none !important; }
    }
  
    /* ===== Motion / Animations (subtle & premium) ===== */
    .reveal{
      opacity: 0;
      transform: translateY(14px);
      transition: opacity .7s ease, transform .7s ease;
      will-change: opacity, transform;
    }
    .reveal.in{
      opacity: 1;
      transform: translateY(0);
    }
    .reveal.delay-1{ transition-delay: .08s; }
    .reveal.delay-2{ transition-delay: .16s; }
    .reveal.delay-3{ transition-delay: .24s; }

    /* Page load hero micro-motion */
    .hero .hero-left{ animation: heroIn .85s ease both; }
    .hero .hero-right{ animation: heroIn2 .95s ease .05s both; }
    @keyframes heroIn{
      from{ opacity:0; transform: translateY(10px); }
      to{ opacity:1; transform: translateY(0); }
    }
    @keyframes heroIn2{
      from{ opacity:0; transform: translateY(12px); }
      to{ opacity:1; transform: translateY(0); }
    }

    /* Navbar shadow on scroll */
    .header.scrolled{
      box-shadow: 0 18px 50px rgba(0,0,0,.45);
      background: rgba(11,11,11,.86);
    }

    /* Modal open animation */
    .modal-card{
      transform: translateY(8px) scale(.985);
      transition: transform .22s ease, opacity .22s ease;
      opacity: .98;
    }
    .modal.open .modal-card{
      transform: translateY(0) scale(1);
      opacity: 1;
    }

    /* Slight shimmer for primary CTA hover */
    .btn.primary{
      position: relative;
      overflow: hidden;
    }
    .btn.primary::after{
      content:"";
      position:absolute;
      inset:-40%;
      transform: translateX(-120%) rotate(20deg);
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
      transition: transform .55s ease;
      pointer-events:none;
      mix-blend-mode: soft-light;
    }
    .btn.primary:hover::after{ transform: translateX(120%) rotate(20deg); }

    /* Reduce motion */
    @media (prefers-reduced-motion: reduce){
      .reveal{ opacity:1 !important; transform:none !important; }
      .hero .hero-left, .hero .hero-right{ animation:none !important; }
      .modal-card{ transition:none !important; transform:none !important; }
      .btn.primary::after{ display:none !important; }
    }


/* ===== Background tuning patch ===== */
@supports (-webkit-touch-callout: none){
  html::before{ filter: blur(22px); }
  html::after{ opacity: .07; }
}


/* ===== build:20260102-ultra fixes ===== */

/* One-piece background: single fixed layer (reduce banding/blobs) */
body{ background: transparent !important; min-height:100vh; }
body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events:none;
  background:
    linear-gradient(180deg, #0b0b0b 0%, #080808 55%, #050505 100%);
}
/* ultra subtle vignette to keep depth without "patches" */
body::after{ content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background: none; }

/* Kill any section-level backgrounds/overlays that can create seams */
.section, .section.compact, .section.alt, .section.gray, .section.dark{ background: transparent !important; }
.section::before, .section::after{ display:none !important; }

/* FAQ: switch from 2-col grid (shared rows) to CSS columns (independent flow) */
.faq{
  display:block !important;
  column-count: 2;
  column-gap: 14px;
}
.faq details{
  display:inline-block;
  width:100%;
  margin: 0 0 14px;
  break-inside: avoid;
}
/* remove grid spanning behavior if it exists earlier */
.faq details[open]{ grid-column: auto !important; }

/* Mobile/tablet layout: stack split sections cleanly */
@media (max-width: 980px){
  .split{ grid-template-columns: 1fr !important; }
  .split > aside{ order: 2; }
  .split > div{ order: 1; }
  .faq{ column-count: 1; }
}

/* Footer consistency */
footer{ background: transparent !important; }
.footer-simple{ max-width: 760px; }

/* ===== Global glow layer ===== */
/* Spotlight-style glow (single-piece background with smarter light) */
:root{
  --glowA: rgba(255, 176, 0, .18);
  --glowB: rgba(255, 176, 0, .10);
  --glowC: rgba(255, 176, 0, .06);
  --spotX: 52%;
  --spotY: 18%;
}

/* Single-piece base */
html{
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
}

/* Fixed glow (no scroll seams) */
html::before{
  content:"";
  position: fixed;
  inset: -22% -16%;
  z-index: 0;
  pointer-events: none;

  /* 1) Main spotlight (can follow cursor on desktop via JS vars) */
  background:
    radial-gradient(720px 520px at var(--spotX) var(--spotY), var(--glowA), transparent 70%),

    /* 2) Supporting soft pools (static) */
    radial-gradient(980px 720px at 16% 34%, var(--glowB), transparent 74%),
    radial-gradient(920px 680px at 88% 72%, var(--glowC), transparent 78%),
    radial-gradient(760px 560px at 50% 112%, rgba(255,176,0,.05), transparent 72%);

  filter: blur(28px) saturate(1.18);
  opacity: .92;
  transform: translateZ(0);
}

/* Ultra-subtle grain to reduce banding (kept very low) */
html::after{
  content:"";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .03;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
  background-repeat: repeat;
  mix-blend-mode: soft-light;
}

/* Content above glow */
body{
  position: relative;
  z-index: 1;
  background: transparent !important;
}

/* Mobile: keep spotlight centered near top (no hover/cursor) */
@media (max-width: 900px){
  :root{ --spotX: 54%; --spotY: 14%; }
  html::before{ opacity: .88; filter: blur(30px) saturate(1.15); }
}

/* Reduce intensity for users preferring less motion */
@media (prefers-reduced-motion: reduce){
  html::before{ opacity: .85; }
}


/* Team avatar photos */
.avatar{
  position: relative;
  overflow: hidden;
}
.avatar img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}

/* ===== Footer redesign (2026) ===== */
footer{
  padding: 56px 0 44px;
  position: relative;
  border-top: 1px solid rgba(255,255,255,.10);
}
footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 260px at 50% 0%, rgba(255,176,0,.14), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 45%);
  opacity: .9;
}
footer .container{ position:relative; z-index:1; }

footer .footer-simple{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 22px 20px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  display:flex;
  flex-direction: column;
  gap: 10px;
  text-align:center;
  align-items:center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* keep inline spacing consistent without touching the text */
footer .footer-simple .brand{
  display:flex;
  align-items:center;
  gap: 12px;
  font-weight: 600;
  letter-spacing: .2px;
  margin: 0 !important;
}

footer .footer-simple .logo,
footer .footer-simple .logo-footer{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  flex: 0 0 auto;
}

footer .footer-simple .logo svg,
footer .footer-simple .logo-footer svg{
  width: 26px;
  height: 26px;
}

footer .footer-simple .logo img,
footer .footer-simple .logo-footer img{
  width: 26px;
  height: 26px;
  object-fit: contain;
  display: block;
}

footer .footer-simple p{ margin: 0; }
footer .footer-simple .fine{ margin: 0; font-size: 12px; color: var(--muted2); }

@media (min-width: 860px){
  footer .footer-simple{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    padding: 24px 26px;
  }
  footer .footer-simple p{
    max-width: 360px;
    text-align: center;
  }
}

.footer-minimal {
  padding: 50px 0;
  text-align: center;
  border-top: 1px solid var(--stroke);
  background: transparent !important;
}

.footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

/* Footer Logo Boyutu */
.footer-logo {
  width: 80px; /* Sade görünüm için ideal boyut */
  height: auto;
  margin-bottom: 5px;
}

.footer-logo img {
  width: 100%;
  height: auto;
  filter: brightness(1); /* Logonun net görünmesi için */
}

.footer-minimal .motto {
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
  margin: 0;
  letter-spacing: -0.01em;
}

.footer-minimal .fine {
  font-size: 13px;
  color: var(--muted2);
  opacity: 0.8;
}

/* Mobil Uyumluluk */
@media (max-width: 720px) {
  .footer-minimal {
    padding: 40px 0;
  }
  .footer-logo {
    width: 60px;
  }
}
/* --- Yüzen Sosyal Medya Butonları --- */
.sticky-social {
  position: fixed;
  right: 20px;
  bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}

.social-item {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--text);
  backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.social-item:hover {
  transform: translateX(-5px) scale(1.1);
  color: #0b0b0b;
  box-shadow: 0 0 20px rgba(255, 176, 0, 0.3);
}

/* Kurumsal Renkler */
.social-item.whatsapp:hover { background: #25D366; border-color: #25D366; color: white; }
.social-item.instagram:hover { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); border-color: #bc1888; color: white; }
.social-item.youtube:hover { background: #FF0000; border-color: #FF0000; color: white; }
.social-item.tiktok:hover { background: #000000; border-color: #000000; color: white; }

/* Mobil Uyumluluk */
@media (max-width: 720px) {
  .sticky-social { right: 15px; bottom: 20px; }
  .social-item { width: 44px; height: 44px; border-radius: 12px; }
}

@keyframes socialFadeIn {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}

.sticky-social { animation: socialFadeIn 0.8s ease forwards; }
/* Footer ana kutusu ve sayfa altı sabitleme */
html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main, section, .section {
  flex: 1 0 auto; /* İçerik az olsa bile footer'ı en alta iter */
}

/* Footer İçerik Hizalaması (NORMAL ORTALI YAPI) */
.footer-minimal {
  padding: 40px 0;
  text-align: center; /* Her şeyi ortada tutar */
  border-top: 1px solid var(--stroke);
  background: transparent !important;
  flex-shrink: 0;
}

.footer-content {
  display: flex;
  flex-direction: column;
  align-items: center; /* Dikeyde ortalama */
  gap: 12px;
}

/* Logo ve Sloganı Yan Yana Getiren Kısım */
.footer-brand-wrap {
  display: flex;
  align-items: center;
  justify-content: center; /* Yatayda ortalama */
  gap: 16px;
}

.footer-logo {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
}

.footer-minimal .motto {
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
  margin: 0 !important;
  letter-spacing: -0.01em;
}

.footer-minimal .fine {
  font-size: 12px;
  color: var(--muted2);
  margin: 0 !important;
  opacity: 0.8;
}

/* Mobil için küçük ayar */
@media (max-width: 600px) {
  .footer-brand-wrap {
    gap: 12px;
  }
  .footer-minimal .motto {
    font-size: 16px;
  }
}