/* SEO analiz aracı: ana sayfa alt bilgisindeki tanıtım alanı (.sa-fband; ek modül: src/modules/seo-checker/ui/FooterBand.tsx).
   Yalnız alan çizildiğinde (ana sayfa, araç yayında) yüklenir. Koyu alt bilginin üstünde cam kart: solda skor halkası,
   ortada metin, sağda adres kutusu. Işık lekesi filtresiz degrade (cam kuralı: sayfa içi camda backdrop-filter yok). */
.sa-fband {
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 25rem); align-items: center; gap: var(--s-5) var(--s-6);
  margin-bottom: var(--s-8); padding: var(--s-6) var(--s-7);
  border-radius: var(--r-lg); border: 1px solid rgba(209, 193, 255, 0.28);
  background: linear-gradient(120deg, rgba(135, 62, 255, 0.28) 0%, rgba(135, 62, 255, 0.08) 45%, rgba(255, 255, 255, 0.04) 100%), rgba(44, 4, 93, 0.6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 24px 60px -30px rgba(0, 0, 0, 0.6);
}
.sa-fband-glow { position: absolute; z-index: -1; width: 520px; height: 520px; left: -160px; top: -300px; border-radius: 50%; background: radial-gradient(closest-side, rgba(135, 62, 255, 0.55), rgba(135, 62, 255, 0.18) 55%, transparent); pointer-events: none; }
.sa-fband-art { position: relative; width: 72px; height: 72px; flex: none; }
.sa-fband-ring-bg { fill: none; stroke: rgba(255, 255, 255, 0.12); stroke-width: 7; }
/* Döndürme SVG'de (rotate -90, merkez 36 36); burada transform-box verilmez: verilirse merkez kayar, iki halka üst üste oturmaz */
.sa-fband-ring { fill: none; stroke-width: 7; stroke-linecap: round; }
.sa-fband-q { position: absolute; inset: 0; display: grid; place-items: center; font-size: 26px; font-weight: 600; color: var(--wa-beyaz); }
.sa-fband-kicker { display: inline-block; margin-bottom: 6px; font-size: var(--fs-xs); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wa-mor-10); }
.footer .sa-fband-t, .sa-fband-t { margin: 0; font-size: clamp(1.25rem, 1rem + 1vw, 1.625rem); font-weight: 600; line-height: 1.25; letter-spacing: -0.015em; color: var(--wa-beyaz); text-wrap: balance; }
.sa-fband-t span { color: var(--wa-mor-10); }
.sa-fband-x { margin: 8px 0 0; font-size: var(--fs-sm); line-height: 1.55; color: var(--dark-text-2); max-width: 34rem; }
.sa-fband-form { display: flex; align-items: center; gap: 6px; padding: 6px 6px 6px 18px; border-radius: var(--r-full); background: var(--wa-beyaz); box-shadow: 0 10px 30px -14px rgba(0, 0, 0, 0.55); }
.sa-fband-form:focus-within { box-shadow: 0 0 0 4px rgba(209, 193, 255, 0.45), 0 10px 30px -14px rgba(0, 0, 0, 0.55); }
.sa-fband-form input { flex: 1; min-width: 0; height: 44px; padding: 0; border: 0; background: none; font: inherit; font-size: 16px; color: var(--wa-siyah); outline: none; }
.sa-fband-form input::placeholder { color: rgba(0, 0, 0, 0.45); }
.sa-fband-form .btn { flex: none; min-height: 44px; }

/* Halka bir kez dolar (yalnız ilk görünüşte; hareket azaltılmışsa durağan) */
@media (prefers-reduced-motion: no-preference) {
  .sa-fband-ring { animation: sa-fband-fill 1.6s var(--ease-out) 0.2s both; }
  @keyframes sa-fband-fill { from { stroke-dashoffset: 147; } to { stroke-dashoffset: 0; } }
}

@media (max-width: 1080px) {
  .sa-fband { grid-template-columns: auto minmax(0, 1fr); padding: var(--s-6); }
  .sa-fband-form { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .sa-fband { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); margin-bottom: var(--s-7); padding: var(--s-5) var(--s-4); }
  .sa-fband-art { width: 56px; height: 56px; }
  .sa-fband-art svg { width: 56px; height: 56px; }
  .sa-fband-q { font-size: 21px; }
  .sa-fband-form { flex-wrap: wrap; padding: 6px; border-radius: 22px; }
  .sa-fband-form input { flex: 1 1 100%; padding: 0 12px; }
  .sa-fband-form .btn { flex: 1 1 100%; }
}