/* ==========================================================================
   SynapseTech teması — medical.css + Konpoleva bileşenlerinin üzerine.
   Renkler medical.css token'larından (yeşil-camgöbeği, açık zemin).
   Bu dosyada: marka ayarları, açık hero, SynapseTech'e özel bölümler
   (katman yığını, kesit, senaryo, tablolar, yol haritası, video), mobil alt çubuk.
   ========================================================================== */
:root{
  --c-primary-d:#0E8751;
  --st-grad:linear-gradient(100deg, #15A866 0%, #1BB99A 50%, #21B6D6 100%);
  --st-mono:'JetBrains Mono', ui-monospace, SFMono-Regular, Consolas, monospace;
  --st-mint:#F2FAF7;
}
.yesil{ color:var(--c-primary); }
.grad{ background:var(--st-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.mono{ font-family:var(--st-mono); letter-spacing:.06em; }

/* ==========================================================================
   HERO — açık zemin (Konpoleva kph yapısı)
   ========================================================================== */
.st-hero.kph{ color:var(--c-ink);
  background:radial-gradient(60% 80% at 82% 30%, rgba(33,182,214,.16), transparent 62%),
             radial-gradient(50% 70% at 10% 90%, rgba(21,168,102,.14), transparent 60%),
             linear-gradient(180deg, #F4FBF8 0%, #FFFFFF 100%); }
.st-hero .kph__glow--1{ background:radial-gradient(circle, rgba(33,182,214,.22), transparent 64%); }
.st-hero .kph__glow--2{ background:radial-gradient(circle, rgba(21,168,102,.18), transparent 62%); }
.st-hero .kph__grid{ background-image:radial-gradient(circle, rgba(16,45,52,.10) 1px, transparent 1.4px); }
.st-hero .kph__wave--1{ fill:rgba(21,168,102,.10); }
.st-hero .kph__wave--2{ fill:rgba(33,182,214,.08); }
.st-hero .hxs__eyebrow{ background:#fff; border-color:rgba(21,168,102,.25); color:var(--c-primary-d); box-shadow:0 6px 18px rgba(16,45,52,.06); }
.st-hero .hxs__title{ color:var(--c-ink); }
.st-hero .hxs__lead{ color:var(--c-muted); }
.st-hero .hxs__chips li{ background:#fff; border-color:rgba(16,45,52,.1); color:var(--c-ink); }
.st-hero .btn--primary{ --bg:var(--c-primary); --bd:var(--c-primary); --fg:#fff; }
.st-hero .kph__halo{ background:radial-gradient(circle, rgba(21,168,102,.16) 0%, rgba(33,182,214,.06) 45%, transparent 68%); }
.st-hero .kph__halo::after{ border-color:rgba(16,45,52,.14); }
.st-hero .hxs__tab{ background:rgba(255,255,255,.8); border-color:rgba(16,45,52,.08); color:var(--c-ink); box-shadow:0 14px 34px rgba(16,45,52,.08); }
.st-hero .hxs__tab:hover{ background:#fff; }
.st-hero .hxs__tabname{ color:var(--c-ink); }
.st-hero .hxs__tabdesc{ color:var(--c-muted); }
.st-hero .hxs__progress{ background:rgba(16,45,52,.1); }
.st-hero .hxs__fill{ background:var(--c-primary); }
.st-hero .hxs__tab.is-active{ background:var(--c-ink); border-color:var(--c-ink); box-shadow:0 22px 46px rgba(16,45,52,.25); }
.st-hero .hxs__tab.is-active .hxs__tabname{ color:#fff; }
.st-hero .hxs__tab.is-active .hxs__tabdesc{ color:rgba(255,255,255,.7); }
.st-hero .hxs__tab.is-active .hxs__progress{ background:rgba(255,255,255,.2); }
.st-hero .hxs__tab.is-active .hxs__fill{ background:#3FE3A0; }
.st-hero .hxs__arrow{ background:#fff; border-color:rgba(16,45,52,.12); color:var(--c-ink); box-shadow:0 8px 20px rgba(16,45,52,.08); }
.st-hero .hxs__arrow:hover{ background:var(--c-primary); border-color:var(--c-primary); color:#fff; }
.st-tabic{ display:grid !important; place-items:center; font-size:1.25rem; color:var(--c-primary); background:var(--st-mint) !important; border-color:rgba(21,168,102,.2) !important; }
.st-hero .hxs__tab.is-active .st-tabic{ background:rgba(255,255,255,.1) !important; color:#3FE3A0; border-color:rgba(255,255,255,.2) !important; }

/* Hero sahneleri */
.st-sahne{ min-height:clamp(320px, 36vw, 500px); }
.st-agac{ position:relative; z-index:2; width:min(100%, 480px); aspect-ratio:1; }
.st-agac svg{ width:100%; height:100%; overflow:visible; }
.st-iha{ position:relative; z-index:2; width:min(100%, 440px); height:auto; filter:drop-shadow(0 30px 40px rgba(16,45,52,.18)); animation:kphFloat 7s ease-in-out infinite; }
.st-hero-yigin{ position:relative; z-index:2; width:min(100%, 460px); height:clamp(300px, 34vw, 440px); }

/* Devre ağacı çizim animasyonu */
.agac__dal{ fill:none; stroke-linecap:round; stroke-dasharray:var(--u, 400); stroke-dashoffset:var(--u, 400); animation:agacCiz 2.4s var(--ease) forwards; }
.agac__dugum{ opacity:0; transform-box:fill-box; transform-origin:center; animation:agacDugum .6s var(--ease) forwards; }
.agac__nabiz{ transform-box:fill-box; transform-origin:center; animation:agacNabiz 3.2s ease-in-out infinite; }
@keyframes agacCiz{ to{ stroke-dashoffset:0; } }
@keyframes agacDugum{ from{ opacity:0; transform:scale(.3); } to{ opacity:1; transform:none; } }
@keyframes agacNabiz{ 0%,100%{ opacity:.35; transform:scale(1); } 50%{ opacity:1; transform:scale(1.35); } }

/* Üst şerit: koyu petrol zemin, okunur yazı */
.m-topbar{ background:var(--c-ink) !important; border-bottom:0 !important; }
.m-topbar, .m-topbar a, .m-topbar span{ color:rgba(255,255,255,.86) !important; }
.m-topbar a:hover{ color:#fff !important; }
.m-topbar i{ color:#4BE6A6 !important; }
/* Footer logosu: SynapseTech yazı logosu geniş, boyu sınırlı */
.m-footer__logo img{ width:auto !important; max-width:220px; height:auto !important; max-height:34px; }

/* Bileşen vitrini (.fkg) — tek katman plakası, görsel kutunun tam ortasında.
   3B yükselme (translateZ) plakayı yukarı gösterdiği için merkez biraz aşağıda tutulur. */
.fkg__art.st-plaka{ position:absolute; inset:0; width:auto; perspective:1200px; }
.st-plaka__ic{ position:absolute; left:50%; top:50%; width:340px; height:234px; margin:-100px 0 0 -170px; transform-style:preserve-3d; transform:rotateX(56deg) rotateZ(-36deg); animation:stPlaka 8s ease-in-out infinite; }
.st-plaka__kat{ position:absolute !important; inset:0; margin:0 !important; width:100% !important; left:0 !important; top:0 !important; transform:translateZ(36px) !important; }
.st-plaka__kat--golge{ transform:translateZ(0) !important; filter:brightness(.55); opacity:.6; }
.st-plaka__ad{ position:absolute; left:50%; bottom:9%; transform:translateX(-50%); white-space:nowrap; font-family:var(--st-mono); font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--c-primary-d); background:#fff; padding:8px 14px; border-radius:999px; box-shadow:0 10px 24px rgba(16,45,52,.1); }
@keyframes stPlaka{ 0%,100%{ transform:rotateX(56deg) rotateZ(-36deg) translateY(0); } 50%{ transform:rotateX(52deg) rotateZ(-30deg) translateY(-10px); } }
@media (max-width:640px){ .st-plaka__ic{ width:190px; height:131px; margin:-60px 0 0 -95px; } .st-plaka__ad{ font-size:.64rem; bottom:5%; padding:6px 11px; } }
.fkg__thumb i{ font-size:1.2rem; color:var(--c-primary); }

/* Uygulama alanları (.fka) — fotoğrafsız paneller marka gradyanıyla */
.fka__img--none{ background:linear-gradient(150deg, #0E3B3F 0%, #0F6B5A 55%, #1AA7A0 100%) !important; }
.fka__p--2 .fka__img--none{ background:linear-gradient(150deg, #102D34 0%, #145E6E 55%, #21B6D6 100%) !important; }
.fka__p--3 .fka__img--none{ background:linear-gradient(150deg, #0F4A33 0%, #15A866 60%, #6FDDB0 100%) !important; }
.fka__p--4 .fka__img--none{ background:linear-gradient(150deg, #17323A 0%, #2C5A52 55%, #4FA88A 100%) !important; }
.fka__p--5 .fka__img--none{ background:linear-gradient(150deg, #103A46 0%, #1B7F8E 55%, #5FD0E0 100%) !important; }

/* ==========================================================================
   İÇ SAYFA BAŞI — Konpoleva kp-hero, devre ağacı motifli
   ========================================================================== */
.st-sayfabasi__agac{ position:absolute; right:4%; bottom:10px; width:min(360px, 40vw); opacity:.28; pointer-events:none; z-index:0; }
.st-sayfabasi .mx{ position:relative; z-index:1; }
.st-sayfabasi h1 .yesil{ color:#6FF0B8; }

/* ==========================================================================
   İÇERİK BÖLÜMLERİ (sunumdan) — açık zemin
   ========================================================================== */
.bolum{ position:relative; padding:clamp(64px, 8vw, 110px) 0; overflow-x:clip; background:#fff; }
.bolum--cizgili{ border-top:1px solid var(--c-line); }
.bolum--koyu{ background:var(--st-mint); }
.etiket{ display:inline-flex; align-items:center; gap:10px; font-family:var(--st-mono); font-size:.72rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--c-primary); margin-bottom:16px; }
.etiket::before{ content:""; width:22px; height:2px; border-radius:2px; background:currentColor; }
.etiket b{ color:var(--c-muted-2); font-weight:500; }
.baslik{ font-size:clamp(1.9rem, 3.8vw, 3rem); color:var(--c-ink); letter-spacing:-.03em; }
.giris{ color:var(--c-muted); font-size:clamp(1rem, 1.25vw, 1.1rem); max-width:660px; }
.giris b, .giris strong{ color:var(--c-ink); font-weight:600; }
.dipnot{ font-family:var(--st-mono); font-size:.7rem; color:var(--c-muted-2); letter-spacing:.03em; line-height:1.7; margin-top:26px; }
.dipnot b{ color:var(--c-muted); font-weight:600; }

.kart{ position:relative; background:#fff; border:1px solid var(--c-line); border-radius:var(--r-lg, 20px); padding:clamp(20px, 2.2vw, 28px);
  box-shadow:0 10px 30px rgba(16,45,52,.05); transition:transform .3s var(--ease), box-shadow .3s, border-color .3s; }
.kart:hover{ transform:translateY(-4px); box-shadow:0 22px 48px rgba(16,45,52,.10); border-color:rgba(21,168,102,.3); }
.kart--vurgu{ border-color:rgba(21,168,102,.35); background:linear-gradient(180deg, #F0FBF6, #fff); }
.kart--tehlike{ border-color:rgba(226,76,70,.3); background:linear-gradient(180deg, #FFF5F4, #fff); }
.kart__ust{ font-family:var(--st-mono); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:var(--c-primary); margin-bottom:10px; display:block; font-weight:600; }
.kart h3{ font-size:1.18rem; margin-bottom:8px; color:var(--c-ink); }
.kart p{ color:var(--c-muted); font-size:.93rem; margin:0; }
.kart p b{ color:var(--c-ink); font-weight:600; }
.izgara{ display:grid; gap:16px; }
.izgara--2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.izgara--3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
.izgara--4{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.doku{ position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.doku__agac{ position:absolute; right:-30px; bottom:-10px; width:min(380px, 46vw); opacity:.12; }
.cip{ display:inline-flex; gap:6px; padding:6px 12px; border-radius:999px; border:1px solid var(--c-line); font-family:var(--st-mono); font-size:.7rem; text-transform:uppercase; color:var(--c-muted); }

/* Beliren öğeler (synapse.js) */
.belir{ opacity:0; transform:translateY(22px); transition:opacity .8s var(--ease), transform .8s var(--ease); transition-delay:calc(var(--d, 0) * 80ms); }
.belir.is-gorunur{ opacity:1; transform:none; }

/* 3B katman yığını */
.katman{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(30px, 5vw, 70px); align-items:center; }
.katman__bilesenler{ margin-top:28px; }
.yigin{ position:relative; height:clamp(340px, 40vw, 480px); perspective:1400px; }
.yigin__ic{ position:absolute; inset:0; transform-style:preserve-3d; transform:rotateX(58deg) rotateZ(-38deg); transition:transform 1.2s var(--ease); }
.yigin__kat{ position:absolute; left:50%; top:50%; width:min(300px, 62%); aspect-ratio:1.45 / 1; margin-left:calc(min(300px, 62%) / -2); margin-top:-100px;
  border-radius:10px; transform:translateZ(calc(var(--i) * var(--ara, 40px))); transition:transform 1s var(--ease);
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset, 0 26px 40px rgba(16,45,52,.18); }
.yigin.is-acik .yigin__kat{ --ara:56px; }
.yigin__kat::after{ content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(135deg, rgba(255,255,255,.35), transparent 50%); }
.yigin__kat--matris{ background:#5B7078; }
.yigin__kat--kenevir{ background:repeating-linear-gradient(90deg, #7C8F55 0 6px, #6E804B 6px 12px); }
.yigin__kat--nitinol{ background:#8FA3AE; background-image:linear-gradient(35deg, transparent 47%, rgba(255,255,255,.6) 48%, rgba(255,255,255,.6) 52%, transparent 53%), linear-gradient(-35deg, transparent 47%, rgba(255,255,255,.45) 48%, rgba(255,255,255,.45) 52%, transparent 53%); background-size:60px 60px; }
.yigin__kat--bor{ background:linear-gradient(120deg, #15A866, #21B6D6); box-shadow:0 0 0 1px rgba(255,255,255,.4) inset, 0 0 40px rgba(21,168,102,.35), 0 26px 40px rgba(16,45,52,.2); }
.yigin__kat--kapsul{ background:#6C7686; background-image:radial-gradient(circle, rgba(255,255,255,.95) 2.5px, transparent 3.5px); background-size:36px 36px; background-position:10px 8px; }
.yigin__adlar{ position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; flex-direction:column-reverse; gap:clamp(14px, 2.4vw, 24px); font-family:var(--st-mono); font-size:.72rem; margin:0; padding:0; }
.yigin__adlar li{ list-style:none; display:flex; align-items:center; gap:10px; color:var(--c-muted); }
.yigin__adlar li b{ color:var(--c-primary); font-weight:700; font-size:.66rem; }
.yigin__adlar li::before{ content:""; width:26px; height:1px; background:var(--c-line-2, #cfe3dc); }

/* Kesit + adımlar */
.yasam{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(30px, 5vw, 70px); align-items:center; }
.kesit{ display:grid; grid-template-columns:1fr auto; gap:0 16px; }
.kesit__katlar{ border-radius:14px; overflow:hidden; box-shadow:0 20px 44px rgba(16,45,52,.14); }
.kesit__kat{ position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.kesit__olcu{ display:flex; flex-direction:column; font-family:var(--st-mono); font-size:.72rem; color:var(--c-muted); }
.kesit__olcu span{ display:flex; align-items:center; }
.kesit__alt{ grid-column:1 / -1; margin-top:14px; font-family:var(--st-mono); font-size:.7rem; color:var(--c-muted-2); }
.adimlar{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; margin-top:24px; }
.adim__ciz{ height:74px; display:grid; place-items:center; margin:6px 0 10px; }
.adim__ciz svg{ width:100%; max-width:150px; height:64px; }
.sonuc{ margin-top:22px; color:var(--c-muted); }
.sonuc b{ color:var(--c-primary); }
.vurus{ animation:vurus 2.6s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
@keyframes vurus{ 0%,100%{ opacity:.45; } 50%{ opacity:1; } }

/* Rakamlar */
.rakam{ font-size:clamp(2rem, 3.2vw, 2.6rem); font-weight:750; letter-spacing:-.04em; line-height:1; margin-bottom:10px;
  background:var(--st-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.kanit__plan{ margin-top:22px; padding:14px 18px; border-radius:14px; border:1px dashed rgba(21,168,102,.45); background:#fff; font-family:var(--st-mono); font-size:.72rem; color:var(--c-muted); }
.kanit__plan b{ color:var(--c-ink); }

/* Tablolar */
.tablo-sar{ overflow-x:auto; border:1px solid var(--c-line); border-radius:20px; background:#fff; box-shadow:0 14px 34px rgba(16,45,52,.06); -webkit-overflow-scrolling:touch; }
.tablo{ width:100%; border-collapse:collapse; min-width:640px; font-size:.93rem; }
.tablo th{ text-align:left; font-family:var(--st-mono); font-size:.66rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--c-muted); padding:16px 18px; border-bottom:1px solid var(--c-line); vertical-align:bottom; background:#FAFCFB; }
.tablo th small{ display:block; color:var(--c-muted-2); font-weight:500; margin-top:3px; }
.tablo td{ padding:15px 18px; border-bottom:1px solid var(--c-line); color:var(--c-muted); }
.tablo tr:last-child td{ border-bottom:0; }
.tablo td:first-child{ color:var(--c-ink); font-weight:600; }
.tablo .biz{ background:#EFFAF5; color:var(--c-primary-d); font-weight:650; }
.tablo th.biz{ color:var(--c-primary-d); background:#E4F6EE; }
.tablo tr.biz-satir td{ background:#EFFAF5; color:var(--c-primary-d); font-weight:700; }
.ok{ color:var(--c-primary); font-weight:800; } .yok{ color:#B6C3C6; } .kismi{ color:var(--c-muted); }
.tablo--merkez td:not(:first-child), .tablo--merkez th:not(:first-child){ text-align:center; }

/* Senaryo */
.senaryo{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; margin-top:clamp(26px, 3.6vw, 42px); }
.senaryo__bas{ display:flex; justify-content:space-between; gap:10px; font-family:var(--st-mono); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; }
.senaryo__bas span:last-child{ color:var(--c-muted-2); }
.kart--tehlike .senaryo__bas span:first-child{ color:#D6443E; }
.kart--vurgu .senaryo__bas span:first-child{ color:var(--c-primary); }
.senaryo__ucak{ height:170px; display:grid; place-items:center; margin:16px 0; }
.senaryo__ucak svg{ height:150px; width:auto; }
.senaryo__ucak svg g{ stroke:#4F6770; }
.senaryo__ucak svg g path{ fill:#fff; }
.akis{ list-style:none; padding:0; margin:0 0 18px; display:grid; gap:10px; }
.akis li{ display:grid; grid-template-columns:62px 1fr; gap:12px; font-size:.9rem; color:var(--c-muted); }
.akis li span{ font-family:var(--st-mono); font-size:.7rem; padding-top:2px; }
.kart--tehlike .akis li span{ color:#D6443E; } .kart--vurgu .akis li span{ color:var(--c-primary); }
.akis li b{ color:var(--c-ink); font-weight:600; }
.durum{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:10px; font-family:var(--st-mono); font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.durum--kotu{ color:#D6443E; border:1px solid rgba(214,68,62,.4); background:#FFF1F0; }
.durum--iyi{ color:var(--c-primary-d); border:1px solid rgba(21,168,102,.45); background:#EAF8F1; }

/* Tez — tek koyu vurgu bölümü */
.tez{ text-align:center; padding:clamp(90px, 11vw, 150px) 0; background:linear-gradient(140deg, #0C2126 0%, #102D34 45%, #135E57 100%) !important; color:#fff; }
.tez h2{ font-size:clamp(3rem, 9vw, 6.6rem); letter-spacing:-.05em; line-height:.95; color:#fff; }
.tez h2 .yesil{ color:#4BE6A6; }
.tez__cizgi{ width:min(300px, 60%); height:22px; margin:24px auto; }
.tez__cizgi path{ stroke:#4BE6A6; }
.tez__alt{ font-family:var(--st-mono); letter-spacing:.28em; text-transform:uppercase; color:rgba(255,255,255,.7); font-size:clamp(.64rem, 1.4vw, .8rem); }
.tez .doku__agac{ opacity:.18 !important; }

/* Nesil + yol haritası çizelgesi */
.nesil, .yol{ position:relative; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:16px; margin:clamp(30px, 4vw, 46px) 0; }
.nesil::before, .yol::before{ content:""; position:absolute; left:6px; right:6px; top:6px; height:2px; border-radius:2px; background:linear-gradient(90deg, rgba(21,168,102,.25), var(--c-primary)); }
.nesil__oge, .yol__oge{ position:relative; padding-top:28px; }
.nesil__oge::before, .yol__oge::before{ content:""; position:absolute; left:0; top:0; width:14px; height:14px; border-radius:50%; background:#fff; border:3px solid var(--c-primary); }
.nesil__oge.is-biz::before, .yol__oge::before{ background:var(--c-primary); box-shadow:0 0 0 5px rgba(21,168,102,.15); }
.nesil__oge small, .yol__oge small{ font-family:var(--st-mono); font-size:.64rem; letter-spacing:.12em; text-transform:uppercase; color:var(--c-primary); font-weight:600; }
.nesil__oge b, .yol__oge b{ display:block; color:var(--c-ink); font-size:1.05rem; margin:4px 0 2px; }
.nesil__oge.is-biz b{ color:var(--c-primary); }
.nesil__oge span, .yol__oge span{ font-size:.84rem; color:var(--c-muted); }

/* Pazar, sektörler */
.pazar{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px, 4vw, 60px); align-items:start; }
.pazar__halka{ display:grid; gap:12px; }
.pazar__oge{ display:flex; justify-content:space-between; align-items:center; gap:16px; }
.pazar__oge .rakam{ margin:0; font-size:clamp(1.6rem, 2.6vw, 2.1rem); }
.pazar__oge:nth-child(2){ width:88%; } .pazar__oge:nth-child(3){ width:76%; }
.sektor .rozet{ position:absolute; top:18px; right:18px; font-family:var(--st-mono); font-size:.6rem; letter-spacing:.12em; padding:3px 8px; border-radius:6px; border:1px solid rgba(21,168,102,.4); color:var(--c-primary); }
.ortaklar{ margin-top:22px; font-family:var(--st-mono); font-size:.72rem; letter-spacing:.1em; color:var(--c-muted); }
.ortaklar b{ color:var(--c-primary); margin:0 4px; }

/* Video — koyu çerçeve */
.video{ position:relative; border-radius:24px; overflow:hidden; background:#0C2126; box-shadow:0 40px 90px rgba(16,45,52,.28); aspect-ratio:16 / 9; }
.video video{ width:100%; height:100%; object-fit:cover; }
.video__oynat{ position:absolute; inset:0; display:grid; place-items:center; background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.35)); border:0; cursor:pointer; }
.video__oynat span{ width:86px; height:86px; border-radius:50%; display:grid; place-items:center; background:#fff; color:var(--c-primary); font-size:1.6rem; box-shadow:0 0 0 12px rgba(255,255,255,.2), 0 20px 40px rgba(0,0,0,.3); transition:transform .3s var(--ease); }
.video__oynat:hover span{ transform:scale(1.08); }
.video.is-oynuyor .video__oynat{ display:none; }

/* İletişim */
.iletisim{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(24px, 4vw, 60px); align-items:start; }
.form{ display:grid; gap:14px; }
.form__iki{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.alan label{ display:block; font-size:.82rem; font-weight:600; color:var(--c-ink); margin-bottom:7px; }
.alan input, .alan select, .alan textarea{ width:100%; padding:13px 16px; border-radius:12px; border:1px solid var(--c-line); background:var(--c-surface, #FAFCFB); color:var(--c-ink); font:inherit; font-size:.96rem; transition:border-color .2s, box-shadow .2s, background .2s; }
.alan textarea{ min-height:140px; resize:vertical; }
.alan input:focus, .alan select:focus, .alan textarea:focus{ outline:0; border-color:var(--c-primary); background:#fff; box-shadow:0 0 0 4px rgba(21,168,102,.12); }
.alan .hata{ color:#D6443E; font-size:.82rem; margin-top:5px; display:block; }
.uyari{ padding:14px 18px; border-radius:12px; font-size:.95rem; }
.uyari--ok{ background:#EAF8F1; border:1px solid rgba(21,168,102,.4); color:var(--c-primary-d); }
.uyari--hata{ background:#FFF1F0; border:1px solid rgba(214,68,62,.35); color:#B23A35; }
.bal{ position:absolute !important; left:-9999px !important; }
.bilgi-liste{ list-style:none; padding:0; margin:22px 0 0; display:grid; gap:14px; }
.bilgi-liste li{ display:flex; gap:14px; align-items:flex-start; color:var(--c-ink); }
.bilgi-liste i{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; color:var(--c-primary); background:var(--st-mint); flex:none; }
.bilgi-liste small{ display:block; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--c-muted); }

/* ==========================================================================
   MOBİL ALT ÇUBUK (Kazankaya .kz-altbar)
   ========================================================================== */
.kz-altbar{ display:none; }
@media (max-width:768px){
  .kz-altbar{ position:fixed; left:10px; right:10px; bottom:calc(10px + env(safe-area-inset-bottom, 0px)); z-index:950; display:grid; grid-template-columns:repeat(auto-fit, minmax(0,1fr)); gap:6px; padding:6px;
    border-radius:20px; background:rgba(16,45,52,.94); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:0 18px 40px rgba(16,45,52,.3); }
  .kz-altbar__a{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; border-radius:14px; color:#fff; font-weight:700; font-size:.9rem; background:rgba(255,255,255,.08); }
  .kz-altbar__a i{ color:#4BE6A6; }
  .kz-altbar__a--teklif{ background:var(--c-primary); }
  .kz-altbar__a--teklif i{ color:#fff; }
  .m-totop{ bottom:calc(84px + env(safe-area-inset-bottom, 0px)); left:auto; right:14px; }
  .m-footer{ padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px)); }
}

/* ==========================================================================
   DUYARLI
   ========================================================================== */
@media (max-width:1080px){ .izgara--4{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:900px){
  .katman, .yasam, .pazar, .iletisim{ grid-template-columns:1fr; }
  .izgara--3{ grid-template-columns:1fr; }
  .senaryo{ grid-template-columns:1fr; }
  .nesil, .yol{ grid-template-columns:1fr; gap:0; }
  .nesil::before, .yol::before{ left:6px; right:auto; top:6px; bottom:6px; width:2px; height:auto; }
  .nesil__oge, .yol__oge{ padding:0 0 22px 32px; }
  .pazar__oge{ width:100% !important; }
  .st-sahne{ min-height:260px; }
  /* Katman yığını: katmanlar yukarı yükseldiği için üstteki içeriğe binmesin */
  .katman .yigin{ height:320px; margin-top:64px; }
  .katman .yigin__kat{ margin-top:-10px; }
  .katman .yigin.is-acik .yigin__kat{ --ara:40px; }
  .katman .yigin__ic{ left:-14%; right:14%; }
  .katman .yigin__adlar{ position:absolute; top:auto; bottom:-30px; left:0; right:0; transform:none; flex-direction:row-reverse; flex-wrap:nowrap; justify-content:center; gap:10px; font-size:.6rem; }
  .katman .yigin__adlar li::before{ display:none; }
  .katman .yigin{ margin-bottom:40px; }
}
@media (max-width:640px){
  .izgara--2, .izgara--4, .adimlar, .form__iki{ grid-template-columns:1fr; }
  .yigin__adlar{ font-size:.62rem; }
  .kesit{ --kesit:.5; }
  .st-agac{ width:min(100%, 320px); }
  .st-hero-yigin{ height:230px; margin-top:70px; transform:scale(.78); transform-origin:50% 60%; }
  .st-sahne--yigin{ min-height:300px; }
}
/* Mobil: tablolar kart listesine döner (SynapseTech sütunu kaydırmadan görünsün) */
@media (max-width:640px){
  .tablo-sar:has(.tablo--kart){ overflow:visible; border:0; background:none; box-shadow:none; }
  .tablo--kart{ min-width:0; }
  .tablo--kart thead{ display:none; }
  .tablo--kart, .tablo--kart tbody, .tablo--kart tr, .tablo--kart td{ display:block; width:100%; }
  .tablo--kart tr{ background:#fff; border:1px solid var(--c-line); border-radius:16px; padding:6px 16px; margin-bottom:12px; box-shadow:0 8px 22px rgba(16,45,52,.05); }
  .tablo--kart tr.biz-satir{ border-color:rgba(21,168,102,.45); background:#F0FBF6; }
  .tablo--kart td{ display:flex; justify-content:space-between; align-items:center; gap:14px; padding:9px 0; border-bottom:1px dashed var(--c-line); text-align:right !important; background:none !important; }
  .tablo--kart tr td:last-child{ border-bottom:0; }
  .tablo--kart td:first-child{ display:block; text-align:left !important; font-size:1rem; padding:10px 0; border-bottom:1px solid var(--c-line); }
  .tablo--kart td[data-etiket]::before{ content:attr(data-etiket); font-family:var(--st-mono); font-size:.64rem; letter-spacing:.1em; text-transform:uppercase; color:var(--c-muted-2); text-align:left; font-weight:500; }
  .tablo--kart td.biz{ color:var(--c-primary-d); }
  .tablo--kart td.biz::before{ color:var(--c-primary) !important; }
  /* Footer: link listeleri ikişerli, açıklama nötr renkte */
  .m-footer__grid{ grid-template-columns:1fr 1fr !important; gap:28px 18px !important; }
  .m-footer__brand, .m-footer__grid > div:last-child{ grid-column:1 / -1; }
}
.m-footer__brand p{ color:rgba(255,255,255,.72) !important; }
@media (prefers-reduced-motion:reduce){
  .agac__dal{ stroke-dashoffset:0; animation:none; } .agac__dugum{ opacity:1; animation:none; }
  .st-plaka__ic, .st-iha{ animation:none; }
}