/* Demo F · Ağ: sayfanın arkasında takımyıldız ağı (yakın düğümler çizgiyle bağlanır, imleç düğümleri çeker). Girişte beş modül düğümü merkezdeki "Tek panel"e ışık atımı yollar;
   küme, sağ sütundaki boş sahnenin (f-sahne) yerine çizilir: masaüstünde sağda, telefonda başlığın altında. */
.f-giris .kap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);align-items:center;min-height:min(calc(100dvh - 70px),860px);padding-block:40px}
.f-giris h1{font-size:clamp(42px,5.2vw,76px)}
.f-giris .alt-metin{margin-block:22px 30px;font-size:18px;max-width:54ch}
.f-sahne{position:relative;aspect-ratio:1;width:100%;max-width:560px;justify-self:center}
.f-sahne .f-merkez{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.f-sahne .f-merkez b{display:block;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em}
.f-sahne .f-merkez span{font:400 11px var(--m);letter-spacing:.12em;color:var(--vurgu);text-transform:uppercase}
.f-dugum{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;font-weight:700;font-size:14px;pointer-events:none;transition:opacity .4s}
.f-dugum i{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:var(--vurgu);background:rgba(12,27,29,.85);border:1px solid rgba(0,214,205,.45);box-shadow:0 0 30px rgba(0,214,205,.18)}
.f-imle{font:400 11.5px var(--m);color:var(--sonuk);letter-spacing:.06em;margin-top:14px}
@media (max-width:960px){.f-giris .kap{grid-template-columns:1fr;min-height:0;padding-block:28px 40px}.f-sahne{max-width:420px}.f-imle{display:none}}
@media (max-width:560px){.f-dugum i{width:46px;height:46px;font-size:20px}.f-dugum{font-size:12.5px}}
/* telefonda modül kartı: telefon solda küçük, numara + başlık + alt başlık sağında; açıklama, etiketler ve bağlantı altta tam genişlik (yalnız telefon görselli modüller) */
@media (max-width:560px){
	.bl-mk.bl-mk-tel{grid-template-columns:118px 1fr;grid-template-rows:1fr auto auto auto 1fr;column-gap:18px;row-gap:0;align-items:start}
	.bl-mk.bl-mk-tel>div:last-child{display:contents}
	.bl-mk.bl-mk-tel .bl-mk-gorsel{grid-column:1;grid-row:1 / span 5;order:0;align-self:center}
	.bl-mk.bl-mk-tel .bl-mk-gorsel .tel{width:118px}
	.bl-mk.bl-mk-tel .bl-no{grid-column:2;grid-row:2}
	.bl-mk.bl-mk-tel h3{grid-column:2;grid-row:3;font-size:22px;margin:6px 0 6px}
	.bl-mk.bl-mk-tel .bl-alt{grid-column:2;grid-row:4;font-size:14px;line-height:1.45;margin:0}
	.bl-mk.bl-mk-tel p:not(.bl-alt){grid-column:1 / -1;grid-row:6;margin:20px 0 16px}
	.bl-mk.bl-mk-tel .etiketler{grid-column:1 / -1;grid-row:7}
	.bl-mk.bl-mk-tel .bl-ok{grid-column:1 / -1;grid-row:8;justify-self:start}
}