/* ==========================================================
   NAVİ TEKNOLOJİ — KURUMSAL TASARIM KATMANI (corporate.css)
   styles.css'ten SONRA yüklenir; tüm sayfalarda kullanılabilir.
   ========================================================== */

:root {
  /* Petrol Turkuaz renk paleti (2026-11-06) */
  --primary-color: #0e7490;
  --primary-rgb: 14, 116, 144;
  --primary-accent: #0891b2;
  --border-accent: rgba(8, 145, 178, 0.2);
  --glow-color: rgba(8, 145, 178, 0.1);
  --shadow: 0 10px 30px -10px rgba(14, 116, 144, 0.07);
  --shadow-lg: 0 20px 40px -15px rgba(14, 116, 144, 0.12);
  --c-navy: #08394a;
  --c-navy-2: #0d5566;
  --c-navy-rgb: 8, 57, 74;
  --c-radius: 10px;
  --c-radius-lg: 14px;
  --c-topbar-h: 38px;
}

/* --- Daha ölçülü, kurumsal butonlar --- */
.btn { border-radius: 8px; letter-spacing: .2px; }
.btn-outline-light {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .45);
}
.btn-outline-light:hover { background: #fff; color: var(--c-navy); transform: translateY(-2px); }

.c-icon { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.c-icon-sm { width: 16px; height: 16px; }

/* --- Üst bilgi çubuğu (topbar) --- */
.c-topbar {
  background: var(--c-navy);
  color: rgba(255, 255, 255, .82);
  font-size: .82rem;
  height: var(--c-topbar-h);
  overflow: hidden;
  transition: height .3s ease;
}
.c-topbar .container { display: flex; align-items: center; justify-content: space-between; height: 100%; gap: 20px; }
.c-topbar-group { display: flex; align-items: center; gap: 22px; }
.c-topbar a, .c-topbar span { display: inline-flex; align-items: center; gap: 7px; color: inherit; white-space: nowrap; }
.c-topbar a:hover { color: #fff; }
.c-topbar .c-topbar-highlight { color: #fdba74; font-weight: 600; }
.header.scrolled .c-topbar { height: 0; }
.header.scrolled { padding: 0; }

/* --- Header düzeltmeleri --- */
.header { background: var(--surface-solid); }
.nav-container { padding: 14px 0; }
.nav-links { gap: 28px; }
.nav-links .dropdown-menu a { display: block; padding: 9px 20px; font-size: .9rem; }
.nav-links .dropdown-menu a::after { display: none; }
.nav-links .dropdown-menu a:hover { background: rgba(var(--primary-rgb), .06); }
.nav-links li.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

/* --- Bölüm başlıkları --- */
.c-section { padding: 96px 0; position: relative; }
.c-section-alt { background: var(--surface-solid); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
.c-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: .78rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  color: var(--accent-orange); margin-bottom: 14px;
}
.c-eyebrow::before { content: ''; width: 28px; height: 2px; background: currentColor; }
.c-title { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 700; color: var(--text-primary); margin-bottom: 16px; letter-spacing: -.5px; }
.c-lead { color: var(--text-secondary); font-size: 1.05rem; max-width: 640px; }
.c-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 52px; flex-wrap: wrap; }
.c-head-center { text-align: center; display: block; }
.c-head-center .c-lead { margin: 0 auto; }
.c-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--primary-accent); font-family: var(--font-heading); }
.c-link:hover { gap: 12px; }

/* --- HERO (her temada koyu, kurumsal) --- */
.c-hero {
  position: relative; overflow: hidden; color: #fff;
  padding: calc(var(--c-topbar-h) + 150px) 0 90px;
  background: var(--c-navy);
}
.c-hero .hero-slider .slide.active { opacity: .38 !important; }
.c-hero .hero-slider .slider-overlay,
[data-theme="dark"] .c-hero .hero-slider .slider-overlay {
  background: linear-gradient(100deg, rgba(var(--c-navy-rgb), .97) 0%, rgba(var(--c-navy-rgb), .86) 45%, rgba(var(--c-navy-rgb), .55) 100%) !important;
}
.c-hero-grid { position: relative; z-index: 5; display: grid; grid-template-columns: 1.25fr .9fr; gap: 60px; align-items: center; }
.c-hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 14px; border-radius: 6px; font-size: .8rem; font-weight: 600; letter-spacing: .5px;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); color: #dbeafe; margin-bottom: 22px;
}
.c-hero-badge i { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 4px rgba(34, 197, 94, .2); }
.c-hero h1 { font-size: clamp(2.2rem, 4.4vw, 3.4rem); line-height: 1.12; font-weight: 800; letter-spacing: -1px; margin-bottom: 22px; color: #fff; }
.c-hero h1 span { color: #fdba74; background: none !important; -webkit-text-fill-color: #fdba74 !important; display: inline-block; transition: opacity .5s ease; }
.c-hero h1 span.hero-text-fade { opacity: 0; }
.c-hero p.c-hero-text { font-size: 1.12rem; color: rgba(255, 255, 255, .78); max-width: 590px; margin-bottom: 34px; }
.c-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 40px; }
.c-hero-points { display: flex; gap: 26px; flex-wrap: wrap; list-style: none; color: rgba(255, 255, 255, .8); font-size: .92rem; }
.c-hero-points li { display: inline-flex; align-items: center; gap: 8px; }
.c-hero-points .c-icon { color: #4ade80; width: 18px; height: 18px; }

.c-sla-card {
  background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--c-radius-lg); padding: 30px; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
.c-sla-card h3 { font-size: 1.05rem; color: #fff; margin-bottom: 4px; }
.c-sla-card > p { color: rgba(255, 255, 255, .6); font-size: .85rem; margin-bottom: 20px; }
.c-sla-row { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; border-top: 1px solid rgba(255, 255, 255, .1); gap: 14px; }
.c-sla-row span { display: inline-flex; align-items: center; gap: 10px; color: rgba(255, 255, 255, .78); font-size: .92rem; }
.c-sla-row .c-icon { color: #93c5fd; width: 20px; height: 20px; }
.c-sla-row strong { font-family: var(--font-heading); color: #fff; font-size: 1.05rem; white-space: nowrap; }
.c-sla-foot { margin-top: 18px; display: flex; align-items: center; gap: 10px; font-size: .82rem; color: rgba(255, 255, 255, .6); }
.c-sla-foot i { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; animation: c-pulse 2s infinite; }
@keyframes c-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }

/* --- Logo şeridi --- */
.c-logos { padding: 34px 0 26px; border-bottom: 1px solid var(--border-color); background: var(--surface-solid); }
.c-logos-label { text-align: center; font-size: .78rem; letter-spacing: 2px; text-transform: uppercase; color: var(--text-secondary); font-weight: 600; margin-bottom: 8px; }
.c-logos .partners-marquee { padding: 10px 0; }
.c-logos .marquee-item img { filter: grayscale(1); opacity: .7; transition: all .3s ease; }
.c-logos .marquee-item:hover img { filter: none; opacity: 1; }

/* --- Hizmet kartları --- */
.c-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border-color); border: 1px solid var(--border-color); border-radius: var(--c-radius-lg); overflow: hidden; }
.c-service {
  background: var(--surface-solid); padding: 38px 34px; display: flex; flex-direction: column; gap: 14px; position: relative;
  transition: background .3s ease;
}
.c-service::before { content: ''; position: absolute; left: 0; top: 0; height: 3px; width: 0; background: var(--accent-orange); transition: width .35s ease; }
.c-service:hover { background: rgba(var(--primary-rgb), .03); }
.c-service:hover::before { width: 100%; }
.c-service-top { display: flex; justify-content: space-between; align-items: flex-start; }
.c-service-ico { width: 52px; height: 52px; border-radius: var(--c-radius); display: grid; place-items: center; background: rgba(var(--primary-rgb), .08); color: var(--primary-accent); }
.c-service-ico .c-icon { width: 26px; height: 26px; }
.c-service-no { font-family: var(--font-heading); font-weight: 700; color: var(--border-color); font-size: 1.6rem; }
[data-theme="dark"] .c-service-no { color: rgba(148, 163, 184, .25); }
.c-service h3 { font-size: 1.2rem; color: var(--text-primary); }
.c-service p { color: var(--text-secondary); font-size: .95rem; flex: 1; }
.c-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.c-tags span { font-size: .74rem; font-weight: 600; padding: 3px 9px; border-radius: 5px; background: rgba(var(--primary-rgb), .06); color: var(--text-secondary); }

/* --- Neden biz + rakamlar --- */
.c-why { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.c-why-list { display: grid; gap: 26px; margin-top: 34px; }
.c-why-item { display: flex; gap: 18px; }
.c-why-item .c-service-ico { flex-shrink: 0; width: 46px; height: 46px; }
.c-why-item h4 { font-size: 1.05rem; margin-bottom: 4px; color: var(--text-primary); }
.c-why-item p { color: var(--text-secondary); font-size: .93rem; }
.c-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255, 255, 255, .12); border-radius: var(--c-radius-lg); overflow: hidden; background-color: var(--c-navy); box-shadow: var(--shadow-lg); }
.c-stat { padding: 40px 30px; background: var(--c-navy); color: #fff; border: .5px solid rgba(255, 255, 255, .1); }
.c-stat:nth-child(2), .c-stat:nth-child(3) { background: var(--c-navy-2); }
.c-stat-num { font-family: var(--font-heading); font-size: 2.6rem; font-weight: 800; line-height: 1; margin-bottom: 10px; }
.c-stat-num small { font-size: 1.3rem; color: #fdba74; margin-left: 2px; }
.c-stat-label { color: rgba(255, 255, 255, .7); font-size: .9rem; }

/* --- Sektörler --- */
.c-sectors { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.c-sector {
  border: 1px solid var(--border-color); border-radius: var(--c-radius-lg); padding: 30px 26px; background: var(--surface-solid);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.c-sector:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--border-accent); }
.c-sector .c-service-ico { margin-bottom: 18px; background: rgba(var(--accent-orange-rgb), .1); color: var(--accent-orange); }
.c-sector h4 { font-size: 1.08rem; margin-bottom: 8px; color: var(--text-primary); }
.c-sector p { font-size: .9rem; color: var(--text-secondary); }

/* --- Hizmet modelleri --- */
.c-models { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.c-model { border: 1px solid var(--border-color); border-radius: var(--c-radius-lg); padding: 34px 30px; background: var(--surface-solid); display: flex; flex-direction: column; position: relative; }
.c-model.featured { border: 2px solid var(--primary-accent); box-shadow: var(--shadow-lg); }
.c-model-flag { position: absolute; top: -12px; left: 30px; background: var(--primary-accent); color: #fff; font-size: .72rem; font-weight: 700; letter-spacing: 1px; padding: 4px 12px; border-radius: 5px; text-transform: uppercase; }
.c-model h3 { font-size: 1.25rem; margin-bottom: 8px; color: var(--text-primary); }
.c-model > p { color: var(--text-secondary); font-size: .93rem; margin-bottom: 22px; }
.c-checks { list-style: none; display: grid; gap: 11px; margin-bottom: 28px; flex: 1; }
.c-checks li { display: flex; gap: 10px; font-size: .92rem; color: var(--text-primary); }
.c-checks .c-icon { color: #16a34a; width: 18px; height: 18px; margin-top: 3px; }
.c-model .btn { width: 100%; }

/* --- Süreç --- */
.c-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; }
.c-step { padding: 0 24px; position: relative; }
.c-step:not(:last-child)::after { content: ''; position: absolute; top: 22px; left: 70px; right: -2px; height: 2px; background: repeating-linear-gradient(90deg, var(--border-accent) 0 6px, transparent 6px 12px); }
.c-step-no { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; font-family: var(--font-heading); font-weight: 700; background: var(--c-navy); color: #fff; margin-bottom: 20px; position: relative; z-index: 1; }
[data-theme="dark"] .c-step-no { background: var(--primary-accent); }
.c-step h4 { font-size: 1.08rem; margin-bottom: 8px; color: var(--text-primary); }
.c-step p { font-size: .92rem; color: var(--text-secondary); }

/* --- Vaka çalışmaları --- */
.c-cases { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.c-case { border: 1px solid var(--border-color); border-radius: var(--c-radius-lg); overflow: hidden; background: var(--surface-solid); display: flex; flex-direction: column; }
.c-case-head { padding: 26px 30px 0; }
.c-case-tag { font-size: .74rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--accent-orange); }
.c-case h4 { font-size: 1.2rem; margin: 8px 0 16px; color: var(--text-primary); }
.c-case-body { padding: 0 30px 24px; display: grid; gap: 12px; flex: 1; }
.c-case-body div { font-size: .92rem; color: var(--text-secondary); }
.c-case-body b { display: block; color: var(--text-primary); font-size: .8rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.c-case-result { padding: 16px 30px; background: rgba(var(--primary-rgb), .05); border-top: 1px solid var(--border-color); font-weight: 600; font-family: var(--font-heading); color: var(--primary-accent); display: flex; align-items: center; gap: 10px; }

/* --- Yazılımlar --- */
.c-products { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.c-product { border-radius: var(--c-radius-lg); padding: 36px; background: var(--surface-solid); border: 1px solid var(--border-color); }
.c-product-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.c-badge { font-size: .72rem; font-weight: 700; letter-spacing: 1px; padding: 4px 10px; border-radius: 5px; }
.c-badge-live { background: rgba(22, 163, 74, .12); color: #16a34a; }
.c-badge-soon { background: rgba(var(--primary-rgb), .1); color: var(--primary-accent); }
.c-product h3 { font-size: 1.35rem; color: var(--text-primary); margin-bottom: 10px; }
.c-product > p { color: var(--text-secondary); font-size: .95rem; margin-bottom: 20px; }

/* --- Endüstriyel OT bölümü --- */
.c-ot { display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: center; }
.c-ot-visual { background: var(--surface-solid); border: 1px solid var(--border-color); border-radius: var(--c-radius-lg); padding: 30px; box-shadow: var(--shadow); text-align: center; }
.c-ot-visual p { font-size: .82rem; font-weight: 600; color: var(--text-secondary); margin-top: 12px; }

/* --- Yorumlar (mevcut slider ile) --- */
.c-section .testimonial-card { border-radius: var(--c-radius-lg); }

/* --- SSS --- */
.c-faq-wrap { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: start; }
.c-faq-wrap .faq-item { border-radius: var(--c-radius); backdrop-filter: none; background: var(--surface-solid); box-shadow: none; }
.c-faq-wrap .faq-question { padding: 20px 24px; font-size: 1rem; }
.c-faq-wrap .faq-answer { padding: 0 24px; }
.c-faq-wrap .faq-item.active .faq-answer { padding: 0 24px 20px; }
.c-faq-contact { margin-top: 26px; padding: 24px; border-radius: var(--c-radius-lg); background: rgba(var(--primary-rgb), .05); border: 1px solid var(--border-color); }
.c-faq-contact strong { display: block; margin-bottom: 6px; color: var(--text-primary); }
.c-faq-contact a { display: inline-flex; align-items: center; gap: 8px; color: var(--primary-accent); font-weight: 600; margin-top: 6px; }

/* --- CTA bandı --- */
.c-cta { background: linear-gradient(110deg, var(--c-navy) 0%, var(--c-navy-2) 60%, #0891b2 140%); border-radius: 18px; padding: 56px 60px; color: #fff; display: grid; grid-template-columns: 1.4fr auto; gap: 40px; align-items: center; position: relative; overflow: hidden; }
.c-cta::after { content: ''; position: absolute; right: -80px; top: -80px; width: 300px; height: 300px; border-radius: 50%; border: 50px solid rgba(255, 255, 255, .04); }
.c-cta h2 { font-size: clamp(1.6rem, 2.6vw, 2.2rem); margin-bottom: 10px; color: #fff; }
.c-cta p { color: rgba(255, 255, 255, .75); }
.c-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; position: relative; z-index: 1; }

/* --- Footer --- */
.c-footer { background: #052833; color: rgba(255, 255, 255, .7); padding: 70px 0 0; border-top: none; }
.c-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr .9fr .9fr 1.2fr; gap: 44px; padding-bottom: 50px; }
.c-footer h4 { color: #fff; font-size: 1rem; margin-bottom: 18px; }
.c-footer ul { list-style: none; display: grid; gap: 10px; }
.c-footer a { color: rgba(255, 255, 255, .7); font-size: .92rem; }
.c-footer a:hover { color: #fff; }
.c-footer-brand img { height: 42px; width: auto; margin-bottom: 18px; background: #fff; padding: 6px 10px; border-radius: 8px; }
.c-footer-brand p { font-size: .92rem; line-height: 1.7; margin-bottom: 18px; }
.c-footer-contact li { display: flex; gap: 10px; font-size: .92rem; align-items: flex-start; }
.c-footer-contact .c-icon { color: #fdba74; width: 18px; height: 18px; margin-top: 3px; }
.c-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .1); padding: 22px 0; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; font-size: .85rem; }
.c-footer-bottom nav { display: flex; gap: 20px; flex-wrap: wrap; }

/* Alt sayfa başlıkları: topbar eklendiği için üst boşluk artırıldı */
.services-hero { padding-top: 175px; }
@media (max-width: 768px) { .services-hero { padding-top: 150px; } }

/* --- Responsive --- */
@media (max-width: 1100px) {
  .c-sectors { grid-template-columns: repeat(2, 1fr); }
  .c-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 992px) {
  .c-hero-grid, .c-why, .c-ot, .c-faq-wrap { grid-template-columns: 1fr; gap: 44px; }
  .c-services, .c-models { grid-template-columns: 1fr 1fr; }
  .c-process { grid-template-columns: 1fr 1fr; row-gap: 40px; }
  .c-step::after { display: none; }
  .c-cases, .c-products { grid-template-columns: 1fr; }
  .c-cta { grid-template-columns: 1fr; padding: 44px 34px; }
  .c-topbar .c-hide-md { display: none; }
}
@media (max-width: 768px) {
  .c-section { padding: 70px 0; }
  .c-services, .c-models, .c-sectors, .c-process, .c-stats { grid-template-columns: 1fr; }
  .c-hero { padding: calc(var(--c-topbar-h) + 120px) 0 70px; }
  .c-hero-points { gap: 14px; flex-direction: column; }
  .c-topbar-group.c-right { display: none; }
  .c-footer-grid { grid-template-columns: 1fr; }
  .c-service { padding: 30px 24px; }
}

/* Mobil ince ayarlar */
@media (max-width: 768px) {
  .c-hero-points li { display: flex; align-items: flex-start; white-space: normal; }
  .c-topbar .c-topbar-group a[href^="mailto"] { display: none; }
}

/* ==========================================================
   ALT SAYFA BİLEŞENLERİ
   ========================================================== */

/* Sayfa başlığı bandı */
.c-page-hero { position: relative; overflow: hidden; background: var(--c-navy); color: #fff; padding: calc(var(--c-topbar-h) + 140px) 0 70px; }
.c-page-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 85% 20%, rgba(8, 145, 178, .30) 0%, transparent 45%), radial-gradient(circle at 10% 110%, rgba(234, 88, 12, .18) 0%, transparent 40%); }
.c-page-hero::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, transparent, #000 60%); -webkit-mask-image: linear-gradient(90deg, transparent, #000 60%); }
.c-page-hero .container { position: relative; z-index: 1; }
.c-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: .85rem; color: rgba(255,255,255,.6); margin-bottom: 22px; list-style: none; }
.c-crumbs a { color: rgba(255,255,255,.75); }
.c-crumbs a:hover { color: #fff; }
.c-crumbs li + li::before { content: '/'; margin-right: 8px; opacity: .5; }
.c-page-hero-row { display: flex; align-items: flex-start; gap: 26px; }
.c-page-hero-ico { width: 68px; height: 68px; border-radius: 14px; display: grid; place-items: center; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); color: #fdba74; flex-shrink: 0; }
.c-page-hero-ico .c-icon { width: 32px; height: 32px; }
.c-page-hero h1 { font-size: clamp(2rem, 3.8vw, 3rem); line-height: 1.15; letter-spacing: -.8px; margin-bottom: 14px; color: #fff; }
.c-page-hero p { color: rgba(255,255,255,.78); font-size: 1.1rem; max-width: 700px; }
.c-page-hero .c-hero-actions { margin: 30px 0 0; }
.c-page-hero.c-center { text-align: center; }
.c-page-hero.c-center p { margin: 0 auto; }
.c-page-hero.c-center .c-crumbs, .c-page-hero.c-center .c-hero-actions { justify-content: center; }

/* Detay düzeni: içerik + yan sütun */
.c-detail { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 50px; align-items: start; }
.c-block { margin-bottom: 56px; }
.c-block > h2 { font-size: 1.6rem; color: var(--text-primary); margin-bottom: 12px; letter-spacing: -.3px; }
.c-block > p { color: var(--text-secondary); margin-bottom: 26px; }
.c-scope { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.c-scope-item { border: 1px solid var(--border-color); border-radius: var(--c-radius); padding: 22px; background: var(--surface-solid); display: flex; gap: 14px; transition: border-color .3s ease, box-shadow .3s ease; }
.c-scope-item:hover { border-color: var(--border-accent); box-shadow: var(--shadow); }
.c-scope-item .c-icon { color: var(--accent-orange); width: 20px; height: 20px; margin-top: 2px; }
.c-scope-item h4 { font-size: 1rem; color: var(--text-primary); margin-bottom: 4px; }
.c-scope-item p { font-size: .9rem; color: var(--text-secondary); }
.c-scope-item.c-wide { grid-column: 1 / -1; }

.c-timeline { list-style: none; position: relative; padding-left: 0; }
.c-timeline li { position: relative; padding: 0 0 30px 70px; }
.c-timeline li::before { content: ''; position: absolute; left: 22px; top: 46px; bottom: 0; width: 2px; background: var(--border-color); }
.c-timeline li:last-child { padding-bottom: 0; }
.c-timeline li:last-child::before { display: none; }
.c-timeline .c-step-no { position: absolute; left: 0; top: 0; margin: 0; }
.c-timeline h4 { font-size: 1.08rem; color: var(--text-primary); margin: 10px 0 6px; }
.c-timeline p { color: var(--text-secondary); font-size: .94rem; }

.c-aside { position: sticky; top: 110px; display: grid; gap: 20px; }
.c-aside-card { border: 1px solid var(--border-color); border-radius: var(--c-radius-lg); padding: 26px; background: var(--surface-solid); }
.c-aside-card h3 { font-size: 1.08rem; margin-bottom: 14px; color: var(--text-primary); }
.c-aside-sla { background: var(--c-navy); border-color: transparent; color: #fff; }
.c-aside-sla h3 { color: #fff; display: flex; align-items: center; gap: 10px; }
.c-aside-sla h3 .c-icon { color: #fdba74; }
.c-aside-sla p { font-size: .9rem; color: rgba(255,255,255,.75); margin-bottom: 18px; }
.c-aside-sla .c-sla-row { padding: 11px 0; }
.c-aside-sla .btn { width: 100%; margin-top: 16px; }
.c-aside-nav { list-style: none; display: grid; gap: 4px; }
.c-aside-nav a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 8px; font-size: .93rem; font-weight: 500; color: var(--text-secondary); }
.c-aside-nav a .c-icon { width: 18px; height: 18px; color: var(--primary-accent); }
.c-aside-nav a:hover { background: rgba(var(--primary-rgb), .06); color: var(--text-primary); }
.c-aside-nav a.current { background: rgba(var(--primary-rgb), .08); color: var(--primary-accent); font-weight: 600; }
.c-aside-contact a { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: .93rem; color: var(--text-primary); font-weight: 500; }
.c-aside-contact a .c-icon { color: var(--accent-orange); width: 18px; height: 18px; }

/* Genel kart ızgarası (hakkımızda / bakım vb.) */
.c-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.c-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.c-card { border: 1px solid var(--border-color); border-radius: var(--c-radius-lg); padding: 30px 28px; background: var(--surface-solid); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.c-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); border-color: var(--border-accent); }
.c-card .c-service-ico { margin-bottom: 18px; }
.c-card h3, .c-card h4 { font-size: 1.12rem; color: var(--text-primary); margin-bottom: 8px; }
.c-card p { font-size: .93rem; color: var(--text-secondary); }
.c-card .c-link { margin-top: 16px; }

@media (max-width: 992px) {
  .c-detail { grid-template-columns: 1fr; }
  .c-aside { position: static; }
  .c-grid-3 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .c-page-hero { padding: calc(var(--c-topbar-h) + 110px) 0 54px; }
  .c-page-hero-row { flex-direction: column; gap: 18px; }
  .c-scope, .c-grid-3, .c-grid-2 { grid-template-columns: 1fr; }
}

/* İletişim sayfası kurumsal görünüm */
.contact-info-card, .contact-form-wrapper { border-radius: var(--c-radius-lg) !important; backdrop-filter: none !important; background: var(--surface-solid) !important; }
.contact-card-icon { display: grid; place-items: center; color: var(--primary-accent); background: rgba(var(--primary-rgb), .08); border-radius: var(--c-radius); }
.contact-card-icon .c-icon { width: 24px; height: 24px; }
.service-choice-card .choice-icon { display: grid; place-items: center; color: var(--primary-accent); }
.service-choice-card .choice-icon .c-icon { width: 26px; height: 26px; }
.service-choice-card, .scale-card, .form-control { border-radius: var(--c-radius) !important; }
.map-container { border-radius: var(--c-radius-lg); overflow: hidden; }
.c-form-note { font-size: .78rem; color: var(--text-secondary); margin-top: 14px; }
.c-section .c-sla-card .c-sla-row span { color: rgba(255,255,255,.8); }

/* --- Yasal metin sayfaları --- */
.c-legal-date { margin-top: 14px; font-size: .88rem !important; color: rgba(255,255,255,.6) !important; }
.c-legal { max-width: 780px; }
.c-legal-sec { padding-bottom: 34px; margin-bottom: 34px; border-bottom: 1px solid var(--border-color); scroll-margin-top: 110px; }
.c-legal-sec:last-child { border-bottom: none; }
.c-legal h2 { font-size: 1.35rem; color: var(--text-primary); margin-bottom: 14px; }
.c-legal p, .c-legal li { color: var(--text-secondary); font-size: .97rem; line-height: 1.75; }
.c-legal p { margin-bottom: 12px; }
.c-legal ul { padding-left: 22px; margin-bottom: 14px; display: grid; gap: 6px; }
.c-legal a { color: var(--primary-accent); text-decoration: underline; text-underline-offset: 3px; }
.c-legal strong { color: var(--text-primary); }
.c-legal code { font-size: .88rem; background: rgba(var(--primary-rgb), .08); padding: 2px 6px; border-radius: 4px; }
.c-legal-box { display: grid; gap: 6px; padding: 22px 24px; border-radius: var(--c-radius); background: rgba(var(--primary-rgb), .05); border: 1px solid var(--border-color); font-size: .95rem; color: var(--text-secondary); }
.c-legal-box strong { font-size: 1rem; margin-bottom: 4px; }
.c-legal-table { width: 100%; border-collapse: collapse; margin: 6px 0 16px; font-size: .9rem; display: block; overflow-x: auto; }
.c-legal-table th, .c-legal-table td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--border-color); vertical-align: top; color: var(--text-secondary); }
.c-legal-table th { background: rgba(var(--primary-rgb), .06); color: var(--text-primary); font-weight: 600; white-space: nowrap; }
.c-legal-toc { padding-left: 0; list-style: none; display: grid; gap: 2px; counter-reset: none; }
.c-legal-toc a { display: block; padding: 6px 10px; border-radius: 6px; font-size: .9rem; color: var(--text-secondary); }
.c-legal-toc a:hover { background: rgba(var(--primary-rgb), .06); color: var(--text-primary); }
mark.c-fill { background: #fef08a; color: #713f12; padding: 1px 6px; border-radius: 4px; font-weight: 600; }
.c-form-note a { color: var(--primary-accent); text-decoration: underline; }

/* --- Tıklayınca yüklenen harita --- */
.c-map-consent:not(.loaded) { display: grid; place-items: center; background: linear-gradient(135deg, rgba(var(--primary-rgb), .06), rgba(var(--accent-orange-rgb), .05)); }
.c-map-placeholder { text-align: center; padding: 28px; max-width: 420px; display: grid; justify-items: center; gap: 10px; }
.c-map-placeholder > .c-icon { width: 34px; height: 34px; color: var(--accent-orange); }
.c-map-placeholder strong { color: var(--text-primary); font-size: 1.05rem; }
.c-map-placeholder p { font-size: .85rem; color: var(--text-secondary); }
.c-map-placeholder p a { color: var(--primary-accent); text-decoration: underline; }
.c-map-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 6px; }
.c-map-actions .btn { padding: 10px 18px; font-size: .88rem; }

/* ==========================================================
   YAZILIM ÜRÜN SAYFALARI (Uludem Nar / Anka WMS)
   ========================================================== */
.c-dealer { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 6px; font-size: .8rem; font-weight: 700; letter-spacing: .5px; background: rgba(253, 186, 116, .14); border: 1px solid rgba(253, 186, 116, .4); color: #fdba74; margin-bottom: 20px; text-transform: uppercase; }
.c-dealer .c-icon { width: 16px; height: 16px; }
.c-product-hero { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; }
.c-product-hero h1 { font-size: clamp(2rem, 3.6vw, 2.9rem); }

/* Örnek ekran (temsili) */
.c-mock { background: #0b4656; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; overflow: hidden; box-shadow: 0 30px 60px -20px rgba(0,0,0,.55); }
.c-mock-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.08); font-size: .75rem; color: rgba(255,255,255,.55); }
.c-mock-bar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.2); }
.c-mock-bar span { margin-left: auto; }
.c-mock-body { padding: 18px; display: grid; gap: 12px; }
.c-mock-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.c-mock-kpi { background: rgba(255,255,255,.05); border-radius: 10px; padding: 12px; }
.c-mock-kpi small { display: block; font-size: .7rem; color: rgba(255,255,255,.55); margin-bottom: 4px; }
.c-mock-kpi b { font-family: var(--font-heading); font-size: 1.15rem; color: #fff; }
.c-mock-kpi b.up { color: #4ade80; } .c-mock-kpi b.warn { color: #fdba74; }
.c-mock-rows { background: rgba(255,255,255,.04); border-radius: 10px; padding: 6px 12px; }
.c-mock-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.06); font-size: .8rem; color: rgba(255,255,255,.75); }
.c-mock-row:last-child { border-bottom: none; }
.c-mock-meter { height: 6px; border-radius: 4px; background: rgba(255,255,255,.1); overflow: hidden; margin-top: 5px; }
.c-mock-meter i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #0891b2, #22d3ee); }
.c-mock-meter i.o { background: linear-gradient(90deg, #ea580c, #fdba74); }
.c-mock-tag { font-size: .7rem; font-weight: 700; padding: 2px 8px; border-radius: 4px; }
.c-mock-tag.ok { background: rgba(74,222,128,.15); color: #4ade80; } .c-mock-tag.no { background: rgba(248,113,113,.15); color: #f87171; } .c-mock-tag.wait { background: rgba(253,186,116,.15); color: #fdba74; }
.c-mock-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 5px; }
.c-mock-grid i { aspect-ratio: 1; border-radius: 4px; background: rgba(8,145,178,.25); }
.c-mock-grid i.f2 { background: rgba(8,145,178,.5); } .c-mock-grid i.f3 { background: rgba(8,145,178,.8); } .c-mock-grid i.f0 { background: rgba(255,255,255,.06); } .c-mock-grid i.h { background: #ea580c; }
.c-mock-note { text-align: center; font-size: .72rem; color: rgba(255,255,255,.45); margin-top: 10px; }

/* Sorun → çözüm kartları */
.c-pains { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.c-pain { border: 1px solid var(--border-color); border-radius: var(--c-radius-lg); background: var(--surface-solid); overflow: hidden; }
.c-pain-q { padding: 22px 24px 16px; display: flex; gap: 14px; }
.c-pain-q .c-icon { color: #dc2626; width: 22px; height: 22px; margin-top: 2px; }
.c-pain-q p { font-weight: 600; color: var(--text-primary); font-family: var(--font-heading); font-size: 1.02rem; }
.c-pain-a { padding: 14px 24px 18px; background: rgba(22, 163, 74, .06); border-top: 1px dashed var(--border-color); display: flex; gap: 14px; font-size: .92rem; color: var(--text-secondary); }
.c-pain-a .c-icon { color: #16a34a; width: 20px; height: 20px; margin-top: 2px; }
.c-pain-a b { color: var(--text-primary); }

/* Akış (numaralı kartlar) */
.c-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.c-flow-card { border: 1px solid var(--border-color); border-radius: var(--c-radius-lg); padding: 24px 22px; background: var(--surface-solid); position: relative; }
.c-flow-card .c-step-no { width: 38px; height: 38px; font-size: .9rem; margin-bottom: 14px; }
.c-flow-card h4 { font-size: 1rem; color: var(--text-primary); margin-bottom: 6px; }
.c-flow-card p { font-size: .88rem; color: var(--text-secondary); }

/* Ana sayfa yazılım vitrini */
.c-showcase { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.c-show { border-radius: 18px; padding: 38px 36px; background: var(--c-navy); color: #fff; position: relative; overflow: hidden; display: flex; flex-direction: column; }
.c-show.alt { background: linear-gradient(135deg, var(--c-navy-2) 0%, var(--c-navy) 100%); }
.c-show::after { content: ''; position: absolute; right: -60px; bottom: -60px; width: 220px; height: 220px; border-radius: 50%; border: 40px solid rgba(255,255,255,.04); }
.c-show-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.c-show .c-service-ico { background: rgba(255,255,255,.1); color: #fdba74; }
.c-show-tag { font-size: .72rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,.6); }
.c-show h3 { font-size: 1.6rem; color: #fff; margin-bottom: 4px; }
.c-show h3 + span { color: #fdba74; font-weight: 600; font-size: .95rem; display: block; margin-bottom: 14px; }
.c-show > p { color: rgba(255,255,255,.75); margin-bottom: 20px; }
.c-show .c-checks li { color: rgba(255,255,255,.88); }
.c-show .c-checks .c-icon { color: #4ade80; }
.c-show-actions { display: flex; gap: 12px; flex-wrap: wrap; position: relative; z-index: 1; }

@media (max-width: 992px) {
  .c-product-hero, .c-showcase { grid-template-columns: 1fr; }
  .c-grid-4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .c-pains, .c-grid-4 { grid-template-columns: 1fr; }
  .c-show { padding: 30px 24px; }
}
.c-page-hero p.c-mock-note { font-size: .74rem; color: rgba(255,255,255,.45); max-width: none; margin-top: 12px; text-align: center; }

/* Menü: orta boy ekranlarda sıkılaştır, dar ekranlarda hamburger */
.nav-links a { white-space: nowrap; }
@media (max-width: 1240px) {
  .nav-links { gap: 18px; }
  .nav-links a { font-size: .88rem; }
  .nav-actions .btn { padding: 10px 18px; }
  .logo img { height: 40px; }
}
@media (max-width: 1100px) {
  .nav-links, .nav-actions .btn { display: none; }
  .hamburger { display: block; }
}
@media (max-width: 992px){ .c-section .c-grid-2[style*="repeat(4"]{ grid-template-columns: 1fr 1fr !important; } } @media (max-width: 600px){ .c-section .c-grid-2[style*="repeat(4"]{ grid-template-columns: 1fr !important; } }

/* --- Blog ve makale --- */
.c-post-meta { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 22px; font-size: .88rem; color: rgba(255,255,255,.7); }
.c-post-meta span { display: inline-flex; align-items: center; gap: 8px; }
.c-post-meta .c-icon { color: #fdba74; }
.c-article ol { padding-left: 22px; margin-bottom: 14px; display: grid; gap: 8px; }
.c-article ol li { color: var(--text-secondary); line-height: 1.75; }
.c-article h2 { font-size: 1.45rem; }
.c-callout { margin: 18px 0; padding: 18px 20px; border-left: 4px solid var(--accent-orange); background: rgba(var(--accent-orange-rgb), .07); border-radius: 0 var(--c-radius) var(--c-radius) 0; color: var(--text-secondary); font-size: .95rem; line-height: 1.7; }
.c-callout strong { color: var(--text-primary); }
.c-note { font-size: .85rem !important; font-style: italic; border-top: 1px solid var(--border-color); padding-top: 14px; margin-top: 18px; }
.c-post-card { display: flex; flex-direction: column; gap: 10px; border: 1px solid var(--border-color); border-radius: var(--c-radius-lg); padding: 28px 26px; background: var(--surface-solid); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.c-post-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--border-accent); }
.c-post-card .c-service-ico { margin-bottom: 6px; }
.c-post-cat { font-size: .74rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--accent-orange); }
.c-post-card h3 { font-size: 1.12rem; color: var(--text-primary); line-height: 1.4; }
.c-post-card p { font-size: .92rem; color: var(--text-secondary); flex: 1; }
a.c-card { display: block; }

/* --- HERO: animasyonlu ağ topolojisi (İnternet → Firewall → Core → Kabin / Departmanlar) --- */
.c-hero { background: radial-gradient(1200px 700px at 78% 40%, #0e5566 0%, var(--c-navy) 60%); }
.c-net-wrap { position: absolute; inset: calc(var(--c-topbar-h) + 60px) 0 0 0; z-index: 1; pointer-events: none; }
.c-net { position: absolute; inset: 0; width: 100%; height: 100%; }
.c-net-overlay {
  position: absolute; inset: 0;
  background:
    linear-gradient(90deg, rgba(var(--c-navy-rgb), .97) 0%, rgba(var(--c-navy-rgb), .9) 30%, rgba(var(--c-navy-rgb), .45) 52%, rgba(var(--c-navy-rgb), 0) 70%),
    linear-gradient(180deg, rgba(var(--c-navy-rgb), 0) 75%, rgba(var(--c-navy-rgb), .85) 100%);
}
.c-hero-grid.c-hero-solo { grid-template-columns: minmax(0, 640px); }
.c-net text { font-family: var(--font-heading), system-ui, sans-serif; }
.c-net .lbl { fill: #e2e8f0; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; }
.c-net .sub { fill: #7f93b3; font-size: 9px; font-weight: 500; letter-spacing: .6px; }
.c-net .tag { fill: #8aa0c2; font-size: 8px; font-weight: 600; letter-spacing: .8px; }
.c-net .ok { fill: #4ade80; font-size: 9px; font-weight: 600; }
.c-net .lcd { fill: #052e1a; stroke: #14532d; }
.c-net .lcdt { fill: #4ade80; font-size: 10px; font-weight: 700; font-family: ui-monospace, Menlo, monospace; }
.c-net .frame { stroke: #3b5072; stroke-width: 1; }
.c-net .rack { stroke: #2c3e5c; }
.c-net .unit { stroke: #2a3b58; stroke-width: .8; }
.c-net .rail { fill: #0a1220; }
.c-net .vent { stroke: #233453; stroke-width: 1; }
.c-net .port { fill: #060b14; stroke: #2b3c58; stroke-width: .6; }
.c-net .port.sfp { stroke: #38bdf8; stroke-opacity: .6; }
.c-net .bay { fill: #0c1526; stroke: #2a3b58; stroke-width: .6; }
.c-net .mon { fill: #0e1a2e; stroke: #4b6a95; stroke-width: 1; }
.c-net .stand, .c-net .drop { fill: none; stroke: #3b5a85; stroke-width: 1; }
.c-net .drop { stroke: #0891b2; stroke-opacity: .55; }
.c-net .globe { fill: none; stroke: #7dd3fc; stroke-width: 1.4; stroke-opacity: .85; }
.c-net .card { fill: rgba(13, 25, 46, .82); stroke-width: 1; }
.c-net .eset { stroke: rgba(74, 222, 128, .45); }
.c-net .shield { fill: rgba(74, 222, 128, .14); stroke: #4ade80; stroke-width: 1.4; }
.c-net .tick { fill: none; stroke: #4ade80; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.c-net .dash { fill: none; stroke: #4ade80; stroke-opacity: .6; stroke-dasharray: 3 3; }
.c-net .grid line { stroke: #22d3ee; stroke-opacity: .16; stroke-width: 1; }

/* fiber + ışık darbeleri */
.c-net .fb { fill: none; stroke: #38bdf8; stroke-opacity: .22; stroke-width: 1.6; }
.c-net .fb.fbs { stroke-opacity: .35; stroke-width: 2; }
.c-net .pl { fill: none; stroke-linecap: round; stroke-dasharray: 7 200; stroke-dashoffset: 7; animation: c-flow 2.8s linear infinite; }
.c-net .pl.pg { stroke: #38bdf8; stroke-width: 9; stroke-opacity: .28; }
.c-net .pl.pc { stroke: #e0f2fe; stroke-width: 2.6; }
.c-net .pl.rev { animation-name: c-flow-rev; }
@keyframes c-flow { from { stroke-dashoffset: 7; } to { stroke-dashoffset: -100; } }
@keyframes c-flow-rev { from { stroke-dashoffset: -100; } to { stroke-dashoffset: 7; } }

/* LED'ler */
.c-net .lg { fill: #4ade80; } .c-net .lb { fill: #38bdf8; } .c-net .la { fill: #fbbf24; } .c-net .lr { fill: #f87171; }
.c-net .k1 { animation: c-blink .7s steps(2, jump-none) infinite; }
.c-net .k2 { animation: c-blink 1.3s steps(2, jump-none) infinite; }
.c-net .k3 { animation: c-blink 2.6s ease-in-out infinite; }
@keyframes c-blink { 0%, 100% { opacity: 1; } 50% { opacity: .2; } }
.c-net .halo { transform-box: fill-box; transform-origin: center; animation: c-halo 3.2s ease-in-out infinite; }
@keyframes c-halo { 0%, 100% { opacity: .55; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.08); } }

/* SLA şeridi */
.c-hero-sla {
  position: relative; z-index: 5; margin-top: 64px;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
  background: rgba(10, 22, 42, .62); border: 1px solid rgba(148, 163, 184, .18); border-radius: 16px;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.c-hero-sla > div { display: flex; align-items: center; gap: 14px; padding: 18px 24px; }
.c-hero-sla > div + div { border-left: 1px solid rgba(148, 163, 184, .14); }
.c-hero-sla .c-icon { width: 26px; height: 26px; color: #7dd3fc; flex: none; }
.c-hero-sla p { margin: 0; display: flex; flex-direction: column; line-height: 1.25; }
.c-hero-sla strong { font-family: var(--font-heading); color: #fff; font-size: 1.15rem; }
.c-hero-sla span { color: rgba(255, 255, 255, .62); font-size: .84rem; }

@media (max-width: 1100px) {
  .c-net-overlay { background: linear-gradient(90deg, rgba(var(--c-navy-rgb), .95) 0%, rgba(var(--c-navy-rgb), .8) 45%, rgba(var(--c-navy-rgb), .25) 80%), linear-gradient(180deg, rgba(var(--c-navy-rgb), 0) 70%, rgba(var(--c-navy-rgb), .9) 100%); }
  .c-hero-sla { grid-template-columns: repeat(2, 1fr); }
  .c-hero-sla > div:nth-child(3) { border-left: 0; }
  .c-hero-sla > div:nth-child(n+3) { border-top: 1px solid rgba(148, 163, 184, .14); }
}
@media (max-width: 640px) {
  .c-net { opacity: .45; }
  .c-net-overlay { background: linear-gradient(180deg, rgba(var(--c-navy-rgb), .55) 0%, rgba(var(--c-navy-rgb), .85) 100%); }
  .c-hero-sla { margin-top: 44px; }
  .c-hero-sla > div { padding: 14px 14px; gap: 10px; }
  .c-hero-sla .c-icon { width: 22px; height: 22px; }
  .c-hero-sla strong { font-size: 1rem; }
  .c-hero-sla span { font-size: .76rem; }
}
@media (prefers-reduced-motion: reduce) {
  .c-net .pl, .c-net .k1, .c-net .k2, .c-net .k3, .c-net .halo { animation: none; }
  .c-net .pl { stroke-dasharray: none; stroke-opacity: .5; }
  .c-net .pl.pg { stroke-opacity: .12; }
}
.c-net-wrap.c-paused * { animation-play-state: paused !important; }

/* === BOŞLUKLAR %30 DARALTILDI (2026-11-06) — geri almak için bu bloğu silin === */
.c-section { padding: 67px 0; }
.c-head { margin-bottom: 36px; gap: 22px; }
.c-eyebrow { margin-bottom: 10px; }
.c-title { margin-bottom: 11px; }
.c-hero { padding: calc(var(--c-topbar-h) + 128px) 0 63px; }
.c-hero-badge { margin-bottom: 15px; }
.c-hero h1 { margin-bottom: 15px; }
.c-hero p.c-hero-text { margin-bottom: 24px; }
.c-hero-actions { margin-bottom: 28px; }
.c-hero-sla { margin-top: 45px; }
.c-hero-sla > div { padding: 14px 20px; }
.c-logos { padding: 24px 0 18px; }
.c-page-hero { padding: calc(var(--c-topbar-h) + 120px) 0 49px; }
.c-crumbs { margin-bottom: 15px; }
.c-page-hero .c-hero-actions { margin: 21px 0 0; }
.c-service { padding: 27px 24px; gap: 10px; }
.c-card { padding: 22px 22px; }
.c-card .c-service-ico, .c-sector .c-service-ico { margin-bottom: 13px; }
.c-why { gap: 49px; }
.c-why-list { gap: 18px; margin-top: 24px; }
.c-stat { padding: 28px 22px; }
.c-cases, .c-products, .c-models { gap: 17px; }
.c-grid-2, .c-grid-3, .c-sectors { gap: 15px; }
.c-case-head { padding: 20px 24px 0; }
.c-case-body { padding: 0 24px 18px; gap: 9px; }
.c-case-result { padding: 12px 24px; }
.c-product { padding: 26px; }
.c-faq-wrap { gap: 42px; }
.c-faq-wrap .faq-question { padding: 15px 20px; }
.c-faq-contact { margin-top: 18px; padding: 18px; }
.c-cta { padding: 40px 44px; }
.c-detail { gap: 35px; }
.c-block { margin-bottom: 39px; }
.c-block > p { margin-bottom: 18px; }
.c-timeline li { padding-bottom: 21px; }
.c-aside { gap: 14px; }
.c-aside-card { padding: 20px; }
.c-legal-sec { padding-bottom: 24px; margin-bottom: 24px; }
.c-footer { padding-top: 49px; }
.c-footer-grid { gap: 31px; padding-bottom: 35px; }
.c-footer-bottom { padding: 16px 0; }
@media (max-width: 1100px) {
  .c-hero-grid, .c-why, .c-ot, .c-faq-wrap { gap: 31px; }
  .c-process { row-gap: 28px; }
  .c-cta { padding: 31px 24px; }
}
@media (max-width: 768px) {
  .c-section { padding: 49px 0; }
  .c-hero { padding: calc(var(--c-topbar-h) + 106px) 0 49px; }
  .c-page-hero { padding: calc(var(--c-topbar-h) + 99px) 0 38px; }
  .c-service { padding: 21px 18px; }
}
@media (max-width: 640px) { .c-hero-sla { margin-top: 31px; } }
/* bölüm araları ek sıkılaştırma + yorum kaydırıcısı alt boşluğu */
.c-section { padding: 56px 0; }
.c-head { margin-bottom: 30px; }
.testimonials-section .testimonials-slider { padding-bottom: 14px; }
.testimonials-section .slider-controls { margin-top: 18px; }
@media (max-width: 768px) { .c-section { padding: 42px 0; } }
.contact-card-icon.c-li-icon { color: #0a66c2; }
.contact-card-content a { word-break: break-word; }
/* yazılım vitrini: 3 ürün */
.c-showcase.c-showcase-3 { grid-template-columns: repeat(3, 1fr); gap: 18px; }
.c-showcase-3 .c-show { padding: 28px 24px; }
.c-showcase-3 .c-show-actions { flex-wrap: wrap; }
@media (max-width: 1100px) { .c-showcase.c-showcase-3 { grid-template-columns: 1fr; } }
/* B2B paketleri */
.c-pkgs .c-card { display: flex; flex-direction: column; gap: 10px; }
.c-pkgs .c-card h3 { margin: 4px 0 0; }
.c-pkgs .c-checks { margin: 6px 0 10px; }
.c-pkgs .c-show-tag { align-self: flex-start; }
.c-pkg-pop { border-color: var(--primary-accent) !important; box-shadow: 0 14px 40px rgba(var(--primary-rgb), .14); }
.c-pkg-plus { font-size: .85rem; color: var(--text-secondary); font-weight: 600; margin: 0; }
.c-pkg-note { text-align: center; font-size: .84rem; color: var(--text-secondary); margin-top: 20px; }
.c-pkgs .c-show-tag { background: rgba(var(--primary-rgb), .08); color: var(--primary-accent); border: 1px solid rgba(var(--primary-rgb), .18); padding: 4px 10px; border-radius: 6px; font-size: .72rem; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; }
.c-pkg-pop .c-show-tag { background: var(--primary-accent); color: #fff; border-color: transparent; }

/* Koyu tema: Petrol Turkuaz'ın parlak karşılığı */
[data-theme="dark"] {
  --primary-color: #06b6d4;
  --primary-rgb: 6, 182, 212;
  --primary-accent: #22d3ee;
  --border-accent: rgba(34, 211, 238, 0.22);
  --glow-color: rgba(34, 211, 238, 0.12);
  --shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 20px 50px -15px rgba(0, 0, 0, 0.7);
}

/* Hero dönen ifade: alan en uzun ifadeye göre sabit, metin değişince yükseklik değişmez */
.c-hero h1 span.c-rot { display: inline-grid !important; vertical-align: top; }
.c-hero h1 span.c-rot > .c-rot-item { grid-area: 1 / 1; opacity: 0; transform: translateY(-6px); transition: opacity .35s ease, transform .35s ease; }
.c-hero h1 span.c-rot > .c-rot-item.is-on { opacity: 1; transform: none; transition-delay: .35s; }

/* Ana sayfa: lisans ve güvenlik yazılımları sırası */
.c-lic-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 34px 0 14px; }
.c-lic-head .c-eyebrow { margin: 0; }
.c-lic-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.c-lic { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: var(--surface-solid); border: 1px solid var(--border-color); border-radius: var(--c-radius); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; color: var(--text-primary); }
.c-lic:hover { border-color: var(--primary-accent); transform: translateY(-2px); box-shadow: var(--shadow-md, 0 8px 20px rgba(0,0,0,.08)); }
.c-lic .c-service-ico { flex: 0 0 auto; width: 40px; height: 40px; }
.c-lic strong { display: block; font-size: .95rem; line-height: 1.2; }
.c-lic span { display: block; font-size: .8rem; color: var(--text-secondary); margin-top: 2px; }
@media (max-width: 1100px) { .c-lic-row { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .c-lic-row { grid-template-columns: 1fr 1fr; } .c-lic { padding: 12px; } }
@media (max-width: 380px) { .c-lic-row { grid-template-columns: 1fr; } }

/* === HERO: İKİ SAHNE (Altyapı / ESET) — yükseklik sabit, sahneler aynı hücrede üst üste === */
.c-net-wrap, .c-es-wrap { transition: opacity .8s ease; }
.c-es-wrap { position: absolute; inset: calc(var(--c-topbar-h) + 60px) 0 0 0; z-index: 1; pointer-events: none; opacity: 0; }
.c-hero[data-scene="1"] .c-net-wrap { opacity: 0; }
.c-hero[data-scene="1"] .c-es-wrap { opacity: 1; }
.c-es { position: absolute; inset: 0; width: 100%; height: 100%; }
.c-es text { font-family: var(--font-heading), system-ui, sans-serif; }
.c-es .es-xs { font-size: 10px; font-weight: 700; letter-spacing: 1px; }
.c-es .es-sm { font-size: 10.5px; font-weight: 800; }
.c-es .es-md { font-size: 13px; font-weight: 800; letter-spacing: .6px; }
.c-es .es-lg { font-size: 15px; font-weight: 800; letter-spacing: .3px; }
.c-scenes { display: grid; }
.c-scene { grid-area: 1 / 1; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .5s ease, transform .5s ease, visibility 0s linear .5s; }
.c-scene.is-on { opacity: 1; visibility: visible; transform: none; transition: opacity .6s ease .25s, transform .6s ease .25s, visibility 0s; }
.c-hero h2.c-hero-h { font-size: clamp(2.2rem, 4.4vw, 3.4rem); line-height: 1.12; font-weight: 800; letter-spacing: -1px; margin-bottom: 15px; color: #fff; }
.c-hero h2.c-hero-h span { color: #fdba74; -webkit-text-fill-color: #fdba74; }
.c-badge-eset i { background: #14b8a6 !important; box-shadow: 0 0 0 4px rgba(20, 184, 166, .22) !important; }
.c-scene-nav { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 26px; }
.c-scene-tab { position: relative; overflow: hidden; cursor: pointer; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.72); border-radius: 999px; padding: 7px 16px 9px; font: 600 .82rem var(--font-heading), system-ui, sans-serif; transition: color .2s, border-color .2s, background .2s; }
.c-scene-tab:hover { color: #fff; background: rgba(255,255,255,.1); }
.c-scene-tab.is-on { color: #fff; border-color: rgba(253,186,116,.55); }
.c-scene-tab i { position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #fdba74; }
.c-scene-tab.is-on i { animation: cTabFill var(--c-dur, 10s) linear forwards; }
.c-hero.c-noauto .c-scene-tab.is-on i { animation: none; width: 100%; }
@keyframes cTabFill { to { width: 100%; } }
/* dönen ifade: tek satır, alan sabit */
.c-hero h1 span.c-rot > .c-rot-item { white-space: nowrap; }
@media (max-width: 640px) { .c-hero h1 span.c-rot { font-size: min(1em, 7.4vw); } }

/* ESET sahne zaman çizelgesi (10 sn döngü; .c-play ile başlar) */
.c-es .s-after { opacity: 0; }
.c-es .es-fly { opacity: 0; }
.c-play .c-es .s-after { animation: esAfter 10s infinite; }
.c-play .c-es .s-before { animation: esBefore 10s infinite; }
.c-play .c-es .es-path { animation: esDash 1s linear infinite; }
.c-play .c-es .es-fly-l { animation: esFlyL 10s infinite; }
.c-play .c-es .es-fly-r { animation: esFlyR 10s infinite; }
.c-es .es-shield-pop, .c-es .es-ring, .c-es .es-head, .c-es .es-body, .c-es .es-arms-up { transform-box: fill-box; }
.c-es .es-shield-pop { transform-origin: center; transform: scale(0); }
.c-play .c-es .es-shield-pop { animation: esPop 10s infinite; }
.c-es .es-ring { transform-origin: center; opacity: 0; }
.c-play .c-es .es-ring { animation: esRing 10s infinite; }
.c-play .c-es .es-good > .es-body, .c-play .c-es .es-good > .es-head { animation: esJump 10s infinite; }
.c-es .es-bad > .es-head { transform-origin: 50% 100%; }
.c-play .c-es .es-bad > .es-head { animation: esSad 10s infinite; }
.c-play .c-es .es-arms-up { animation: esAfter 10s infinite, esWave .5s ease-in-out infinite alternate; transform-origin: 50% 100%; }
.c-play .c-es .es-tear { animation: esAfter 10s infinite, esTear 1.4s ease-in infinite; }
@keyframes esAfter { 0%, 32% { opacity: 0; } 36%, 92% { opacity: 1; } 96%, 100% { opacity: 0; } }
@keyframes esBefore { 0%, 32% { opacity: 1; } 36%, 92% { opacity: 0; } 96%, 100% { opacity: 1; } }
@keyframes esDash { to { stroke-dashoffset: -14; } }
@keyframes esFlyL { 0% { opacity: 0; transform: translate(0, 0); } 5% { opacity: 1; } 17% { transform: translate(-102px, 45px); } 30% { opacity: 1; transform: translate(-205px, 118px) scale(1); } 34% { opacity: 0; transform: translate(-205px, 118px) scale(1.8); } 100% { opacity: 0; transform: translate(-205px, 118px); } }
@keyframes esFlyR { 0% { opacity: 0; transform: translate(0, 0); } 5% { opacity: 1; } 17% { transform: translate(102px, 45px); } 30% { opacity: 1; transform: translate(205px, 128px) scale(1); } 34% { opacity: 0; transform: translate(205px, 165px) scale(.3); } 100% { opacity: 0; transform: translate(205px, 165px); } }
@keyframes esPop { 0%, 31% { transform: scale(0); } 35% { transform: scale(1.22); } 38%, 92% { transform: scale(1); } 96%, 100% { transform: scale(0); } }
@keyframes esRing { 0%, 32% { opacity: 0; transform: scale(.5); } 34% { opacity: .9; } 50% { opacity: 0; transform: scale(1.35); } 100% { opacity: 0; } }
@keyframes esJump { 0%, 36% { transform: none; } 40% { transform: translateY(-12px); } 44% { transform: none; } 48% { transform: translateY(-12px); } 52%, 100% { transform: none; } }
@keyframes esSad { 0%, 34% { transform: none; } 40%, 90% { transform: rotate(9deg) translateY(4px); } 96%, 100% { transform: none; } }
@keyframes esWave { from { transform: translateY(0); } to { transform: translateY(-4px); } }
@keyframes esTear { 0% { transform: translateY(0); } 100% { transform: translateY(16px); } }
.c-es-wrap.c-paused * { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  .c-es .s-before, .c-es .es-fly { display: none; }
  .c-es .s-after { opacity: 1 !important; animation: none !important; }
  .c-es .es-shield-pop { transform: none !important; animation: none !important; }
  .c-es * { animation: none !important; }
  .c-scene, .c-scene.is-on { transition: none; }
}

/* WMS-SCENE-START (wms_scene.py tarafından üretildi) */
.c-wms-wrap { position: absolute; inset: calc(var(--c-topbar-h) + 60px) 0 0 0; z-index: 1; pointer-events: none; opacity: 0; transition: opacity .8s ease; }
@media (min-width: 1100px) { .c-wms-wrap { bottom: 136px; } }
.c-hero[data-scene="2"] .c-net-wrap, .c-hero[data-scene="2"] .c-es-wrap { opacity: 0; }
.c-hero[data-scene="2"] .c-wms-wrap { opacity: 1; }
.c-wms { position: absolute; inset: 0; width: 100%; height: 100%; }
.c-wms text { font-family: var(--font-heading), system-ui, sans-serif; }
.c-wms .wm-h { font-size: 11.5px; font-weight: 800; letter-spacing: 1.2px; fill: #e0f2fe; }
.c-wms .wm-s { font-size: 9.5px; font-weight: 700; letter-spacing: .4px; }
.c-wms .wm-k { font-size: 13px; font-weight: 800; fill: #fff; }
.c-wms .wm-r { font-size: 9.6px; font-weight: 600; fill: #cbd5e1; }
.c-wms .wm-t { font-size: 8px; font-weight: 800; letter-spacing: .5px; }
.c-wms .wm-no { font-size: 16px; font-weight: 800; fill: #1f2937; }
.c-wms .wm-lbl { font-size: 11px; font-weight: 800; letter-spacing: 2px; fill: #7dd3fc; }
.c-wms .wm-tag { font-size: 6.5px; font-weight: 800; fill: #b91c1c; }
.c-wms .wm-bc { font-size: 10px; font-weight: 700; letter-spacing: 1.2px; fill: #0f172a; font-family: ui-monospace, Menlo, monospace !important; }
.c-wms .wm-bt { font-size: 9.5px; font-weight: 800; fill: #0e7490; }
.c-wms .wm-cl { font-size: 13px; font-weight: 800; fill: #fff; }
.c-wms .wm-cs { font-size: 8.5px; font-weight: 700; fill: #dcfce7; }
.c-wms .wm-it1, .c-wms .wm-it2, .c-wms .wm-fly, .c-wms .wm-laserU, .c-wms .wm-laserF, .c-wms .wm-armU, .c-wms .wm-armF, .c-wms .wm-slot, .c-wms .wm-b1, .c-wms .wm-b2, .c-wms .wm-b3, .c-wms .wm-ok1, .c-wms .wm-ok3 { opacity: 0; }
.c-wms .wm-legL, .c-wms .wm-legR { transform-box: fill-box; transform-origin: 50% 0; }
.c-wms .wm-b1 > g, .c-wms .wm-b2 > g, .c-wms .wm-b3 > g { transform-box: fill-box; }
.c-play .c-wms .wm-w0 { animation: wmWalk0 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-w1 { animation: wmWalk1 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-w2 { animation: wmWalk2 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-w3 { animation: wmWalk3 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-w4 { animation: wmWalk4 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-w5 { animation: wmWalk5 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-it1 { animation: wmIt1 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-it2 { animation: wmIt2 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-fly { animation: wmFly 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-armU { animation: wmArmU 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-armF { animation: wmArmF 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-armD { animation: wmArmD 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-laserU { animation: wmLaserU 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-laserF { animation: wmLaserF 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-legL { animation: wmLegL 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-legR { animation: wmLegR 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-b1 { animation: wmB1 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-b2 { animation: wmB2 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-b3 { animation: wmB3 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-ok1 { animation: wmOk1 24s linear infinite; animation-delay: var(--d, 0s); }
.c-play .c-wms .wm-ok3 { animation: wmOk3 24s linear infinite; animation-delay: var(--d, 0s); }
@keyframes wmWalk0 { 0% { transform: translateX(0); opacity: 0; } 2.5% { opacity: 1; } 9% { transform: translateX(52px); } 22% { transform: translateX(52px); } 31% { transform: translateX(240px); } 44% { transform: translateX(240px); } 60% { transform: translateX(476px); } 80% { transform: translateX(476px); opacity: 1; } 90% { transform: translateX(514px); opacity: 0; } 100% { transform: translateX(514px); opacity: 0; } }
@keyframes wmWalk1 { 0% { transform: translateX(0); opacity: 0; } 2.5% { opacity: 1; } 9% { transform: translateX(102px); } 22% { transform: translateX(102px); } 31% { transform: translateX(368px); } 44% { transform: translateX(368px); } 60% { transform: translateX(476px); } 80% { transform: translateX(476px); opacity: 1; } 90% { transform: translateX(514px); opacity: 0; } 100% { transform: translateX(514px); opacity: 0; } }
@keyframes wmWalk2 { 0% { transform: translateX(0); opacity: 0; } 2.5% { opacity: 1; } 9% { transform: translateX(30px); } 22% { transform: translateX(30px); } 31% { transform: translateX(198px); } 44% { transform: translateX(198px); } 60% { transform: translateX(476px); } 80% { transform: translateX(476px); opacity: 1; } 90% { transform: translateX(514px); opacity: 0; } 100% { transform: translateX(514px); opacity: 0; } }
@keyframes wmWalk3 { 0% { transform: translateX(0); opacity: 0; } 2.5% { opacity: 1; } 9% { transform: translateX(145px); } 22% { transform: translateX(145px); } 31% { transform: translateX(392px); } 44% { transform: translateX(392px); } 60% { transform: translateX(476px); } 80% { transform: translateX(476px); opacity: 1; } 90% { transform: translateX(514px); opacity: 0; } 100% { transform: translateX(514px); opacity: 0; } }
@keyframes wmWalk4 { 0% { transform: translateX(0); opacity: 0; } 2.5% { opacity: 1; } 9% { transform: translateX(82px); } 22% { transform: translateX(82px); } 31% { transform: translateX(302px); } 44% { transform: translateX(302px); } 60% { transform: translateX(476px); } 80% { transform: translateX(476px); opacity: 1; } 90% { transform: translateX(514px); opacity: 0; } 100% { transform: translateX(514px); opacity: 0; } }
@keyframes wmWalk5 { 0% { transform: translateX(0); opacity: 0; } 2.5% { opacity: 1; } 9% { transform: translateX(120px); } 22% { transform: translateX(120px); } 31% { transform: translateX(348px); } 44% { transform: translateX(348px); } 60% { transform: translateX(476px); } 80% { transform: translateX(476px); opacity: 1; } 90% { transform: translateX(514px); opacity: 0; } 100% { transform: translateX(514px); opacity: 0; } }
@keyframes wmIt1 { 0% { opacity: 0; } 15.99% { opacity: 0; } 16.50% { opacity: 1; } 68.50% { opacity: 1; } 69.00% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wmIt2 { 0% { opacity: 0; } 37.99% { opacity: 0; } 38.50% { opacity: 1; } 68.50% { opacity: 1; } 69.00% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wmArmU { 0% { opacity: 0; } 9.59% { opacity: 0; } 9.90% { opacity: 1; } 21.10% { opacity: 1; } 21.40% { opacity: 0; } 31.59% { opacity: 0; } 31.90% { opacity: 1; } 43.10% { opacity: 1; } 43.40% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wmArmF { 0% { opacity: 0; } 60.59% { opacity: 0; } 60.90% { opacity: 1; } 75.70% { opacity: 1; } 76.00% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wmOk1 { 0% { opacity: 0; } 14.99% { opacity: 0; } 15.20% { opacity: 1; } 21.20% { opacity: 1; } 21.40% { opacity: 0; } 36.99% { opacity: 0; } 37.20% { opacity: 1; } 43.20% { opacity: 1; } 43.40% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wmOk3 { 0% { opacity: 0; } 65.99% { opacity: 0; } 66.20% { opacity: 1; } 75.80% { opacity: 1; } 76.00% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wmArmD { 0.00%, 9.59% { opacity: 1; } 9.90%, 21.10% { opacity: 0; } 21.40%, 31.59% { opacity: 1; } 31.90%, 43.10% { opacity: 0; } 43.40%, 60.59% { opacity: 1; } 60.90%, 75.70% { opacity: 0; } 76.00%, 100% { opacity: 1; } }
@keyframes wmB1 { 0%, 12.99% { opacity: 0; transform: translateY(6px) scale(.9); } 13.80% { opacity: 1; transform: none; } 20.20% { opacity: 1; transform: none; } 21.00%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes wmB2 { 0%, 34.99% { opacity: 0; transform: translateY(6px) scale(.9); } 35.80% { opacity: 1; transform: none; } 42.20% { opacity: 1; transform: none; } 43.00%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes wmB3 { 0%, 66.99% { opacity: 0; transform: translateY(6px) scale(.9); } 67.80% { opacity: 1; transform: none; } 77.20% { opacity: 1; transform: none; } 78.00%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes wmLaserU { 0% { opacity: 0; } 11.99% { opacity: 0; } 12.00% { opacity: 1; } 12.50% { opacity: 0.35; } 13.00% { opacity: 1; } 13.50% { opacity: 0.35; } 14.00% { opacity: 1; } 14.50% { opacity: 0.35; } 15.00% { opacity: 0; } 33.99% { opacity: 0; } 34.00% { opacity: 1; } 34.50% { opacity: 0.35; } 35.00% { opacity: 1; } 35.50% { opacity: 0.35; } 36.00% { opacity: 1; } 36.50% { opacity: 0.35; } 37.00% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wmLaserF { 0% { opacity: 0; } 62.99% { opacity: 0; } 63.00% { opacity: 1; } 63.50% { opacity: 0.35; } 64.00% { opacity: 1; } 64.50% { opacity: 0.35; } 65.00% { opacity: 1; } 65.50% { opacity: 0.35; } 66.00% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wmFly { 0%, 67.99% { opacity: 0; transform: translate(0, 0); } 68.5% { opacity: 1; transform: translate(0, 0); } 71.4% { opacity: 1; transform: translate(150px, -24px); } 72% { opacity: 0; transform: translate(170px, -24px); } 100% { opacity: 0; } }
@keyframes wmLegL { 0.00% { transform: rotate(0deg); } 1.10% { transform: rotate(14deg); } 2.20% { transform: rotate(-14deg); } 3.30% { transform: rotate(14deg); } 4.40% { transform: rotate(-14deg); } 5.50% { transform: rotate(14deg); } 6.60% { transform: rotate(-14deg); } 7.70% { transform: rotate(14deg); } 8.80% { transform: rotate(-14deg); } 9.00% { transform: rotate(0deg); } 22.00% { transform: rotate(0deg); } 23.10% { transform: rotate(14deg); } 24.20% { transform: rotate(-14deg); } 25.30% { transform: rotate(14deg); } 26.40% { transform: rotate(-14deg); } 27.50% { transform: rotate(14deg); } 28.60% { transform: rotate(-14deg); } 29.70% { transform: rotate(14deg); } 30.80% { transform: rotate(-14deg); } 31.00% { transform: rotate(0deg); } 44.00% { transform: rotate(0deg); } 45.10% { transform: rotate(14deg); } 46.20% { transform: rotate(-14deg); } 47.30% { transform: rotate(14deg); } 48.40% { transform: rotate(-14deg); } 49.50% { transform: rotate(14deg); } 50.60% { transform: rotate(-14deg); } 51.70% { transform: rotate(14deg); } 52.80% { transform: rotate(-14deg); } 53.90% { transform: rotate(14deg); } 55.00% { transform: rotate(-14deg); } 56.10% { transform: rotate(14deg); } 57.20% { transform: rotate(-14deg); } 58.30% { transform: rotate(14deg); } 59.40% { transform: rotate(-14deg); } 60.00% { transform: rotate(0deg); } 80.00% { transform: rotate(0deg); } 81.10% { transform: rotate(14deg); } 82.20% { transform: rotate(-14deg); } 83.30% { transform: rotate(14deg); } 84.40% { transform: rotate(-14deg); } 85.50% { transform: rotate(14deg); } 86.60% { transform: rotate(-14deg); } 87.70% { transform: rotate(14deg); } 88.80% { transform: rotate(-14deg); } 89.90% { transform: rotate(14deg); } 90.00% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
@keyframes wmLegR { 0.00% { transform: rotate(0deg); } 1.10% { transform: rotate(-14deg); } 2.20% { transform: rotate(14deg); } 3.30% { transform: rotate(-14deg); } 4.40% { transform: rotate(14deg); } 5.50% { transform: rotate(-14deg); } 6.60% { transform: rotate(14deg); } 7.70% { transform: rotate(-14deg); } 8.80% { transform: rotate(14deg); } 9.00% { transform: rotate(0deg); } 22.00% { transform: rotate(0deg); } 23.10% { transform: rotate(-14deg); } 24.20% { transform: rotate(14deg); } 25.30% { transform: rotate(-14deg); } 26.40% { transform: rotate(14deg); } 27.50% { transform: rotate(-14deg); } 28.60% { transform: rotate(14deg); } 29.70% { transform: rotate(-14deg); } 30.80% { transform: rotate(14deg); } 31.00% { transform: rotate(0deg); } 44.00% { transform: rotate(0deg); } 45.10% { transform: rotate(-14deg); } 46.20% { transform: rotate(14deg); } 47.30% { transform: rotate(-14deg); } 48.40% { transform: rotate(14deg); } 49.50% { transform: rotate(-14deg); } 50.60% { transform: rotate(14deg); } 51.70% { transform: rotate(-14deg); } 52.80% { transform: rotate(14deg); } 53.90% { transform: rotate(-14deg); } 55.00% { transform: rotate(14deg); } 56.10% { transform: rotate(-14deg); } 57.20% { transform: rotate(14deg); } 58.30% { transform: rotate(-14deg); } 59.40% { transform: rotate(14deg); } 60.00% { transform: rotate(0deg); } 80.00% { transform: rotate(0deg); } 81.10% { transform: rotate(-14deg); } 82.20% { transform: rotate(14deg); } 83.30% { transform: rotate(-14deg); } 84.40% { transform: rotate(14deg); } 85.50% { transform: rotate(-14deg); } 86.60% { transform: rotate(14deg); } 87.70% { transform: rotate(-14deg); } 88.80% { transform: rotate(14deg); } 89.90% { transform: rotate(-14deg); } 90.00% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
.c-play .c-wms .wm-slot0 { animation: wmSlot0 24s linear infinite; }
@keyframes wmSlot0 { 0%, 71.99% { opacity: 0; transform: translateY(-8px); } 73.00%, 98.5% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.c-play .c-wms .wm-slot1 { animation: wmSlot1 24s linear infinite; }
@keyframes wmSlot1 { 0%, 55.32% { opacity: 0; transform: translateY(-8px); } 56.33%, 98.5% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.c-play .c-wms .wm-slot2 { animation: wmSlot2 24s linear infinite; }
@keyframes wmSlot2 { 0%, 38.66% { opacity: 0; transform: translateY(-8px); } 39.67%, 98.5% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.c-play .c-wms .wm-slot3 { animation: wmSlot3 24s linear infinite; }
@keyframes wmSlot3 { 0%, 21.99% { opacity: 0; transform: translateY(-8px); } 23.00%, 98.5% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.c-play .c-wms .wm-slot4 { animation: wmSlot4 24s linear infinite; }
@keyframes wmSlot4 { 0%, 5.32% { opacity: 0; transform: translateY(-8px); } 6.33%, 98.5% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.c-play .c-wms .wm-slot5 { animation: wmSlot5 24s linear infinite; }
@keyframes wmSlot5 { 0%, 88.66% { opacity: 0; transform: translateY(-8px); } 89.67%, 98.5% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.c-wms .wm-bar { transform-box: fill-box; transform-origin: 0 50%; transform: scaleX(.05); }
.c-play .c-wms .wm-bar { animation: wmBar 24s linear infinite; }
@keyframes wmBar { 0% { transform: scaleX(.05); } 98% { transform: scaleX(1); } 100% { transform: scaleX(.05); } }
.c-play .c-wms .wm-tick { animation: wmTick 24s linear infinite; }
@keyframes wmTick { 0% { transform: translateY(0); } 1.66% { transform: translateY(0px); } 2.77% { transform: translateY(-22px); } 2.32% { transform: translateY(-22px); } 3.43% { transform: translateY(-44px); } 12.99% { transform: translateY(-44px); } 14.10% { transform: translateY(-66px); } 18.32% { transform: translateY(-66px); } 19.43% { transform: translateY(-88px); } 18.99% { transform: translateY(-88px); } 20.10% { transform: translateY(-110px); } 29.66% { transform: translateY(-110px); } 30.77% { transform: translateY(-132px); } 34.99% { transform: translateY(-132px); } 36.10% { transform: translateY(-154px); } 35.66% { transform: translateY(-154px); } 36.77% { transform: translateY(-176px); } 46.32% { transform: translateY(-176px); } 47.43% { transform: translateY(-198px); } 51.66% { transform: translateY(-198px); } 52.77% { transform: translateY(-220px); } 52.32% { transform: translateY(-220px); } 53.43% { transform: translateY(-242px); } 62.99% { transform: translateY(-242px); } 64.10% { transform: translateY(-264px); } 68.32% { transform: translateY(-264px); } 69.43% { transform: translateY(-286px); } 68.99% { transform: translateY(-286px); } 70.10% { transform: translateY(-308px); } 79.66% { transform: translateY(-308px); } 80.77% { transform: translateY(-330px); } 84.99% { transform: translateY(-330px); } 86.10% { transform: translateY(-352px); } 85.66% { transform: translateY(-352px); } 86.77% { transform: translateY(-374px); } 96.32% { transform: translateY(-374px); } 97.43% { transform: translateY(-396px); } 100% { transform: translateY(-396px); } }
.c-play .c-wms .wm-live { animation: wmLive 1.2s ease-in-out infinite; }
@keyframes wmLive { 50% { opacity: .25; } }
.c-wms-wrap.c-paused * { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) { .c-wms * { animation: none !important; } .c-wms .wm-it1, .c-wms .wm-it2, .c-wms .wm-slot, .c-wms .wm-b1 { opacity: 1; } }
/* WMS-SCENE-END */
.c-badge-wms i { background: #f59e0b !important; box-shadow: 0 0 0 4px rgba(245, 158, 11, .22) !important; }

/* Anka WMS sayfası: Depo Canlı Pano içinde canlı akış (yükseklik sabit) */
.c-flow { padding: 10px 12px 8px; }
.c-flow-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: .72rem; font-weight: 700; color: #e0f2fe; letter-spacing: .3px; }
.c-flow-live { display: inline-flex; align-items: center; gap: 7px; }
.c-flow-live i { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.2); animation: cFlowLive 1.2s ease-in-out infinite; }
@keyframes cFlowLive { 50% { opacity: .3; } }
.c-flow-mode { font-size: .66rem; padding: 2px 8px; border-radius: 999px; background: rgba(34,211,238,.14); color: #67e8f9; white-space: nowrap; }
.c-flow-mode.in { background: rgba(167,139,250,.16); color: #c4b5fd; }
.c-flow-steps { display: flex; gap: 4px; margin: 9px 0 6px; height: 22px; overflow: hidden; }
.c-flow-steps b { flex: 1; display: flex; align-items: center; justify-content: center; font-size: .64rem; font-weight: 700; border-radius: 5px; background: rgba(255,255,255,.05); color: rgba(255,255,255,.45); white-space: nowrap; transition: background .3s, color .3s; }
.c-flow-steps b.done { background: rgba(74,222,128,.12); color: #86efac; }
.c-flow-steps b.on { background: #ea580c; color: #fff; }
.c-flow-list { list-style: none; margin: 0; padding: 0; height: 170px; overflow: hidden; position: relative; }
.c-flow-list li { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; height: 34px; border-bottom: 1px solid rgba(255,255,255,.06); font-size: .76rem; color: rgba(255,255,255,.82); }
.c-flow-list li span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c-flow-list time { font-family: ui-monospace, Menlo, monospace; font-size: .68rem; color: rgba(255,255,255,.45); }
.c-flow-list em { font-style: normal; white-space: nowrap; }
.c-flow-list li.new { animation: cFlowIn .5s ease; background: linear-gradient(90deg, rgba(34,211,238,.12), transparent 70%); }
@keyframes cFlowIn { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }
.c-mock-tag.info { background: rgba(34,211,238,.15); color: #67e8f9; }
.c-mock-tag.in { background: rgba(167,139,250,.16); color: #c4b5fd; }
.c-mock-kpi b.bump { animation: cKpiBump .6s ease; }
@keyframes cKpiBump { 40% { transform: scale(1.18); } }
.c-mock-kpi b { display: inline-block; }
.c-mock-grid i { transition: background .4s ease; }
.c-mock-grid i.flash { background: #ea580c !important; box-shadow: 0 0 0 2px rgba(253,186,116,.5); }
@media (prefers-reduced-motion: reduce) { .c-flow-list li.new, .c-mock-kpi b.bump, .c-flow-live i { animation: none; } }

/* NAR-SCENE-START (nar_scene.py tarafından üretildi) */
.c-nar-wrap { position: absolute; inset: calc(var(--c-topbar-h) + 60px) 0 0 0; z-index: 1; pointer-events: none; opacity: 0; transition: opacity .8s ease; }
@media (min-width: 1100px) { .c-nar-wrap { bottom: 136px; } }
.c-hero[data-scene="3"] .c-net-wrap { opacity: 0; }
.c-hero[data-scene="3"] .c-nar-wrap { opacity: 1; }
.c-nar { position: absolute; inset: 0; width: 100%; height: 100%; }
.c-nar text { font-family: var(--font-heading), system-ui, sans-serif; }
.c-nar .nr-h { font-size: 12px; font-weight: 800; letter-spacing: 1.3px; fill: #e0f2fe; }
.c-nar .nr-s { font-size: 10px; font-weight: 700; letter-spacing: .3px; }
.c-nar .nr-xs { font-size: 9px; font-weight: 700; fill: #94a3b8; }
.c-nar .nr-va, .c-nar .nr-vb { font-size: 17px; font-weight: 800; fill: #fff; }
.c-nar .nr-vb { fill: #4ade80; } .c-nar .nr-vb.nr-b3 { fill: #fdba74; font-size: 14px; }
.c-nar .nr-src { font-size: 11px; font-weight: 800; fill: #e0f2fe; letter-spacing: .3px; }
.c-nar .nr-ic { font-size: 14px; font-weight: 800; }
.c-nar .nr-pkt { font-size: 13px; font-weight: 800; fill: #7c2d12; }
.c-nar .nr-nb { font-size: 17px; font-weight: 800; }
.c-nar .nr-nt { font-size: 12px; font-weight: 800; fill: #0f172a; }
.c-nar .nr-ns { font-size: 10px; font-weight: 600; fill: #475569; }
.c-nar .nr-vb, .c-nar .nr-note, .c-nar .nr-pack, .c-nar .nr-fl, .c-nar .nr-hl, .c-nar .nr-phone { opacity: 0; }
.c-nar .nr-line { stroke-dasharray: 100; stroke-dashoffset: 0; }
.c-nar .nr-gauge { stroke-dasharray: 88 100; }
.c-nar .nr-bar { transform-box: fill-box; transform-origin: 50% 100%; }
.c-nar .nr-note > g { transform-box: fill-box; }
.c-play .c-nar .nr-src0 { animation: nrSrc0 12s linear infinite; }
@keyframes nrSrc0 { 0%, 2.49% { opacity: 0; } 2.90% { opacity: 1; } 11.10% { opacity: 1; } 11.50%, 100% { opacity: 0; } }
.c-play .c-nar .nr-pk0 { animation: nrPk0 12s linear infinite; }
@keyframes nrPk0 { 0%, 2.49% { opacity: 0; transform: translate(0, 0); } 3.10% { opacity: 1; transform: translate(0, -8px); } 7.08% { transform: translate(31px, -68px); } 10.43% { opacity: 1; transform: translate(90px, -114px) scale(1); } 11.33% { opacity: 0; transform: translate(90px, -114px) scale(1.8); } 100% { opacity: 0; } }
.c-play .c-nar .nr-a0 { animation: nrA0 12s linear infinite; } .c-play .c-nar .nr-b0 { animation: nrB0 12s linear infinite; }
@keyframes nrA0 { 0%, 10.83% { opacity: 1; } 11.63%, 98.5% { opacity: 0; } 100% { opacity: 1; } }
@keyframes nrB0 { 0%, 10.83% { opacity: 0; } 11.63%, 98.5% { opacity: 1; } 100% { opacity: 0; } }
.c-play .c-nar .nr-flash0 { animation: nrF0 12s linear infinite; }
@keyframes nrF0 { 0%, 10.82% { opacity: 0; } 11.33% { opacity: 1; } 18.33% { opacity: 1; } 18.83%, 100% { opacity: 0; } }
.c-play .c-nar .nr-n0 { animation: nrN0 12s linear infinite; }
@keyframes nrN0 { 0%, 13.32% { opacity: 0; transform: translateY(10px); } 14.53% { opacity: 1; transform: none; } 32.13% { opacity: 1; transform: none; } 33.33%, 100% { opacity: 0; transform: translateY(-8px); } }
.c-play .c-nar .nr-src1 { animation: nrSrc1 12s linear infinite; }
@keyframes nrSrc1 { 0%, 24.16% { opacity: 0; } 24.57% { opacity: 1; } 32.77% { opacity: 1; } 33.17%, 100% { opacity: 0; } }
.c-play .c-nar .nr-pk1 { animation: nrPk1 12s linear infinite; }
@keyframes nrPk1 { 0%, 24.16% { opacity: 0; transform: translate(0, 0); } 24.77% { opacity: 1; transform: translate(0, -8px); } 28.75% { transform: translate(34px, -68px); } 32.10% { opacity: 1; transform: translate(98px, -114px) scale(1); } 33.00% { opacity: 0; transform: translate(98px, -114px) scale(1.8); } 100% { opacity: 0; } }
.c-play .c-nar .nr-a1 { animation: nrA1 12s linear infinite; } .c-play .c-nar .nr-b1 { animation: nrB1 12s linear infinite; }
@keyframes nrA1 { 0%, 32.50% { opacity: 1; } 33.30%, 98.5% { opacity: 0; } 100% { opacity: 1; } }
@keyframes nrB1 { 0%, 32.50% { opacity: 0; } 33.30%, 98.5% { opacity: 1; } 100% { opacity: 0; } }
.c-play .c-nar .nr-flash1 { animation: nrF1 12s linear infinite; }
@keyframes nrF1 { 0%, 32.49% { opacity: 0; } 33.00% { opacity: 1; } 40.00% { opacity: 1; } 40.50%, 100% { opacity: 0; } }
.c-play .c-nar .nr-n1 { animation: nrN1 12s linear infinite; }
@keyframes nrN1 { 0%, 34.99% { opacity: 0; transform: translateY(10px); } 36.20% { opacity: 1; transform: none; } 53.80% { opacity: 1; transform: none; } 55.00%, 100% { opacity: 0; transform: translateY(-8px); } }
.c-play .c-nar .nr-src2 { animation: nrSrc2 12s linear infinite; }
@keyframes nrSrc2 { 0%, 45.82% { opacity: 0; } 46.23% { opacity: 1; } 54.43% { opacity: 1; } 54.83%, 100% { opacity: 0; } }
.c-play .c-nar .nr-pk2 { animation: nrPk2 12s linear infinite; }
@keyframes nrPk2 { 0%, 45.82% { opacity: 0; transform: translate(0, 0); } 46.43% { opacity: 1; transform: translate(0, -8px); } 50.42% { transform: translate(37px, -68px); } 53.77% { opacity: 1; transform: translate(106px, -114px) scale(1); } 54.67% { opacity: 0; transform: translate(106px, -114px) scale(1.8); } 100% { opacity: 0; } }
.c-play .c-nar .nr-a2 { animation: nrA2 12s linear infinite; } .c-play .c-nar .nr-b2 { animation: nrB2 12s linear infinite; }
@keyframes nrA2 { 0%, 54.17% { opacity: 1; } 54.97%, 98.5% { opacity: 0; } 100% { opacity: 1; } }
@keyframes nrB2 { 0%, 54.17% { opacity: 0; } 54.97%, 98.5% { opacity: 1; } 100% { opacity: 0; } }
.c-play .c-nar .nr-flash2 { animation: nrF2 12s linear infinite; }
@keyframes nrF2 { 0%, 54.16% { opacity: 0; } 54.67% { opacity: 1; } 61.67% { opacity: 1; } 62.17%, 100% { opacity: 0; } }
.c-play .c-nar .nr-n2 { animation: nrN2 12s linear infinite; }
@keyframes nrN2 { 0%, 56.66% { opacity: 0; transform: translateY(10px); } 57.87% { opacity: 1; transform: none; } 75.47% { opacity: 1; transform: none; } 76.67%, 100% { opacity: 0; transform: translateY(-8px); } }
.c-play .c-nar .nr-src3 { animation: nrSrc3 12s linear infinite; }
@keyframes nrSrc3 { 0%, 67.49% { opacity: 0; } 67.90% { opacity: 1; } 76.10% { opacity: 1; } 76.50%, 100% { opacity: 0; } }
.c-play .c-nar .nr-pk3 { animation: nrPk3 12s linear infinite; }
@keyframes nrPk3 { 0%, 67.49% { opacity: 0; transform: translate(0, 0); } 68.10% { opacity: 1; transform: translate(0, -8px); } 72.08% { transform: translate(40px, -68px); } 75.43% { opacity: 1; transform: translate(114px, -114px) scale(1); } 76.33% { opacity: 0; transform: translate(114px, -114px) scale(1.8); } 100% { opacity: 0; } }
.c-play .c-nar .nr-a3 { animation: nrA3 12s linear infinite; } .c-play .c-nar .nr-b3 { animation: nrB3 12s linear infinite; }
@keyframes nrA3 { 0%, 75.83% { opacity: 1; } 76.63%, 98.5% { opacity: 0; } 100% { opacity: 1; } }
@keyframes nrB3 { 0%, 75.83% { opacity: 0; } 76.63%, 98.5% { opacity: 1; } 100% { opacity: 0; } }
.c-play .c-nar .nr-flash3 { animation: nrF3 12s linear infinite; }
@keyframes nrF3 { 0%, 75.82% { opacity: 0; } 76.33% { opacity: 1; } 83.33% { opacity: 1; } 83.83%, 100% { opacity: 0; } }
.c-play .c-nar .nr-n3 { animation: nrN3 12s linear infinite; }
@keyframes nrN3 { 0%, 78.32% { opacity: 0; transform: translateY(10px); } 79.53% { opacity: 1; transform: none; } 97.13% { opacity: 1; transform: none; } 98.33%, 100% { opacity: 0; transform: translateY(-8px); } }
.c-play .c-nar .nr-phone { animation: nrPhone 12s linear infinite; }
@keyframes nrPhone { 0% { opacity: 0; } 13.32% { opacity: 0; } 13.83% { opacity: 1; } 21.33% { opacity: 0; } 34.99% { opacity: 0; } 35.50% { opacity: 1; } 43.00% { opacity: 0; } 56.66% { opacity: 0; } 57.17% { opacity: 1; } 64.67% { opacity: 0; } 78.32% { opacity: 0; } 78.83% { opacity: 1; } 86.33% { opacity: 0; } 100% { opacity: 0; } }
.c-play .c-nar .nr-gauge { animation: nrGauge 12s linear infinite; }
@keyframes nrGauge { 0%, 54.17% { stroke-dasharray: 88 100; } 58.17%, 98.5% { stroke-dasharray: 92 100; } 100% { stroke-dasharray: 88 100; } }
.c-play .c-nar .nr-bar { animation: nrBar 12s linear infinite; }
@keyframes nrBar { 0%, 54.17% { transform: scaleY(1); } 58.17%, 98.5% { transform: scaleY(1.24); } 100% { transform: scaleY(1); } }
.c-play .c-nar .nr-line { animation: nrLine 12s linear infinite; }
@keyframes nrLine { 0% { stroke-dashoffset: 100; } 85%, 100% { stroke-dashoffset: 0; } }
.c-play .c-nar .nr-area, .c-play .c-nar .nr-dot { animation: nrArea 12s linear infinite; }
@keyframes nrArea { 0%, 70% { opacity: 0; } 86%, 100% { opacity: 1; } }
.c-play .c-nar .nr-path { animation: nrDash 1s linear infinite; }
@keyframes nrDash { to { stroke-dashoffset: -12; } }
.c-play .c-nar .nr-mover { animation: nrMove 12s ease-in-out infinite; }
@keyframes nrMove { 0% { transform: translate(0, 0); } 25% { transform: translate(40px, -64px); } 50% { transform: translate(110px, -8px); } 75%, 100% { transform: translate(146px, -68px); } }
.c-play .c-nar .nr-live { animation: nrLive 1.2s ease-in-out infinite; }
@keyframes nrLive { 50% { opacity: .25; } }
.c-nar-wrap.c-paused * { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) { .c-nar * { animation: none !important; } .c-nar .nr-n0 { opacity: 1; } }
/* NAR-SCENE-END */
.c-badge-nar i { background: #a78bfa !important; box-shadow: 0 0 0 4px rgba(167, 139, 250, .22) !important; }

/* Hero sahne kontrolleri: önceki / durdur-oynat / sonraki */
.c-scene-nav { align-items: center; }
.c-scene-ctrl { display: inline-flex; gap: 6px; margin-right: 4px; }
.c-scene-btn { width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.18); color: #fff; padding: 0; transition: background .2s, border-color .2s; }
.c-scene-btn:hover { background: rgba(255,255,255,.14); border-color: rgba(253,186,116,.6); }
.c-scene-btn:focus-visible, .c-scene-tab:focus-visible { outline: 2px solid #fdba74; outline-offset: 2px; }
.c-scene-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.c-scene-btn .ic-play { fill: currentColor; stroke: none; display: none; }
.c-scene-pause.is-paused { background: rgba(234,88,12,.85); border-color: #fdba74; }
.c-scene-pause.is-paused .ic-play { display: block; }
.c-scene-pause.is-paused .ic-pause { display: none; }
.c-scene-tab { padding: 7px 14px 9px; }
.c-scene-nav { gap: 8px; }