:root{
  --bg:#f7f2ea;--paper:#fffaf3;--card:rgba(255,255,255,.78);--text:#241b13;--muted:#756756;--line:rgba(96,68,38,.14);
  --gold:#b9874d;--gold2:#d7b06e;--brown:#71491f;--green:#25D366;--blue:#315a8c;--shadow:0 24px 70px rgba(86,57,24,.13);--radius:28px
}
*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 8% 10%,rgba(215,176,110,.35),transparent 28%),radial-gradient(circle at 90% 20%,rgba(49,90,140,.12),transparent 24%),linear-gradient(135deg,#f7f2ea,#fffaf3 52%,#efe2d0);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 36px));margin:auto}.topbar{position:sticky;top:14px;z-index:20;padding-top:14px}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:rgba(255,250,243,.86);backdrop-filter:blur(20px);border-radius:999px;padding:12px 16px;box-shadow:0 16px 45px rgba(86,57,24,.09)}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.03em}.logo{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brown),var(--gold),var(--gold2));box-shadow:0 14px 34px rgba(113,73,31,.28);color:#fff;position:relative;overflow:hidden}.logo:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.55);border-radius:13px}.logo:after{content:"";position:absolute;width:58px;height:14px;background:rgba(255,255,255,.22);transform:rotate(-35deg);top:10px;left:-16px}.logo span{position:relative;z-index:2;font-size:20px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;margin-top:-4px}.links{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.links a{padding:9px 12px;border-radius:999px;color:var(--muted);font-weight:850;font-size:14px}.links a:hover,.links a.active{background:rgba(185,135,77,.12);color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:950;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--brown),var(--gold),var(--gold2));box-shadow:0 18px 40px rgba(113,73,31,.22)}.btn-soft{background:rgba(255,255,255,.72);border-color:var(--line);color:var(--text)}.btn-wa{background:var(--green);color:#fff;box-shadow:0 18px 40px rgba(37,211,102,.24)}
.hero{padding:92px 0 72px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:8px 14px;border:1px solid rgba(185,135,77,.22);border-radius:999px;background:rgba(255,255,255,.66);color:var(--brown);font-weight:950;font-size:14px;box-shadow:0 14px 35px rgba(86,57,24,.08)}.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px rgba(185,135,77,.13)}h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.065em;margin-bottom:22px}.grad{color:transparent;background:linear-gradient(135deg,#261a10,#875d31 48%,#c99b5a);-webkit-background-clip:text;background-clip:text}.lead{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:820px;margin-bottom:28px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:32px}.stat,.card,.service,.tech,.process,.contact-box,.feature{border:1px solid var(--line);background:var(--card);backdrop-filter:blur(15px);box-shadow:0 16px 46px rgba(86,57,24,.09);border-radius:22px}.stat{padding:16px}.stat strong{display:block;margin-bottom:6px}.stat span{font-size:13px;color:var(--muted)}
.profile{padding:28px;border-radius:var(--radius);background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,247,237,.78));box-shadow:var(--shadow);border:1px solid var(--line)}.profile-head{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.avatar{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,var(--brown),var(--gold),var(--gold2));color:#fff;display:grid;place-items:center;font-weight:950;font-size:28px}.profile h2{font-size:28px;line-height:1.1}.profile p{color:var(--muted)}.mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.mini div{padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,250,243,.84)}.mini strong{display:block;font-size:14px}.mini span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.cap{display:grid;gap:11px}.cap-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 15px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.74)}.cap-row small{display:block;color:var(--muted)}.badge{white-space:nowrap;border:1px solid rgba(185,135,77,.24);background:rgba(215,176,110,.18);color:var(--brown);font-size:12px;font-weight:950;border-radius:999px;padding:7px 10px}
section{padding:76px 0}.page-hero{padding:86px 0 35px}.page-hero h1{font-size:clamp(38px,6vw,68px);max-width:1060px}.section-head{display:flex;justify-content:space-between;gap:26px;align-items:end;margin-bottom:26px}.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.05em;max-width:800px}.section-head p{color:var(--muted);max-width:590px}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.service,.process,.contact-box,.feature{padding:26px}.card h3,.service h3,.process h3,.contact-box h3,.feature h3{font-size:22px;margin-bottom:10px;letter-spacing:-.03em}.card p,.service p,.process p,.contact-box p,.feature p{color:var(--muted)}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.chip{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-weight:850;font-size:14px}.service-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(215,176,110,.19);font-size:24px;margin-bottom:18px}.service ul,.feature ul{list-style:none;margin-top:16px;display:grid;gap:9px;color:var(--muted)}.service li:before,.feature li:before{content:"✓";font-weight:900;color:var(--brown);margin-right:8px}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tech{min-height:92px;padding:18px;display:grid;place-items:center;text-align:center;font-weight:950}.process-num{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brown),var(--gold),var(--gold2));color:#fff;display:grid;place-items:center;font-weight:950;margin-bottom:16px}.monitor{background:linear-gradient(145deg,rgba(36,27,19,.96),rgba(49,90,140,.86));color:#fff;border-radius:28px;padding:26px;box-shadow:var(--shadow)}.monitor p{color:rgba(255,255,255,.72)}.monitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.monitor-box{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:18px;padding:16px}.monitor-box strong{display:block;font-size:22px}.monitor-box span{color:rgba(255,255,255,.68);font-size:13px}.ok{color:#62e88f}.warn{color:#ffd166}.bad{color:#ff7b7b}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:start}.contact-highlight{padding:34px;border-radius:var(--radius);border:1px solid rgba(185,135,77,.24);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,225,204,.82));box-shadow:var(--shadow)}.contact-highlight h2{font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-.05em;margin-bottom:16px}.contact-highlight p{color:var(--muted)}.form{display:grid;gap:13px;margin-top:18px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.84);border-radius:17px;padding:15px 16px;font:inherit;outline:none;color:var(--text)}.form textarea{min-height:145px;resize:vertical}.form input:focus,.form textarea:focus,.form select:focus{border-color:rgba(185,135,77,.48);box-shadow:0 0 0 4px rgba(185,135,77,.09)}.note{font-size:13px;color:var(--muted);margin-top:12px}.info-list{display:grid;gap:12px;margin-top:18px}.info{padding:14px 15px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.74)}.info small{display:block;color:var(--muted);margin-bottom:4px}.wa-float{position:fixed;right:22px;bottom:22px;z-index:30;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:28px;box-shadow:0 18px 45px rgba(37,211,102,.32)}footer{text-align:center;color:var(--muted);font-size:14px;padding:30px 0 46px}.reveal{animation:rise .65s ease both}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:1060px){.nav{border-radius:28px;align-items:flex-start;flex-direction:column}.hero-grid,.grid-2,.contact-grid{grid-template-columns:1fr}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:repeat(3,1fr)}.stats,.monitor-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.container{width:min(100% - 24px,1160px)}.links a{padding:8px 10px}.hero,.page-hero{padding-top:58px}.grid-4,.grid-3,.tech-grid,.stats,.mini,.monitor-grid{grid-template-columns:1fr}.profile,.card,.service,.process,.contact-box,.contact-highlight,.feature,.monitor{padding:22px}.cap-row{align-items:flex-start;flex-direction:column}h1{letter-spacing:-.045em}.wa-float{right:14px;bottom:14px}}

/* === MOBİL HAMBURGER MENÜ === */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.7);cursor:pointer;padding:8px;flex-shrink:0}
.hamburger span{display:block;height:2px;border-radius:2px;background:var(--text);transition:.3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:720px){
  .topbar{top:8px;padding-top:8px}
  .nav{
    flex-direction:column;
    align-items:stretch;
    border-radius:24px;
    padding:10px 14px;
    gap:0;
  }
  .nav-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .hamburger{display:flex}
  .links{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease, padding .25s ease;
    padding:0;
  }
  .links.open{
    max-height:300px;
    padding:10px 0 4px;
  }
  .links a{
    padding:11px 14px;
    border-radius:14px;
    font-size:14px;
    text-align:center;
    border:1px solid var(--line);
    background:rgba(255,255,255,.6);
  }
  .links a:hover,.links a.active{
    background:rgba(185,135,77,.12);
    color:var(--text);
  }
  .nav > .btn{display:none}
  .brand{gap:9px;min-width:0}
  .brand small{display:none}
  .logo{width:44px;height:44px;border-radius:15px}
  .logo span{font-size:18px}
  .nav-top .btn{
    min-height:40px;
    padding:0 14px;
    font-size:13px;
    white-space:nowrap;
  }
}

@media(max-width:390px){
  .brand > span:last-child{display:none}
}

/* === YENİ EKLENTİLER === */

/* Neden / SSS bölümleri */
.why-section { background: transparent; }

/* SSS */
.faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.faq-item { border: 1px solid var(--line); background: var(--card); border-radius: 20px; padding: 20px 22px; cursor: pointer; }
.faq-item summary { font-weight: 850; font-size: 16px; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; font-size: 22px; color: var(--gold); flex-shrink: 0; line-height: 1; }
.faq-item[open] summary::after { content: "−"; }
.faq-item p { color: var(--muted); margin-top: 14px; font-size: 15px; line-height: 1.65; }

/* Teknoloji kartları (yeni, açıklamalı) */
.tech-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 22px 18px; gap: 6px; min-height: unset; }
.tech-icon { font-size: 28px; margin-bottom: 6px; }
.tech-card strong { font-size: 15px; display: block; }
.tech-card small { color: var(--muted); font-size: 13px; font-weight: 500; line-height: 1.4; display: block; }

/* Responsive: SSS tek kolon mobilde */
@media(max-width: 720px) {
  .faq-grid { grid-template-columns: 1fr; }
}


/* === Başa dön butonu: WhatsApp ikonunun üstünde === */
.back-top{
  position:fixed;
  right:22px;
  bottom:92px;
  z-index:31;
  width:48px;
  height:48px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--brown);
  color:#fff;
  font-size:24px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 16px 38px rgba(86,57,24,.24);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .25s ease, visibility .25s ease, transform .25s ease;
}
.back-top.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.back-top:hover{filter:brightness(1.05)}

@media(max-width:720px){
  .back-top{right:14px;bottom:78px;width:46px;height:46px;font-size:23px}
}

/* === ÜST BAR DÜZELTME: Teklif Al butonu logo altına düşmesin === */
@media (min-width:721px){
  .nav{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;border-radius:999px;}
  .nav-top{display:flex;align-items:center;flex:0 0 auto;}
  .nav-cta{flex:0 0 auto;white-space:nowrap;}
  .links{flex:1;justify-content:center;}
}
@media (max-width:720px){
  .nav > .nav-cta{display:none;}
}