/* ============================================================
   Aydınoğulları Arazöz — Premium Industrial / Water UI
   Görsel katman yenilemesi. SEO, URL ve içerik yapısından bağımsızdır.
   ============================================================ */

:root{
  --ink:#071722;
  --ink-2:#0B2232;
  --ink-3:#103044;
  --steel:#536675;
  --steel-light:#91A2AE;
  --tanker:#0A78B7;
  --tanker-dark:#075B8A;
  --tanker-light:#28A9E2;
  --water:#DDF4FF;
  --amber:#F3A21B;
  --amber-dark:#D98406;
  --fire:#C23A31;
  --mist:#F1F6F8;
  --paper:#FFFFFF;
  --paper-soft:#F8FBFC;
  --line:#DCE6EA;
  --line-strong:#C7D5DC;
  --text:#162733;
  --text-soft:#5A6E7B;
  --success:#23A55A;

  --display:'Big Shoulders Display', sans-serif;
  --body:'Inter', sans-serif;
  --mono:'IBM Plex Mono', monospace;

  --container:1220px;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 8px 24px rgba(7,23,34,.07);
  --shadow:0 18px 48px rgba(7,23,34,.12);
  --shadow-strong:0 28px 70px rgba(7,23,34,.2);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;
  font-family:var(--body);
  color:var(--text);
  background:var(--mist);
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body::selection{background:var(--tanker);color:#fff}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{
  font-family:var(--display);
  font-weight:700;
  line-height:1.02;
  margin:0;
  letter-spacing:.012em;
}
p{margin:0 0 1rem}
.container{width:min(calc(100% - 48px),var(--container));margin:0 auto;padding:0}

/* Keyboard accessibility */
a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:3px solid var(--amber);
  outline-offset:3px;
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ---------- Shared labels ---------- */
.eyebrow{
  font-family:var(--mono);
  font-size:11.5px;
  font-weight:500;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#66CAF2;
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}
.eyebrow::before{
  content:"";
  width:28px;
  height:2px;
  border-radius:10px;
  background:linear-gradient(90deg,var(--amber),#FFD472);
  box-shadow:0 0 16px rgba(243,162,27,.45);
}
.eyebrow.on-light{color:var(--tanker-dark)}
.eyebrow.on-light::before{background:linear-gradient(90deg,var(--tanker),var(--tanker-light));box-shadow:none}

/* ---------- Header ---------- */
.site-header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(7,23,34,.94);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  box-shadow:0 6px 26px rgba(0,0,0,.12);
  transition:background .25s ease,box-shadow .25s ease;
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(40,169,226,.55),rgba(243,162,27,.45),transparent);
  pointer-events:none;
}
.site-header.is-scrolled{background:rgba(5,18,28,.98);box-shadow:0 12px 34px rgba(0,0,0,.2)}
.site-header .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:82px;
  gap:18px;
}
.brand{display:flex;align-items:center;flex:none;min-width:0;position:relative;padding:7px 0}
.brand::after{
  content:"30+ YIL";
  position:absolute;
  right:-36px;
  bottom:5px;
  font-family:var(--mono);
  font-size:7.5px;
  letter-spacing:.08em;
  color:rgba(255,255,255,.48);
}
.brand-logo{height:58px;width:auto;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}

nav.main-nav{display:flex;align-items:center;flex:1;min-width:0;justify-content:flex-end}
nav.main-nav>ul{display:flex;align-items:center;gap:2px}
.mobile-menu-foot{display:none}
nav.main-nav a,nav.main-nav button.sub-toggle{
  position:relative;
  color:#D1DCE2;
  font-size:13.5px;
  font-weight:600;
  padding:12px 11px;
  display:flex;
  align-items:center;
  gap:6px;
  background:none;
  border:0;
  border-radius:10px;
  font-family:var(--body);
  cursor:pointer;
  white-space:nowrap;
  transition:color .18s ease,background .18s ease;
}
nav.main-nav a::after,nav.main-nav button.sub-toggle::after{
  content:"";
  position:absolute;
  left:11px;right:11px;bottom:5px;
  height:2px;
  border-radius:2px;
  transform:scaleX(0);
  transform-origin:center;
  background:linear-gradient(90deg,var(--tanker-light),var(--amber));
  transition:transform .2s ease;
}
nav.main-nav a:hover,nav.main-nav a.active,nav.main-nav button.sub-toggle:hover,nav.main-nav button.sub-toggle.active{color:#fff;background:rgba(255,255,255,.055)}
nav.main-nav a:hover::after,nav.main-nav a.active::after,nav.main-nav button.sub-toggle:hover::after,nav.main-nav button.sub-toggle.active::after{transform:scaleX(1)}
.chev{font-size:10px;transition:transform .18s ease}.has-sub.open .chev{transform:rotate(180deg)}
.has-sub{position:relative}.has-sub:hover .sub-menu,.has-sub.open .sub-menu{display:block}
.sub-menu{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  left:-10px;
  min-width:300px;
  padding:10px;
  z-index:90;
  background:rgba(8,29,43,.985);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
}
.sub-menu::before{content:"";position:absolute;left:30px;top:-6px;width:12px;height:12px;background:#0A2030;border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);transform:rotate(45deg)}
.sub-menu a{font-size:13.5px!important;padding:11px 12px!important;color:#DDE7EC!important;display:block!important;border-radius:9px!important}
.sub-menu a::after{display:none}
.sub-menu a:hover{background:rgba(40,169,226,.11)!important;color:#fff!important}

.header-cta{display:flex;align-items:center;gap:9px;flex:none}
.btn-phone,.btn-whatsapp-icon{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.btn-phone{
  font-family:var(--mono);
  font-size:12.5px;
  font-weight:500;
  color:#fff;
  padding:10px 13px;
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:11px;
}
.btn-phone:hover{border-color:rgba(243,162,27,.8);background:rgba(243,162,27,.09);transform:translateY(-1px)}
.btn-whatsapp-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}
.btn-whatsapp-icon:hover{border-color:#25D366;background:rgba(37,211,102,.1);color:#53E27F;transform:translateY(-1px)}
.nav-toggle{display:none;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.18);border-radius:11px;color:#fff;width:44px;height:44px;align-items:center;justify-content:center;flex:none;cursor:pointer;font-size:20px}

/* ---------- Buttons ---------- */
.btn{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-weight:700;
  font-size:14px;
  padding:14px 23px;
  border:1px solid transparent;
  cursor:pointer;
  border-radius:12px;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
  position:relative;
  overflow:hidden;
}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.22) 50%,transparent 80%);transform:translateX(-120%);transition:transform .45s ease}
.btn:hover::before{transform:translateX(120%)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn-amber{background:linear-gradient(135deg,#FFB735,var(--amber));color:#241703;border-color:#F3A21B;box-shadow:0 12px 28px rgba(243,162,27,.24)}
.btn-amber:hover{background:linear-gradient(135deg,#FFC457,#E8900B);box-shadow:0 16px 34px rgba(243,162,27,.32)}
.btn-outline{background:rgba(255,255,255,.055);color:#fff;border-color:rgba(255,255,255,.3);backdrop-filter:blur(5px)}
.btn-outline:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.65)}
.btn-outline-dark{background:#fff;color:var(--ink);border-color:var(--line-strong)}
.btn-outline-dark:hover{border-color:var(--tanker);color:var(--tanker-dark);box-shadow:var(--shadow-sm)}
.btn-block{width:100%}

/* ---------- Home hero ---------- */
.hero{
  position:relative;
  isolation:isolate;
  color:#fff;
  background-color:var(--ink);
  background-size:cover;
  background-position:center;
  min-height:680px;
  padding:0;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(4,16,25,.96) 0%,rgba(4,20,31,.87) 40%,rgba(4,20,31,.42) 73%,rgba(4,20,31,.62) 100%),
    linear-gradient(0deg,rgba(4,18,28,.93) 0%,rgba(4,18,28,.12) 48%,rgba(4,18,28,.15) 100%);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 28%,rgba(40,169,226,.23),transparent 28%),
    linear-gradient(115deg,transparent 0 64%,rgba(255,255,255,.035) 64% 64.4%,transparent 64.4% 100%);
}
.hero-inner{position:relative;z-index:2;padding-top:106px;padding-bottom:80px}
.hero-inner::before{
  content:"";
  position:absolute;
  left:0;
  top:62px;
  width:92px;
  height:4px;
  border-radius:8px;
  background:linear-gradient(90deg,var(--tanker-light),var(--amber));
  box-shadow:0 0 24px rgba(40,169,226,.35);
}
.hero h1{
  font-size:clamp(46px,6.2vw,78px);
  color:#fff;
  max-width:900px;
  text-wrap:balance;
  text-shadow:0 12px 40px rgba(0,0,0,.28);
}
.hero p.lede{font-size:18px;line-height:1.75;max-width:670px;color:#DAE6EC;margin:22px 0 32px}
.hero p.lede strong{color:#fff;font-weight:700}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Hero service strip */
.plate-strip{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  padding-bottom:28px;
  margin-top:0;
}
.plate{
  min-height:100px;
  padding:20px 18px;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.plate:hover{transform:translateY(-5px);background:rgba(255,255,255,.105);border-color:rgba(40,169,226,.4)}
.plate::before{content:"";position:absolute;top:0;left:18px;width:38px;height:2px;background:linear-gradient(90deg,var(--tanker-light),var(--amber));border-radius:0 0 8px 8px}
.plate::after{display:none}
.plate-label{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.11em;color:#94A9B5;text-transform:uppercase;display:block;margin-bottom:8px}
.plate-value{font-family:var(--display);font-size:19px;font-weight:700;color:#fff;line-height:1.08}
.plate a.plate-value:hover{color:#7ED8FF}

/* ---------- Sections ---------- */
section{padding:96px 0}
.section-tight{padding:60px 0}
.section-head{max-width:750px;margin-bottom:48px}
.section-head h2{font-size:clamp(34px,4.3vw,52px);color:var(--ink);text-wrap:balance}
.section-head p{color:var(--text-soft);font-size:16px;line-height:1.75;margin-top:16px;max-width:680px}
.bg-paper{background:var(--paper)}
.bg-paper:not(.section-tight){position:relative}
.bg-paper:not(.section-tight)::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 8%,rgba(40,169,226,.075),transparent 22%)}
.bg-ink{position:relative;isolation:isolate;background:linear-gradient(135deg,#071722,#0B2638);color:#fff;overflow:hidden}
.bg-ink::before{content:"";position:absolute;z-index:-1;width:520px;height:520px;border-radius:50%;right:-220px;top:-210px;background:radial-gradient(circle,rgba(40,169,226,.2),transparent 66%)}
.bg-ink::after{content:"";position:absolute;z-index:-1;left:-180px;bottom:-260px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(243,162,27,.08),transparent 65%)}
.bg-ink .section-head h2,.bg-ink h2{color:#fff}
.bg-ink .section-head p{color:#AFC1CB}
.bg-ink .checklist li{color:#D7E2E8}

/* ---------- Stats ---------- */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:transparent;border:0}
.stat-plate{
  min-height:128px;
  background:linear-gradient(180deg,#fff,#F9FCFD);
  padding:27px 24px;
  position:relative;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(7,23,34,.055);
  overflow:hidden;
}
.stat-plate::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--tanker),var(--tanker-light),var(--amber));transform:scaleX(.28);transform-origin:left;transition:transform .3s ease}
.stat-plate:hover::after{transform:scaleX(1)}
.stat-plate .plate-label{color:var(--steel)}
.stat-plate .plate-value{color:var(--ink);font-size:clamp(28px,3vw,38px)}

/* ---------- Service / product cards ---------- */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:transparent;border:0}
.service-card{
  min-height:220px;
  background:linear-gradient(180deg,#fff 0%,#FBFDFE 100%);
  padding:30px 26px;
  display:flex;
  flex-direction:column;
  gap:14px;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 10px 28px rgba(7,23,34,.06);
  position:relative;
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.service-card::before{content:"";position:absolute;right:-46px;top:-50px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(40,169,226,.12),rgba(40,169,226,0) 69%);transition:transform .25s ease}
.service-card::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--tanker),var(--tanker-light),var(--amber));transform:scaleX(.16);transform-origin:left;transition:transform .25s ease}
.service-card:hover{transform:translateY(-7px);border-color:#BDDCEB;box-shadow:0 22px 48px rgba(7,23,34,.13)}
.service-card:hover::before{transform:scale(1.3)}
.service-card:hover::after{transform:scaleX(1)}
.service-card .icon{width:42px;height:42px;color:var(--tanker)}
.service-card h3{font-size:23px;color:var(--ink);font-family:var(--display);position:relative}
.service-card p{font-size:14px;line-height:1.7;color:var(--text-soft);margin:0;flex:1;position:relative}
.service-card .go{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--tanker-dark);letter-spacing:.06em;position:relative;display:flex;align-items:center;gap:8px}
.service-card .go::before{content:"";width:22px;height:1px;background:var(--tanker);transition:width .2s ease}
.service-card:hover .go::before{width:34px}
.service-card img{transition:transform .35s ease,filter .35s ease}
.service-card:hover img{transform:scale(1.035);filter:saturate(1.04) contrast(1.02)}

/* ---------- Content columns ---------- */
.two-col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
.col-main{min-width:0}
.col-main h2{font-size:30px;color:var(--ink);margin:44px 0 16px;position:relative;padding-left:17px}
.col-main h2::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:6px;background:linear-gradient(180deg,var(--tanker-light),var(--tanker))}
.col-main h2:first-child{margin-top:0}
.col-main p{color:var(--text);font-size:15.5px;line-height:1.8}
.col-main p a{color:var(--tanker-dark);font-weight:650;text-decoration:underline;text-decoration-color:rgba(10,120,183,.28);text-underline-offset:3px}
ul.checklist{margin:20px 0;display:flex;flex-direction:column;gap:12px}
ul.checklist li{display:flex;gap:12px;font-size:15px;line-height:1.65;align-items:flex-start;color:var(--text)}
ul.checklist li::before{content:"✓";flex:none;width:23px;height:23px;border-radius:7px;background:rgba(10,120,183,.1);color:var(--tanker);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:12px;margin-top:1px}
.bg-ink ul.checklist li::before{background:rgba(40,169,226,.12);color:#64CCF7;border:1px solid rgba(40,169,226,.18)}

.side-card{
  background:linear-gradient(150deg,#082236,#0B3149);
  color:#fff;
  padding:30px 26px;
  position:sticky;
  top:106px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  box-shadow:0 22px 50px rgba(7,23,34,.22);
  overflow:hidden;
}
.side-card::before{content:"";position:absolute;right:-80px;top:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(40,169,226,.36),transparent 68%)}
.side-card::after{content:"7/24";position:absolute;right:18px;top:18px;font-family:var(--mono);font-size:10px;color:#77D5FF;letter-spacing:.08em;border:1px solid rgba(119,213,255,.25);padding:5px 7px;border-radius:8px}
.side-card h3{font-family:var(--display);font-size:25px;margin-bottom:11px;position:relative}
.side-card p{color:#BCD0DB;font-size:13.5px;line-height:1.7;position:relative}
.side-card .btn{margin-top:6px;position:relative}
.side-card .phone-big{font-family:var(--mono);font-size:20px;color:#FFD06A;display:block;margin:16px 0;position:relative}

/* ---------- Technical table ---------- */
.spec-table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0 30px;font-size:14.5px;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 8px 22px rgba(7,23,34,.04)}
.spec-table th,.spec-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}
.spec-table tr:nth-child(even){background:#F8FBFC}
.spec-table th{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.055em;text-transform:uppercase;color:var(--tanker-dark);width:38%;background:rgba(10,120,183,.035)}
.spec-table td{color:#314652}
.spec-table a{color:var(--tanker-dark);font-weight:650}
.spec-note{font-size:12.8px;color:var(--steel);font-style:italic;padding:12px 14px;border-left:3px solid var(--tanker-light);background:#F7FBFD;border-radius:0 8px 8px 0}

/* ---------- Process ---------- */
.process{display:flex;flex-direction:column;gap:12px;border:0;background:transparent}
.process-step{display:grid;grid-template-columns:82px 1fr;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(7,23,34,.04)}
.process-num{font-family:var(--mono);font-size:11px;color:#fff;background:linear-gradient(150deg,var(--tanker-dark),var(--tanker));display:flex;align-items:center;justify-content:center;padding:22px 10px;letter-spacing:.06em}
.process-body{padding:20px 23px}.process-body h3{font-size:20px;color:var(--ink);margin-bottom:7px}.process-body p{color:var(--text-soft);font-size:14px;line-height:1.7;margin:0}

/* ---------- FAQ ---------- */
.faq-item{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:10px;overflow:hidden;box-shadow:0 6px 18px rgba(7,23,34,.035)}
.faq-item summary{cursor:pointer;padding:20px 22px;font-family:var(--display);font-size:20px;color:var(--ink);display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;transition:background .18s ease,color .18s ease}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-family:var(--mono);font-size:20px;font-weight:400;color:var(--tanker);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(10,120,183,.08);border-radius:9px;flex:none}
.faq-item[open]{border-color:#BFDCE9}.faq-item[open] summary{background:#F4FAFD;color:var(--tanker-dark)}.faq-item[open] summary::after{content:"–"}
.faq-item .faq-a{padding:0 22px 22px;color:var(--text-soft);font-size:14.5px;line-height:1.75;max-width:880px}

/* ---------- CTA ---------- */
.cta-band{position:relative;isolation:isolate;background:linear-gradient(115deg,#075C8B 0%,#087FBA 58%,#0B4E72 100%);color:#fff;padding:68px 0;overflow:hidden}
.cta-band::before{content:"";position:absolute;z-index:-1;right:8%;top:-160px;width:410px;height:410px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.02)}
.cta-band::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 0 65%,rgba(255,255,255,.06) 65% 65.4%,transparent 65.4%)}
.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;position:relative}
.cta-band h2{font-size:clamp(32px,4vw,46px);color:#fff;max-width:650px;text-wrap:balance}
.cta-band p{color:#DCEFF8;margin-top:10px;margin-bottom:0;max-width:650px}
.cta-band .btn-amber{box-shadow:0 16px 40px rgba(0,0,0,.16)}

/* ---------- Regions / tags ---------- */
.region-list{display:flex;flex-wrap:wrap;gap:9px}
.region-list li,.tag{font-family:var(--mono);font-size:10.8px;font-weight:500;letter-spacing:.025em;border:1px solid var(--line);padding:8px 11px;color:var(--steel);background:#fff;border-radius:9px;transition:border-color .16s ease,color .16s ease,background .16s ease}
.bg-ink .region-list li{border-color:rgba(255,255,255,.11);color:#BFD0D9;background:rgba(255,255,255,.045)}
.region-list li:hover{border-color:rgba(40,169,226,.42);color:var(--tanker-dark)}
.bg-ink .region-list li:hover{color:#fff;background:rgba(40,169,226,.11)}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
a.tag:hover{border-color:var(--tanker);color:var(--tanker-dark);background:var(--water)}

/* ---------- Breadcrumb + inner hero ---------- */
.breadcrumb{font-family:var(--mono);font-size:10.5px;color:#7B8F9B;padding:17px 0;letter-spacing:.02em}
.breadcrumb a{color:var(--tanker-dark);font-weight:500}.breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}
.page-hero{position:relative;isolation:isolate;background:linear-gradient(118deg,#071722 0%,#0B2B40 65%,#0A4566 100%);color:#fff;padding:74px 0 68px;overflow:hidden}
.page-hero::before{content:"";position:absolute;z-index:-1;right:-120px;top:-210px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(40,169,226,.29),rgba(40,169,226,.03) 48%,transparent 70%)}
.page-hero::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--tanker-light),var(--amber),transparent);opacity:.65}
.page-hero h1{font-size:clamp(42px,5.3vw,64px);color:#fff;max-width:900px;text-wrap:balance}
.page-hero p.lede{color:#C4D7E1;font-size:16px;line-height:1.75;max-width:720px;margin-top:17px}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
iframe{border-radius:18px!important;box-shadow:var(--shadow);border:1px solid var(--line)!important}

/* ---------- Footer ---------- */
footer.site-footer{position:relative;background:#06131C;color:#9BB0BC;padding:72px 0 30px;font-size:13.5px;overflow:hidden}
footer.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(40,169,226,.6),rgba(243,162,27,.55),transparent)}
.footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1.15fr;gap:48px}
.footer-grid h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:#E6EFF3;margin-bottom:18px;position:relative;padding-bottom:11px}
.footer-grid h4::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--tanker-light);border-radius:4px}
.footer-grid li{margin-bottom:10px}.footer-grid a{transition:color .15s ease,padding-left .15s ease}.footer-grid a:hover{color:#fff;padding-left:3px}
.footer-grid p{color:#8499A6;font-size:13px;line-height:1.75}
.footer-bottom{margin-top:50px;padding-top:25px;border-top:1px solid rgba(255,255,255,.075);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:11.5px;color:#617783}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .58s cubic-bezier(.2,.7,.2,1),transform .58s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal.in{opacity:1;transform:none}

/* ---------- Mobile conversion dock (injected by main.js) ---------- */
.mobile-contact-dock{display:none}

/* ---------- Responsive ---------- */
@media (max-width:1120px){
  .brand-logo{height:49px}.brand::after{display:none}
  nav.main-nav{display:none;position:fixed;inset:82px 0 0 0;background:rgba(5,18,28,.99);flex-direction:column;align-items:stretch;padding:12px 16px 120px;overflow-y:auto;backdrop-filter:blur(16px)}
  nav.main-nav.open{display:flex}
  nav.main-nav>ul{flex-direction:column;width:100%;align-items:stretch;gap:5px}
  nav.main-nav>ul>li{border-bottom:1px solid rgba(255,255,255,.055)}
  nav.main-nav a,nav.main-nav button.sub-toggle{padding:17px 14px;font-size:15px;width:100%;justify-content:space-between;border-radius:10px}
  nav.main-nav a::after,nav.main-nav button.sub-toggle::after{display:none}
  .sub-menu{position:static;display:none;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);padding:6px;margin:0 0 8px;min-width:0;box-shadow:none}
  .sub-menu::before{display:none}.has-sub:hover .sub-menu{display:none}.has-sub.open .sub-menu{display:block}.sub-menu a{padding:14px!important;font-size:14px!important}
  .mobile-menu-foot{padding:22px 0 0;display:flex;flex-direction:column;gap:11px}
  .header-cta .btn-phone span.txt{display:none}.header-cta .btn-phone{width:42px;height:42px;padding:0;justify-content:center}.btn-whatsapp-icon{display:flex}.nav-toggle{display:flex}
  .service-grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:920px){
  section{padding:76px 0}.hero{min-height:auto}.hero-inner{padding-top:86px;padding-bottom:60px}.hero h1{font-size:clamp(43px,8vw,66px)}
  .plate-strip{grid-template-columns:repeat(2,1fr);padding-bottom:24px}.plate:last-child{grid-column:span 2}
  .stat-row{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}
  .two-col{grid-template-columns:1fr;gap:36px}.side-card{position:relative;top:auto}.grid-2{grid-template-columns:1fr;gap:36px}
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:36px}.footer-grid>div:last-child{grid-column:1/-1}
}

@media (max-width:680px){
  :root{--radius:12px;--radius-lg:18px}
  body{padding-bottom:72px}.container{width:min(calc(100% - 32px),var(--container))}
  .site-header .container{min-height:72px}.brand-logo{height:43px}
  nav.main-nav{inset:72px 0 0 0;padding-left:16px;padding-right:16px}.btn-whatsapp-icon{display:none}.header-cta .btn-phone{display:none}
  .hero-inner{padding-top:72px;padding-bottom:46px}.hero-inner::before{top:38px;width:64px}.hero h1{font-size:clamp(39px,12vw,56px)}.hero p.lede{font-size:15px;line-height:1.72;margin:18px 0 26px}.hero-actions{display:grid;grid-template-columns:1fr;max-width:430px}.hero-actions .btn{width:100%}
  .plate-strip{gap:8px}.plate{min-height:88px;padding:17px 15px}.plate-value{font-size:17px}
  section{padding:64px 0}.section-tight{padding:44px 0}.section-head{margin-bottom:32px}.section-head h2{font-size:34px}.section-head p{font-size:14.5px}
  .stat-row{gap:10px}.stat-plate{min-height:108px;padding:21px 16px}.stat-plate .plate-value{font-size:27px}
  .service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:0;padding:24px 21px;border-radius:15px}.service-card h3{font-size:22px}
  .page-hero{padding:56px 0 52px}.page-hero h1{font-size:40px}.page-hero p.lede{font-size:14.5px}
  .col-main h2{font-size:26px;margin-top:36px}.col-main p,ul.checklist li{font-size:14.5px}.side-card{padding:27px 22px}
  .spec-table{font-size:13px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.spec-table th,.spec-table td{min-width:145px;padding:12px}
  .process-step{grid-template-columns:60px 1fr}.process-body{padding:18px}.faq-item summary{padding:17px;font-size:18px}.faq-item .faq-a{padding:0 17px 18px}
  .cta-band{padding:54px 0}.cta-band .container{align-items:stretch}.cta-band h2{font-size:35px}.cta-band .btn{width:100%}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px 22px}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{margin-top:38px}

  .mobile-contact-dock{
    position:fixed;
    left:10px;right:10px;bottom:10px;
    z-index:120;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:7px;
    background:rgba(5,18,28,.94);
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    box-shadow:0 16px 40px rgba(0,0,0,.28);
    backdrop-filter:blur(12px);
  }
  .mobile-contact-dock a{min-height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:750;color:#fff}
  .mobile-contact-dock .dock-call{background:linear-gradient(135deg,#FFB735,var(--amber));color:#251803}
  .mobile-contact-dock .dock-wa{background:#159A49}
}

@media (max-width:460px){
  .container{width:min(calc(100% - 24px),var(--container))}.brand-logo{height:39px}.site-header .container{gap:8px}
  .plate-strip{grid-template-columns:1fr}.plate:last-child{grid-column:auto}.plate{min-height:78px}
  .stat-row{grid-template-columns:1fr 1fr}.stat-plate{padding:18px 14px}.stat-plate .plate-value{font-size:24px}
  .footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}
}


/* ---------- Capacity & visual showcase additions ---------- */
.service-kicker{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.09em;color:var(--tanker-dark);background:var(--water);border:1px solid #C6E8F5;border-radius:999px;padding:7px 9px;margin-bottom:13px}
.service-card-featured{background:linear-gradient(145deg,#fff 0%,#F2FAFE 100%);border-color:#A8D8EB}.service-card-featured::before{opacity:1}
.showcase-section{padding-top:36px}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.showcase-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 14px 38px rgba(7,31,45,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(7,31,45,.11);border-color:#AED9E9}.showcase-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.showcase-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr}.showcase-card-wide img{height:100%;aspect-ratio:auto}.showcase-body{padding:25px}.showcase-body h3{font-size:27px;margin-bottom:8px}.showcase-body p{font-size:14px;color:var(--text-soft);line-height:1.72;margin-bottom:16px}.showcase-body .go{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--tanker-dark);letter-spacing:.04em}
.inline-feature{display:grid;grid-template-columns:minmax(240px,.82fr) 1.18fr;gap:24px;align-items:center;background:linear-gradient(135deg,#F1F9FC,#fff);border:1px solid #BFDCE9;border-radius:var(--radius-lg);padding:18px;margin:18px 0 34px}.inline-feature img{width:100%;height:220px;object-fit:cover;border-radius:14px}.inline-feature h3{font-size:25px;margin:3px 0 8px}.inline-feature p{margin-bottom:15px}
.btn-outline-dark{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #A9C5D2;color:var(--tanker-dark);border-radius:11px;font-size:13px;font-weight:700;background:#fff}.btn-outline-dark:hover{border-color:var(--tanker);background:#F3FAFD}
.page-hero-image::before{right:0;top:0;width:50%;height:100%;border-radius:0;background:linear-gradient(90deg,#0B2B40 0%,rgba(11,43,64,.55) 26%,rgba(11,43,64,.12) 100%),var(--page-image) center/cover no-repeat;opacity:.86}.page-hero-image .container{position:relative;z-index:2}.page-hero-image h1,.page-hero-image .lede{max-width:650px}
.capacity-band{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:#081B27;color:#fff;border-radius:16px;padding:22px 24px;margin:26px 0 36px}.capacity-band div:first-child,.capacity-band div:last-child{display:flex;flex-direction:column;gap:3px}.capacity-band span{font-family:var(--mono);font-size:9px;color:#96B8C9;text-transform:uppercase;letter-spacing:.08em}.capacity-band strong{font-family:'Big Shoulders Display',sans-serif;font-size:32px;line-height:1;color:#fff}.capacity-line{height:3px;background:linear-gradient(90deg,var(--tanker-light),var(--amber));border-radius:99px;position:relative}.capacity-line::before,.capacity-line::after{content:"";position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid var(--tanker);transform:translateY(-50%)}.capacity-line::before{left:0}.capacity-line::after{right:0}
.notice-box{margin-top:28px;background:#FFF8E9;border:1px solid #F2D38F;border-radius:14px;padding:17px 19px;font-size:13.5px;line-height:1.7;color:#5A431B}.side-card-image{width:calc(100% + 0px);aspect-ratio:16/10;object-fit:cover;border-radius:13px;margin-bottom:20px;border:1px solid var(--line)}
@media(max-width:920px){.showcase-card-wide{grid-template-columns:1fr}.showcase-card-wide img{aspect-ratio:16/10;height:auto}.inline-feature{grid-template-columns:1fr}.inline-feature img{height:auto;aspect-ratio:16/9}.page-hero-image::before{width:100%;opacity:.38;background:linear-gradient(90deg,#071722 0%,rgba(7,23,34,.7) 52%,rgba(7,23,34,.35)),var(--page-image) center/cover no-repeat}}
@media(max-width:680px){.showcase-grid{grid-template-columns:1fr}.showcase-card-wide{grid-column:auto}.showcase-body{padding:20px}.showcase-body h3{font-size:24px}.capacity-band{grid-template-columns:1fr;gap:10px;text-align:center}.capacity-line{width:100%;margin:5px 0}.inline-feature{padding:13px}.inline-feature h3{font-size:23px}}

.page-content-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:0 16px 38px rgba(7,31,45,.08);margin:0 0 30px}

.visual-note{font-family:var(--mono);font-size:9.5px;letter-spacing:.02em;color:#7A919D}.visual-note-block{display:block;margin:-12px 0 17px}


/* ============================================================
   REFERANSLAR — admin panelinden otomatik beslenen kayan logo şeridi
   ============================================================ */
.references-section{overflow:hidden;border-top:1px solid var(--line);padding-top:82px;padding-bottom:82px}
.references-section[hidden]{display:none!important}
.references-head{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.reference-marquee{position:relative;margin-top:34px;overflow:hidden;padding:6px 0 14px}
.reference-marquee::before,.reference-marquee::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:min(10vw,140px);pointer-events:none}
.reference-marquee::before{left:0;background:linear-gradient(90deg,var(--paper),rgba(255,255,255,0))}
.reference-marquee::after{right:0;background:linear-gradient(270deg,var(--paper),rgba(255,255,255,0))}
.reference-track{display:flex;align-items:stretch;gap:18px;width:max-content;padding:0 18px;will-change:transform}
.reference-track.is-centered{width:auto;justify-content:center;flex-wrap:wrap;max-width:1120px;margin:0 auto}
.reference-track.is-animated{animation:referenceFlow 30s linear infinite}
.reference-marquee:hover .reference-track.is-animated,.reference-marquee:focus-within .reference-track.is-animated{animation-play-state:paused}
.reference-logo-card{width:220px;height:128px;flex:0 0 220px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:20px 22px;text-align:center;box-shadow:0 10px 30px rgba(13,33,46,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;color:var(--ink);text-decoration:none}
a.reference-logo-card:hover{transform:translateY(-3px);border-color:rgba(11,109,145,.35);box-shadow:0 16px 36px rgba(13,33,46,.08)}
.reference-logo-card img{display:block;max-width:160px;max-height:58px;width:auto;height:auto;object-fit:contain;filter:saturate(.92);transition:filter .2s ease,opacity .2s ease}
a.reference-logo-card:hover img{filter:saturate(1)}
.reference-logo-card span{font-size:12px;line-height:1.25;color:var(--steel);font-weight:600;max-width:176px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes referenceFlow{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
@media (max-width:700px){
  .references-section{padding-top:58px;padding-bottom:62px}
  .reference-marquee{margin-top:24px}
  .reference-logo-card{width:174px;flex-basis:174px;height:106px;padding:15px}
  .reference-logo-card img{max-width:134px;max-height:48px}
  .reference-logo-card span{font-size:11px;max-width:140px}
  .reference-track.is-animated{animation-duration:24s}
}
@media (prefers-reduced-motion:reduce){.reference-track.is-animated{animation:none;flex-wrap:wrap;width:auto;justify-content:center;max-width:1120px;margin:0 auto}}


/* ============================================================
   V5 home upgrades — daha güçlü ana sayfa sunumu
   ============================================================ */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:center;gap:42px;padding-top:92px;padding-bottom:54px}
.hero-copy{max-width:760px}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.hero-badges span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);font-size:12px;font-weight:600;color:#E7F4FB;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.hero-badges span::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#7FE0FF,var(--amber));box-shadow:0 0 0 4px rgba(255,255,255,.04)}
.hero-panel{position:relative;padding:26px;background:linear-gradient(160deg,rgba(6,22,33,.88),rgba(8,43,63,.84));border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 26px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(12px);overflow:hidden}
.hero-panel::before{content:"";position:absolute;inset:auto -50px -80px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(40,169,226,.42),transparent 70%)}
.hero-panel::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--amber),#FFE08A,var(--tanker-light))}
.hero-panel-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8EDFFF;margin-bottom:14px}
.hero-panel-kicker::before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--amber),#FFD88A);border-radius:999px}
.hero-panel h3{font-size:34px;color:#fff;line-height:.98;margin-bottom:12px;max-width:13ch}
.hero-panel-text{font-size:14px;line-height:1.72;color:#D0E0E9;margin-bottom:18px;max-width:44ch}
.hero-panel-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
.hero-panel-metrics div{padding:16px 15px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.hero-panel-metrics span{display:block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8DBFD3;margin-bottom:6px}
.hero-panel-metrics strong{display:block;font-family:var(--display);font-size:34px;line-height:1;color:#fff;margin-bottom:6px}
.hero-panel-metrics small{display:block;font-size:11.5px;line-height:1.5;color:#C8D8E0}
.hero-panel-list{display:flex;flex-direction:column;gap:10px;margin:0 0 18px}
.hero-panel-list li{display:flex;gap:10px;align-items:flex-start;color:#E3EEF4;font-size:13px;line-height:1.65}
.hero-panel-list li::before{content:"✓";width:20px;height:20px;flex:none;border-radius:7px;display:flex;align-items:center;justify-content:center;background:rgba(40,169,226,.16);border:1px solid rgba(40,169,226,.18);color:#6FD4FF;font-size:11px;font-weight:900;margin-top:1px}
.hero-panel-actions{display:grid;gap:10px}
.hero-panel .btn-outline{background:rgba(255,255,255,.04)}
.plate-strip{margin-top:8px}
.section-process-home{padding-top:34px}
.process-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process-home-card{position:relative;background:linear-gradient(180deg,#fff,#F7FBFD);border:1px solid var(--line);border-radius:20px;padding:24px 22px 22px;box-shadow:0 12px 30px rgba(7,31,45,.05);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.process-home-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--tanker-light),var(--amber));opacity:.95}
.process-home-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(7,31,45,.1);border-color:#B7DCEB}
.process-home-no{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--ink-3),var(--tanker));color:#fff;font-family:var(--display);font-size:22px;margin-bottom:16px;box-shadow:0 12px 24px rgba(10,120,183,.2)}
.process-home-card h3{font-size:23px;color:var(--ink);margin-bottom:8px}
.process-home-card p{font-size:14px;line-height:1.72;color:var(--text-soft);margin:0}
.why-home-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(300px,.86fr);gap:48px;align-items:start}
.why-home-copy .why-home-lede{color:#C8DAE3;font-size:15px;line-height:1.82;margin-top:18px;max-width:60ch}
.why-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.why-home-actions .btn-outline{color:#fff;border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.045)}
.why-home-side{display:grid;gap:22px}
.why-home-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.why-mini-card{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.why-mini-kicker{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#79D7FF;margin-bottom:9px}
.why-mini-card strong{display:block;font-family:var(--display);font-size:28px;line-height:1.02;color:#fff;margin-bottom:8px}
.why-mini-card p{font-size:13px;line-height:1.68;color:#BBD0DB;margin:0}
.section-head h2{text-wrap:balance}
.references-section{border-top:0}
.reference-logo-card{border-radius:18px}
.cta-band .container{align-items:center}
.cta-band .container>div{max-width:760px}
.cta-band{padding-top:74px;padding-bottom:74px}
.footer-grid{gap:52px}
@media (max-width:1180px){.hero-grid{grid-template-columns:1fr;gap:26px;padding-top:78px}.hero-panel{max-width:640px}.process-home-grid{grid-template-columns:repeat(2,1fr)}.why-home-grid{grid-template-columns:1fr}.why-home-panels{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.hero-grid{padding-top:58px;padding-bottom:34px}.hero-panel{padding:22px}.hero-panel h3{font-size:28px;max-width:none}.hero-panel-metrics strong{font-size:28px}.hero-badges span{font-size:11px;padding:9px 11px}.process-home-grid{grid-template-columns:1fr}.why-home-panels{grid-template-columns:1fr}.why-home-actions{flex-direction:column}.why-home-actions .btn{width:100%}}
@media (max-width:520px){.hero-panel-metrics{grid-template-columns:1fr}.hero-badges{gap:8px}.hero-badges span{width:100%;justify-content:flex-start}.process-home-card{padding:22px 18px}.why-mini-card strong{font-size:24px}}


/* ============================================================
   V6 upgrades — teklif formu, vitrin ve katalog kartları
   ============================================================ */
.quick-quote-section{padding-top:28px;padding-bottom:24px}
.quick-quote-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);gap:24px;align-items:stretch}
.quick-quote-copy{background:linear-gradient(180deg,#fff,#F8FBFD);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 14px 36px rgba(7,31,45,.06)}
.quick-quote-copy h2{font-size:clamp(34px,4.2vw,48px);color:var(--ink);margin-bottom:14px}
.quick-quote-copy p{font-size:15px;color:var(--text-soft);line-height:1.8;max-width:60ch}
.quote-feature-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
.quote-feature{display:flex;flex-direction:column;gap:5px;padding:15px 16px;border:1px solid #D7E7EE;border-radius:16px;background:linear-gradient(180deg,#fff,#FAFDFE)}
.quote-feature strong{font-size:17px;color:var(--ink);font-family:var(--display)}
.quote-feature span{font-size:13px;color:var(--text-soft);line-height:1.6}
.quick-quote-card{background:linear-gradient(160deg,#081D2B,#0C324A);color:#fff;border-radius:24px;padding:30px 28px;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 58px rgba(7,23,34,.22);position:relative;overflow:hidden}
.quick-quote-card::before{content:"";position:absolute;right:-70px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(40,169,226,.34),transparent 66%)}
.quote-form{position:relative;display:grid;gap:14px;z-index:1}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quote-form label{display:grid;gap:7px}
.quote-form label span{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#93BCD0}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;padding:14px 15px;font:inherit;outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.quote-form select option{color:#071722}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:#AFC5D0}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#7CD4F7;background:rgba(255,255,255,.09);box-shadow:0 0 0 4px rgba(124,212,247,.12)}
.quote-form-note{position:relative;z-index:1;font-size:12px;line-height:1.7;color:#C2D8E2;margin-top:12px}
.project-gallery-section{padding-top:18px}
.project-gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}
.project-gallery-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(7,31,45,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.project-gallery-card:hover{transform:translateY(-4px);border-color:#B7DCEB;box-shadow:0 20px 44px rgba(7,31,45,.1)}
.project-gallery-card img{width:100%;height:220px;object-fit:cover;display:block}
.project-gallery-card-lg img{height:100%}
.project-gallery-card-lg{display:grid;grid-template-columns:1.05fr .95fr;grid-column:1 / span 2}
.project-gallery-body{padding:24px}
.project-gallery-body h3{font-size:28px;color:var(--ink);margin-bottom:10px}
.project-gallery-body p{font-size:14px;color:var(--text-soft);line-height:1.75;margin:0}
.catalog-grid,.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.catalog-card,.listing-card{display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#FBFDFE);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(7,23,34,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;color:inherit}
.catalog-card:hover,.listing-card:hover{transform:translateY(-6px);border-color:#BDDCEB;box-shadow:0 22px 46px rgba(7,23,34,.12)}
.catalog-card-media,.listing-card-media{position:relative;background:#EFF6F9;overflow:hidden}
.catalog-card-media::after,.listing-card-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--tanker),var(--tanker-light),var(--amber));opacity:.9}
.catalog-card-media img,.listing-card-media img{width:100%;height:210px;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease}
.catalog-card:hover .catalog-card-media img,.listing-card:hover .listing-card-media img{transform:scale(1.04);filter:saturate(1.04)}
.catalog-card-body,.listing-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}
.catalog-card-body h3,.listing-card-body h3{font-size:24px;color:var(--ink)}
.catalog-card-body p,.listing-card-body p{font-size:14px;line-height:1.72;color:var(--text-soft);margin:0;flex:1}
.catalog-card-foot,.listing-card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.catalog-card-note{font-family:var(--mono);font-size:10.5px;color:var(--steel);text-align:right}
.listing-card-media-empty{height:210px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--steel)}
.listing-specs{gap:7px}
.listing-price{font-family:var(--mono);font-size:15px;color:var(--tanker-dark);font-weight:600}
.listing-price-muted{color:var(--steel)}
.thumb-gallery{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.thumb-gallery-item{width:84px;height:62px;object-fit:cover;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.thumb-gallery-item:hover{transform:translateY(-2px);border-color:#8BC9E2;box-shadow:0 10px 24px rgba(7,31,45,.08)}
@media (max-width:1180px){.quick-quote-grid{grid-template-columns:1fr}.project-gallery-grid{grid-template-columns:1fr 1fr}.project-gallery-card-lg{grid-column:auto;grid-template-columns:1fr}.project-gallery-card-lg img{height:240px}.catalog-grid,.listing-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.form-grid-2,.project-gallery-grid,.catalog-grid,.listing-grid{grid-template-columns:1fr}.quick-quote-copy,.quick-quote-card{padding:24px}.project-gallery-card img,.project-gallery-card-lg img{height:220px}.project-gallery-body{padding:20px}.project-gallery-body h3{font-size:24px}.catalog-card-media img,.listing-card-media img,.listing-card-media-empty{height:200px}}


/* ============================================================
   V8 mobile compact — telefonda daha kısa ve akıcı ana sayfa
   Masaüstü düzeni korunur; mobilde dikey yığılma azaltılır.
   ============================================================ */
@media (max-width:760px){
  section{padding:46px 0}
  .section-tight{padding:30px 0}
  .section-head{margin-bottom:24px}
  .section-head h2{font-size:31px;line-height:1.04}
  .section-head p{font-size:13.8px;line-height:1.68}

  /* Hero: telefonda ikinci kez teklif paneli göstermiyoruz.
     Alt taraftaki gerçek form + sabit iletişim dock'u yeterli. */
  .home-page .hero{min-height:auto}
  .home-page .hero-grid{display:block;padding-top:48px;padding-bottom:24px}
  .home-page .hero-panel{display:none}
  .home-page .hero h1{font-size:38px;line-height:.98;max-width:13ch}
  .home-page .hero .lede{font-size:14px;line-height:1.68;max-width:42ch}
  .home-page .hero-actions{gap:9px;margin-top:20px}
  .home-page .hero-actions .btn{min-height:47px;padding:12px 15px;font-size:12.5px}
  .home-page .hero-badges{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .home-page .hero-badges span{width:auto;font-size:10.5px;padding:8px 9px;border-radius:12px;line-height:1.35}
  .home-page .hero-badges span:last-child{display:none}

  /* 6 hizmet plakası artık 6 satır değil, yatay mini menü. */
  .home-page .plate-strip{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(155px,44vw);
    grid-template-columns:none;
    gap:9px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 0 12px;
    margin-top:0;
  }
  .home-page .plate-strip::-webkit-scrollbar{display:none}
  .home-page .plate{grid-column:auto!important;min-height:76px;padding:14px 14px;scroll-snap-align:start;border-radius:14px}
  .home-page .plate-value{font-size:16px;line-height:1.08}
  .home-page .plate-label{font-size:8.5px}

  /* İstatistikler tek yatay şeritte. */
  .home-page .stat-row{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:145px;
    grid-template-columns:none;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding-bottom:5px;
  }
  .home-page .stat-row::-webkit-scrollbar{display:none}
  .home-page .stat-plate{min-height:92px;padding:17px 14px;scroll-snap-align:start}
  .home-page .stat-plate .plate-value{font-size:24px}

  /* 10 hizmet kartını telefonda aşağı doğru yığmak yerine yatay katalog yap. */
  .home-page .service-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(250px,82vw);
    grid-template-columns:none;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    padding:2px 2px 14px;
  }
  .home-page .service-grid::-webkit-scrollbar{display:none}
  .home-page .service-card{scroll-snap-align:start;min-height:190px;padding:21px 19px;border-radius:16px}
  .home-page .service-card h3{font-size:21px}
  .home-page .service-card p{font-size:13px;line-height:1.6}

  /* Teklif alanında açıklama bloğunu kaldır, kullanıcı doğrudan forma gelsin. */
  .home-page .quick-quote-section{padding-top:18px;padding-bottom:18px}
  .home-page .quick-quote-copy{display:none}
  .home-page .quick-quote-grid{display:block}
  .home-page .quick-quote-card{padding:22px 18px;border-radius:19px}
  .home-page .quote-form{gap:11px}
  .home-page .quote-form textarea{min-height:82px;max-height:120px}
  .home-page .quote-form input,.home-page .quote-form select,.home-page .quote-form textarea{padding:12px 13px;border-radius:12px;font-size:13px}
  .home-page .quote-form-note{font-size:10.8px;margin:9px 0 0}

  /* Vitrin, süreç ve proje galerileri de yatay swipe şeritleri. */
  .home-page .showcase-section{padding-top:26px}
  .home-page .showcase-grid,
  .home-page .process-home-grid,
  .home-page .project-gallery-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(260px,84vw);
    grid-template-columns:none;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    padding:2px 2px 14px;
  }
  .home-page .showcase-grid::-webkit-scrollbar,
  .home-page .process-home-grid::-webkit-scrollbar,
  .home-page .project-gallery-grid::-webkit-scrollbar{display:none}
  .home-page .showcase-card,
  .home-page .showcase-card-wide,
  .home-page .process-home-card,
  .home-page .project-gallery-card,
  .home-page .project-gallery-card-lg{
    grid-column:auto!important;
    display:block;
    scroll-snap-align:start;
  }
  .home-page .showcase-card img,
  .home-page .showcase-card-wide img,
  .home-page .project-gallery-card img,
  .home-page .project-gallery-card-lg img{height:168px;aspect-ratio:auto;object-fit:cover}
  .home-page .showcase-body,.home-page .project-gallery-body{padding:18px}
  .home-page .showcase-body h3,.home-page .project-gallery-body h3{font-size:22px}
  .home-page .showcase-body p,.home-page .project-gallery-body p{font-size:12.8px;line-height:1.58}
  .home-page .process-home-card{min-height:190px;padding:20px 18px}
  .home-page .process-home-no{width:38px;height:38px;font-size:19px;margin-bottom:12px}
  .home-page .process-home-card h3{font-size:21px}
  .home-page .process-home-card p{font-size:12.8px;line-height:1.58}

  /* Referanslar daha ince şerit. */
  .home-page .references-section{padding-top:42px;padding-bottom:42px}
  .home-page .references-head p{display:none}
  .home-page .reference-marquee{margin-top:18px}
  .home-page .reference-logo-card{width:156px;flex-basis:156px;height:92px;padding:12px}
  .home-page .reference-logo-card img{max-width:120px;max-height:42px}
  .home-page .reference-logo-card span{font-size:10px;max-width:132px}

  /* Neden biz: tekrar eden yan kartları mobilde kaldır. */
  .home-page .why-home-section{padding:46px 0}
  .home-page .why-home-grid{display:block}
  .home-page .why-home-copy .why-home-lede{font-size:13.5px;line-height:1.65;margin-top:12px}
  .home-page .why-home-copy .checklist{gap:9px;margin-top:18px!important}
  .home-page .why-home-copy .checklist li{font-size:13px;line-height:1.55}
  .home-page .why-home-side{display:none}
  .home-page .why-home-actions{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .home-page .why-home-actions .btn{width:auto;min-height:46px;padding:11px 12px;font-size:12.5px}

  .home-page .cta-band{padding:40px 0}
  .home-page .cta-band h2{font-size:30px}
  .home-page .cta-band p{font-size:13px;line-height:1.6}

  /* Footer tek uzun kolon yerine daha kompakt iki kolon. */
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:26px 18px!important}
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-grid>div:first-child p{max-width:48ch}
  .footer-grid>div:last-child{grid-column:1/-1!important}
  footer.site-footer{padding:52px 0 96px}
  .footer-bottom{margin-top:30px;padding-top:18px;font-size:10.5px}
}

@media (max-width:390px){
  .home-page .hero h1{font-size:34px}
  .home-page .hero-actions{display:grid;grid-template-columns:1fr}
  .home-page .hero-badges{grid-template-columns:1fr}
  .home-page .service-grid{grid-auto-columns:88vw}
  .home-page .showcase-grid,.home-page .process-home-grid,.home-page .project-gallery-grid{grid-auto-columns:88vw}
  .home-page .why-home-actions{grid-template-columns:1fr}
}