/* ===================================================================
   AYMIS TEDARİK — Tema
   Palet logodan türetildi: derin lacivert → çelik mavi metalik geçiş
   =================================================================== */
:root{
  /* zeminler — açık & ferah */
  --bg:         #ffffff;   /* ana zemin       */
  --bg-soft:    #f3f7fc;   /* alternatif bölüm */
  --bg-tint:    #eaf2fb;   /* hafif mavi panel */
  --panel:      #ffffff;   /* kart zemini      */
  /* logo mavileri — vurgu & metin */
  --navy:       #002040;   /* logo lacivert    */
  --navy-2:     #103060;
  --blue:       #1f5e9e;   /* başlık mavisi    */
  --blue-2:     #2f78c4;
  --chrome:     #2f78c4;   /* parlak vurgu     */
  --chrome-2:   #5fa0d8;
  --ice:        #0a2540;   /* en koyu metin (lacivert) */
  --paper:      #ffffff;
  --line:       rgba(31,94,158,.18);
  --line-soft:  rgba(31,94,158,.10);
  --txt:        #2d4256;   /* gövde metni      */
  --txt-dim:    #65788c;   /* ikincil metin    */
  --grad-metal: linear-gradient(135deg,#002040 0%,#1f5e9e 45%,#2f78c4 72%,#5fa0d8 100%);
  --grad-line:  linear-gradient(90deg,transparent,var(--chrome),transparent);
  --shadow:     0 22px 50px -26px rgba(15,55,110,.35);
  --r:          14px;
  --maxw:       1180px;
  --font-disp:  "Saira Condensed", "Arial Narrow", sans-serif;
  --font-body:  "Inter", system-ui, -apple-system, sans-serif;
  /* geriye dönük alias'lar (açık tema) */
  --ink:        #ffffff;
  --steel-900:  #f3f7fc;
  --steel-800:  #eaf2fb;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--txt);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px}

/* ---------- tipografi ---------- */
h1,h2,h3,.disp{
  font-family:var(--font-disp);
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.02;
  color:var(--ice);
  text-transform:uppercase;
}
.eyebrow{
  font-family:var(--font-disp);
  text-transform:uppercase;
  letter-spacing:.34em;
  font-size:.74rem;
  font-weight:600;
  color:var(--chrome);
  display:inline-flex;
  align-items:center;
  gap:.7rem;
}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--chrome);opacity:.6}
.metal-text{
  background:var(--grad-metal);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* ---------- buton ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--font-disp);text-transform:uppercase;
  letter-spacing:.12em;font-weight:600;font-size:.92rem;
  padding:.85rem 1.6rem;border-radius:10px;
  border:1px solid transparent;cursor:pointer;
  transition:.25s ease;
}
.btn-primary{
  background:var(--grad-metal);color:#031022;
  box-shadow:0 10px 30px -10px rgba(48,96,144,.7);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px -10px rgba(111,168,220,.6)}
.btn-ghost{
  border-color:var(--line);color:var(--blue);background:var(--bg-tint);
}
.btn-ghost:hover{border-color:var(--chrome);color:var(--navy);background:#dceaf9}

/* ===================================================================
   HEADER
   =================================================================== */
.site-head{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:.7rem}
.brand img{height:42px;width:auto}
.brand .bw{font-family:var(--font-disp);text-transform:uppercase;line-height:.95}
.brand .bw b{display:block;font-size:1.18rem;letter-spacing:.06em;color:var(--ice)}
.brand .bw span{font-size:.58rem;letter-spacing:.28em;color:var(--blue)}
.menu{display:flex;align-items:center;gap:2rem;list-style:none}
.menu a{
  font-family:var(--font-disp);text-transform:uppercase;
  font-size:.92rem;letter-spacing:.1em;color:var(--txt);
  padding:.4rem 0;position:relative;transition:.2s;
}
.menu a:hover,.menu a.active{color:var(--ice)}
.menu a::after{
  content:"";position:absolute;left:0;bottom:-3px;height:2px;width:0;
  background:var(--grad-metal);transition:.28s;
}
.menu a:hover::after,.menu a.active::after{width:100%}
.burger{display:none;background:none;border:0;cursor:pointer;color:var(--ice)}

/* ===================================================================
   HERO
   =================================================================== */
.hero{position:relative;overflow:hidden;padding:96px 0 110px;background:linear-gradient(180deg,#eaf2fb,#ffffff)}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(60% 70% at 78% 18%,rgba(47,120,196,.18),transparent 60%),
    radial-gradient(50% 60% at 12% 88%,rgba(31,94,158,.12),transparent 60%);
}
/* tedarik zinciri ağ çizgileri — imza öğesi */
.hero-grid{
  position:absolute;inset:0;opacity:.5;
  background-image:
    linear-gradient(var(--line-soft) 1px,transparent 1px),
    linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(80% 80% at 70% 30%,#000,transparent);
  mask-image:radial-gradient(80% 80% at 70% 30%,#000,transparent);
}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(2.6rem,6vw,5rem);margin:1.1rem 0 1.3rem}
.hero p.lead{font-size:1.12rem;color:var(--txt);max-width:46ch;margin-bottom:2rem}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}
.hero-mark{display:flex;justify-content:center;align-items:center;position:relative}
.hero-mark img{
  width:min(360px,80%);
  filter:drop-shadow(0 30px 60px rgba(32,80,128,.55));
  animation:floaty 6s ease-in-out infinite;
}
@keyframes floaty{50%{transform:translateY(-14px)}}
.hero-mark::after{
  content:"";position:absolute;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(47,120,196,.20),transparent 65%);
  z-index:-1;
}

/* ---------- istatistik şeridi ---------- */
.stats{
  border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);
  background:var(--bg-soft);
}
.stats .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft)}
.stat{padding:2.2rem 1.2rem;text-align:center;background:var(--bg-soft)}
.stat .v{font-family:var(--font-disp);font-size:2.8rem;line-height:1;
  background:var(--grad-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat .l{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-dim);margin-top:.6rem;font-family:var(--font-disp)}

/* ===================================================================
   GENEL BÖLÜM
   =================================================================== */
.section{padding:92px 0}
.section-head{max-width:62ch;margin-bottom:3rem}
.section-head h2{font-size:clamp(2rem,4vw,3rem);margin:.9rem 0 1rem}
.section-head p{color:var(--txt-dim);font-size:1.05rem}

/* ---------- iş kolları grid ---------- */
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.s-card{
  position:relative;display:block;
  background:var(--panel);
  border:1px solid var(--line);border-radius:var(--r);
  padding:1.8rem 1.6rem 1.7rem;overflow:hidden;
  transition:.3s ease;
}
.s-card::before{
  content:"";position:absolute;inset:0 auto auto 0;height:3px;width:100%;
  background:var(--grad-metal);transform:scaleX(0);transform-origin:left;transition:.35s;
}
.s-card:hover{transform:translateY(-6px);border-color:var(--chrome);box-shadow:var(--shadow)}
.s-card:hover::before{transform:scaleX(1)}
.s-ico{
  width:52px;height:52px;border-radius:12px;display:grid;place-items:center;
  background:var(--bg-tint);border:1px solid var(--line);margin-bottom:1.1rem;color:var(--blue);
}
.s-card h3{font-size:1.4rem;color:var(--ice);margin-bottom:.55rem}
.s-card p{font-size:.95rem;color:var(--txt-dim)}
.s-card .more{
  margin-top:1.1rem;font-family:var(--font-disp);text-transform:uppercase;
  letter-spacing:.12em;font-size:.82rem;color:var(--blue);display:inline-flex;gap:.4rem;align-items:center;
}
.s-card:hover .more{gap:.7rem}

/* ---------- vizyon misyon ---------- */
.vm{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vm-card{
  border:1px solid var(--line);border-radius:var(--r);padding:2.4rem;
  background:
    radial-gradient(120% 120% at 0 0,rgba(47,120,196,.08),transparent 55%),
    var(--bg-soft);
  position:relative;
}
.vm-card .tag{font-family:var(--font-disp);font-size:.78rem;letter-spacing:.28em;
  text-transform:uppercase;color:var(--blue)}
.vm-card h3{font-size:1.8rem;margin:.6rem 0 1rem}
.vm-card p{color:var(--txt);font-size:1.04rem}
.vm-num{position:absolute;top:1.4rem;right:1.8rem;font-family:var(--font-disp);
  font-size:4rem;line-height:1;color:rgba(47,120,196,.12)}

/* ---------- değerler ---------- */
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:2.4rem}
.val{border:1px solid var(--line-soft);border-radius:12px;padding:1.5rem;background:var(--panel)}
.val .vi{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;
  color:var(--blue);background:var(--bg-tint);margin-bottom:.9rem}
.val h4{font-family:var(--font-disp);text-transform:uppercase;letter-spacing:.05em;
  font-size:1.05rem;color:var(--ice);margin-bottom:.4rem}
.val p{font-size:.88rem;color:var(--txt-dim)}

/* ---------- CTA bandı ---------- */
.cta-band{
  border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative;
  background:var(--grad-metal);padding:3.4rem;
  display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;
}
.cta-band::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,16,38,.10),rgba(0,16,38,.30));}
.cta-band > *{position:relative;z-index:1}
.cta-band h2{color:#ffffff;font-size:2.2rem}
.cta-band p{color:rgba(255,255,255,.88);max-width:42ch;margin-top:.4rem}
.cta-band .btn{background:#ffffff;color:var(--navy)}
.cta-band .btn:hover{background:#eaf2fb;color:var(--navy)}

/* ===================================================================
   SAYFA İÇİ (about / sectors list / detail / contact)
   =================================================================== */
.page-hero{padding:72px 0 40px;border-bottom:1px solid var(--line-soft);position:relative;overflow:hidden;background:linear-gradient(180deg,#eaf2fb,#ffffff)}
.page-hero .hero-grid{opacity:.4}
.page-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-top:.8rem;position:relative}
.page-hero p{color:var(--txt-dim);max-width:60ch;margin-top:1rem;position:relative}
.crumb{font-family:var(--font-disp);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-dim)}
.crumb a:hover{color:var(--chrome)}

/* sektör detay */
.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.chip-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.chip{border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;font-size:.9rem;
  background:var(--bg-tint);color:var(--navy)}
.detail-aside{border:1px solid var(--line);border-radius:var(--r);padding:1.8rem;
  background:var(--bg-soft);position:sticky;top:96px}
.detail-aside h4{font-family:var(--font-disp);text-transform:uppercase;letter-spacing:.1em;color:var(--ice);margin-bottom:1rem}
.detail-aside ul{list-style:none}
.detail-aside li{display:flex;gap:.7rem;padding:.55rem 0;border-bottom:1px solid var(--line-soft);font-size:.92rem;color:var(--txt)}
.detail-aside li:last-child{border-bottom:0}
.detail-aside li svg{color:var(--chrome);flex-shrink:0;margin-top:3px}

/* iletişim */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.field{margin-bottom:1.2rem}
.field label{display:block;font-family:var(--font-disp);text-transform:uppercase;
  letter-spacing:.1em;font-size:.78rem;color:var(--txt-dim);margin-bottom:.5rem}
.field input,.field select,.field textarea{
  width:100%;background:#ffffff;border:1px solid var(--line);border-radius:10px;
  padding:.85rem 1rem;color:var(--ice);font-family:var(--font-body);font-size:.98rem;transition:.2s;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--chrome);box-shadow:0 0 0 3px rgba(47,120,196,.14)}
.field textarea{resize:vertical;min-height:130px}
.info-row{display:flex;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line-soft)}
.info-row .ii{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:var(--blue);background:var(--bg-tint);flex-shrink:0}
.info-row b{font-family:var(--font-disp);text-transform:uppercase;letter-spacing:.08em;color:var(--ice);font-size:.9rem}
.info-row span{color:var(--txt-dim);font-size:.95rem}
.info-row span a{color:var(--blue)}
.info-row span a:hover{color:var(--navy)}

/* flash */
.flash{padding:1rem 1.2rem;border-radius:10px;margin-bottom:1.4rem;font-size:.95rem}
.flash.success{background:rgba(48,120,90,.16);border:1px solid rgba(80,200,140,.4);color:#bff3d8}
.flash.error{background:rgba(150,50,60,.16);border:1px solid rgba(220,90,100,.4);color:#f6c9cf}

/* ===================================================================
   FOOTER
   =================================================================== */
.site-foot{border-top:1px solid var(--line-soft);background:var(--navy);padding:56px 0 28px;margin-top:40px}
.site-foot .foot-grid p{color:#a9c2db}
.site-foot .foot-col h5{color:#7fb4e6}
.site-foot .foot-col a,.site-foot .foot-col span{color:#9fb8d2}
.site-foot .foot-col a:hover{color:#ffffff}
.site-foot .foot-bottom{border-top:1px solid rgba(255,255,255,.12);color:#8aa4c0}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:36px}
.foot-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}
.foot-brand img{height:46px;width:auto;margin:0}
.foot-brand span{font-family:var(--font-disp);text-transform:uppercase;line-height:.95}
.foot-brand b{display:block;font-size:1.2rem;letter-spacing:.06em;color:#fff}
.foot-brand i{font-style:normal;font-size:.6rem;letter-spacing:.28em;color:#7fb4e6}
.foot-grid p{color:var(--txt-dim);font-size:.92rem;max-width:34ch}
.foot-col h5{font-family:var(--font-disp);text-transform:uppercase;letter-spacing:.14em;
  font-size:.82rem;color:var(--chrome);margin-bottom:1rem}
.foot-col a,.foot-col span{display:block;color:var(--txt-dim);font-size:.92rem;padding:.3rem 0;transition:.2s}
.foot-col a:hover{color:var(--ice)}
.foot-bottom{border-top:1px solid var(--line-soft);padding-top:22px;display:flex;
  justify-content:space-between;flex-wrap:wrap;gap:1rem;color:var(--txt-dim);font-size:.84rem}

/* 404 */
.nf{min-height:60vh;display:grid;place-items:center;text-align:center}
.nf .big{font-family:var(--font-disp);font-size:9rem;line-height:1;
  background:var(--grad-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ===================================================================
   RESPONSIVE
   =================================================================== */
@media (max-width:980px){
  .hero .wrap{grid-template-columns:1fr;text-align:center}
  .hero-cta{justify-content:center}
  .hero-mark{order:-1}
  .sector-grid{grid-template-columns:repeat(2,1fr)}
  .values{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .stats .grid{grid-template-columns:repeat(2,1fr)}
  .detail-grid,.contact-grid,.vm{grid-template-columns:1fr}
  .detail-aside{position:static}
}
@media (max-width:620px){
  .menu{
    position:fixed;inset:74px 0 auto 0;flex-direction:column;gap:0;
    background:rgba(255,255,255,.98);backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);padding:1rem 0;
    transform:translateY(-120%);transition:.3s;
  }
  .menu.open{transform:translateY(0)}
  .menu li{width:100%;text-align:center;padding:.4rem 0}
  .burger{display:block}
  .sector-grid,.values{grid-template-columns:1fr}
  .cta-band{padding:2.2rem;flex-direction:column;align-items:flex-start}
  .foot-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}