/* Hakkımızda · zihin şeması. Canlıyken (.is-live) sahne sabitlenir, kamera düğümden düğüme kesikli çizgiyi izler,
   arka plan daha yavaş kayar (derinlik), düğümler hafifçe yüzer. Hareket yoksa aynı içerik sade bir akışta okunur. */
.mm{position:relative;--hdr:90px}
.mm-stage{position:relative;overflow:hidden}
.mm-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.mm-grid{position:absolute;inset:-50%;background-image:linear-gradient(#5aa9ff12 1px,transparent 1px),linear-gradient(90deg,#5aa9ff12 1px,transparent 1px);background-size:96px 96px;transform:translate3d(var(--bx,0),var(--by,0),0) rotate(var(--br,0deg));will-change:transform}
.mm-grid-fine{background-image:linear-gradient(#5aa9ff08 1px,transparent 1px),linear-gradient(90deg,#5aa9ff08 1px,transparent 1px);background-size:24px 24px;transform:translate3d(var(--fx,0),var(--fy,0),0)}
.mm-glow{position:absolute;width:60vmax;height:60vmax;left:10%;top:-20%;border-radius:50%;background:radial-gradient(circle,#1b4c8a55,transparent 65%);transform:translate3d(var(--gx,0),var(--gy,0),0);will-change:transform}
.mm-glow-2{left:55%;top:40%;width:50vmax;height:50vmax;background:radial-gradient(circle,#12325f66,transparent 65%);transform:translate3d(calc(var(--gx,0) * -1),calc(var(--gy,0) * -.6),0)}

/* düğümler */
.mm-node{position:relative;color:var(--ink)}
.mm-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.mm-outline rect,.mm-outline circle{fill:none;stroke:#5aa9ffaa;stroke-width:1.5;vector-effect:non-scaling-stroke}
.mm-float{position:relative;display:grid;align-content:center;gap:14px;height:100%;padding:34px 38px;border-radius:18px;background:linear-gradient(160deg,#0f1824f0,#0a0e14f0);box-shadow:0 40px 80px -46px #000,0 0 60px -36px #3fa9ff88}
.mm-circle .mm-float{border-radius:50%;padding:18%;text-align:center;justify-items:center}
.mm-num{font-size:11px;letter-spacing:.18em;color:var(--accent)}
.mm-node h1,.mm-node h2{margin:0;font:400 clamp(26px,2.4vw,36px)/1.12 Alike,Georgia,serif;letter-spacing:-.01em;color:var(--ink)}
.mm-node .mm-title{font-size:clamp(30px,2.8vw,42px)}
.mm-circle h2{font-size:clamp(22px,2vw,30px)}
.mm-circle h2+p{margin-bottom:6px}
.mm-node p,.mm-node li{margin:0;font-size:17px;line-height:1.6;color:#b9c5d1}
.mm-node ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.mm-node li{position:relative;padding-left:18px}
.mm-node li::before{content:'';position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--led);box-shadow:0 0 8px var(--led)}
.mm-logo .logo{font-size:48px}
.mm-photo{position:relative;display:grid;place-items:center;align-content:center;gap:8px;margin:4px 0 0;border:1px dashed #5aa9ff55;border-radius:12px;background:repeating-linear-gradient(135deg,#5aa9ff08 0 10px,transparent 10px 20px),#0a0f15;color:#5aa9ff99}
.mm-photo svg{width:30px;height:30px}
.mm-photo figcaption{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mm-photo.has-img{display:block;aspect-ratio:16/9;padding:0;overflow:hidden;border-style:solid;border-color:#5aa9ff33;background:#0a0f15}
.mm-photo.has-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.04);transition:transform 1.2s var(--ease),filter .6s}
.mm-node:hover .mm-photo.has-img img{transform:scale(1.04);filter:none}
.mm-photo.has-img::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07090ccc,transparent 45%);pointer-events:none}
.mm-photo.has-img figcaption{position:absolute;left:12px;bottom:10px;z-index:1;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#dfe8f2}
.mm-link{justify-self:start;font-size:14px}

/* CNC kalemi: LED uç + ince takım gövdesi */
.mm-pen{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#eaf6ff;box-shadow:0 0 6px #3fa9ff,0 0 16px #3fa9ff;opacity:0;pointer-events:none;transition:opacity .2s}
.mm-pen::before{content:'';position:absolute;left:3px;bottom:6px;width:2px;height:30px;border-radius:2px;background:linear-gradient(transparent,#8cc6ff);box-shadow:0 0 6px #3fa9ff66}
.mm-pen.is-on{opacity:1}
.mm-ch{opacity:0}
.mm-ch.on{opacity:1;animation:mm-ink .9s ease-out}
@keyframes mm-ink{from{color:#e6f4ff;text-shadow:0 0 10px #3fa9ff}to{text-shadow:0 0 0 transparent}}

/* bağlantılar */
.mm-links{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.mm-links line{stroke:#5aa9ff;stroke-width:1.6;stroke-dasharray:7 7;stroke-linecap:round;filter:drop-shadow(0 0 3px #3fa9ff88)}
.mm-links .mm-link-tick{stroke-dasharray:none}
.mm-links marker path{fill:#5aa9ff}
.mm-link-pen{fill:#eaf6ff;filter:drop-shadow(0 0 4px #3fa9ff) drop-shadow(0 0 10px #3fa9ff)}

.mm-final{text-align:center;display:grid;justify-items:center;align-content:center;padding:60px var(--pad)}
/* kısa ekranlarda sahneye sığacak kadar küçülür (about-map.js --fs) */
.mm-final-in{display:grid;justify-items:center;gap:16px;width:100%;transform:scale(var(--fs,1));transform-origin:center}
.mm-final h2{margin:0;font:400 clamp(44px,6vw,96px)/1 Alike,Georgia,serif;letter-spacing:-.02em;color:var(--ink)}
.mm-final h2 em{font-style:normal;color:var(--accent);text-shadow:0 0 28px #3fa9ff40}
.mm-final p{margin:0;max-width:46ch;font-size:17px;color:#b9c5d1}
.mm-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}
.mm-actions .btn{gap:10px;border-radius:999px;padding-left:26px;padding-right:26px}
.mm-dots,.mm-cue{display:none}

/* hareketsiz düzen: şema sırayla alt alta */
.mm:not(.is-live) .mm-stage{padding:60px var(--pad) 20px}
.mm:not(.is-live) .mm-board{display:grid;gap:28px;max-width:760px;margin:0 auto}
.mm:not(.is-live) .mm-links,.mm:not(.is-live) .mm-outline{display:none}
.mm:not(.is-live) .mm-float{border:1px solid #5aa9ff55}
.mm:not(.is-live) .mm-circle{width:min(420px,100%);aspect-ratio:1;justify-self:center}
.mm:not(.is-live) .mm-ch{opacity:1}

/* canlı: sahne sabit, kamera kaydırmayla ilerler */
.mm.is-live .mm-stage{position:sticky;top:var(--hdr);height:calc(100svh - var(--hdr))}
.mm.is-live .mm-board{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.mm.is-live .mm-node{position:absolute;opacity:0;visibility:hidden;will-change:opacity,transform}
.mm.is-live .mm-float{background:linear-gradient(160deg,#0f1824e6,#0a0e14e6);animation:mm-bob var(--bob,7s) ease-in-out infinite;animation-delay:var(--bd,0s)}
.mm.is-live .mm-outline rect,.mm.is-live .mm-outline circle{stroke-dasharray:1;stroke-dashoffset:var(--draw,1);filter:drop-shadow(0 0 4px #3fa9ff88)}
.mm.is-live .mm-final{position:absolute;inset:0;align-content:center;opacity:0;visibility:hidden}
.mm.is-live .mm-dots{position:absolute;left:var(--pad);bottom:28px;display:flex;gap:6px;margin:0;padding:0;list-style:none;z-index:3}
.mm-dots li{display:grid;place-items:center;min-width:42px;height:30px;border:1px solid #a9c3e026;border-radius:999px;background:#0b1119cc;transition:border-color .3s,background .3s}
.mm-dots li .mono{font-size:10px;color:var(--muted)}
.mm-dots li.is-on{border-color:var(--accent);background:#5aa9ff1f;box-shadow:0 0 16px -6px var(--led)}
.mm-dots li.is-on .mono{color:var(--ink)}
.mm.is-live .mm-cue{position:absolute;left:50%;bottom:26px;z-index:3;display:inline-flex;align-items:center;gap:12px;transform:translateX(-50%);padding:9px 16px 9px 18px;border:1px solid #5aa9ff40;border-radius:999px;background:#0b1119cc;color:var(--ink);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:opacity .4s}
.mm-cue .mono{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.mm-cue i{position:relative;width:1px;height:22px;background:#a9c3e033;overflow:hidden}
.mm-cue i::after{content:'';position:absolute;inset:0;background:linear-gradient(var(--led),transparent);box-shadow:0 0 8px var(--led);animation:mm-cue 2s cubic-bezier(.16,1,.3,1) infinite}
.mm.is-end .mm-cue,.mm.is-end .mm-dots{opacity:0;pointer-events:none}
.mm-dots{transition:opacity .4s}
@keyframes mm-cue{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
@keyframes mm-bob{0%,100%{transform:translate3d(0,-5px,0) rotate(-.25deg)}50%{transform:translate3d(0,6px,0) rotate(.25deg)}}
.mm+.pg-tabs{margin-top:0}
@media (max-width:900px){
 .mm{--hdr:76px}
 .mm-float{padding:22px 20px;gap:10px}
 .mm-node p,.mm-node li{font-size:14.5px}
 .mm-logo .logo{font-size:30px}
 .mm.is-live .mm-dots{left:50%;transform:translateX(-50%);bottom:auto;top:12px}
 .mm.is-live .mm-cue{bottom:calc(env(safe-area-inset-bottom) + 18px);padding:6px 12px 6px 14px}
 .mm-cue .mono{font-size:10px}
 .mm-final p{font-size:15px}
 /* son ekran telefonda sahneye sığsın: küçük başlık, Teklif al tam satır, İletişim + WhatsApp yan yana */
 .mm-final{padding:20px}
 .mm-final-in{gap:12px}
 .mm-final h2{font-size:clamp(34px,10.5vw,54px)}
 .mm-actions{display:grid;grid-template-columns:1fr 1fr;width:min(100%,380px);gap:10px;margin-top:6px}
 .mm-actions .btn:first-child{grid-column:1/-1}
 .mm-actions .btn{justify-content:center;min-height:48px;padding-left:14px;padding-right:14px}
}
@media (prefers-reduced-motion:reduce){.mm *{animation:none!important}}