/* Yazı tipleri siteye kendi içinde konur (Google'a bağlantı yok). Türkçe harfler için latin + latin-ext. */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/fonts/archivo-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/fonts/archivo-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: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/archivo-black-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/archivo-black-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;
}

:root {
  --bg: #010010;      /* logo görselinin zemin rengi */
  --text: #f4efe6;
  /* DENEME 4: Archivo Black (başlık) + Archivo (metin) */
  --font-head: 'Archivo Black', 'Archivo', system-ui, sans-serif;
  --font-body: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --red: #e0262d;
  --muted: #b9bfd1;
}
* { box-sizing: border-box; }
html { background: #01000d; }
body { min-height: 100vh; min-height: 100dvh; margin: 0; }
body {
  /* Logo görselindeki zemin: ortası neredeyse siyah, kenarlar koyu lacivert */
  background: radial-gradient(ellipse at center, #01000d 0%, #010010 45%, #02011f 80%, #020124 100%) no-repeat, var(--bg);
  background-size: cover;
  color: var(--text);
  font-family: var(--font-body);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-text-size-adjust: 100%;
}
main {
  width: 100%;
  min-width: 0;
  max-width: 760px;
  padding: 24px 16px;
  text-align: center;
  display: grid;
  gap: 28px;
  justify-items: center;
}
.logo { width: min(380px, 78vw, 38vh); height: auto; }

.soon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.soon-text {
  margin: 0;
  font-family: var(--font-head);
  font-size: clamp(1.1rem, 5.3vw, 2.1rem);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: .01em;
  text-align: center;
  text-wrap: balance;
}
.nw { white-space: nowrap; }
.huni-inline { height: 1.1em; width: auto; vertical-align: -.22em; margin-left: .2em; }
.info {
  margin: 0;
  max-width: 30em;
  font-size: clamp(.95rem, 3.9vw, 1.15rem);
  color: var(--muted);
  line-height: 1.5;
  text-align: center;
  text-wrap: balance;
}
.info a { color: var(--text); text-underline-offset: 3px; }
.funnels { display: inline-flex; gap: 8px; margin-top: 6px; }
.f { flex: none; height: 1.9rem; width: auto; opacity: .18; animation: blink 1.5s ease-in-out infinite; }
.f2 { animation-delay: .25s; }
.f3 { animation-delay: .5s; }
/* 1-2-3 sırayla yanıp söner (yükleniyor gibi) */
@keyframes blink {
  0%, 60%, 100% { opacity: .18; transform: scale(.9); }
  20%, 35%      { opacity: 1;   transform: scale(1.08); }
}

.ig {
  display: grid;
  justify-items: center;
  gap: 8px;
  color: var(--text);
  text-decoration: none;
}
.ig-name {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 26px;
  border-radius: 999px;
  /* Instagram renk geçişi */
  background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
  color: #fff;
  text-shadow: 0 1px 3px #0000004d;
  box-shadow: 0 4px 18px #d6297659;
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: .01em;
}
.ig-hint { font-size: .85rem; color: var(--muted); }
.ig:hover .ig-name, .ig:focus-visible .ig-name { filter: brightness(1.1); box-shadow: 0 6px 24px #d6297680; }

/* "Hareketi azalt" ayarı açık olanlarda huniler sabit kalır. */
@media (prefers-reduced-motion: reduce) {
  .f { animation: none; opacity: 1; }
}