/* Ana sayfa "Aklında soru mu var?": etiket bulutu. Her etiket /sss#<soru> adresine gider.
   Sade, ince çerçeveli kutular; üzerine gelince sarı çerçeve ve ok. */
.faq-cloud-section{align-items:center}
.faq-cloud-wrap{position:relative;z-index:4;display:flex;flex-direction:column;gap:22px;min-width:0}
.faq-cloud-lead{margin:0;font:600 11px/1.4 ArenaSans,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#77777f}
.faq-cloud{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}
.faq-cloud a{position:relative;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:2px;background:rgba(255,255,255,.012);font:500 13px/1.25 ArenaSans,Arial,sans-serif;color:#c6c8d2;text-decoration:none;transition:border-color .25s ease,color .25s ease,background-color .25s ease,transform .25s var(--ease,ease)}
.faq-tag-no{font:700 10px/1 ArenaSans,Arial,sans-serif;letter-spacing:.06em;color:#55555f;transition:color .25s ease}
.faq-cloud a::after{content:'↗';display:inline-block;width:0;margin-left:-9px;overflow:hidden;opacity:0;font-size:11px;color:#fbbc04;transition:width .25s var(--ease,ease),margin .25s var(--ease,ease),opacity .2s ease}
@media(hover:hover) and (pointer:fine){
  .faq-cloud a:hover{border-color:#fbbc04;color:#fff;background:rgba(251,188,4,.05);transform:translateY(-1px)}
  .faq-cloud a:hover .faq-tag-no{color:#fbbc04}
  .faq-cloud a:hover::after{width:11px;margin-left:0;opacity:1}
}
.faq-cloud a:focus-visible{outline:2px solid #fbbc04;outline-offset:3px;color:#fff}
.faq-more{display:none}
.faq-more a{border-style:dashed;color:#fbbc04;font-weight:700;letter-spacing:.06em}
.faq-all{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 0;font:700 12px/1 ArenaSans,Arial,sans-serif;letter-spacing:.16em;color:#fbbc04;text-decoration:none;border-bottom:1px solid rgba(251,188,4,.35);transition:border-color .25s ease,color .25s ease}
@media(hover:hover) and (pointer:fine){.faq-all:hover{color:#fff;border-color:#fff}}
.faq-all:focus-visible{outline:2px solid #fbbc04;outline-offset:4px}

/* Sırayla belirme: faq-bulut.js bulut görünür olunca .is-in ekler. Hareket azaltılmışsa doğrudan görünür. */
html.motion .faq-cloud.fb-js li{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .55s var(--ease,ease);transition-delay:calc(var(--i,0) * 28ms)}
html.motion .faq-cloud.is-in li{opacity:1;transform:none}

@media(max-width:780px){
  .faq-cloud-wrap{gap:18px}
  .faq-cloud-lead{text-align:center}
  .faq-cloud{gap:7px;justify-content:center}
  .faq-cloud a{padding:8px 10px;font-size:12px}
  .faq-tag-no{display:none}
  .faq-cloud li:nth-child(n+13):not(.faq-more){display:none}
  .faq-more{display:block}
  .faq-all{align-self:center}
}

/* ── Başlık sahnesi (07.10.2026): başlığın çevresinde eğik bir halkada dönen soru işaretleri.
   Dört derinlik katmanı (uzak bulanık → yakın net → en önde dev ve bulanık); öndekiler başlığın
   önünden, arkadakiler arkasından geçer. Arkada süzülen ışık bulutları. Fareyle saçılır (faq-bulut.js). */

.faq-stage{position:relative;display:grid;place-items:center;min-height:440px;isolation:isolate}
.faq-stage h2{position:relative;z-index:2;margin:0;text-shadow:0 0 34px rgba(255,255,255,.14),0 2px 0 rgba(0,0,0,.4)}
.faq-glow{position:absolute;inset:-12% 0;z-index:0;pointer-events:none;-webkit-mask:radial-gradient(closest-side,#000 45%,transparent 100%);mask:radial-gradient(closest-side,#000 45%,transparent 100%)}
.faq-glow i{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;filter:blur(46px);opacity:.5;mix-blend-mode:screen;will-change:transform}
.faq-glow i:nth-child(1){left:2%;top:12%;background:radial-gradient(circle,#4285f4 0,rgba(66,133,244,0) 68%);animation:faq-akis-1 16s ease-in-out infinite alternate}
.faq-glow i:nth-child(2){right:0;top:30%;background:radial-gradient(circle,#ea4335 0,rgba(234,67,53,0) 68%);opacity:.38;animation:faq-akis-2 19s ease-in-out infinite alternate}
.faq-glow i:nth-child(3){left:28%;bottom:0;width:42%;background:radial-gradient(circle,#fbbc04 0,rgba(251,188,4,0) 66%);opacity:.22;animation:faq-akis-3 13s ease-in-out infinite alternate}
.faq-glow::before{content:'';position:absolute;inset:14% 10%;border-radius:50%;background:conic-gradient(from 0deg,rgba(66,133,244,0),rgba(66,133,244,.32),rgba(234,67,53,0) 32%,rgba(251,188,4,.22) 55%,rgba(66,133,244,0) 72%,rgba(234,67,53,.28) 88%,rgba(66,133,244,0));-webkit-mask:radial-gradient(closest-side,transparent 62%,#000 70%,#000 76%,transparent 84%);mask:radial-gradient(closest-side,transparent 62%,#000 70%,#000 76%,transparent 84%);filter:blur(10px);transform:scaleY(.42);opacity:.75;animation:faq-halka 22s linear infinite}
@keyframes faq-akis-1{to{transform:translate(22%,14%) scale(1.15)}}
@keyframes faq-akis-2{to{transform:translate(-26%,-12%) scale(.9)}}
@keyframes faq-akis-3{to{transform:translate(18%,-22%) scale(1.2)}}
@keyframes faq-halka{to{transform:scaleY(.42) rotate(360deg)}}
.faq-orbit{position:absolute;inset:0;pointer-events:none}
.faq-orbit-back{z-index:1}
.faq-orbit-front{z-index:3}
.faq-q{position:absolute;left:0;top:0;font:800 40px/1 ArenaDisplay,Impact,sans-serif;color:#fff;will-change:transform;opacity:0;transition:opacity 1.2s ease;user-select:none}
.faq-q.is-hat{color:transparent!important;-webkit-text-stroke:1.5px var(--c,#fff)}
.faq-stage.is-in .faq-q{opacity:var(--op,1)}
@media(prefers-reduced-motion:reduce){.faq-glow i,.faq-glow::before{animation:none}}
/* Mobil: sahne sayfa kenar boşluğunu aşıp ekranın tam genişliğine yayılır; kırpma bölüm kenarında değil ekran kenarında. */
@media(max-width:780px){.faq-stage{min-height:320px;margin-inline:calc((100% - 100vw) / 2);overflow-x:clip}.faq-glow{inset:-10% 0}}