/* ============ MİHENK DESIGN — site stilleri (kimlik kitabı FINAL referans) ============ */
:root{
  --tas:#131313;
  --grafit:#1E1D1B;
  --komur:#2A2926;
  --altin:#C9A227;
  --altin-acik:#E3C76A;
  --kagit:#F1EDE4;
  --duman:#9A968C;
  --cizgi:#33322E;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--tas);color:var(--kagit);font-family:'Inter',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;}
h1,h2,h3,.sg{font-family:'Space Grotesk',sans-serif;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

/* ---- logo kilidi ---- */
.lock{display:inline-block;text-align:left;line-height:1;}
.wm{font-family:'Space Grotesk';font-weight:700;letter-spacing:.14em;display:inline-block;white-space:nowrap;line-height:1;color:var(--kagit);}
.wm .ih{position:relative;display:inline-block;}
.wm .ih::after{content:"";position:absolute;left:50%;transform:translateX(-58%);top:-0.16em;width:.14em;height:.14em;background:var(--altin);}
.lock .sub{font-family:'Space Grotesk';font-weight:500;letter-spacing:.58em;text-transform:uppercase;color:var(--duman);margin-top:.42em;font-size:.2em;}

/* ---- nav ---- */
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;background:rgba(19,19,19,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi);}
nav .lock .wm{font-size:20px;}
nav .links{display:flex;gap:34px;align-items:center;}
nav .links a{font-family:'Space Grotesk';font-weight:500;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--duman);transition:color .2s;}
nav .links a:hover{color:var(--kagit);}
nav .links a.btn{color:var(--tas);}
nav .links a.btn:hover{color:var(--tas);}
.btn{display:inline-block;font-family:'Space Grotesk';font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;background:var(--altin);color:var(--tas);padding:14px 28px;border:none;cursor:pointer;transition:background .2s;}
.btn:hover{background:var(--altin-acik);}
.btn.ghost{background:transparent;color:var(--altin);border:1px solid var(--altin);}
.btn.ghost:hover{background:rgba(201,162,39,.1);}
nav .btn{padding:11px 20px;font-size:11px;}
#menuBtn{display:none;background:none;border:none;color:var(--kagit);font-size:26px;cursor:pointer;}

/* ---- bölümler ---- */
section{padding:110px 8vw;border-bottom:1px solid var(--cizgi);position:relative;}
.kicker{font-family:'Space Grotesk';font-weight:700;font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:var(--altin);margin-bottom:30px;}
h2{font-size:clamp(32px,4.6vw,54px);font-weight:700;letter-spacing:-0.02em;line-height:1.07;margin-bottom:26px;}
.lead{font-size:clamp(16px,1.5vw,19px);max-width:720px;}
.mut{color:var(--duman);}
p+p{margin-top:1em;}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;}
.card{background:var(--grafit);border:1px solid var(--cizgi);padding:32px;}
.card h3{font-size:18px;font-weight:700;margin-bottom:12px;}
.card p{font-size:14.5px;color:var(--duman);}
.gold{color:var(--altin);}

/* ---- iz ---- */
.iz{display:block;}

/* ---- hero ---- */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:140px 8vw 90px;border-bottom:1px solid var(--cizgi);background:
  radial-gradient(ellipse 60% 45% at 72% 30%, rgba(201,162,39,.07), transparent 65%), var(--tas);}
.hero h1{font-size:clamp(44px,8vw,110px);font-weight:700;letter-spacing:-0.02em;line-height:1.0;}
.hero .alt{font-size:clamp(16px,1.7vw,21px);color:var(--duman);max-width:640px;margin-top:28px;}
.hero .cta{margin-top:44px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;}
.stats{display:flex;gap:0;margin-top:70px;border:1px solid var(--cizgi);max-width:760px;flex-wrap:wrap;}
.stats div{flex:1;min-width:180px;padding:22px 26px;border-right:1px solid var(--cizgi);}
.stats div:last-child{border-right:none;}
.stats b{font-family:'Space Grotesk';font-weight:700;font-size:26px;color:var(--altin);display:block;letter-spacing:.02em;}
.stats span{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--duman);}

/* ---- süreç ---- */
.step{background:var(--grafit);border:1px solid var(--cizgi);padding:36px;}
.step .no{font-family:'Space Grotesk';font-weight:700;font-size:12px;letter-spacing:.3em;color:var(--duman);}
.step h3{font-family:'Space Grotesk';font-weight:700;font-size:24px;letter-spacing:.08em;color:var(--altin);margin:16px 0 12px;}
.step p{font-size:14.5px;color:var(--duman);}

/* ---- uygulamalar ---- */
.works{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;}
.work{background:var(--grafit);border:1px solid var(--cizgi);margin:0;transition:border-color .25s;}
.work:hover{border-color:var(--altin);}
.work .draw{background:var(--tas);border-bottom:1px solid var(--cizgi);padding:18px;}
.work .draw svg{width:100%;height:auto;display:block;}
.work figcaption{padding:20px 22px;}
.work figcaption b{display:block;font-family:'Space Grotesk';font-weight:700;font-size:16px;color:var(--altin);margin-bottom:6px;}
.work figcaption span{font-size:13px;color:var(--duman);}

/* ---- paper ---- */
.paper{background:var(--kagit);color:var(--tas);}
.paper .kicker{color:#8a6d10;}
.paper .mut{color:#6e6a60;}
.manif p{font-family:'Space Grotesk';font-weight:500;font-size:clamp(19px,2.3vw,30px);line-height:1.38;max-width:860px;}
.manif .vur{background:linear-gradient(transparent 62%, rgba(201,162,39,.45) 62%);}

/* ---- protokol listesi ---- */
.proto{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;}
.proto .it{border:1px solid var(--cizgi);padding:22px;font-size:14px;color:var(--duman);}
.proto .it b{display:block;font-family:'Space Grotesk';color:var(--kagit);font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;}

/* ---- form ---- */
form{max-width:760px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.fg{margin-bottom:18px;}
label{display:block;font-family:'Space Grotesk';font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--duman);margin-bottom:9px;}
label .req{color:var(--altin);}
input[type=text],input[type=email],input[type=tel],input[type=date],textarea{width:100%;background:var(--grafit);border:1px solid var(--cizgi);color:var(--kagit);padding:14px 16px;font-family:'Inter';font-size:15px;transition:border-color .2s;}
input:focus,textarea:focus{outline:none;border-color:var(--altin);}
textarea{min-height:130px;resize:vertical;}
.checks{display:flex;flex-wrap:wrap;gap:12px;}
.checks label{display:flex;align-items:center;gap:9px;border:1px solid var(--cizgi);padding:11px 16px;cursor:pointer;margin:0;font-size:11.5px;color:var(--kagit);transition:border-color .2s, background .2s;}
.checks label:has(input:checked){border-color:var(--altin);background:rgba(201,162,39,.08);}
.checks input{accent-color:var(--altin);width:15px;height:15px;}
.fnote{font-size:12.5px;color:var(--duman);margin-top:14px;}

/* ---- iletişim yan bilgi ---- */
.cwrap{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;}
.cinfo .row{padding:20px 0;border-bottom:1px solid var(--cizgi);}
.cinfo .row b{display:block;font-family:'Space Grotesk';font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--duman);margin-bottom:6px;}
.cinfo .row span{font-size:16px;}

/* ---- footer ---- */
footer{padding:60px 8vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
footer .lock .wm{font-size:22px;}
footer .mut{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;}

/* ---- tesekkurler ---- */
.thanks{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 8vw;}

@media (max-width:860px){
  nav .links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--tas);flex-direction:column;gap:0;padding:10px 6vw 24px;border-bottom:1px solid var(--cizgi);}
  nav .links.open{display:flex;}
  nav .links a{padding:14px 0;border-bottom:1px solid var(--cizgi);width:100%;}
  nav .links .btn{margin-top:16px;}
  #menuBtn{display:block;}
  .frow{grid-template-columns:1fr;}
  .cwrap{grid-template-columns:1fr;}
  section{padding:80px 6vw;}
  .hero{padding:120px 6vw 70px;}
}