:root{
  --graphite:#1c2226; --graphite2:#262f35; --paper:#faf8f3;
  --steel:#3d5a73; --steel-d:#2b4256; --safety:#d98e2c; --line:#c7c0b2; --ink:#7d7a7a;
  --bg:var(--paper); --fg:var(--ink); --card:#ffffff; --muted:#5a6167;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--fg);font-family:'IBM Plex Sans',sans-serif;line-height:1.55;}
h1,h2,h3{font-family:'Archivo',sans-serif;font-weight:800;letter-spacing:-0.01em;color:var(--fg);}
.mono{font-family:'IBM Plex Mono',monospace;}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
a{color:inherit;text-decoration:none;}
img,svg{max-width:100%;}

/* header */
header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1120px;margin:0 auto;}
.logo{font-family:'Archivo',sans-serif;font-weight:900;font-size:1.25rem;display:flex;align-items:center;gap:8px;}
.logo .dot{width:10px;height:10px;background:var(--safety);display:inline-block;}
.menu{display:flex;gap:28px;font-weight:500;font-size:.95rem;}
.menu a{padding:4px 0;border-bottom:2px solid transparent;}
.menu a:hover,.menu a.active{border-color:var(--safety);}
.menu a.active{color:var(--safety);}
.burger{display:none;background:none;border:none;font-size:1.6rem;color:var(--fg);cursor:pointer;}
@media (max-width:820px){
  .menu{position:fixed;inset:64px 0 0 0;background:var(--bg);flex-direction:column;padding:24px;gap:0;display:none;border-top:1px solid var(--line);}
  .menu.open{display:flex;}
  .menu a{padding:14px 0;border-bottom:1px solid var(--line);}
  .burger{display:block;}
}

/* page header banner (non-home pages) */
.page-banner{background:var(--graphite);color:#eee9df;padding:64px 0 46px;}
.page-banner .kicker{color:var(--safety);}
.page-banner h1{font-size:clamp(1.8rem,3.6vw,2.6rem);max-width:20ch;}
.page-banner p{color:#c9c4b8;margin-top:12px;max-width:56ch;}

/* hero slider (home) */
#hero{position:relative;overflow:hidden;height:min(88vh,720px);min-height:480px;}
.slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transition:opacity .8s ease;color:#fff;}
.slide.active{opacity:1;}
.slide .wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:36px;width:100%;}
.hero-text{max-width:540px;}
.hero-visual{width:280px;height:280px;flex-shrink:0;opacity:.95;}
.hero-visual svg{width:100%;height:100%;}
@media (max-width:900px){.hero-visual{display:none;}}
.slide::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(28,34,38,.92),rgba(28,34,38,.55));}
.slide.s1{background:linear-gradient(135deg,var(--graphite),var(--graphite2)),repeating-linear-gradient(45deg,#0000 0 40px,#ffffff08 40px 41px);}
.slide.s2{background:linear-gradient(135deg,var(--steel-d),var(--steel));}
.slide.s3{background:linear-gradient(135deg,#2a3338,#455661);}
.slide h1{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.08;max-width:14ch;}
.slide p{max-width:48ch;color:#e8e4da;margin-top:16px;font-size:1.05rem;}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--safety);letter-spacing:.02em;margin-bottom:14px;}
.cta{display:inline-flex;gap:10px;margin-top:26px;flex-wrap:wrap;}
.btn{padding:13px 22px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;display:inline-block;}
.btn-primary{background:var(--safety);color:#1c1200;}
.btn-primary:hover{background:#c17f22;}
.btn-ghost{border-color:#ffffff55;color:#fff;background:transparent;}
.btn-ghost:hover{border-color:#fff;}
.dots{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:3;}
.dots button{width:28px;height:3px;background:#ffffff55;border:none;cursor:pointer;padding:0;}
.dots button.active{background:var(--safety);}

/* stats */
.stats{background:var(--graphite);color:#eee9df;}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:36px 24px;}
.stat b{font-family:'Archivo';font-size:2rem;display:block;color:var(--safety);}
.stat span{font-size:.82rem;color:#c9c4b8;}
@media (max-width:700px){.stats .wrap{grid-template-columns:repeat(2,1fr);}}

section{padding:80px 0;}
.kicker{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--steel);border-left:2px solid var(--safety);padding-left:10px;margin-bottom:14px;}
h2{font-size:clamp(1.6rem,3vw,2.3rem);max-width:18ch;}
.lead{color:var(--muted);max-width:62ch;margin-top:14px;font-size:1.02rem;}

/* about */
#hakkimizda .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start;margin-top:40px;}
#hakkimizda .figure{border:1px solid var(--line);padding:22px;}
#hakkimizda .figure .row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:.92rem;}
#hakkimizda .figure .row:last-child{border-bottom:none;}
@media (max-width:820px){#hakkimizda .grid{grid-template-columns:1fr;}}

/* services */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px;}
.card{border:1px solid var(--line);padding:30px 26px;background:var(--card);}
.card svg{width:44px;height:44px;color:var(--steel);}
.card h3{font-size:1.15rem;margin:16px 0 10px;}
.card ul{margin-top:12px;padding-left:18px;color:var(--muted);font-size:.92rem;}
.card li{margin-bottom:6px;}
@media (max-width:900px){.cards{grid-template-columns:1fr;}}

/* references */
.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;}
.ref{border:1px solid var(--line);}
.ref .thumb{background:var(--graphite);height:110px;display:flex;align-items:center;justify-content:center;}
.ref .thumb svg{width:52px;height:52px;color:var(--safety);}
.ref .tag{background:var(--graphite);color:var(--safety);font-family:'IBM Plex Mono';font-size:.72rem;padding:8px 14px;}
.ref .body{padding:18px;}
.ref h3{font-size:1.02rem;margin-bottom:6px;}
.ref p{color:var(--muted);font-size:.88rem;}
@media (max-width:900px){.ref-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.ref-grid{grid-template-columns:1fr;}}

/* faq */
.faq-item{border-bottom:1px solid var(--line);padding:18px 0;}
.faq-item summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";color:var(--safety);font-size:1.3rem;}
.faq-item[open] summary::after{content:"–";}
.faq-item p{color:var(--muted);margin-top:12px;max-width:60ch;}

/* contact */
#iletisim .grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:44px;}
#iletisim .info div{margin-bottom:22px;}
#iletisim .info b{display:block;font-family:'IBM Plex Mono';font-size:.78rem;color:var(--steel);margin-bottom:4px;}
form{display:grid;gap:14px;}
form input,form textarea{background:var(--card);border:1px solid var(--line);padding:12px 14px;font:inherit;color:var(--fg);}
form textarea{min-height:110px;resize:vertical;}
.form-note{font-size:.85rem;color:var(--muted);}
@media (max-width:820px){#iletisim .grid{grid-template-columns:1fr;}}

footer{background:var(--graphite);color:#c9c4b8;padding:44px 0 28px;font-size:.88rem;}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;}
footer a:hover{color:#fff;}