/* Kod16 OS — iç sayfa iskeleti (header/footer.php). Masaüstüyle aynı kimlik: açık, mavi, pencere dili. */
:root{--os-top:56px;--font:'Segoe UI',Tahoma,Arial,sans-serif;--header-height:56px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--os-top) + 16px)}
body.os-site{margin:0;font:14px/1.6 var(--font);color:#1c2733;min-height:100vh;
  background:radial-gradient(120% 90% at 20% 0%,#7dc4ff 0%,transparent 55%),radial-gradient(90% 70% at 100% 100%,#9ccc65 0%,transparent 55%),linear-gradient(160deg,#1565c0 0%,#42a5f5 50%,#7cb342 100%);background-attachment:fixed}
body.os-site img{max-width:100%;height:auto}
body.os-site a{color:#0d47a1}
/* Üst çubuk */
.os-topbar{position:sticky;top:0;z-index:1000;height:var(--os-top);background:linear-gradient(180deg,rgba(60,110,180,.94),rgba(20,55,120,.96));border-bottom:1px solid rgba(255,255,255,.35);box-shadow:0 2px 12px rgba(0,0,0,.35);backdrop-filter:blur(8px)}
.os-topbar-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 16px}
.os-brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap}
.os-brand span{font-size:20px;font-weight:800;letter-spacing:1px}.os-brand span b{color:#f5a623;font-weight:800}
.os-brand small{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-left:4px}
.os-topnav{margin-left:auto;display:flex;align-items:center;gap:4px}
.os-topnav a{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:5px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.6);border:1px solid transparent}
.os-topnav a img{width:18px;height:18px}
.os-topnav a:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35)}
.os-topnav a.os-topcta{background:linear-gradient(180deg,#5aa8f0,#1e6ec9);border-color:#0d47a1;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.os-topmenu{display:none;margin-left:auto;width:40px;height:34px;border:1px solid rgba(255,255,255,.4);border-radius:5px;background:rgba(255,255,255,.14);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.os-topmenu span{display:block;width:20px;height:2px;background:#fff;border-radius:1px}
/* İçerik alanı: os-page.css'in .os-page'i sarar; zemin masaüstünün üstünde açık panel */
main.os-page{padding-top:18px!important;background:transparent!important;min-height:calc(100vh - var(--os-top) - 220px)}
main.os-page .os-crumbs{max-width:960px;margin:0 auto;border-radius:8px 8px 0 0;border:1px solid #c9d9ee;border-bottom:none;background:linear-gradient(180deg,#eaf1fb,#dbe6f3)}
main.os-page .os-container{background:#f4f7fb;border:1px solid #c9d9ee;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 12px 40px rgba(0,0,0,.35);margin:0 auto 28px}
/* Eski tema sayfaları (analiz, mvp, yasal, cozumler, projelerimiz, odeme) için ortak kap:
   içerikleri açık bir "pencere" içine al */
body.os-site > main:not(.os-page),body.os-site > .hub-wrapper,body.os-site > .detail-wrapper{max-width:1100px;margin:18px auto 28px;background:#fff;border:1px solid #c9d9ee;border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.35);overflow:hidden;color:#1c2733;padding-top:0!important}
/* Footer */
.os-foot{max-width:1100px;margin:0 auto 24px;background:#f4f7fb;border:1px solid #c9d9ee;border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.35);overflow:hidden;color:#1c2733}
.os-foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:22px;padding:22px 24px}
.os-foot-logo{font-size:22px;font-weight:800;letter-spacing:1px;color:#0d2a4a}.os-foot-logo b{color:#f5a623}
.os-foot-brand small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#5b6b7c;margin:2px 0 8px}
.os-foot-brand p{margin:0;font-size:13px;color:#445}
.os-foot-col h3{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5b6b7c}
.os-foot-col a,.os-foot-col span{display:flex;align-items:center;gap:7px;padding:3px 0;font-size:13px;color:#1c2733;text-decoration:none}
.os-foot-col a:hover{color:#1e6ec9}
.os-foot-col img{width:16px;height:16px}
.os-foot-legal{display:flex;flex-wrap:wrap;gap:6px 18px;padding:12px 24px;border-top:1px solid #d6dee8;font-size:12px}
.os-foot-legal a{color:#5b6b7c;text-decoration:none}.os-foot-legal a:hover{color:#1e6ec9}
.os-foot-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:linear-gradient(180deg,rgba(60,110,180,.94),rgba(20,55,120,.96));color:#fff;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.os-foot-bar span{display:flex;align-items:center;gap:8px}
.os-foot-clock{font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:900px){
  .os-topnav{position:fixed;left:0;right:0;top:var(--os-top);flex-direction:column;align-items:stretch;background:linear-gradient(180deg,rgba(40,90,160,.98),rgba(20,55,120,.98));padding:8px;gap:2px;display:none;box-shadow:0 12px 30px rgba(0,0,0,.4)}
  .os-topnav.open{display:flex}
  .os-topnav a{padding:11px 12px;font-size:14px}
  .os-topmenu{display:flex}
  .os-brand small{display:none}
  .os-foot-in{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){.os-foot-in{grid-template-columns:1fr}}
/* ---- Eski sayfa CSS'leri (analiz.css, mvp.css, projeler.css, cine.css, cozumler.css) için AÇIK tema token köprüsü:
   koyu tema değişkenlerini açık zemine çevirir; sayfa içerikleri okunur ve tutarlı kalır ---- */
:root{
  --color-black:#ffffff;--color-dark:#f4f7fb;--color-carbon:#eef2f7;--color-steel:#e6ecf3;--color-gunmetal:#c9d6e5;
  --color-silver-dark:#7b8a9c;--color-silver:#5b6b7c;--color-silver-light:#3f4d5e;--color-platinum:#223;--color-white:#1c2733;--color-pure-white:#0d2a4a;
  --color-accent:#1e6ec9;--color-accent-hover:#1559a8;--accent-rgb:30,110,201;--color-accent-soft:rgba(30,110,201,.10);--gold:#c47f00;
  --color-glass:rgba(13,42,74,.04);--color-glass-border:#d6dee8;--color-glass-hover:rgba(13,42,74,.08);--metal-gradient:linear-gradient(180deg,#ffffff,#f3f6fa);
  --font-body:'Segoe UI',Tahoma,Arial,sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;
  --radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 6px 20px rgba(0,0,0,.10);--shadow-lg:0 12px 32px rgba(0,0,0,.12);--shadow-xl:0 24px 60px rgba(0,0,0,.16);--shadow-glow:none;
  --transition-fast:.2s ease;--transition-smooth:.35s ease;--ease-out:cubic-bezier(.22,1,.36,1);--ease-out-quad:cubic-bezier(.25,.46,.45,.94);--ease-spring:cubic-bezier(.34,1.56,.64,1);--container-max:1200px
}
body.os-site .btn-accent,body.os-site .btn-primary{background:linear-gradient(180deg,#5aa8f0,#1e6ec9);color:#fff;border:1px solid #0d47a1;border-radius:6px}
body.os-site .btn-ghost{background:linear-gradient(180deg,#fff,#dbe6f3);color:#123;border:1px solid #6d8bb0;border-radius:6px}
body.os-site .cine-sec,body.os-site .cine-sec.light{background:transparent!important;border:none!important;position:relative!important;min-height:0!important;padding:28px 0!important}
body.os-site .grain,body.os-site #sitePreloader,body.os-site .hero-video,body.os-site .hero-canvas,body.os-site .hero-mesh{display:none!important}
body.os-site .cine-sec .sec-head h2,body.os-site h1,body.os-site h2,body.os-site h3{color:#0d2a4a}
body.os-site .serv-card,body.os-site .why-card,body.os-site .proc-step,body.os-site .prod-card,body.os-site .project,body.os-site .tool-card,body.os-site .analiz-card,body.os-site .mvp-card{background:#fff;border:1px solid #d6dee8;color:#223}