*{box-sizing:border-box}
:root{--navy:#061b38;--navy2:#082b59;--blue:#70b8ff;--text:#071735;--line:#e5e9ee}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}
.container{width:min(1260px,94%);margin:0 auto}

/* Topbar */
.topbar{height:40px;background:linear-gradient(90deg,#04142d,#082b59);color:#fff;display:flex;align-items:center}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.socials{display:flex;gap:24px;font-size:19px;font-weight:900}
.top-contact{display:flex;gap:52px;align-items:center;font-size:15px}
.top-contact a{white-space:nowrap}

/* Nav */
.navbar{height:88px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.07);position:sticky;top:0;z-index:100}
.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between}
.brand img{width:190px;display:block}
.menu{display:flex;align-items:center;gap:45px;font-size:14px;text-transform:uppercase;font-weight:900}
.menu a{position:relative;white-space:nowrap}
.menu a.active:after,.menu a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:3px;background:#061b38}

/* Hero */
.hero{height:265px;position:relative;overflow:hidden;background:#eef3f8}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.78) 35%,rgba(255,255,255,.07) 78%),url("../images/hero.jpg") center/cover no-repeat}
.hero-content{height:265px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero h1{margin:0 0 11px;font-size:41px;line-height:1.08;text-transform:uppercase;font-weight:900;letter-spacing:-.02em;color:#071735}
.hero p{font-size:16px;margin:0 0 18px;max-width:570px;color:#071735}
.detail-btn{background:#061b38;color:#fff;padding:10px 20px;border-radius:4px;font-weight:900;text-transform:uppercase;font-size:13px;display:inline-flex;align-items:center;gap:15px}
.detail-btn span{font-size:20px}
.dots{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:11px}
.dots span,.dots i{width:12px;height:12px;border-radius:50%;background:#fff;display:block}
.dots span{background:#061b38}

/* Services */
.services{padding:14px 0 12px;background:#fff}
.section-title{text-align:center;margin-bottom:12px}
.section-title small{display:block;text-transform:uppercase;color:#061b38;font-size:13px;font-weight:900}
.section-title h2{margin:0;text-transform:uppercase;font-size:24px;line-height:1.2;color:#071735}
.snow{position:relative;width:82px;margin:1px auto 0;color:#0b60bd;font-size:14px}
.snow:before,.snow:after{content:"";position:absolute;top:50%;width:32px;height:1px;background:#b9c7d8}
.snow:before{left:0}.snow:after{right:0}
.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.service-grid article{display:grid;grid-template-columns:47% 53%;align-items:center;background:#fff;border:1px solid #e5e9ee;border-radius:5px;min-height:135px;padding:10px 10px;box-shadow:0 4px 15px rgba(0,0,0,.045)}
.service-grid img{width:100%;height:103px;object-fit:contain;display:block}
.service-text{padding-left:4px}
.service-grid h3{margin:0 0 6px;text-transform:uppercase;color:#061b38;font-size:12px;line-height:1.25}
.service-grid p{margin:0;color:#111;font-size:10.5px;line-height:1.45}

/* Stats */
.stats{background:linear-gradient(90deg,#04142d,#082b59);color:#fff;padding:15px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{display:grid;grid-template-columns:45px auto;column-gap:15px;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.22)}
.stat:last-child{border-right:0}
.stat b{font-size:31px;color:#7dc1ff;font-weight:400;grid-row:span 2}
.stat strong{font-size:27px;line-height:1;font-weight:900}
.stat p{margin:2px 0 0;text-transform:uppercase;font-size:11px;font-weight:800}

/* Why */
.why{padding:18px 0 16px;background:#fff}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.why-grid article{text-align:center;padding:4px 42px;border-right:1px solid #cfd8e3;min-height:88px}
.why-grid article:last-child{border-right:0}
.why-grid div{font-size:29px;color:#0b60bd;line-height:1}
.why-grid h3{margin:7px 0 4px;text-transform:uppercase;color:#061b38;font-size:12px}
.why-grid p{margin:0;color:#222;font-size:11px;line-height:1.45}

/* About / Products */
.about{background:#f5f8fc;padding:28px 0}
.about-box{background:linear-gradient(90deg,#061b38,#082b59);color:#fff;border-radius:6px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.about-box span{text-transform:uppercase;font-weight:900;color:#a8d7ff;font-size:13px}
.about-box h2{margin:5px 0 8px;font-size:25px}
.about-box p{margin:0;color:#e1edf8;max-width:740px}
.about-box a{background:#fff;color:#061b38;padding:12px 20px;border-radius:4px;font-weight:900}
.products{padding:28px 0 35px;background:#fff}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.product-grid span{background:#f5f8fc;border:1px solid #e3e9f0;color:#061b38;padding:17px 14px;border-radius:5px;text-align:center;font-weight:900}

/* Footer */
.footer{background:linear-gradient(90deg,#04142d,#082b59);color:#dce8f5;padding:19px 0 12px}
.footer-grid{display:grid;grid-template-columns:250px 330px 1fr;gap:48px;align-items:start}
.footer-brand img{width:165px;filter:brightness(0) invert(1);margin-bottom:12px}
.footer-brand p{font-size:13px;line-height:1.65;margin:0;color:#fff}
.footer h3{color:#fff;margin:0 0 12px;text-transform:uppercase;font-size:15px}
.footer-contact p{margin:6px 0;font-size:14px}
.footer-map iframe{width:100%;height:112px;border:0;border-radius:4px}
.copyright{display:flex;justify-content:space-between;gap:20px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;color:#b8c7d8}
.copyright strong{color:#1597ff}
.whatsapp{position:fixed;right:25px;bottom:24px;width:54px;height:54px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 12px 28px rgba(37,211,102,.36);z-index:200}
.whatsapp svg{width:37px;height:37px;fill:#fff}

/* Responsive */
@media(max-width:1100px){
  .top-contact{gap:18px;font-size:13px;flex-wrap:wrap;justify-content:flex-end}
  .menu{gap:18px;font-size:12px}
  .service-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-map{grid-column:1/-1}
  .footer-map iframe{height:190px}
}
@media(max-width:760px){
  .topbar{height:auto;padding:8px 0}
  .topbar-inner{flex-direction:column;gap:8px;text-align:center}
  .top-contact{justify-content:center}
  .navbar,.nav-inner{height:auto}
  .nav-inner{flex-direction:column;padding:14px 0}
  .brand img{width:190px}
  .menu{flex-wrap:wrap;justify-content:center}
  .hero,.hero-content{height:auto;min-height:360px}
  .hero h1{font-size:33px}
  .service-grid,.stats-grid,.why-grid,.product-grid,.footer-grid{grid-template-columns:1fr}
  .service-grid article{grid-template-columns:150px 1fr}
  .stat,.why-grid article{border-right:0;border-bottom:1px solid rgba(0,0,0,.14);padding:14px 0}
  .about-box{flex-direction:column;align-items:flex-start}
  .copyright{flex-direction:column;text-align:center}
}


/* SON DÜZELTME: footer logosu ve hizmet kartları */
.footer-brand img{
  width:185px !important;
  height:auto !important;
  display:block !important;
  margin:0 0 12px 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  filter:none !important;
  object-fit:contain !important;
}

.service-grid article{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:142px !important;
  padding:10px 12px !important;
  overflow:hidden !important;
}

.service-grid article img{
  flex:0 0 43% !important;
  width:43% !important;
  max-width:43% !important;
  height:108px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 !important;
}

.service-grid .service-text{
  flex:1 1 57% !important;
  width:57% !important;
  max-width:57% !important;
  padding-left:0 !important;
  overflow:hidden !important;
}

.service-grid h3{
  font-size:11.2px !important;
  line-height:1.18 !important;
  margin:0 0 5px !important;
  letter-spacing:0 !important;
}

.service-grid p{
  font-size:9.8px !important;
  line-height:1.35 !important;
  margin:0 !important;
}

@media(max-width:1100px){
  .service-grid article{
    min-height:150px !important;
  }
  .service-grid article img{
    height:112px !important;
  }
  .service-grid h3{font-size:12px !important;}
  .service-grid p{font-size:10.5px !important;}
}

@media(max-width:760px){
  .service-grid article{
    display:grid !important;
    grid-template-columns:125px 1fr !important;
  }
  .service-grid article img{
    width:125px !important;
    max-width:125px !important;
    height:105px !important;
  }
  .service-grid .service-text{
    width:auto !important;
    max-width:none !important;
  }
}