/* ══════════════════════════════════════════════════════════════
   arfyzd.com.tr — ortak tasarım katmanı
   Koyu/siyah ağırlıklı, tek sıcak vurgu. Hareket ölçülü: her şey
   kıpırdarsa hiçbir şey dikkat çekmez. Animasyonlar yalnız GİRİŞTE
   ve ETKİLEŞİMDE; sürekli oynayan hiçbir öğe yok.
   ══════════════════════════════════════════════════════════════ */
:root{
  --zemin:#050609; --kat:#0B0D12; --kat2:#12151C; --cizgi:#1C212B;
  --yazi:#F3F5F9; --soluk:#7E8899; --sonuk:#4A5364;
  --v:#FF7A1A; --v2:#FFB454; --v-sis:rgba(255,122,26,.13);
  --olcu:1200px;
  --gecis:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--zemin);color:var(--yazi);
  font-family:-apple-system,"Segoe UI",Roboto,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
img{display:block;max-width:100%}
.kap{max-width:var(--olcu);margin:0 auto;padding:0 26px}
.gorsel-yazi{font-family:'URW Gothic','Century Gothic',system-ui,sans-serif}

/* ── Üst çubuk ── */
header{position:sticky;top:0;z-index:60;backdrop-filter:blur(14px);
  background:rgba(5,6,9,.78);border-bottom:1px solid transparent;transition:border-color .3s}
header.kaydi{border-bottom-color:var(--cizgi)}
/* DOLGU TUZAĞI: `.kap` yatay dolguyu (0 26px) veriyor. Buraya `padding:15px 0`
   yazılırsa aynı özgüllükte olduğu ve sonra geldiği için YATAY DOLGUYU DA SIFIRLAR —
   1200 px altındaki her ekranda logo ve menü kenara yapışıyordu. Yatay dolguya
   dokunmamak için yalnız dikey eksen yazılıyor. Aynı kural sayfa içi
   `.sayfa-bas` / `.giris` kuralları için de geçerli. */
.ust{display:flex;align-items:center;gap:26px;padding-top:15px;padding-bottom:15px}
.logo{font-family:'URW Gothic',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.02em}
.logo i{font-style:normal;color:var(--v)}
.menu{display:flex;gap:26px;margin-left:auto;align-items:center}
.menu a{font-size:14px;color:var(--soluk);transition:color .2s;position:relative;padding:4px 0}
.menu a::after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:var(--v);transition:right .28s var(--gecis)}
.menu a:hover{color:var(--yazi)}
.menu a:hover::after,.menu a.acik::after{right:0}
.menu a.acik{color:var(--yazi)}
.dugme{padding:11px 22px;border-radius:99px;background:var(--v);color:#0B0500;
  font-weight:700;font-size:14px;transition:transform .2s var(--gecis),box-shadow .2s}
.dugme:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,122,26,.32)}
.dugme.hayalet{background:none;border:1px solid var(--cizgi);color:var(--yazi)}
/* ÖZGÜLLÜK TUZAĞI: `.menu a` (0,1,1) `.dugme`yi (0,1,0) eziyordu; düğme yazısı
   turuncu zemin üstünde turuncu kalıyor, okunmuyordu. Menü içindeki düğme için
   ayrıca yazılıyor. */
.menu a.dugme{color:#0B0500}
.menu a.dugme:hover{color:#0B0500}
.menu a.dugme::after{display:none}
.menu a.dugme.hayalet,.menu a.dugme.hayalet:hover{color:var(--yazi)}
.dugme.hayalet:hover{border-color:var(--v);box-shadow:none}
#menu-ac{display:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--cizgi);
  margin-left:auto;font-size:17px}

/* ── Giriş animasyonu ── */
.ac{opacity:0;transform:translateY(22px)}
.ac.gor{opacity:1;transform:none;transition:opacity .7s var(--gecis),transform .7s var(--gecis)}
.gecikme-1{transition-delay:.06s}.gecikme-2{transition-delay:.12s}
.gecikme-3{transition-delay:.18s}.gecikme-4{transition-delay:.24s}
.gecikme-5{transition-delay:.30s}.gecikme-6{transition-delay:.36s}

/* ── Ortak parçalar ── */
.etiket{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:99px;
  border:1px solid rgba(255,122,26,.3);background:var(--v-sis);font-size:12.5px;color:var(--v2)}
.etiket i{width:6px;height:6px;border-radius:50%;background:var(--v);display:block;
  box-shadow:0 0 0 3px rgba(255,122,26,.22)}
h1{font-family:'URW Gothic',sans-serif;font-size:clamp(38px,6.4vw,80px);line-height:1.0;
  letter-spacing:-.035em;font-weight:700}
h2{font-family:'URW Gothic',sans-serif;font-size:clamp(27px,3.4vw,40px);line-height:1.1;
  letter-spacing:-.03em;font-weight:700}
h3{font-family:'URW Gothic',sans-serif;font-size:19px;letter-spacing:-.015em;font-weight:700}
.vurgu{color:var(--v)}
.bolum{padding:76px 0}
.bolum-bas{margin-bottom:34px;max-width:56ch}
.bolum-bas p{margin-top:11px;color:var(--soluk);font-size:15.5px;line-height:1.75}
.kucuk-bas{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--v);
  font-weight:700;margin-bottom:13px}

/* ── Kart ── */
.kart{background:var(--kat);border:1px solid var(--cizgi);border-radius:18px;
  transition:transform .3s var(--gecis),border-color .3s,box-shadow .3s}
.kart:hover{transform:translateY(-4px);border-color:#2C333F;
  box-shadow:0 18px 44px -22px rgba(0,0,0,.9)}

/* ── Alt bilgi ── */
footer{border-top:1px solid var(--cizgi);padding:44px 0 34px;margin-top:40px}
.alt-ic{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-start}
.alt-ic .sol{flex:1;min-width:220px}
.alt-ic p{color:var(--sonuk);font-size:13px;margin-top:9px;line-height:1.7}
.alt-baglanti{display:flex;gap:22px;flex-wrap:wrap}
.alt-baglanti a{font-size:13.5px;color:var(--soluk);transition:color .2s}
.alt-baglanti a:hover{color:var(--v)}
.telif{margin-top:30px;padding-top:20px;border-top:1px solid var(--cizgi);
  color:var(--sonuk);font-size:12.5px;display:flex;gap:14px;flex-wrap:wrap}

@media (max-width:860px){
  .menu{position:fixed;inset:60px 0 auto;flex-direction:column;gap:0;padding:14px 26px 22px;
    background:var(--zemin);border-bottom:1px solid var(--cizgi);display:none}
  .menu.acik-menu{display:flex}
  .menu a{padding:13px 0;width:100%;border-bottom:1px solid var(--cizgi)}
  .menu .dugme{margin-top:14px;text-align:center}
  #menu-ac{display:grid;place-items:center}
  .bolum{padding:54px 0}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  .ac{opacity:1;transform:none}
  html{scroll-behavior:auto}
}