/* M2 Teknoloji - Light UI v5 */
:root{
  --bg:#f6f8fb;
  --surface:#ffffff;
  --surface2:#f8fafc;
  --text:#0b1220;
  --muted:#536075;
  --line: rgba(11,18,32,.10);
  --shadow: 0 24px 80px rgba(2,6,23,.08);
  --shadow2: 0 12px 40px rgba(2,6,23,.08);
  --radius: 18px;
  --radius2: 28px;
  --primary:#0b1220;
  --primarySoft: rgba(11,18,32,.08);
  --accent:#0b1220;
  --accentSoft: rgba(11,18,32,.10);
  --max: 1200px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans";
    background: linear-gradient(180deg, #f7f9fc 0%, #f3f6fb 60%, #f7f9fc 100%);
  color: var(--text);
}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 24px}
.small{font-size:.92rem}
.muted{color:var(--muted)}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 12px;border-radius:999px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.82);
  color: var(--muted);
  font-size:.86rem;
}
.dot{width:8px;height:8px;border-radius:50%;background:#2563eb}

.shell{
  width:100%;
}

/* Header */
.header{
  position:sticky;top:0;z-index:50;
  backdrop-filter: blur(12px);
  background: rgba(246,248,251,.86);
  border-bottom: 1px solid rgba(11,18,32,.10);
}
.header-inner{
  display:grid;
  grid-template-columns: auto 1fr auto;
  align-items:center;
  gap:16px;
  padding:12px 0;
}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand-mark{
  width:46px;height:30px;border-radius:12px;
  display:grid;place-items:center;
  background: rgba(15,23,42,.08);
  border:1px solid rgba(15,23,42,.075);
  font-weight:800;
}
.brand-name{font-weight:800;letter-spacing:.2px;white-space:nowrap}
.nav-pill{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(11,18,32,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 30px rgba(2,6,23,.06);
  max-width: min(760px, 100%);
  overflow:auto;
  scrollbar-width:none;
}
.nav-pill::-webkit-scrollbar{display:none}
.nav-pill a{
  padding:11px 14px;border-radius:999px;
  color: var(--muted);
  font-weight:600;
  font-size:.95rem;
}
.nav-pill a:hover{background: rgba(15,23,42,.06); color: var(--text)}
.nav-pill a.active{background: rgba(15,23,42,.10); color: var(--text)}
.actions{display:flex;align-items:center;gap:10px}
.lang{
  display:flex;align-items:center;gap:6px;
  padding:9px;border-radius: 16px;
  border:1px solid rgba(15,23,42,.075);
  background: rgba(255,255,255,.82);
}
.lang a{
  padding:8px 10px;border-radius: 12px;
  font-weight:800;color: var(--muted);
}
.lang a.active{background: rgba(15,23,42,.10); color: var(--text)}
.iconbtn{
  width:46px;height:46px;border-radius:16px;
  border:1px solid rgba(15,23,42,.075);
  background: rgba(255,255,255,.82);
  display:grid;place-items:center;
  box-shadow: 0 14px 44px rgba(2,6,23,.06);
  color: var(--text);
}
.iconbtn:hover{background: rgba(15,23,42,.06)}
.hamburger{display:none}

/* Hero */
.hero{padding:22px 0 14px}
.hero-card{
  border-radius: var(--radius2);
  border:1px solid rgba(15,23,42,.075);
    background: rgba(255,255,255,.92);
  box-shadow: var(--shadow);
  padding: 40px 46px;
}
.hero-grid{display:grid;grid-template-columns: 1.35fr .65fr;gap:28px;align-items:center}
.h1{
  font-size: clamp(2.2rem, 3.8vw, 3.3rem);
  line-height:1.05;margin:10px 0 10px;letter-spacing:-.6px;
}
.lead{margin:0;color:var(--muted);max-width:70ch}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 18px;border-radius: 14px;
  border:1px solid rgba(15,23,42,.075);
  background: rgba(255,255,255,.85);
  font-weight:800;
}
.btn:hover{background: rgba(15,23,42,.06)}
.btn-primary{
  background: var(--primary);
  color: #fff;
  border-color: rgba(15,23,42,.16);
}
.btn-primary:hover{background:#0b1225}
.kpi-box{
  border-radius: 22px;
  border:1px solid rgba(15,23,42,.075);
  background: rgba(248,250,252,.92);
  padding:15px;
}
.kpis{display:grid;grid-template-columns: 1fr 1fr;gap:12px;margin-top:12px}
.kpi{
  border-radius:16px;
  border:1px solid rgba(15,23,42,.075);
  background: rgba(255,255,255,.8);
  padding:12px;
}
.kpi strong{display:block;font-size:1.05rem}
.kpi span{color:var(--muted);font-size:.88rem}

/* Sections */
.section{padding:22px 0}
.section h2{margin:0 0 10px;font-size:1.55rem}
.grid3{display:grid;grid-template-columns: repeat(3,1fr);gap:14px}
.grid2{display:grid;grid-template-columns: repeat(2,1fr);gap:14px}
.card{
  border-radius: var(--radius);
  border:1px solid rgba(15,23,42,.075);
  background: rgba(255,255,255,.88);
  box-shadow: 0 10px 30px rgba(2,6,23,.08);
  padding:15px;
}
.card h3{margin:0 0 8px}
.card p{margin:0;color:var(--muted)}
.card .row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.arrow{opacity:.6}

.strip{
  margin-top:12px;
  border-radius: var(--radius2);
  border:1px solid rgba(15,23,42,.075);
  background: rgba(255,255,255,.80);
  padding: 14px;
  overflow:hidden;
}
.strip-inner{display:flex;gap:10px;flex-wrap:wrap}
.pill{
  padding:10px 12px;border-radius: 14px;
  border:1px solid rgba(15,23,42,.075);
  background: rgba(248,250,252,.92);
  font-weight:700;color: var(--muted);
  min-width: 92px;
  text-align:center;
}

.cta-bar{
  margin-top:14px;
  border-radius: var(--radius2);
  border:1px solid rgba(15,23,42,.075);
  background: rgba(255,255,255,.82);
  box-shadow: var(--shadow2);
  padding: 14px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
.cta-bar strong{font-size:1rem}

.formgrid{
  display:grid;
  grid-template-columns: 1.05fr .95fr .9fr;
  gap:14px;
  align-items:stretch;
}
.field{display:grid;gap:6px;margin-top:10px}
input,textarea{
  width:100%;
  padding:12px 12px;
  border-radius: 14px;
  border:1px solid rgba(15,23,42,.075);
  background: rgba(255,255,255,.9);
  outline:none;
  font: inherit;
}
textarea{min-height:120px;resize:vertical}
.map{
  width:100%;
  height: 100%;
  min-height: 280px;
  border-radius: 18px;
  border:1px dashed rgba(15,23,42,.18);
  background: rgba(248,250,252,.92);
  overflow:hidden;
}
.map iframe{width:100%;height:100%;border:0}

/* Footer */
.footer{
  margin-top:22px;
  background: rgba(15,23,42,.88);
  color:#e5e7eb;
  padding:26px 0;
}
.footer a{color:#cbd5e1}
.footer a:hover{color:#fff}
.footer-grid{display:grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap:14px}
.footer h4{margin:0 0 10px}
.footer p{margin:12px 0 0;color:#cbd5e1}
.footer-bottom{margin-top:14px;color:#cbd5e1;font-size:.9rem;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hr{height:1px;background: rgba(226,232,240,.14); margin:14px 0 10px}

@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .formgrid{grid-template-columns:1fr}
  .nav-pill{display:none}
  .hamburger{display:inline-flex}
}


.nav-pill::-webkit-scrollbar{display:none}


/* === Logo Marquee (Partners / References) === */
.logo-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo-marquee{
  margin-top:12px;
  border-radius: var(--radius2);
  border:1px solid rgba(15,23,42,.075);
  background: rgba(255,255,255,.85);
  padding: 14px 10px;
  overflow:hidden;
  position:relative;
}
.logo-marquee:before,
.logo-marquee:after{
  content:"";
  position:absolute;top:0;bottom:0;width:64px;pointer-events:none;z-index:2;
  background: linear-gradient(to right, rgba(244,246,249,1), rgba(244,246,249,0));
}
.logo-marquee:after{right:0;transform:scaleX(-1)}
.logo-marquee:before{left:0}
.logo-track{
  display:flex;
  align-items:center;
  gap: 22px;
  width:max-content;
  will-change: transform;
  animation: marquee 32s linear infinite;
}
.logo-marquee:hover .logo-track{ animation-play-state: paused; }
@keyframes marquee{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}
.logo-item{
  display:flex;align-items:center;justify-content:center;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.07);
  background: rgba(248,250,252,.92);
  box-shadow: 0 8px 22px rgba(2,6,23,.06);
  min-width: 140px;
}
.logo-item img{
  height: 28px; width:auto; max-width: 180px;
  filter: grayscale(100%) opacity(.55);
  transition: filter .18s ease, transform .18s ease;
}
.logo-item:hover img{
  filter: grayscale(0%) opacity(1);
  transform: scale(1.03);
}
.logo-item span{
  font-weight:800;color:var(--muted);letter-spacing:.02em
}



/* ===== v14 Enterprise Modern (reference skeleton) ===== */
:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --ink:#0f172a;
  --muted:#475569;
  --line:rgba(15,23,42,.10);
  --shadow: 0 20px 60px rgba(2,6,23,.08);
  --shadow2: 0 12px 30px rgba(2,6,23,.06);
  --r:18px;
  --brand:#ff8a00;
  --netimg:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%221200%22%20height%3D%22800%22%20viewBox%3D%220%200%201200%20800%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230b3a66%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230ea5e9%22/%3E%0A%20%20%3C/linearGradient%3E%0A%20%20%3CradialGradient%20id%3D%22r%22%20cx%3D%2270%25%22%20cy%3D%2230%25%22%20r%3D%2270%25%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22rgba%28255%2C255%2C255%2C.55%29%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22rgba%28255%2C255%2C255%2C0%29%22/%3E%0A%20%20%3C/radialGradient%3E%0A%3C/defs%3E%0A%3Crect%20width%3D%221200%22%20height%3D%22800%22%20fill%3D%22%230b1220%22/%3E%0A%3Crect%20x%3D%2240%22%20y%3D%2280%22%20width%3D%221120%22%20height%3D%22640%22%20rx%3D%2228%22%20fill%3D%22url%28%23g%29%22%20opacity%3D%22.35%22/%3E%0A%3Crect%20x%3D%2280%22%20y%3D%22130%22%20width%3D%221040%22%20height%3D%22540%22%20rx%3D%2222%22%20fill%3D%22%23071427%22%20opacity%3D%22.55%22/%3E%0A%3Cg%20opacity%3D%22.9%22%3E%0A%20%20%3Ccircle%20cx%3D%22210%22%20cy%3D%22260%22%20r%3D%226%22%20fill%3D%22%2393c5fd%22/%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22210%22%20r%3D%226%22%20fill%3D%22%2393c5fd%22/%3E%0A%20%20%3Ccircle%20cx%3D%22520%22%20cy%3D%22300%22%20r%3D%226%22%20fill%3D%22%2393c5fd%22/%3E%3Ccircle%20cx%3D%22700%22%20cy%3D%22240%22%20r%3D%226%22%20fill%3D%22%2393c5fd%22/%3E%0A%20%20%3Ccircle%20cx%3D%22860%22%20cy%3D%22320%22%20r%3D%226%22%20fill%3D%22%2393c5fd%22/%3E%3Ccircle%20cx%3D%22980%22%20cy%3D%22220%22%20r%3D%226%22%20fill%3D%22%2393c5fd%22/%3E%0A%20%20%3Cpath%20d%3D%22M210%20260%20C%20290%20180%2C%20340%20180%2C%20360%20210%22%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20opacity%3D%22.8%22/%3E%0A%20%20%3Cpath%20d%3D%22M360%20210%20C%20440%20260%2C%20470%20310%2C%20520%20300%22%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20opacity%3D%22.75%22/%3E%0A%20%20%3Cpath%20d%3D%22M520%20300%20C%20610%20210%2C%20660%20210%2C%20700%20240%22%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20opacity%3D%22.75%22/%3E%0A%20%20%3Cpath%20d%3D%22M700%20240%20C%20790%20330%2C%20820%20350%2C%20860%20320%22%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20opacity%3D%22.75%22/%3E%0A%20%20%3Cpath%20d%3D%22M860%20320%20C%20920%20250%2C%20950%20230%2C%20980%20220%22%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20opacity%3D%22.7%22/%3E%0A%3C/g%3E%0A%3Cg%20opacity%3D%22.7%22%3E%0A%20%20%3Crect%20x%3D%22140%22%20y%3D%22460%22%20width%3D%22920%22%20height%3D%22160%22%20rx%3D%2218%22%20fill%3D%22%230b2140%22/%3E%0A%20%20%3Crect%20x%3D%22170%22%20y%3D%22490%22%20width%3D%22240%22%20height%3D%2214%22%20rx%3D%227%22%20fill%3D%22%2360a5fa%22%20opacity%3D%22.8%22/%3E%0A%20%20%3Crect%20x%3D%22170%22%20y%3D%22520%22%20width%3D%22320%22%20height%3D%2214%22%20rx%3D%227%22%20fill%3D%22%2393c5fd%22%20opacity%3D%22.65%22/%3E%0A%20%20%3Crect%20x%3D%22170%22%20y%3D%22550%22%20width%3D%22280%22%20height%3D%2214%22%20rx%3D%227%22%20fill%3D%22%2393c5fd%22%20opacity%3D%22.55%22/%3E%0A%20%20%3Crect%20x%3D%22640%22%20y%3D%22500%22%20width%3D%22360%22%20height%3D%2286%22%20rx%3D%2214%22%20fill%3D%22%23051225%22%20opacity%3D%22.8%22/%3E%0A%20%20%3Ccircle%20cx%3D%22670%22%20cy%3D%22542%22%20r%3D%2210%22%20fill%3D%22%2322c55e%22/%3E%3Ccircle%20cx%3D%22705%22%20cy%3D%22542%22%20r%3D%2210%22%20fill%3D%22%23f59e0b%22/%3E%3Ccircle%20cx%3D%22740%22%20cy%3D%22542%22%20r%3D%2210%22%20fill%3D%22%23ef4444%22/%3E%0A%3C/g%3E%0A%3Crect%20width%3D%221200%22%20height%3D%22800%22%20fill%3D%22url%28%23r%29%22/%3E%0A%3C/svg%3E');
}

body{background:var(--bg); color:var(--ink);}
.shell{background:transparent;}
.container{max-width:1200px;}

.header{position:sticky; top:0; z-index:30; backdrop-filter:saturate(180%) blur(14px); background:rgba(246,248,251,.72); border-bottom:1px solid var(--line);}
.nav-pill{background:rgba(255,255,255,.85); border:1px solid var(--line); box-shadow:0 10px 25px rgba(2,6,23,.06);}
.nav-pill a{color:var(--ink); font-weight:700;}
.nav-pill a.active{background:rgba(15,23,42,.06);}

.btn{border-radius:14px; padding:12px 16px; border:1px solid var(--line); background:#fff; color:var(--ink); font-weight:800;}
.btn-primary{background:var(--brand); border-color:transparent; color:#fff; box-shadow:0 14px 30px rgba(255,138,0,.18);}
.btn-ghost{background:rgba(255,255,255,.9);}

.main{padding-bottom:70px;}

.hero-modern{padding:44px 0 10px;}
.hero-modern__grid{
  display:grid; grid-template-columns: 1.05fr .95fr;
  gap:34px; align-items:stretch;
}
.hero-modern__copy{
  background:rgba(255,255,255,.86);
  border:1px solid var(--line);
  border-radius:calc(var(--r) + 6px);
  box-shadow: var(--shadow);
  padding:44px 42px;
}
.eyebrow{display:inline-flex; gap:10px; align-items:center; color:var(--muted); font-weight:800; font-size:.95rem; margin-bottom:14px;}
.dot{width:8px;height:8px;border-radius:50%; background:#22c55e; box-shadow:0 0 0 6px rgba(34,197,94,.12);}
.hero-modern__title{font-size:48px; line-height:1.05; margin:0 0 14px;}
.hero-modern__lead{font-size:18px; color:var(--muted); margin:0 0 22px; max-width:52ch;}
.hero-modern__cta{display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:22px;}
.hero-modern__kpis{display:flex; gap:12px; flex-wrap:wrap;}
.hero-modern__kpis .kpi{
  background:rgba(15,23,42,.03);
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px 14px;
  min-width:160px;
}
.hero-modern__kpis .kpi strong{display:block; font-size:15px;}
.hero-modern__kpis .kpi span{display:block; color:var(--muted); font-size:13px; margin-top:2px;}

.hero-modern__media{
  border-radius:calc(var(--r) + 10px);
  border:1px solid var(--line);
  box-shadow: var(--shadow);
  overflow:hidden;
  background: radial-gradient(1200px 600px at 20% 10%, rgba(0,136,255,.12), transparent 60%),
              radial-gradient(900px 500px at 70% 60%, rgba(255,138,0,.10), transparent 55%),
              linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.45));
}
.hero-modern__media-inner{
  height:100%;
  min-height:520px;
  background-image: var(--hero-img, var(--netimg));
  background-size:cover;
  background-position:center;
  position:relative;
}
.hero-modern__media-inner:after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(246,248,251,.92) 0%, rgba(246,248,251,.20) 46%, rgba(246,248,251,0) 70%);
}

.section{padding:64px 0;}
.section--muted{background:linear-gradient(180deg, rgba(15,23,42,.02), rgba(15,23,42,0)); border-top:1px solid rgba(15,23,42,.06); border-bottom:1px solid rgba(15,23,42,.06);}
.section-title{text-align:center; font-size:30px; margin:0 0 10px;}
.section-sub{text-align:center; color:var(--muted); margin:0 auto 28px; max-width:70ch;}
.section-cta{text-align:center; margin-top:18px;}
.link{font-weight:900; color:#0b3a66; text-decoration:none;}
.link:hover{text-decoration:underline;}

.cards-grid{display:grid; gap:18px;}
.cards-grid--3{grid-template-columns:repeat(3,1fr);}

.blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
@media(max-width:980px){.blog-grid{grid-template-columns:1fr;}}

@media(max-width:980px){ .hero-modern__grid{grid-template-columns:1fr;} .hero-modern__media-inner{min-height:360px;} .cards-grid--3{grid-template-columns:1fr;} }

.card{border-radius:var(--r); border:1px solid var(--line); background:rgba(255,255,255,.92); box-shadow: var(--shadow2);}
.card:hover{transform:translateY(-4px); box-shadow:0 24px 70px rgba(2,6,23,.10);}
.row .arrow{opacity:.7}

.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
@media(max-width:980px){.why-grid{grid-template-columns:1fr;}}
.why-grid .card{padding:0; overflow:hidden;}
.why-grid .card .thumb{height:148px; background-image: var(--hero-img, var(--netimg)); background-size:cover; background-position:center;}
.why-grid .card .body{padding:16px 18px;}
.why-grid .card .badge2{display:inline-flex; padding:6px 10px; border-radius:999px; background:rgba(255,138,0,.12); color:#7a3f00; font-weight:900; font-size:12px; margin-top:-18px; position:relative;}

.cta-strip{padding:54px 0; margin:10px 0 0;}
.cta-strip__inner{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  border:1px solid var(--line);
  border-radius:calc(var(--r) + 8px);
  background:rgba(255,255,255,.86);
  box-shadow: var(--shadow);
  padding:26px 28px;
}
.cta-strip__copy h3{margin:0 0 6px; font-size:22px;}
.cta-strip__copy p{margin:0; color:var(--muted);}
@media(max-width:900px){.cta-strip__inner{flex-direction:column; text-align:center;}}

.banner{padding:34px 0;}
.banner__head{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px;}
.banner__title{margin:0; font-size:22px;}
.banner__sub{margin:0; color:var(--muted);}
.logo-marquee{border:1px solid var(--line); background:rgba(255,255,255,.75); border-radius:calc(var(--r) + 8px); overflow:hidden; padding:14px 0; box-shadow:0 16px 40px rgba(2,6,23,.06);}
.logo-track{display:flex; gap:56px; align-items:center; width:max-content; animation: scroll 35s linear infinite;}
.logo-marquee:hover .logo-track{animation-play-state:paused;}
.logo-track img{height:46px; filter:grayscale(100%) opacity(.6); transition:.25s ease; transform:translateZ(0);}
.logo-track img:hover{filter:grayscale(0) opacity(1); transform:scale(1.06);}

@keyframes scroll { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }

.contact-grid{display:grid; grid-template-columns: 1fr 1fr 1fr; gap:18px;}
@media(max-width:980px){.contact-grid{grid-template-columns:1fr;}}
.panel{border-radius:calc(var(--r) + 8px); border:1px solid var(--line); background:rgba(255,255,255,.92); box-shadow: var(--shadow2); padding:18px;}
.panel-head h3{margin:0 0 10px;}
.map-embed iframe{width:100%; min-height:260px; border:0; border-radius:14px;}

.footer{background:#0b1220;}