:root{
  --gray-900:#222428; --gray-700:#6D6F73; --gray-50:#F5F6F7; --white:#fff;
  --red:#9E0B0F; --coal:#0E0F11; --gold:#C8A96A;
  --teal:#00A3C4; --blue:#1E88E5; --vision-bg:#FAFBFC;
  --radius:12px; --gap:24px; --max:1180px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--gray-900);background:#fff}
h1,h2,h3{font-family:Poppins,Inter,system-ui,sans-serif;margin:0 0 12px}
p{line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.btn{display:inline-block;padding:12px 20px;border-radius:999px;background:var(--gray-900);color:#fff;font-weight:600;transition:.2s}
.btn:hover{opacity:.9;transform:translateY(-1px)}
.btn-yapim{background:var(--red)}
.btn-vision{background:var(--teal)}
.btn.ghost{background:transparent;color:var(--gray-900);border:2px solid var(--gray-900)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;z-index:999;background:#000;color:#fff;padding:8px 10px}

.header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:5}
.header nav a{margin-left:18px;color:var(--gray-700)}

.footer{padding:24px 20px;border-top:1px solid #eee;color:var(--gray-700);text-align:center}

.section{max-width:var(--max);margin:56px auto;padding:0 20px}
.grid{display:grid;gap:var(--gap)}
.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.highlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.kpi{padding:20px;border:1px solid #eee;border-radius:var(--radius);background:#fff}
.card{padding:20px;border:1px solid #eee;border-radius:var(--radius);background:#fff}

.hero{display:grid;place-items:center;min-height:56vh;padding:40px 20px;color:#fff;text-align:center}
.hero .hero-inner{max-width:760px}
.hero-yapim{background:linear-gradient(135deg,rgba(14,15,17,.85),rgba(14,15,17,.5)), url('https://images.unsplash.com/photo-1485841890310-6a055c88698a?q=80&w=1600') center/cover}
.hero-vision{color:#0E0F11;background:linear-gradient(135deg, #FAFBFC, #E9F7FB)}

.timeline{display:grid;gap:16px;margin-top:16px}
.t-item{padding:16px;border-left:4px solid var(--red);background:#fff;border-radius:8px}

.portfolio{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.item{border-radius:10px;overflow:hidden;border:1px solid #eee;background:#fff}
.item figcaption{padding:10px;color:var(--gray-700)}

.form .form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.form input,.form select,.form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;margin-top:6px}

.split{display:flex;min-height:100svh}
.panel{flex:1;display:grid;place-items:center;position:relative;overflow:hidden}
.panel:before{content:"";position:absolute;inset:0;transition:transform .5s ease}
.panel .brand{position:relative;z-index:2;text-align:center;color:#fff;max-width:520px;padding:20px}
.panel.left{background:linear-gradient(135deg, rgba(14,15,17,.85), rgba(14,15,17,.6)), url('https://images.unsplash.com/photo-1463100099107-aa0980c362e6?q=80&w=1600') center/cover}
.panel.right{background:linear-gradient(135deg, rgba(0,163,196,.85), rgba(30,136,229,.65)), url('https://images.unsplash.com/photo-1529336953121-ad5a0d43d0f4?q=80&w=1600') center/cover}
.panel:hover:before{transform:scale(1.05)}
.split-home .utility{position:fixed;right:16px;top:16px;z-index:10;display:flex;gap:12px}
.utility a, .utility button{background:#ffffffcc;border:1px solid #eee;border-radius:999px;padding:8px 12px}

.yapim-theme .btn{background:var(--red)}
.vision-theme{background:var(--vision-bg)}

@media(max-width:768px){
  .split{flex-direction:column}
  .header{flex-wrap:wrap}
  .header nav{width:100%;margin-top:12px}
  .header nav a{margin-left:0;margin-right:18px}
}