*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --mavi:#003d7a;--mavi2:#0055a8;--turuncu:#e85d04;--turuncu2:#ff6a1a;
  --gri:#f4f6f9;--koyu:#1a1a2e;--yazi:#444;--beyaz:#fff;
  --wa:#25d366;--r:10px;--golge:0 4px 20px rgba(0,0,0,.12)
}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',Arial,sans-serif;font-size:16px;color:var(--yazi);background:var(--beyaz);line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}

/* HEADER */
header{background:var(--mavi);position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.28)}
.ust-bar{background:var(--turuncu);text-align:center;padding:6px 16px;font-size:14px;color:var(--beyaz);font-weight:600}
.ust-bar a{color:var(--beyaz)}
.nav-wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:13px 20px;gap:16px}
.logo-baslik{font-size:22px;font-weight:900;color:var(--beyaz);letter-spacing:.4px}
.logo-alt{font-size:12px;color:rgba(255,255,255,.72);font-weight:400;display:block}
nav{display:flex;align-items:center;gap:4px}
nav a{color:rgba(255,255,255,.88);font-size:15px;font-weight:500;padding:8px 13px;border-radius:6px;transition:background .2s}
nav a:hover,nav a.aktif{background:rgba(255,255,255,.15);color:var(--beyaz)}
.nav-cta{background:var(--turuncu)!important;color:var(--beyaz)!important;font-weight:700!important;padding:9px 18px!important;border-radius:6px!important}
.nav-cta:hover{background:var(--turuncu2)!important}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px}
.hamburger span{width:26px;height:3px;background:var(--beyaz);border-radius:2px;display:block;transition:all .3s}

/* HERO */
.hero{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,var(--mavi) 0%,var(--mavi2) 100%)}
.hero-bg{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:.2}
.hero-icerik{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:70px 24px;color:var(--beyaz)}
.hero-rozet{display:inline-block;background:var(--turuncu);color:var(--beyaz);font-size:13px;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.hero h1{font-size:clamp(28px,5vw,50px);font-weight:900;line-height:1.15;margin-bottom:16px;max-width:680px}
.hero h1 span{color:#ffc947}
.hero p{font-size:18px;color:rgba(255,255,255,.88);max-width:560px;margin-bottom:32px}
.hero-butonlar{display:flex;gap:14px;flex-wrap:wrap}

/* BUTONLAR */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .25s;border:none;text-decoration:none}
.btn-ara{background:var(--turuncu);color:var(--beyaz);box-shadow:0 4px 18px rgba(232,93,4,.45)}
.btn-ara:hover{background:var(--turuncu2);transform:translateY(-2px);box-shadow:0 6px 24px rgba(232,93,4,.55)}
.btn-wa{background:var(--wa);color:var(--beyaz);box-shadow:0 4px 18px rgba(37,211,102,.4)}
.btn-wa:hover{background:#20ba5a;transform:translateY(-2px)}
.btn-beyaz{background:var(--beyaz);color:var(--turuncu);font-weight:800}
.btn-beyaz:hover{background:#fff3;color:var(--beyaz);transform:translateY(-2px)}
.btn-wa-koyu{background:var(--wa);color:var(--beyaz)}
.btn-wa-koyu:hover{background:#20ba5a;transform:translateY(-2px)}

/* SECTION */
section{padding:70px 20px}
.container{max-width:1200px;margin:0 auto}
.bolum-baslik{text-align:center;margin-bottom:48px}
.bolum-baslik h2{font-size:clamp(22px,4vw,36px);font-weight:800;color:var(--koyu);margin-bottom:10px}
.bolum-baslik p{font-size:17px;color:#666;max-width:600px;margin:0 auto}
.cizgi{width:56px;height:4px;background:var(--turuncu);border-radius:2px;margin:12px auto 0}

/* HİZMET KARTLARI */
.hizmet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px}
.hizmet-kart{background:var(--beyaz);border-radius:var(--r);padding:32px 24px;text-align:center;box-shadow:var(--golge);border:1px solid #e8edf3;transition:transform .25s,box-shadow .25s}
.hizmet-kart:hover{transform:translateY(-6px);box-shadow:0 12px 36px rgba(0,61,122,.15)}
.hizmet-ikon{width:70px;height:70px;background:linear-gradient(135deg,var(--mavi),var(--mavi2));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:28px}
.hizmet-kart h3{font-size:19px;font-weight:700;color:var(--koyu);margin-bottom:10px}
.hizmet-kart p{font-size:15px;color:#666}
.hizmet-kart a.devami{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:var(--mavi2);border-bottom:2px solid var(--turuncu)}

/* SPLIT LAYOUT */
.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.split.ters{direction:rtl}
.split.ters>*{direction:ltr}
.split-img{border-radius:14px;overflow:hidden;box-shadow:var(--golge)}
.split-img img{width:100%;height:360px;object-fit:cover}
.split-metin h2{font-size:clamp(20px,3vw,30px);font-weight:800;color:var(--koyu);margin-bottom:14px}
.split-metin p{color:#666;margin-bottom:12px;font-size:16px}
.liste{margin:16px 0}
.liste li{display:flex;align-items:flex-start;gap:10px;margin-bottom:9px;font-size:15px;color:var(--koyu)}
.liste li::before{content:'✔';color:var(--turuncu);font-weight:900;flex-shrink:0;margin-top:2px}

/* SAYILAR */
.sayilar{background:linear-gradient(135deg,var(--mavi) 0%,var(--mavi2) 100%);color:var(--beyaz);padding:50px 20px}
.sayilar-grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.sayi-rakam{font-size:42px;font-weight:900;color:#ffc947;line-height:1;display:block}
.sayi-etiket{font-size:14px;color:rgba(255,255,255,.82);margin-top:6px;display:block}

/* YORUMLAR */
.yorum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px}
.yorum-kart{background:var(--beyaz);border-radius:var(--r);padding:26px;box-shadow:var(--golge);border:1px solid #e8edf3;position:relative}
.yorum-kart::before{content:'"';position:absolute;top:14px;right:20px;font-size:72px;color:#e8edf3;font-family:Georgia,serif;line-height:1}
.yildizlar{color:#f59e0b;font-size:17px;margin-bottom:10px;letter-spacing:2px}
.yorum-metin{font-size:15px;color:#555;margin-bottom:16px;font-style:italic;line-height:1.75}
.yorumcu{display:flex;align-items:center;gap:12px}
.yorumcu-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--mavi),var(--mavi2));display:flex;align-items:center;justify-content:center;color:var(--beyaz);font-weight:700;font-size:16px;flex-shrink:0}
.yorumcu-ad{font-weight:700;color:var(--koyu);font-size:15px}
.yorumcu-tarih{font-size:12px;color:#999}

/* CTA BANT */
.cta-bant{background:var(--turuncu);color:var(--beyaz);text-align:center;padding:60px 20px}
.cta-bant h2{font-size:clamp(22px,4vw,34px);font-weight:800;margin-bottom:10px}
.cta-bant p{font-size:17px;margin-bottom:26px;opacity:.92}
.cta-butonlar{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* MARKALAR */
.markalar{background:var(--gri);padding:30px 20px;text-align:center}
.markalar p{font-size:13px;color:#888;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.marka-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.marka-tag{background:var(--beyaz);border:1px solid #dde3ed;border-radius:6px;padding:7px 16px;font-size:14px;font-weight:600;color:var(--mavi)}

/* SAYFA HERO (iç sayfalar) */
.sayfa-hero{background:linear-gradient(135deg,var(--mavi) 0%,var(--mavi2) 100%);color:var(--beyaz);text-align:center;padding:65px 24px 55px}
.sayfa-hero h1{font-size:clamp(24px,4vw,40px);font-weight:900;margin-bottom:10px}
.sayfa-hero p{font-size:17px;opacity:.88;max-width:560px;margin:0 auto}
.ekmek{font-size:13px;opacity:.7;margin-bottom:12px}
.ekmek a{color:rgba(255,255,255,.8)}

/* İLETİŞİM */
.iletisim-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.iletisim-bilgi{background:var(--mavi);color:var(--beyaz);border-radius:14px;padding:38px}
.iletisim-bilgi h3{font-size:22px;font-weight:800;margin-bottom:26px;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:14px}
.bilgi-item{display:flex;gap:14px;margin-bottom:22px;align-items:flex-start}
.bilgi-ikon{width:44px;height:44px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.bilgi-etiket{font-size:13px;opacity:.75;margin-bottom:3px}
.bilgi-deger{font-size:17px;font-weight:700}
.bilgi-deger a{color:var(--beyaz)}
.iletisim-butonlar{display:flex;flex-direction:column;gap:11px;margin-top:26px}
.form-kutu{background:var(--beyaz);border-radius:14px;padding:38px;box-shadow:var(--golge);border:1px solid #e8edf3}
.form-kutu h3{font-size:20px;font-weight:800;color:var(--koyu);margin-bottom:22px}
.form-grup{margin-bottom:16px}
.form-grup label{display:block;font-size:14px;font-weight:600;color:var(--koyu);margin-bottom:5px}
.form-grup input,.form-grup textarea,.form-grup select{width:100%;padding:12px 15px;border:2px solid #e0e6ef;border-radius:8px;font-size:15px;font-family:inherit;color:var(--koyu);outline:none;transition:border-color .2s}
.form-grup input:focus,.form-grup textarea:focus,.form-grup select:focus{border-color:var(--mavi2)}
.form-grup textarea{resize:vertical;min-height:110px}
.btn-gonder{width:100%;padding:14px;font-size:17px;font-weight:800;background:var(--mavi);color:var(--beyaz);border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .2s}
.btn-gonder:hover{background:var(--mavi2);transform:translateY(-1px)}

/* FAQ */
.faq-item{border:1px solid #e0e6ef;border-radius:10px;margin-bottom:11px;overflow:hidden}
.faq-s{padding:17px 20px;font-weight:700;color:var(--koyu);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--beyaz);transition:background .2s;user-select:none}
.faq-s:hover{background:var(--gri)}
.faq-s.acik{background:var(--mavi);color:var(--beyaz)}
.faq-ok{transition:transform .3s;flex-shrink:0}
.faq-s.acik .faq-ok{transform:rotate(180deg)}
.faq-c{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s;font-size:15px;color:#555;line-height:1.75}
.faq-c.acik{max-height:400px;padding:16px 20px}

/* YÜZEN BUTONLAR */
.yuzen{position:fixed;bottom:26px;right:22px;display:flex;flex-direction:column;gap:11px;z-index:9999}
.y-wa,.y-ara{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 20px rgba(0,0,0,.25);cursor:pointer;border:none;transition:transform .2s,box-shadow .2s;text-decoration:none}
.y-wa{background:var(--wa)}
.y-ara{background:var(--turuncu)}
.y-wa:hover,.y-ara:hover{transform:scale(1.12);box-shadow:0 6px 28px rgba(0,0,0,.3)}

/* FOOTER */
footer{background:#0d1b2e;color:rgba(255,255,255,.75);padding:55px 20px 0}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:36px;padding-bottom:45px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-marka p{font-size:14px;margin-top:12px;line-height:1.75}
.footer-kol h4{color:var(--beyaz);font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--turuncu);display:inline-block}
.footer-kol ul li{margin-bottom:8px}
.footer-kol ul li a{font-size:14px;color:rgba(255,255,255,.7);transition:color .2s}
.footer-kol ul li a:hover{color:#ffc947}
.footer-iletisim p{display:flex;align-items:flex-start;gap:9px;font-size:14px;margin-bottom:9px;line-height:1.5}
.footer-alt{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:13px;flex-wrap:wrap;gap:8px}

/* RESPONSİVE */
@media(max-width:900px){
  .split,.iletisim-grid{grid-template-columns:1fr}
  .split.ters{direction:ltr}
  .sayilar-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--mavi);padding:14px;gap:4px}
  nav.acik{display:flex}
  header{position:relative}
  .hamburger{display:flex}
  .hero-butonlar,.cta-butonlar{flex-direction:column}
  .btn{justify-content:center}
  section{padding:48px 16px}
  .iletisim-bilgi,.form-kutu{padding:26px 18px}
  .footer-grid{grid-template-columns:1fr}
}