 <style>
/* Fade-in animasyonları */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}

/* Stats numara animasyonu için */
.num {
  font-weight: bold;
  font-size: 2rem;
  transition: all 0.3s ease;
}

.form-status {
  display:block;
  margin:12px 22px 0 22px;
  font-weight:700;
}
.form-status.success { color:#0f7a39; }
.form-status.error { color:#b30000; }

.btn.submit {
  background: linear-gradient(135deg, var(--burgundy), #b30000);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 14px 24px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  width: 100%;
  text-align: center;
  transition: background .25s ease, transform .15s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,.15);
}
.btn.submit:hover {
  background: linear-gradient(135deg, #a00000, var(--burgundy));
  transform: translateY(-1px);
}
.btn.submit:disabled {
  opacity:.7;
  cursor:not-allowed;
}


    :root{
      --navy:#0A1D37; --burgundy:#8B0000; --gray:#6E6E6E; --dark:#1d1f23; --light:#f5f6f8;
      --white:#ffffff; --muted:#e6e8ec; --shadow:0 10px 25px rgba(0,0,0,.08); --radius:14px;
      /* Arka plan görselini sen koy: */
      --hero-image: url('/assets/header.png');
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;color:var(--dark);background:var(--light);width:100%;overflow-x:hidden}
    img{max-width:100%;height:auto;display:block}
    a{color:inherit;text-decoration:none}
    .container{max-width:1200px;margin:0 auto;padding:0 20px}

    /* HEADER */
    header{position:sticky;top:0;z-index:1000;background:var(--white);box-shadow:var(--shadow)}
    .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
    .brand{display:flex;align-items:center;gap:12px}
    /* LOGO: kendi dosyanı ekle */
    .logo-img{width:140px;height:auto;display:block}
    nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
    nav a{font-weight:600;color:var(--navy)}
    .menu-btn{display:none;background:var(--navy);color:#fff;border:0;border-radius:10px;padding:10px 12px}
    .lang{display:flex;gap:6px;align-items:center}
    .lang button{border:1px solid var(--muted);background:#fff;color:var(--navy);border-radius:10px;padding:8px 10px;font-weight:700;cursor:pointer}
    .lang button.active{background:var(--navy);color:#fff;border-color:var(--navy)}


    /* HERO (parallax desktop, mobile scroll) */
    .hero{
      position:relative; isolation:isolate;
      padding:110px 0 84px;
      border-bottom:1px solid var(--muted);
      color:#fff;
      background-color:#0A1D37;
      background-image: var(--hero-image);
      background-position:center;
      background-size:cover;
      background-repeat:no-repeat;
      background-attachment: fixed; /* desktop parallax */
    }
    .hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.35));pointer-events:none}
    .hero > .container{max-width:1200px;padding:0 16px}
    .hero .eyebrow{color:#fff;opacity:.92;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
    h1{font-size:44px;line-height:1.08;margin:.3rem 0 1rem;color:#fff}
    .lead{font-size:1.05rem;color:#e9edf3;margin:0 0 22px}
    .hero-cta{display:flex;gap:12px;flex-wrap:wrap}
    .btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;border:2px solid transparent}
    .btn.primary{background:#fff;color:var(--navy)}
    .btn.secondary{background:transparent;border-color:#fff;color:#fff}
    .hero-card{background:rgba(255,255,255,.10);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;color:#fff;position:relative;z-index:1}
    .hero-badge{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.15);padding:8px 12px;border-radius:999px;font-weight:700;color:#fff}
    .hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;position:relative;z-index:1}
.hero {
  background-attachment: scroll;
}
@media (min-width:1025px){
  .hero { background-attachment: fixed; }
}

    /* STATS */
    .stats{padding:36px 0;background:var(--white)}
    .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
    .stat{background:var(--light);border-radius:var(--radius);padding:18px;text-align:center;border:1px solid var(--muted)}
    .stat .num{font-size:30px;color:var(--burgundy);font-weight:900}
    .stat .lbl{color:#495260;font-weight:600}

    /* SERVICES (revize içerik: ithalat-ihracat-alsat) */
    .section{padding:56px 0}
    .section h2{color:var(--navy);margin:0 0 16px}
    .sub{color:#495260;margin:0 0 20px}
    .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
    .card{background:var(--white);border:1px solid var(--muted);border-radius:var(--radius);padding:0;box-shadow:var(--shadow);overflow:hidden}
    .card .media{height:210px;overflow:hidden;background:#e9ebef center/cover no-repeat}
    .card .body{padding:16px 18px}
    .card h3{margin:6px 0 8px;color:var(--navy)}
    .pill{display:inline-block;background:var(--light);border:1px solid var(--muted);padding:6px 10px;border-radius:999px;font-size:.85rem;color:#3d424a}

    /* FOOTER (mobile görünürlük fix) */
    footer{background:#0f1420;color:#c8d0da;margin-top:50px}
    .footer-top{padding:28px 0;border-bottom:1px solid #232a36}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}
    .footer-grid h4{color:#e7edf7;margin:0 0 8px}
    .footer-bottom{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 0 calc(14px + env(safe-area-inset-bottom)) 0;font-size:.95rem;color:#e7edf7}
    .footer-bottom .right{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
    .ig{width:20px;height:20px;display:inline-block}

    /* Responsive */
    @media (max-width:1024px){ .hero{background-attachment:scroll} }
    @media (max-width:960px){
      .container{padding:0 14px}
      .hero > .container{padding:0 12px}
      .hero-inner{grid-template-columns:1fr}
      .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
      .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
      nav ul{display:none}
      .menu-btn{display:inline-block}
    }
    @media (max-width:560px){
      .container{padding:0 12px}
      .hero{padding:88px 0 64px}
      .hero > .container{padding:0 10px}
      h1{font-size:34px;line-height:1.12}
      .lead{font-size:1rem}
      .stats-grid{grid-template-columns:1fr;gap:10px}
      .grid-3{grid-template-columns:1fr;gap:12px}
      .card .media{height:180px}
    }
/* --- iOS footer overflow fix --- */
.footer-grid{
  display:grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;  /* daha geniş ilk sütun */
  gap:16px;
}

.footer-grid > * { min-width:0; }          /* grid child’larda taşmayı kes */
.footer-top, .footer-bottom { overflow-wrap:anywhere; word-break:break-word; }

.ig-row{                                   /* ikon + kullanıcı adı aynı satır */
  display:flex; align-items:center; gap:8px;
  min-width:0;                             /* metin ellipsis için gerekli */
}

.ig{ width:20px; height:20px; flex:0 0 auto; }
.ig-handle{
  display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  color:#e7edf7;
}

/* ===== MOBILE FOOTER CENTER (<=560px) ===== */
@media (max-width: 560px){
  footer .footer-grid{
    grid-template-columns: 1fr;      /* tek kolon */
    text-align: center;
  }
  footer .footer-grid > *{ min-width: 0; }
  footer .logo-img{ margin: 0 auto; }      /* logoyu ortaya al */
  footer .footer-grid ul{
    display: inline-grid;              /* listeleri ortaya hizala */
    gap: 8px;
    padding: 0; margin: 0 auto;
    text-align: center;
  }

  /* Instagram satırı */
  .ig-row{ justify-content: center; }
  .ig{ width: 20px; height: 20px; flex: 0 0 auto; }
  .ig-handle{
    display:block; max-width: 100%;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    margin-left: 8px;
  }

  /* Alt çubuk (© ve e-posta) */
  .footer-bottom{
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
    padding-bottom: calc(14px + env(safe-area-inset-bottom)); /* iOS güvenli alan */
  }
  .footer-bottom .right{ justify-content: center; width: 100%; display: flex; }
}


/* Küçük ekranlarda kolonları azalt */
@media (max-width: 960px){
  .footer-grid{ grid-template-columns: 1.5fr 1fr; }
}
@media (max-width: 560px){
  .footer-grid{ grid-template-columns: 1fr; }
}
/* ==== GÖNDER BUTONU TASARIM ==== */
.btn.submit {
  background: linear-gradient(135deg, var(--burgundy), #0A1D37);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 14px 24px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  width: 100%;                /* formda tam genişlik */
  text-align: center;
  transition: background .25s ease, transform .15s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,.15);
}

.btn.submit:hover {
  background: linear-gradient(135deg, #a00000, var(--burgundy));
  transform: translateY(-1px);
}

.btn.submit:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
}


  </style>