/* ==========================================================================
   OSKON — onsite stil dosyası
   --------------------------------------------------------------------------
   Tek dosya, derleme adımı yok. Sayfalara yalnızca bu dosya ve panel için
   admin.css bağlanır; harici font veya CDN isteği yoktur.

   Dosya üç bölümden oluşur ve sıra ÖNEMLİDİR — sonraki bölüm öncekini ezer:

     1) Ortak sistem   — üst çubuk, hero, bölümler, alt bilgi
     2) İç sayfalar    — page-hero, makale, blog, webinar, formlar
     3) Projeye özel   — kenar hizası, üst çubuk kontrolleri, hero katmanları

   3. bölüm dosyanın en sonundadır; yeni düzeltmeler oraya yazılmalıdır.
   ========================================================================== */

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/manrope-ext.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Premium success and error states */
.status-page{color:#fff;background:#061725;min-height:clamp(680px,calc(100svh - 96px),900px);padding:clamp(150px,14vw,210px) var(--page-gutter,6vw) 70px;position:relative;isolation:isolate;overflow:hidden}
.status-page__media,.error-page__media{background-position:center;background-size:cover;position:absolute;inset:0;z-index:-2}
.status-page__media{background-image:linear-gradient(90deg,#061725 4%,rgba(6,23,37,.96) 36%,rgba(6,23,37,.32) 72%,rgba(6,23,37,.15)),url('../img/status/thank-you-hero.webp')}
.status-page__grid,.error-page__grid{background-image:linear-gradient(rgba(126,194,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,194,235,.08) 1px,transparent 1px);background-size:88px 88px;position:absolute;inset:0;z-index:-1;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.status-page__inner{width:min(1360px,100%);min-height:480px;margin:auto;display:flex;align-items:center}
.status-page__copy{width:min(760px,58%)}
.status-page .section-kicker,.error-page .section-kicker{color:#83cfff}
.status-page h1,.error-page h1{font:500 clamp(50px,5.4vw,82px)/.98 var(--font-display);letter-spacing:-.05em;margin:24px 0 30px}
.status-page__lead,.error-page__copy>p{color:#b9cbd7;max-width:700px;font-size:clamp(16px,1.35vw,19px);line-height:1.75;margin:0}
.status-page__note{border-top:1px solid rgba(137,190,222,.22);gap:18px;margin-top:36px;padding-top:24px;display:flex;color:#8fa7b7;font-size:13px;line-height:1.65}
.status-page__note>span{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#49d6a3;box-shadow:0 0 15px rgba(73,214,163,.8);margin-top:7px}
.status-page__note p{margin:0}.status-page__note strong{color:#dce8ef}
.status-page__actions{display:flex;align-items:center;gap:30px;margin-top:38px}
.status-page__text-link{color:#d9e7ef;border-bottom:1px solid rgba(217,231,239,.34);padding:10px 0;font-size:13px;font-weight:700}
.status-page__text-link span{color:var(--blue);margin-left:14px}
.status-page__footer{width:min(1360px,100%);color:#678295;letter-spacing:.16em;margin:70px auto 0;align-items:center;gap:18px;font:600 9px var(--font-display);display:flex}
.status-page__footer i{height:1px;background:rgba(120,166,194,.25);flex:1}
.error-body{color:#fff;background:#061725;min-height:100vh}
.error-page{min-height:100svh;background:#061725;overflow:hidden}
.error-page__header{height:98px;padding:0 var(--page-gutter,6vw);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(137,190,222,.16);position:relative;z-index:2}
.error-page__header img{width:138px;height:auto}.error-page__header>span{color:#7f9bad;letter-spacing:.18em;font:600 9px var(--font-display)}
.error-page__stage{min-height:calc(100svh - 98px);padding:clamp(90px,10vw,160px) var(--page-gutter,6vw) 80px;display:flex;align-items:center;position:relative;isolation:isolate}
.error-page__media{background-image:linear-gradient(90deg,#061725 3%,rgba(6,23,37,.96) 37%,rgba(6,23,37,.28) 75%,rgba(6,23,37,.08)),url('../img/status/not-found-hero.webp')}
.error-page__copy{width:min(750px,62vw);position:relative;z-index:2}
.error-page__marker{color:#7593a5;letter-spacing:.15em;font:600 9px var(--font-display);align-items:center;gap:15px;display:flex;position:absolute;right:6vw;bottom:42px}
.error-page__marker span{width:42px;height:1px;background:var(--blue)}
@media(max-width:820px){.status-page{padding-top:135px}.status-page__copy{width:100%}.status-page__media{background-image:linear-gradient(180deg,#061725 2%,rgba(6,23,37,.92) 58%,rgba(6,23,37,.52)),url('../img/status/thank-you-hero.webp');background-position:62% center}.status-page__footer{margin-top:55px}.error-page__header{height:80px}.error-page__header img{width:112px}.error-page__stage{min-height:calc(100svh - 80px);padding-top:90px;align-items:flex-start}.error-page__copy{width:100%}.error-page__media{background-image:linear-gradient(180deg,#061725 5%,rgba(6,23,37,.91) 61%,rgba(6,23,37,.48)),url('../img/status/not-found-hero.webp');background-position:62% center}}
@media(max-width:540px){.status-page h1,.error-page h1{font-size:43px}.status-page__actions{align-items:flex-start;flex-direction:column;gap:12px}.status-page__footer span:last-child,.error-page__header>span{display:none}.error-page__marker{display:none}}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/space-grotesk-ext.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --ink: #07131d;
  --navy: #081a29;
  --blue: #4ea9e9;
  --ice: #edf6fb;
  --white: #fff;
  --muted: #8b9aaa;
  --font-body: "Manrope", sans-serif;
  --font-display: "Space Grotesk", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  color: var(--ink);
  font-family: var(--font-body), sans-serif;
  background: #f7fafc;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  width: 100%;
  display: block;
}

em {
  color: var(--blue);
  font-style: normal;
  font-weight: 400;
}

.topbar {
  z-index: 5;
  color: #fff;
  border-bottom: 1px solid #ffffff29;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 88px;
  padding: 0 5vw;
  display: flex;
  position: absolute;
  top: 0;
}

.brand {
  align-items: center;
  gap: 11px;
  display: flex;
}

.brand strong {
  font: 700 28px/1 var(--font-display);
  letter-spacing: -1.6px;
}

.brand-mark {
  width: 28px;
  height: 28px;
  position: relative;
  transform: rotate(45deg);
}

.brand-mark i {
  background: linear-gradient(135deg, #8cd6ff, #428cc5);
  width: 12px;
  height: 12px;
  position: absolute;
}

.brand-mark i:first-child {
  top: 0;
  left: 8px;
}

.brand-mark i:nth-child(2) {
  top: 8px;
  left: 0;
}

.brand-mark i:nth-child(3) {
  top: 8px;
  right: 0;
}

.brand-mark i:nth-child(4) {
  bottom: 0;
  left: 8px;
}

.main-nav {
  align-items: stretch;
  gap: 25px;
  height: 100%;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.main-nav > a, .nav-item > a {
  opacity: .82;
  align-items: center;
  gap: 6px;
  height: 100%;
  transition: all .2s;
  display: flex;
  position: relative;
}

.main-nav a:hover {
  opacity: 1;
}

.nav-item > a i {
  color: var(--blue);
  font-size: 12px;
  font-style: normal;
}

.nav-item > a:after {
  content: "";
  background: var(--blue);
  height: 2px;
  transition: all .25s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.nav-item:hover > a:after, .nav-item:focus-within > a:after {
  transform: scaleX(1);
}

.header-actions {
  align-items: center;
  gap: 24px;
  display: flex;
}

.phone {
  font: 600 13px var(--font-display);
}

.pill-button {
  letter-spacing: .02em;
  border-radius: 999px;
  align-items: center;
  gap: 26px;
  padding: 15px 22px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.pill-button.light {
  color: var(--ink);
  background: #fff;
}

.pill-button.primary {
  background: var(--blue);
  color: #06131d;
  padding: 17px 24px;
}

.pill-button span {
  font-size: 18px;
}

.mega-menu {
  color: var(--ink);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #f8fbfd;
  border-top: 1px solid #dce8ef;
  grid-template-columns: 1.05fr 3fr .82fr;
  gap: 32px;
  padding: 32px;
  transition: all .24s;
  display: grid;
  position: absolute;
  top: 88px;
  left: 3vw;
  right: 3vw;
  transform: translateY(-10px);
  box-shadow: 0 28px 65px #000d1640;
}

.mega-intro {
  border-right: 1px solid #dce8ef;
  padding: 12px 26px 12px 8px;
}

.mega-intro > span, .mega-columns small {
  font: 700 12px var(--font-display);
  letter-spacing: .17em;
  color: #5b91b3;
}

.mega-intro h3 {
  font: 500 29px/1.1 var(--font-display);
  letter-spacing: -.045em;
  margin: 20px 0;
}

.mega-intro p {
  color: #718591;
  font-size: 12px;
  line-height: 1.7;
}

.mega-intro > a {
  color: #287eaf;
  margin-top: 17px;
  font-size: 12px;
  display: inline-block;
}

.mega-columns {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  display: grid;
}

.mega-columns > div {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.mega-columns small {
  margin-bottom: 10px;
}

.mega-columns a {
  border-radius: 8px;
  flex-direction: column;
  padding: 10px;
  transition: all .2s;
  display: flex;
}

.mega-columns a:hover {
  background: #eaf3f8;
}

.mega-columns b {
  font: 600 15px var(--font-display);
}

.mega-columns span {
  color: #83939d;
  margin-top: 5px;
  font-size: 12px;
}

.mega-feature {
  color: #fff;
  background: #081a29;
  padding: 10px;
  position: relative;
}

.mega-feature > span {
  background: var(--blue);
  color: #07131d;
  padding: 5px 7px;
  font-size: 12px;
  font-weight: 800;
  position: absolute;
  top: 18px;
  left: 18px;
}

.mega-feature img {
  object-fit: cover;
  filter: saturate(.6);
  height: 105px;
}

.mega-feature b {
  font: 600 14px var(--font-display);
  margin: 13px 8px 5px;
  display: block;
}

.mega-feature p {
  color: #9eb0bc;
  margin: 0 8px;
  font-size: 12px;
}

.compact-menu {
  grid-template-columns: 1fr 3fr;
  right: 9vw;
}

.service-menu-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 0 24px;
  display: grid;
}

.service-menu-grid a {
  border-bottom: 1px solid #dce8ef;
  grid-template-columns: 28px 1fr 20px;
  align-items: center;
  padding: 14px 6px;
  display: grid;
}

.service-menu-grid a:hover {
  color: #247caf;
  padding-left: 12px;
}

.service-menu-grid span {
  color: #7694a5;
  font-size: 12px;
}

.service-menu-grid b {
  font: 500 12px var(--font-display);
}

.service-menu-grid i {
  color: #5aaadd;
  font-style: normal;
}

.sector-menu {
  grid-template-columns: 1fr 2.2fr;
  left: 13vw;
}

.mega-sector-visual {
  height: 225px;
  position: relative;
  overflow: hidden;
}

.mega-sector-visual img {
  object-fit: cover;
  filter: brightness(.55) saturate(.6);
  height: 100%;
}

.mega-sector-visual div {
  color: #fff;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: auto 20px 18px;
}

.mega-sector-visual span {
  color: #7cc1eb;
  letter-spacing: .14em;
  font-size: 12px;
}

.mega-sector-visual b {
  font: 500 18px var(--font-display);
  margin-top: 5px;
}

.hero {
  color: #fff;
  background: #091722;
  height: 100vh;
  min-height: 820px;
  position: relative;
  overflow: hidden;
}

.hero > img {
  object-fit: cover;
  filter: saturate(.62) brightness(.58);
  height: 100%;
}

.hero-overlay {
  background: linear-gradient(90deg, #030e17eb 0%, #05121ca6 46%, #05101840 100%), linear-gradient(0deg, #040f17b3, #0000 55%);
  position: absolute;
  inset: 0;
}

.hero-grid {
  background-image: linear-gradient(#ffffff0b 1px, #0000 1px), linear-gradient(90deg, #ffffff0b 1px, #0000 1px);
  background-size: 100px 100px;
  position: absolute;
  inset: 0;
  mask-image: linear-gradient(to right, #000, #0000 75%);
}

.hero-content {
  max-width: 830px;
  position: absolute;
  top: 50%;
  left: 9vw;
  transform: translateY(-44%);
}

.eyebrow, .section-kicker {
  font: 700 12px var(--font-display);
  letter-spacing: .19em;
}

.eyebrow {
  color: #b7c7d3;
  align-items: center;
  gap: 12px;
  display: flex;
}

.eyebrow span {
  background: var(--blue);
  width: 26px;
  height: 1px;
}

.hero h1 {
  font: 500 clamp(58px, 6.4vw, 78px)/.98 var(--font-display);
  letter-spacing: -.065em;
  margin: 24px 0;
}

.hero h1 em {
  font-style: italic;
}

.hero-content > p {
  color: #c5d0d8;
  max-width: 610px;
  font-size: 16px;
  line-height: 1.75;
}

.hero-actions {
  align-items: center;
  gap: 32px;
  margin-top: 38px;
  display: flex;
}

.text-link {
  border-bottom: 1px solid #ffffff59;
  align-items: center;
  gap: 32px;
  padding: 0 0 11px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.text-link span {
  font-size: 17px;
}

.text-link.dark {
  border-color: #c4d0d7;
}

.hero-proof {
  grid-template-columns:repeat(4,minmax(0,auto));
  gap: 40px;
  display: grid;
  position: absolute;
  bottom: 45px;
  right: 6vw;
}

.hero-proof div {
  flex-direction: column;
  display: flex;
}

.hero-proof b {
  display: flex;
  line-height: 1;
  font: 600 31px var(--font-display);
}

.hero-proof sup {
  color: var(--blue);
  font-size: 26px;
}

.hero-proof span {
  color: #afbec9;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: 4px;
  font-size: 12px;
}

.scroll-hint {
  letter-spacing: .18em;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  display: flex;
  position: absolute;
  bottom: 43px;
  left: 5vw;
}

.scroll-hint span {
  background: var(--blue);
  width: 1px;
  height: 28px;
}

.trust-strip {
  background: #fff;
  border-bottom: 1px solid #e5edf2;
  justify-content: space-between;
  align-items: center;
  padding: 28px 5vw;
  display: flex;
}

.trust-strip p {
  color: #61717f;
  font-size: 12px;
}

.trust-strip div {
  color: #60717e;
  align-items: center;
  gap: 34px;
  display: flex;
}

.trust-strip span {
  font: 700 12px var(--font-display);
  letter-spacing: .05em;
}

.section {
  padding: 120px 7vw;
}

.section-kicker {
  color: #648092;
}

.intro {
  background: #f7fafc;
  grid-template-columns: 1fr 3fr;
  gap: 7vw;
  display: grid;
}

.intro-copy {
  max-width: 970px;
}

.intro h2, .section-heading h2, .sectors h2 {
  font: 500 clamp(42px, 5vw, 72px)/1.08 var(--font-display);
  letter-spacing: -.055em;
  margin: 0;
}

.intro-copy p {
  color: #657887;
  max-width: 570px;
  margin: 34px 0 0 auto;
  font-size: 15px;
  line-height: 1.8;
}

.solutions {
  background: #eaf2f6;
}

.section-heading {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 56px;
  display: flex;
}

.section-heading h2 {
  margin-top: 20px;
  font-size: clamp(40px, 4vw, 64px);
}

.solution-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  display: grid;
}

.solution-card {
  background: #fff;
  transition: all .35s;
}

.solution-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 20px 50px #0921311f;
}

.card-image {
  height: 290px;
  position: relative;
  overflow: hidden;
}

.card-image img {
  object-fit: cover;
  filter: saturate(.7);
  height: 100%;
}

.card-image span {
  color: #fff;
  font: 600 12px var(--font-display);
  background: #05141fd9;
  padding: 8px 11px;
  position: absolute;
  top: 20px;
  left: 20px;
}

.card-copy {
  min-height: 245px;
  padding: 30px;
  position: relative;
}

.card-copy small {
  color: #5d9bc5;
  letter-spacing: .13em;
  font-size: 12px;
  font-weight: 700;
}

.card-copy h3 {
  font: 600 24px var(--font-display);
  letter-spacing: -.035em;
  margin: 18px 0 12px;
}

.card-copy p {
  color: #738491;
  max-width: 85%;
  font-size: 13px;
  line-height: 1.65;
}

.card-copy > a {
  border: 1px solid #d3e0e7;
  border-radius: 50%;
  place-items: center;
  width: 39px;
  height: 39px;
  display: grid;
  position: absolute;
  bottom: 25px;
  right: 25px;
}

.capabilities {
  background: var(--navy);
  color: #fff;
  grid-template-columns: 1.15fr 1fr;
  min-height: 790px;
  display: grid;
}

.cap-visual {
  position: relative;
  overflow: hidden;
}

.cap-visual > img {
  object-fit: cover;
  filter: saturate(.65) brightness(.58);
  height: 100%;
}

.orbit {
  border: 1px solid #69bef159;
  border-radius: 50%;
  width: 430px;
  height: 430px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.orbit:before, .orbit:after {
  content: "";
  border: 1px solid #69bef133;
  border-radius: 50%;
  position: absolute;
  inset: 50px;
}

.orbit:after {
  inset: 120px;
}

.orbit i {
  background: var(--blue);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 20px var(--blue);
  border-radius: 50%;
  position: absolute;
}

.orbit i:first-child {
  top: 57px;
  right: 73px;
}

.orbit i:nth-child(2) {
  bottom: 22px;
  left: 195px;
}

.orbit i:nth-child(3) {
  top: 185px;
  left: -3px;
}

.floating-label {
  backdrop-filter: blur(8px);
  background: #071926e0;
  width: 215px;
  padding: 22px 25px;
  display: grid;
  position: absolute;
  bottom: 42px;
  left: 42px;
}

.floating-label span {
  color: #82bde2;
  letter-spacing: .15em;
  font-size: 12px;
}

.floating-label b {
  font: 500 32px var(--font-display);
  margin-top: 8px;
}

.floating-label small {
  color: #9fb0bb;
  font-size: 13px;
}

.cap-copy {
  padding: 105px 8vw 80px 6vw;
}

.cap-copy .section-kicker {
  color: #6eb9e8;
}

.cap-copy h2 {
  font: 500 clamp(48px, 5vw, 74px)/1.02 var(--font-display);
  letter-spacing: -.06em;
  margin: 23px 0;
}

.cap-copy > p {
  color: #98aab6;
  max-width: 510px;
  font-size: 18px;
  line-height: 1.8;
}

.cap-copy ol {
  border-top: 1px solid #ffffff1f;
  margin: 45px 0 0;
  padding: 0;
  list-style: none;
}

.cap-copy li {
  border-bottom: 1px solid #ffffff1f;
  grid-template-columns: 45px 1fr 30px;
  align-items: center;
  padding: 21px 0;
  display: grid;
}

.cap-copy li span {
  color: #6092af;
  font-size: 12px;
}

.cap-copy li b, .cap-copy li a {
  font: 500 18px var(--font-display);
}

.cap-copy li i {
  color: var(--blue);
  font-style: normal;
}

.sectors {
  background: #fff;
  grid-template-columns: 1fr 1.2fr;
  gap: 10vw;
  display: grid;
}

.sectors h2 {
  margin-top: 25px;
  font-size: clamp(43px, 4vw, 64px);
}

.sector-list {
  border-top: 1px solid #dce5ea;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 28px;
  display: grid;
}

.sector-list a {
  border-bottom: 1px solid #dce5ea;
  grid-template-columns: 50px 1fr 30px;
  align-items: center;
  padding: 23px 4px;
  transition: all .2s;
  display: grid;
}

.sector-list a:hover {
  color: #267db5;
  padding-left: 16px;
}

.sector-list span {
  color: #7591a3;
  font-size: 12px;
}

.sector-list b {
  font: 500 20px var(--font-display);
}

.sector-list i {
  font-style: normal;
}

.partners {
  background: #eaf2f6;
}

.partners .section-heading > p {
  color: #708390;
  max-width: 360px;
  font-size: 16px;
  line-height: 1.7;
}

.partner-grid {
  background: #d4e1e8;
  border: 1px solid #d4e1e8;
  grid-template-columns: repeat(6, 1fr);
  gap: 1px;
  display: grid;
}

.partner-tile {
  background: #f8fbfd;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  padding: 22px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.partner-tile:hover {
  z-index: 1;
  background: #fff;
  transform: translateY(-5px);
  box-shadow: 0 16px 35px #0a283a1c;
}

.partner-tile > span {
  color: #9aadb8;
  font-size: 12px;
  position: absolute;
  top: 14px;
  left: 16px;
}

.partner-tile b {
  font: 700 clamp(16px, 1.6vw, 24px)/1 var(--font-display);
  letter-spacing: -.05em;
  color: #2385bd;
  text-align: center;
}

.partner-tile i {
  color: #9aacb7;
  letter-spacing: .14em;
  margin-top: 13px;
  font-size: 12px;
  font-style: normal;
}

.partner-tile.tone-1 b {
  color: #107dc0;
}

.partner-tile.tone-2 b {
  color: #233c4a;
}

.partner-tile.tone-3 b {
  color: #56727f;
}

.certificate-panel {
  color: #fff;
  background: #081a29;
  grid-template-columns: 1fr 2.4fr;
  align-items: center;
  gap: 6vw;
  margin-top: 26px;
  padding: 46px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.certificate-panel:after {
  content: "";
  border: 1px solid #4da9e92e;
  border-radius: 50%;
  width: 320px;
  height: 320px;
  position: absolute;
  top: -150px;
  right: -120px;
}

.certificate-panel h3 {
  font: 500 30px/1.15 var(--font-display);
  letter-spacing: -.04em;
  margin: 17px 0 0;
}

.certificate-grid {
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}

.certificate-grid > div {
  border-left: 1px solid #ffffff1f;
  flex-direction: column;
  min-height: 112px;
  padding: 14px 17px;
  display: flex;
  position: relative;
}

.certificate-grid b {
  font: 600 18px var(--font-display);
}

.certificate-grid span {
  color: #8fa4b2;
  margin-top: 8px;
  font-size: 12px;
}

.certificate-grid i {
  color: var(--blue);
  margin-top: auto;
  font-style: normal;
}

.references {
  background: #fff;
  grid-template-columns: .8fr 2fr;
  align-items: center;
  gap: 7vw;
  display: grid;
}

.reference-stat b {
  font: 500 clamp(70px, 8vw, 118px)/.9 var(--font-display);
  letter-spacing: -.08em;
}

.reference-stat sup {
  color: var(--blue);
  font-size: .35em;
}

.reference-stat > span {
  margin-top: 6px;
  display: block;
  font: 500 25px var(--font-display) !important;
}

.reference-cloud {
  border-top: 1px solid #dfe8ed;
  border-left: 1px solid #dfe8ed;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.reference-cloud span {
  height: 86px;
  font: 700 16px var(--font-display);
  color: #71828d;
  filter: grayscale();
  border-bottom: 1px solid #dfe8ed;
  border-right: 1px solid #dfe8ed;
  place-items: center;
  transition: all .2s;
  display: grid;
}

.reference-cloud span:hover {
  color: #2582ba;
  background: #f5fafc;
}

.references > .text-link {
  grid-column: 2;
  justify-self: end;
}

.case-studies {
  color: #fff;
  background: #071722;
}

.case-studies .section-kicker {
  color: #6eb9e8;
}

.case-studies .text-link {
  color: #fff;
  border-color: #34505f;
}

.case-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 17px;
  display: grid;
}

.case-card {
  height: 510px;
  position: relative;
  overflow: hidden;
}

.case-card > img {
  object-fit: cover;
  filter: saturate(.58);
  height: 100%;
  transition: all .5s;
}

.case-card:hover > img {
  transform: scale(1.045);
}

.case-shade {
  background: linear-gradient(0deg, #030d14f2, #0000 65%);
  position: absolute;
  inset: 0;
}

.case-top {
  justify-content: space-between;
  display: flex;
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
}

.case-top span {
  font-size: 12px;
}

.case-top small {
  letter-spacing: .14em;
  background: #031019bf;
  padding: 8px 10px;
  font-size: 12px;
}

.case-result {
  align-items: flex-end;
  gap: 12px;
  display: flex;
  position: absolute;
  bottom: 120px;
  left: 25px;
}

.case-result b {
  font: 500 58px/.8 var(--font-display);
  color: var(--blue);
  letter-spacing: -.07em;
}

.case-result span {
  color: #a5b7c1;
  max-width: 90px;
  font-size: 12px;
}

.case-bottom {
  border-top: 1px solid #fff3;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 20px;
  display: flex;
  position: absolute;
  bottom: 25px;
  left: 25px;
  right: 25px;
}

.case-bottom h3 {
  font: 500 20px/1.2 var(--font-display);
  max-width: 75%;
  margin: 0;
}

.case-bottom a {
  border: 1px solid #ffffff59;
  border-radius: 50%;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
}

.insights {
  background: #eef4f7;
}

.article-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 19px;
  display: grid;
}

.article-card {
  background: #fff;
}

.article-image {
  height: 240px;
  display: block;
  position: relative;
  overflow: hidden;
}

.article-image img {
  object-fit: cover;
  filter: saturate(.55);
  height: 100%;
  transition: all .4s;
}

.article-image:hover img {
  transform: scale(1.04);
}

.article-image > span {
  color: #07131d;
  background: #fff;
  border-radius: 50%;
  place-items: center;
  width: 56px;
  height: 56px;
  font-size: 12px;
  font-weight: 800;
  display: grid;
  position: absolute;
  bottom: 18px;
  right: 18px;
}

.article-card > div {
  padding: 28px;
}

.article-card small {
  color: #568aaa;
  letter-spacing: .12em;
  font-size: 12px;
}

.article-card h3 {
  font: 600 21px/1.25 var(--font-display);
  letter-spacing: -.035em;
  min-height: 78px;
}

.article-card > div > a {
  color: #6c8190;
  border-top: 1px solid #e1e9ee;
  justify-content: space-between;
  padding-top: 15px;
  font-size: 12px;
  display: flex;
}

.cta {
  text-align: center;
  color: #fff;
  background: #071722;
  padding: 125px 6vw;
  position: relative;
  overflow: hidden;
}

.cta > :not(.cta-lines) {
  z-index: 1;
  position: relative;
}

.cta-lines {
  background: radial-gradient(circle, #41a4e12e, #0000 40%), linear-gradient(90deg, #0000 49.9%, #ffffff12 50%, #0000 50.1%);
  position: absolute;
  inset: 0;
}

.cta .section-kicker {
  color: #67acd8;
}

.cta h2 {
  font: 500 54px/1.1 var(--font-display);
  letter-spacing: -.06em;
  margin: 25px 0;
}

.cta p {
  color: #94a6b2;
  margin: 0 0 30px;
  font-size: 14px;
}

.cta .pill-button {
  margin: auto;
}

footer {
  color: #fff;
  background: #040e16;
  grid-template-columns: 1.3fr .8fr .8fr 1fr;
  align-items: start;
  gap: 40px;
  padding: 55px 6vw 25px;
  display: grid;
}

.footer-brand {
  align-self: start;
}

.footer-brand strong {
  font-size: 33px;
}

footer > p {
  color: #94a5b1;
  margin: 0;
  line-height: 1.6;
}

footer > div {
  flex-direction: column;
  gap: 9px;
  font-size: 12px;
  display: flex;
}

footer > small {
  color: #667985;
  border-top: 1px solid #ffffff1a;
  grid-column: 1 / -1;
  padding-top: 20px;
  font-size: 12px;
}

.site-footer {
  color: #fff;
  background: #050d14;
  grid-template-columns: 3fr 1.15fr;
  gap: 0;
  padding: 0 6vw;
  display: grid;
}

.footer-locations {
  grid-template-columns: repeat(3, 1fr);
  padding: 74px 5vw 62px 0;
  flex-direction: unset !important;
  gap: 0 !important;
  display: grid !important;
}

.footer-locations article {
  border-right: 1px solid #ffffff1f;
  flex-direction: column;
  margin-right: 3.2vw;
  padding: 0 3.2vw 0 0;
  display: flex;
}

.footer-locations article:last-child {
  margin-right: 0;
}

.footer-locations article > span {
  font: 700 12px var(--font-display);
  letter-spacing: .16em;
  color: #55a9dc;
}

.footer-locations h3 {
  font: 500 24px var(--font-display);
  letter-spacing: -.035em;
  margin: 15px 0 12px;
}

.footer-locations p {
  color: #91a2ae;
  min-height: 76px;
  margin: 0 0 19px;
  font-size: 12px;
  line-height: 1.75;
}

.footer-locations a {
  font: 600 12px var(--font-display);
  color: #d8e2e8;
  margin: 5px 0;
}

.footer-brand-panel {
  border-left: 1px solid #ffffff1f;
  padding: 74px 0 62px 4vw;
  gap: 24px !important;
}

.footer-brand-panel .brand {
  align-self: flex-start;
}

.footer-brand-panel > p {
  color: #91a2ae;
  max-width: 320px;
  margin: 0;
  font-size: 12px;
  line-height: 1.75;
}

.footer-socials {
  flex-direction: row !important;
  gap: 8px !important;
  display: flex !important;
}

.footer-socials a {
  width: 43px;
  height: 43px;
  font: 700 15px var(--font-display);
  background: #0c1923;
  border: 1px solid #ffffff14;
  border-radius: 4px;
  place-items: center;
  transition: all .2s;
  display: grid;
}

.footer-socials a:hover {
  color: #07131d;
  background: #4ea9e9;
}

.footer-bottom {
  color: #71838f;
  border-top: 1px solid #ffffff1f;
  grid-column: 1 / -1;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0 26px;
  flex-direction: row !important;
  display: flex !important;
}

.footer-bottom > span {
  font-size: 12px;
}

.footer-bottom > div {
  font-size: 12px;
  font-weight: 700;
  display: flex;
  flex-direction: row !important;
  gap: 24px !important;
}

.footer-bottom a:hover {
  color: #fff;
}

.callback-backdrop {
  z-index: 100;
  backdrop-filter: blur(9px);
  background: #01090fc7;
  place-items: center;
  padding: 24px;
  animation: .3s fadeIn;
  display: grid;
  position: fixed;
  inset: 0;
}

.callback-modal {
  background: #f6fafc;
  grid-template-columns: .85fr 1.15fr;
  width: min(960px, 94vw);
  min-height: 620px;
  animation: .4s modalUp;
  display: grid;
  position: relative;
  box-shadow: 0 35px 100px #00000073;
}

.callback-close {
  z-index: 3;
  color: #7b8e9a;
  font: 300 31px/1 var(--font-display);
  cursor: pointer;
  background: none;
  border: 0;
  position: absolute;
  top: 16px;
  right: 18px;
}

.callback-visual {
  color: #fff;
  flex-direction: column;
  justify-content: space-between;
  padding: 35px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.callback-visual > img {
  object-fit: cover;
  filter: saturate(.55) brightness(.68);
  height: 100%;
  position: absolute;
  inset: 0;
}

.callback-visual-shade {
  background: linear-gradient(0deg, #031019f5, #04121c59);
  position: absolute;
  inset: 0;
}

.callback-visual > span, .callback-visual > div {
  position: relative;
}

.callback-visual > span {
  font: 700 12px var(--font-display);
  letter-spacing: .18em;
  color: #8fd0f5;
}

.callback-visual > div {
  flex-direction: column;
  display: flex;
}

.callback-visual b {
  font: 500 72px/.85 var(--font-display);
  letter-spacing: -.08em;
}

.callback-visual sup {
  color: var(--blue);
  font-size: .35em;
}

.callback-visual small {
  color: #a2b4bf;
  margin-top: 12px;
  font-size: 12px;
}

.callback-content {
  padding: 60px 64px 45px;
}

.callback-content > small, .callback-success > small {
  font: 700 12px var(--font-display);
  letter-spacing: .17em;
  color: #4b92bc;
}

.callback-content h2 {
  font: 500 40px/1.03 var(--font-display);
  letter-spacing: -.055em;
  margin: 14px 0;
}

.callback-content > p, .callback-success > p {
  color: #738691;
  max-width: 430px;
  font-size: 12px;
  line-height: 1.7;
}

.callback-content form {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 25px;
  display: grid;
}

.callback-content label {
  flex-direction: column;
  gap: 7px;
  display: flex;
}

.callback-content label > span {
  color: #69808e;
  font-size: 12px;
  font-weight: 700;
}

.callback-content input {
  font: 500 12px var(--font-body);
  color: #07131d;
  background: none;
  border: 0;
  border-bottom: 1px solid #c9d8e0;
  outline: none;
  padding: 8px 0 11px;
}

.callback-content input:focus {
  border-color: #4ea9e9;
}

.callback-content .callback-consent {
  flex-direction: row;
  grid-column: 1 / -1;
  align-items: center;
  display: flex;
}

.callback-consent input {
  accent-color: #4ea9e9;
}

.callback-consent span {
  color: #82949e !important;
  font-weight: 400 !important;
}

.callback-content form > button, .callback-success button {
  color: #fff;
  font: 700 12px var(--font-body);
  cursor: pointer;
  background: #071722;
  border: 0;
  border-radius: 999px;
  grid-column: 1 / -1;
  justify-content: space-between;
  margin-top: 5px;
  padding: 16px 22px;
  display: flex;
}

.callback-content form > button i {
  color: #6db9e8;
  font-style: normal;
}

.callback-direct {
  color: #82949e;
  border-top: 1px solid #dbe5ea;
  justify-content: space-between;
  margin-top: 22px;
  padding-top: 16px;
  font-size: 12px;
  display: flex;
}

.callback-direct a {
  font: 600 12px var(--font-display);
  color: #07131d;
}

.callback-success {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.callback-success > span {
  color: #2789c1;
  background: #dff2fc;
  border-radius: 50%;
  place-items: center;
  width: 52px;
  height: 52px;
  margin-bottom: 25px;
  font-size: 21px;
  display: grid;
}

.callback-success button {
  align-self: flex-start;
  margin-top: 20px;
  padding: 15px 25px;
}

.callback-success h2 {
  font-size: 43px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modalUp {
  from {
    opacity: 0;
    transform: translateY(25px) scale(.985);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (width <= 1120px) {
  .main-nav {
    gap: 15px;
  }

  .main-nav > a:nth-last-child(-n+2), .phone {
    display: none;
  }
}

@media (width <= 980px) {
  .main-nav {
    display: none;
  }

  .hero-content {
    left: 6vw;
  }

  .hero-proof {
    bottom: 35px;
    left: 6vw;
    right: auto;
  }

  .trust-strip {
    gap: 40px;
    overflow: auto;
  }

  .trust-strip p {
    display: none;
  }

  .intro, .sectors, .references, .solution-grid {
    grid-template-columns: 1fr;
  }

  .solution-card {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .card-image {
    height: 100%;
  }

  .capabilities {
    grid-template-columns: 1fr;
  }

  .cap-visual {
    height: 520px;
  }

  .section {
    padding: 90px 6vw;
  }

  .partner-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .certificate-panel {
    grid-template-columns: 1fr;
  }

  .reference-cloud, .references > .text-link {
    grid-column: 1;
  }

  .case-grid, .article-grid {
    grid-template-columns: 1fr 1fr;
  }

  .case-card:last-child, .article-card:last-child {
    display: none;
  }

  .site-footer {
    grid-template-columns: 1fr;
  }

  .footer-brand-panel {
    border-top: 1px solid #ffffff1f;
    border-left: 0;
    padding: 45px 0;
  }

  .footer-bottom {
    align-items: flex-start;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .footer-bottom > div {
    flex-wrap: wrap;
  }

  .callback-modal {
    grid-template-columns: 1fr;
    max-height: 92vh;
    overflow: auto;
  }

  .callback-visual {
    display: none;
  }
}

@media (width <= 640px) {
  .sector-list {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .topbar {
    height: 72px;
  }

  .brand strong {
    font-size: 24px;
  }

  .header-actions .pill-button {
    padding: 13px 17px;
  }

  .hero {
    min-height: 780px;
  }

  .hero-content {
    top: 38%;
  }

  .hero h1 {
    font-size: 53px;
  }

  .hero-content > p {
    max-width: 94%;
    font-size: 14px;
  }

  .hero-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  /* The secondary link previously occupied the same vertical band as the
     proof counters on short mobile screens. The primary solution CTA remains
     visible; the corporate route is available in the mobile navigation. */
  .hero-actions .text-link {
    display: none;
  }

  .hero-proof {
    gap: 24px;
  }

  .hero-proof b {
    font-size: 24px;
  }

  .hero-proof span {
    max-width: 70px;
  }

  .scroll-hint {
    display: none;
  }

  .section-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
  }

  .solution-card {
    display: block;
  }

  .card-image {
    height: 230px;
  }

  .cap-visual {
    height: 420px;
  }

  .orbit {
    width: 300px;
    height: 300px;
  }

  .cap-copy {
    padding: 75px 6vw;
  }

  .sectors {
    gap: 55px;
  }

  .partner-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .partner-tile {
    min-height: 120px;
    padding: 16px;
  }

  .certificate-panel {
    padding: 35px 25px;
  }

  .certificate-grid {
    grid-template-columns: 1fr 1fr;
  }

  .certificate-grid > div {
    border-bottom: 1px solid #ffffff1f;
  }

  .reference-cloud {
    grid-template-columns: repeat(2, 1fr);
  }

  .case-grid, .article-grid {
    grid-template-columns: 1fr;
  }

  .case-card:last-child, .article-card:last-child {
    display: block;
  }

  .case-card {
    height: 440px;
  }

  .cta {
    padding: 95px 6vw;
  }

  .cta h2 {
    font-size: clamp(32px, 7vw, 42px);
    line-height: 1.15;
  }

  .footer-locations {
    grid-template-columns: 1fr;
    padding: 55px 0 25px;
  }

  .footer-locations article {
    border-bottom: 1px solid #ffffff1f;
    border-right: 0;
    margin: 0 0 30px;
    padding: 0 0 30px;
  }

  .footer-locations p {
    min-height: 0;
  }

  .footer-bottom > div {
    gap: 14px !important;
  }

  .callback-backdrop {
    padding: 12px;
  }

  .callback-modal {
    width: 100%;
    min-height: 0;
  }

  .callback-content {
    padding: 55px 25px 30px;
  }

  .callback-content h2 {
    font-size: 33px;
  }

  .callback-content form {
    grid-template-columns: 1fr;
  }

  .callback-content .callback-consent, .callback-content form > button {
    grid-column: 1;
  }
}

@media (max-width: 640px) and (max-height: 720px) {
  .hero-content { top: 32%; }
}

.site-footer {
  color: #0b1722;
  background: #eef1f4;
  grid-template-columns: 1.15fr 1fr;
  column-gap: 8vw;
  padding: 70px 6vw 28px;
  display: grid;
}

.site-footer .footer-brand-panel {
  border: 0;
  grid-column: 1;
  padding: 0;
  gap: 24px !important;
}

.site-footer .footer-brand strong {
  font-size: 42px;
}

.site-footer .footer-socials a {
  color: #22313c;
  background: #fff;
  border-color: #dfe5e9;
  border-radius: 999px;
}

.site-footer .footer-socials a:hover {
  color: #07131d;
  background: #4ea9e9;
}

.footer-nav {
  grid-column: 2;
  grid-template-columns: 1fr 1.35fr;
  flex-direction: unset !important;
  gap: 60px !important;
  display: grid !important;
}

.footer-nav > div {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.footer-nav b {
  font: 650 14px var(--font-display);
  margin-bottom: 10px;
}

.footer-nav a {
  color: #6d7a85;
  padding-left: 15px;
  font-size: 12px;
  position: relative;
}

.footer-nav a:before {
  content: "";
  background: #b9c3c9;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 9px;
  left: 0;
}

.footer-nav a:hover {
  color: #2586be;
}

.site-footer .footer-locations {
  border-top: 1px solid #d5dde2;
  border-bottom: 1px solid #d5dde2;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 55px;
  padding: 48px 0 42px;
  gap: 0 !important;
  display: grid !important;
}

.site-footer .footer-locations article {
  border-right: 1px solid #d5dde2;
  margin: 0 4vw 0 0;
  padding: 0 4vw 0 0;
}

.site-footer .footer-locations article:last-child {
  border: 0;
  margin: 0;
}

.site-footer .footer-locations article > span {
  color: #3b91c2;
}

.site-footer .footer-locations h3 {
  color: #0b1722;
}

.site-footer .footer-locations p {
  color: #6d7b86;
}

.site-footer .footer-locations a {
  color: #192833;
}

.footer-contact-band {
  grid-column: 1 / -1;
  grid-template-columns: 1fr 1.25fr 2fr;
  align-items: center;
  padding: 42px 0 38px;
  gap: 4vw !important;
  display: grid !important;
}

.footer-contact-band > div:not(.footer-legal-pills) {
  grid-template-columns: 40px 1fr;
  align-items: center;
  display: grid;
}

.footer-contact-band > div > span {
  font: 400 30px var(--font-display);
  color: #a9b5bc;
  grid-row: 1 / 3;
}

.footer-contact-band p {
  color: #788691;
  margin: 0;
  font-size: 12px;
}

.footer-contact-band > div > a {
  font: 600 clamp(18px, 1.8vw, 27px) var(--font-display);
  letter-spacing: -.04em;
}

.footer-legal-pills {
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-direction: row !important;
  gap: 8px !important;
  display: flex !important;
}

.footer-legal-pills a {
  color: #3e4d58;
  background: #fff;
  border: 1px solid #e0e6ea;
  border-radius: 999px;
  padding: 11px 16px;
  font-size: 12px;
}

.site-footer .footer-bottom {
  color: #7c8992;
  border-top: 1px solid #d5dde2;
  grid-column: 1 / -1;
}

@media (width <= 980px) {
  .site-footer {
    grid-template-columns: 1fr;
  }

  .site-footer .footer-brand-panel, .footer-nav {
    grid-column: 1;
  }

  .footer-nav {
    margin-top: 50px;
  }

  .site-footer .footer-locations {
    grid-column: 1;
  }

  .footer-contact-band {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px !important;
  }

  .footer-legal-pills {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .site-footer .footer-bottom {
    grid-column: 1;
  }
}

@media (width <= 640px) {
  .site-footer {
    padding: 55px 6vw 25px;
  }

  .footer-nav {
    grid-template-columns: 1fr 1fr;
    gap: 28px !important;
  }

  .site-footer .footer-locations {
    grid-template-columns: 1fr;
    padding: 35px 0 5px;
  }

  .site-footer .footer-locations article {
    border-bottom: 1px solid #d5dde2;
    border-right: 0;
    margin: 0 0 30px;
    padding: 0 0 30px;
  }

  .site-footer .footer-locations article:last-child {
    border-bottom: 0;
  }

  .footer-contact-band {
    grid-template-columns: 1fr;
  }

  .footer-legal-pills {
    grid-column: 1;
  }

  .footer-contact-band > div > a {
    font-size: 21px;
  }

  .footer-bottom {
    align-items: flex-start !important;
  }
}

.hero-slider {
  position: relative;
}

.hero-slides {
  position: absolute;
  inset: 0;
}

.hero-slide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s, transform 8s;
  position: absolute;
  inset: 0;
  transform: scale(1.035);
}

.hero-slide.is-active {
  opacity: 1;
  transform: scale(1);
}

.hero-slide img, .hero-slide video {
  object-fit: cover;
  filter: saturate(.66) brightness(.66);
  width: 100%;
  height: 100%;
}

.hero-slide video {
  background: #07131d;
}

.hero-slider .hero-content {
  transition: opacity .45s;
}

.slider-controls {
  z-index: 3;
  color: #fff;
  align-items: center;
  gap: 16px;
  display: flex;
  position: absolute;
  bottom: 43px;
  left: var(--page-gutter);
  transform: none;
}

.slider-controls > button {
  color: #fff;
  cursor: pointer;
  backdrop-filter: blur(5px);
  background: #05121c38;
  border: 1px solid #ffffff47;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  transition: all .2s;
}

.slider-controls > button:hover {
  border-color: var(--blue);
  color: var(--blue);
}

.slider-controls > div {
  align-items: center;
  gap: 7px;
  display: flex;
}

.slider-controls > div button {
  cursor: pointer;
  background: none;
  border: 0;
  width: 32px;
  padding: 9px 0;
}

.slider-controls > div i {
  background: #ffffff4d;
  height: 2px;
  transition: all .3s;
  display: block;
}

.slider-controls > div button.is-active i {
  background: var(--blue);
  box-shadow: 0 0 12px #4ea9e9b3;
}

.slider-controls > span {
  font: 600 12px var(--font-display);
  letter-spacing: .12em;
  color: #9fb0bb;
  text-align: center;
  min-width: 42px;
}

@media (width <= 980px) {
  .slider-controls {
    left: var(--page-gutter);
    right: auto;
    transform: none;
  }

  .hero-slider .hero-proof {
    bottom: 92px;
  }
}

@media (width <= 640px) {
  .slider-controls {
    bottom: 28px;
    left: var(--page-gutter);
    right: auto;
  }

  .slider-controls > button, .slider-controls > span {
    display: none;
  }

  .hero-slider .hero-proof {
    bottom: 82px;
    grid-template-columns: repeat(2, minmax(0, auto));
    gap: 14px 24px;
  }

  .hero-slide img, .hero-slide video {
    object-position: center;
  }
}

.inner-page {
  background: #f5f8fa;
}

.skip-link {
  z-index: 99;
  background: #fff;
  padding: 12px;
  position: fixed;
  top: -60px;
  left: 12px;
}

.skip-link:focus {
  top: 12px;
}

.inner-topbar {
  backdrop-filter: blur(12px);
  background: #06162238;
  position: absolute;
}

.inner-topbar .main-nav a.active:after {
  content: "";
  background: var(--blue);
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.menu-toggle {
  color: #fff;
  background: none;
  border: 0;
  font-size: 24px;
  display: none;
}

.page-hero {
  color: #fff;
  background: #081a29;
  align-items: flex-end;
  min-height: var(--inner-hero-height);
  padding: 180px 6vw 92px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-hero:before {
  content: "";
  background: linear-gradient(90deg,
      #05141ff7 0%,
      #05141fbf 48%,
      #05141f33),
    var(--hero-image);
  background-position: center;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.page-hero:after {
  content: "";
  background-image: linear-gradient(#ffffff0f 1px, #0000 1px), linear-gradient(90deg, #ffffff0f 1px, #0000 1px);
  background-size: 88px 88px;
  position: absolute;
  inset: 0;
  mask-image: linear-gradient(to right, #000, #0000);
}

.page-hero-content {
  z-index: 1;
  max-width: 860px;
  position: relative;
}

.breadcrumb {
  letter-spacing: .09em;
  color: #9fb2c0;
  gap: 9px;
  margin-bottom: 34px;
  font-size: 12px;
  display: flex;
}

.breadcrumb [aria-current="page"] {
  color: currentColor;
  font-weight: 700;
}

@media (max-width: 767px) {
  .breadcrumb {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
    padding-bottom: 6px;
  }

  .breadcrumb > * {
    flex-shrink: 0;
  }
}

.page-hero .section-kicker {
  color: #83cfff;
}

.page-hero h1 {
  font: 500 clamp(48px, 7vw, 76px)/.94 var(--font-display);
  letter-spacing: -.06em;
  margin: 20px 0 28px;
}

.page-hero p {
  color: #c2d0d9;
  max-width: 650px;
  margin: 0;
  font-size: 17px;
  line-height: 1.8;
}

.partner-hero-proof { z-index:2; grid-template-columns:repeat(2,minmax(145px,1fr)); display:grid; position:absolute; right:var(--page-gutter); bottom:58px; }
.partner-hero-proof > div { border-left:1px solid #ffffff3d; min-height:88px; padding:8px 28px; display:flex; flex-direction:column; justify-content:center; }
.partner-hero-proof strong { color:#fff; letter-spacing:-.05em; font:650 42px/1 var(--font-display); }
.partner-hero-proof sup { color:#56b5eb; font-size:21px; }
.partner-hero-proof span { color:#b4c6d1; text-transform:uppercase; letter-spacing:.1em; margin-top:8px; font-size:10px; font-weight:700; }

@media (max-width:900px) {
  .corporate-hero--partners { padding-bottom:170px; }
  .partner-hero-proof { left:var(--page-gutter); right:auto; bottom:42px; }
}

@media (max-width:480px) {
  .partner-hero-proof { grid-template-columns:repeat(2,minmax(0,1fr)); right:var(--page-gutter); }
  .partner-hero-proof > div { min-height:74px; padding:7px 16px; }
  .partner-hero-proof strong { font-size:34px; }
}

.content-section {
  padding: 110px 6vw;
}

.content-section.alt {
  background: #eaf2f6;
}

.content-heading {
  grid-template-columns: .85fr 2fr;
  gap: 7vw;
  margin-bottom: 60px;
  display: grid;
}

.content-heading h2, .story-grid h2, .form-intro h2 {
  font: 500 clamp(36px, 4vw, 62px)/1.04 var(--font-display);
  letter-spacing: -.05em;
  margin: 0;
}

.content-heading p, .story-copy p, .form-intro p {
  color: #657784;
  margin: 0;
  line-height: 1.85;
}

.story-grid {
  grid-template-columns: 1.05fr 1fr;
  align-items: center;
  gap: 8vw;
  display: grid;
}

.story-image {
  object-fit: cover;
  height: 600px;
}

.story-copy h2 {
  margin: 18px 0 30px;
}

.stat-row {
  border-top: 1px solid #cad8e0;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 45px;
  display: grid;
}

.stat-row div {
  padding: 25px 15px 0 0;
}

.stat-row b {
  font: 500 38px var(--font-display);
  color: #318fca;
  display: block;
}

.stat-row span {
  color: #6b7d88;
  font-size: 12px;
}

.value-grid, .certificate-list, .partner-list, .reference-grid, .office-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  display: grid;
}

.value-card, .certificate-card, .partner-card, .reference-card, .office-card {
  background: #fff;
  border: 1px solid #dce7ed;
  min-height: 230px;
  padding: 38px;
  position: relative;
}

.value-card > span, .certificate-card > span, .partner-card > span {
  font: 600 12px var(--font-display);
  color: #4b9dce;
  letter-spacing: .12em;
}

.value-card h3, .certificate-card h3, .partner-card h3, .office-card h3 {
  font: 600 21px/1.25 var(--font-display);
  margin: 55px 0 12px;
}

.value-card p, .certificate-card p, .partner-card p, .office-card p {
  color: #778791;
  font-size: 13px;
  line-height: 1.7;
}

.vision-panel {
  color: #fff;
  background: #071a29;
  grid-template-columns: 1fr 1.7fr;
  gap: 8vw;
  padding: 80px;
  display: grid;
}

.vision-panel p {
  color: #aebdc7;
  font-size: 17px;
  line-height: 1.9;
}

.certificate-card {
  min-height: 280px;
}

.certificate-card .cert-mark {
  font: 500 30px var(--font-display);
  color: #102735;
  margin-top: 50px;
  display: block;
}

.certificate-card i {
  color: #2588c4;
  background: #dff3ff;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  font-style: normal;
  display: grid;
  position: absolute;
  top: 28px;
  right: 28px;
}

.partner-card {
  min-height: 250px;
  transition: all .25s;
}

.partner-card:hover {
  color: #fff;
  background: #0a2030;
  transform: translateY(-4px);
}

.partner-card h3 {
  font-size: 25px;
}

.filters {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 35px;
  display: flex;
}

.filters button {
  font: 600 12px var(--font-body);
  cursor: pointer;
  background: none;
  border: 1px solid #cbd9e1;
  border-radius: 999px;
  padding: 11px 18px;
}

.filters button.is-active {
  color: #fff;
  background: #102737;
  border-color: #102737;
}

.reference-grid {
  grid-template-columns: repeat(4, 1fr);
}

.reference-card {
  text-align: center;
  min-height: 145px;
  font: 600 18px var(--font-display);
  place-items: center;
  transition: all .2s;
  display: grid;
}

.reference-card:hover {
  color: #217fb6;
  background: #e2f3fc;
}

.career-banner {
  color: #fff;
  background: #081b2a;
  grid-template-columns: 1.1fr 1fr;
  display: grid;
}

.career-banner img {
  object-fit: cover;
  height: 100%;
  min-height: 520px;
}

.career-copy {
  padding: 70px;
}

.benefit-list {
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  display: grid;
}

.benefit-list div {
  background: #fff;
  border: 1px solid #dce7ed;
  padding: 30px;
}

.benefit-list b {
  font: 600 16px var(--font-display);
  margin-bottom: 8px;
  display: block;
}

.benefit-list p {
  color: #72838d;
  font-size: 12px;
  line-height: 1.6;
}

.empty-jobs {
  border: 1px solid #cad9e2;
  justify-content: space-between;
  align-items: center;
  padding: 45px;
  display: flex;
}

.office-card {
  min-height: 320px;
}

.office-card a {
  color: #2d91ca;
  margin-top: 22px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.contact-layout, .quote-layout {
  grid-template-columns: .82fr 1.35fr;
  gap: 8vw;
  display: grid;
}

.form-card {
  background: #fff;
  border: 1px solid #d8e4ea;
  padding: 48px;
}

.form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  display: grid;
}

.field {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.field.full {
  grid-column: 1 / -1;
}

.field label {
  letter-spacing: .05em;
  font-size: 12px;
  font-weight: 700;
}

.field input, .field textarea, .field select {
  width: 100%;
  font: 14px var(--font-body);
  background: none;
  border: 0;
  border-bottom: 1px solid #b9cbd5;
  outline: 0;
  padding: 12px 0;
}

.field input:focus, .field textarea:focus {
  border-color: #3c9dd5;
}

.iti {
  width: 100%;
}

.iti__country-container {
  color: var(--ink);
}

.iti__selected-country {
  border-radius: 8px 0 0 8px;
  min-width: 96px;
  justify-content: center;
  padding: 0 6px;
}

.iti__dropdown-content {
  color: var(--ink);
  background: #fff;
  border: 1px solid #cbdce5;
  border-radius: 8px;
  box-shadow: 0 18px 50px rgba(4, 25, 40, .18);
  overflow: hidden;
}

.iti__search-input {
  height: 42px !important;
  padding: 8px 12px 8px 38px !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

.iti__country-list {
  font-family: var(--font-body);
  font-size: 13px;
}

.iti__country {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.iti__country-name,
.iti__dial-code {
  font-size: 13px;
  line-height: 1.25;
}

.phone-field-error {
  color: #b52d2d;
  min-height: 0;
  font-size: 12px;
  font-weight: 650;
  display: block;
}

.phone-field-error:empty {
  display: none;
}

.has-phone-error .iti input {
  border-color: #c83d3d !important;
}

.training-registration {
  grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
  gap: clamp(45px, 6vw, 100px);
  padding: clamp(72px, 8vw, 130px) clamp(28px, 6vw, 110px);
  display: grid;
}

.training-registration__intro {
  border-right: 1px solid #c8dbe4;
  padding-right: clamp(35px, 5vw, 80px);
}

.training-registration__intro h2 {
  color: var(--ink);
  letter-spacing: -.055em;
  margin: 24px 0 22px;
  font-size: clamp(42px, 4.4vw, 70px);
  line-height: .98;
}

.training-registration__intro h2 em {
  color: #42a2df;
  font-style: normal;
  font-weight: 400;
}

.training-registration__intro > p {
  color: #597181;
  max-width: 470px;
  font-size: 16px;
  line-height: 1.75;
}

.training-registration__subject {
  background: #081e2d;
  border-left: 4px solid #43a6e5;
  margin-top: 38px;
  padding: 24px 26px;
}

.training-registration__subject small {
  color: #74bde9;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 800;
  display: block;
}

.training-registration__subject strong {
  color: #fff;
  margin-top: 9px;
  font-size: 17px;
  line-height: 1.45;
  display: block;
}

.training-registration__form {
  align-self: start;
  min-width: 0;
}

.training-registration .form-grid {
  gap: 26px 24px;
  min-width: 0;
}

.training-registration .field,
.contact-form-card .field {
  min-width: 0;
}

.training-registration .field > span {
  color: #233e4e;
  font-size: 13px;
  font-weight: 750;
}

.training-registration .field input {
  color: var(--ink);
  height: 48px;
  padding: 0 12px;
  font-size: 15px;
}

.training-registration .field input:focus {
  border-color: #3c9dd5;
  box-shadow: 0 0 0 3px rgba(60, 157, 213, .12);
}

.training-registration .iti input {
  padding-left: 102px !important;
}

.training-registration__legal {
  border-top: 1px solid #c8dbe4;
  margin-top: 30px;
  padding-top: 24px;
}

.training-registration__legal > p {
  color: #587080;
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.7;
}

.training-registration__legal a {
  color: #147ebd;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.training-registration .check {
  align-items: flex-start;
  gap: 11px;
  margin-top: 13px;
  display: flex;
}

.training-registration .check input {
  accent-color: #168dd0;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.training-registration .check span {
  color: #425c6c;
  font-size: 13px;
  line-height: 1.55;
}

.training-registration .submit-button {
  color: #fff;
  background: #0a2130;
  border: 0;
  border-radius: 999px;
  justify-content: space-between;
  width: min(100%, 430px);
  min-height: 58px;
  margin-top: 30px;
  padding: 0 25px;
  font: 750 14px var(--font-body);
  cursor: pointer;
  display: flex;
  align-items: center;
}

.training-registration .submit-button:hover {
  background: #188ed0;
}

.contact-form-section {
  grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
  gap: clamp(45px, 6vw, 100px);
  padding: clamp(72px, 8vw, 125px) clamp(28px, 6vw, 110px);
  display: grid;
}

.contact-form-section__intro {
  border-right: 1px solid #c8dbe4;
  padding-right: clamp(35px, 5vw, 80px);
}

.contact-form-section__intro h2 {
  letter-spacing: -.045em;
  margin: 24px 0 20px;
  font-size: clamp(38px, 4vw, 62px);
  line-height: 1.04;
}

.contact-form-section__intro p {
  color: #587080;
  font-size: 16px;
  line-height: 1.75;
}

.contact-form-card .field > span {
  color: #233e4e;
  font-size: 13px;
  font-weight: 750;
}

.contact-form-card .field input[type="text"],
.contact-form-card .field textarea {
  padding: 8px;
  font-size: 15px;
}

.contact-form-card {
  min-width: 0;
}

.contact-form-card .form-grid {
  min-width: 0;
}

.contact-form-card .field input[type="text"] { height: 48px; }
.contact-form-card .iti input { padding-left: 102px !important; }

.contact-form-card__legal {
  padding-top: 20px;
}

.contact-form-card .check {
  align-items: flex-start;
  gap: 11px;
  margin-top: 12px;
  display: flex;
}

.contact-form-card .check input {
  accent-color: #168dd0;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
}

.contact-form-card .check a { color: #147ebd; text-decoration: underline; }

.contact-form-card .submit-button {
  color: #fff;
  background: #0a2130;
  border: 0;
  border-radius: 999px;
  align-items: center;
  justify-content: space-between;
  width: min(100%, 390px);
  min-height: 58px;
  margin-top: 28px;
  padding: 0 25px;
  font: 750 14px var(--font-body);
  cursor: pointer;
  display: flex;
}
.iti__selected-dial-code { font-size: 14px; }

/* --------------------------------------------------------- Teklif sayfası */
.offer-page-hero {
  color: #fff;
  background: #071c2b;
  grid-template-columns: minmax(0, 1.15fr) minmax(390px, .85fr);
  min-height: 410px;
  display: grid;
  overflow: hidden;
}

.offer-page-hero__copy {
  padding: 72px clamp(42px, 6vw, 105px) 55px clamp(28px, 6vw, 110px);
}

.offer-page-hero .breadcrumbs,
.offer-page-hero .breadcrumbs a { color: #91aab9; }
.offer-page-hero .section-kicker { color: #71bde9; margin-top: 32px; display: block; }

.offer-page-hero h1 {
  letter-spacing: -.052em;
  max-width: 850px;
  margin: 18px 0 16px;
  font-size: clamp(42px, 4vw, 66px);
  line-height: 1;
}

.offer-page-hero h1 em { color: #48a8e4; font-weight: 400; }
.offer-page-hero__copy > p { color: #adc0cb; max-width: 680px; margin: 0; font-size: 15px; line-height: 1.7; }

.offer-page-hero__visual {
  background-image: linear-gradient(90deg, #071c2b 0, rgba(7,28,43,.16) 44%), var(--offer-image);
  background-position: center;
  background-size: cover;
  align-content: end;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 0 0 28px;
  display: grid;
  position: relative;
}

.offer-page-hero__visual > div {
  background: rgba(7,28,43,.82);
  border-top: 1px solid rgba(91,176,226,.45);
  min-height: 95px;
  padding: 18px 22px;
  backdrop-filter: blur(9px);
}

.offer-page-hero__visual strong { color: #fff; letter-spacing: -.05em; font-size: 38px; line-height: 1; }
.offer-page-hero__visual sup { color: #4aa8e5; font-size: 17px; }
.offer-page-hero__visual span { color: #b3c6d1; margin-top: 6px; font-size: 11px; display: block; }

.offer-page-hero + .contact-form-section {
  padding-top: clamp(58px, 6vw, 90px);
}

.offer-type-field {
  border: 0;
  margin: 2px 0 0;
  padding: 0;
  display: block;
}

.offer-type-field legend {
  color: #233e4e;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 750;
}

.offer-type-field label {
  align-items: center;
  gap: 8px;
  margin-right: 24px;
  cursor: pointer;
  display: inline-flex;
}

.offer-type-field input {
  accent-color: #168fd0;
  width: 19px;
  height: 19px;
}

.offer-type-field span { color: #344f60; font-size: 14px; font-weight: 650; }

/* ----------------------------------------------------- İletişim özel sayfa */
.contact-page-hero {
  background: #071c2b;
  grid-template-columns: minmax(0, 1.04fr) minmax(460px, .96fr);
  min-height: 690px;
  padding-left: clamp(28px, 6vw, 110px);
  display: grid;
  overflow: hidden;
}

.contact-page-hero__copy {
  align-self: center;
  max-width: 680px;
  padding: 105px clamp(45px, 6vw, 100px) 80px 0;
}

.contact-page-hero .breadcrumbs,
.contact-page-hero .breadcrumbs a { color: #90a9b8; }

.contact-page-hero .section-kicker { color: #71bde9; }

.contact-page-hero h1 {
  color: #fff;
  letter-spacing: -.058em;
  margin: 30px 0 26px;
  font-size: clamp(48px, 3.7vw, 60px);
  line-height: 1.02;
}

.contact-page-hero h1 span,
.contact-page-hero h1 em {
  display: block;
}

.contact-page-hero h1 em {
  white-space: nowrap;
}

.contact-page-hero h1 em {
  color: #4aa8e5;
  font-weight: 400;
}

.contact-page-hero__copy > p {
  color: #a9bdc9;
  max-width: 590px;
  margin: 0 0 36px;
  font-size: 17px;
  line-height: 1.75;
}

.contact-page-hero__visual {
  min-width: 0;
  min-height: 690px;
  position: relative;
}

.contact-page-hero__visual:after {
  content: "";
  background: linear-gradient(90deg, #071c2b 0, rgba(7,28,43,.15) 35%, rgba(7,28,43,.08));
  position: absolute;
  inset: 0;
}

.contact-page-hero__visual > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: saturate(.78) contrast(1.04);
  position: absolute;
  inset: 0;
}

.contact-page-hero__signal {
  color: #fff;
  background: rgba(6,27,42,.88);
  border: 1px solid rgba(116,190,232,.35);
  align-items: center;
  gap: 15px;
  padding: 18px 22px;
  position: absolute;
  z-index: 2;
  top: 135px;
  right: clamp(24px, 4vw, 64px);
  backdrop-filter: blur(12px);
}

.contact-page-hero__signal i {
  background: #48abe6;
  border: 6px solid rgba(72,171,230,.2);
  border-radius: 50%;
  width: 19px;
  height: 19px;
  box-shadow: 0 0 0 7px rgba(72,171,230,.1);
}

.contact-page-hero__signal span { color: #a9bdc9; font-size: 13px; line-height: 1.45; }
.contact-page-hero__signal strong { color: #fff; font-size: 15px; }

.contact-page-hero__stat {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  color: #fff;
  background: #45a7e3;
  width: 460px;
  padding: 0;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
}

.contact-page-hero__stat > div { min-width: 0; padding: 25px 28px; border-left: 1px solid rgba(255,255,255,.28); }
.contact-page-hero__stat > div:first-child { border-left: 0; }
.contact-page-hero__stat strong { letter-spacing: -.06em; font-size: 58px; line-height: 1; }
.contact-page-hero__stat sup { font-size: 25px; }
.contact-page-hero__stat span { margin-top: 7px; font-size: 12px; display: block; }

.contact-channels {
  background: #fff;
  border-bottom: 1px solid #d5e2e8;
  grid-template-columns: repeat(3, 1fr);
  padding: 0 clamp(28px, 6vw, 110px);
  display: grid;
}

.contact-channels > a {
  border-right: 1px solid #d5e2e8;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 18px;
  padding: 35px clamp(22px, 3vw, 48px);
  transition: background .25s, color .25s;
  display: grid;
}

.contact-channels > a:first-child { border-left: 1px solid #d5e2e8; }
.contact-channels > a:hover { color: #fff; background: #0a2130; }
.contact-channels__icon { color: #2998d7; grid-row: 1 / 3; align-self: center; font-size: 32px; font-weight: 700; line-height: 1; }
.contact-channels__icon svg { width: 32px; height: 32px; }
.contact-channels__icon--whatsapp { color: var(--blue); font-size: 27px; }
.footer-whatsapp__icon { color: var(--blue); font-size: 27px; display: inline-flex; }
.contact-channels small { color: #708695; letter-spacing: .11em; font-size: 10px; font-weight: 800; }
.contact-channels strong { margin-top: 5px; font-size: clamp(14px, 1.25vw, 19px); }
.contact-channels i { grid-column: 3; grid-row: 1 / 3; align-self: center; font-style: normal; }

.contact-locations {
  background: #f7fafc;
  padding: clamp(80px, 8vw, 135px) clamp(28px, 6vw, 110px);
}

.contact-locations__header {
  border-bottom: 1px solid #cfdee6;
  grid-template-columns: 1.1fr .9fr;
  align-items: end;
  gap: 50px;
  margin-bottom: 0;
  padding-bottom: 45px;
  display: grid;
}

.contact-locations__header h2 {
  letter-spacing: -.052em;
  margin: 24px 0 0;
  font-size: clamp(44px, 4.4vw, 70px);
  line-height: 1;
}

.contact-locations__header h2 em { color: #43a4df; font-weight: 400; }
.contact-locations__header > p { color: #617786; max-width: 500px; margin: 0 0 7px; font-size: 16px; line-height: 1.75; }

.contact-locations__grid { grid-template-columns: repeat(3, 1fr); display: grid; }

.contact-location-card {
  background: #fff;
  border-right: 1px solid #cfdee6;
  border-bottom: 1px solid #cfdee6;
  min-height: 380px;
  padding: 38px clamp(25px, 3vw, 48px);
  position: relative;
}

.contact-location-card:first-child { border-left: 1px solid #cfdee6; }
.contact-location-card > span { color: #278fc9; letter-spacing: .12em; font-size: 10px; font-weight: 800; }
.contact-location-card__number { color: #e4eef3; letter-spacing: -.07em; font-size: 70px; font-weight: 700; position: absolute; top: 22px; right: 30px; }
.contact-location-card h3 { margin: 72px 0 18px; font-size: 28px; }
.contact-location-card p { color: #667c8a; min-height: 76px; font-size: 14px; line-height: 1.7; }
.contact-location-card__links { border-top: 1px solid #d5e2e8; gap: 11px; margin-top: 25px; padding-top: 20px; display: grid; }
.contact-location-card__links a { justify-content: space-between; font-size: 18px; font-weight: 750; display: flex; }
.contact-location-card__links a:last-child { color: #258fce; }

@media (max-width: 820px) {
  .training-registration,
  .contact-form-section {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .training-registration__intro,
  .contact-form-section__intro {
    border-right: 0;
    border-bottom: 1px solid #c8dbe4;
    padding: 0 0 36px;
  }

  .training-registration .form-grid,
  .contact-form-card .form-grid {
    grid-template-columns: 1fr;
  }

  .training-registration .field.full,
  .contact-form-card .field.full { grid-column: auto; }

  .contact-page-hero {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .contact-page-hero__copy { padding: 90px 24px 65px; }
  .contact-page-hero h1 em { white-space: normal; }
  .contact-page-hero__visual { min-height: 440px; }
  .contact-page-hero__stat { width: 100%; }
  .contact-page-hero__stat strong { font-size: 46px; }
  .contact-page-hero__stat > div { padding: 21px 20px; }
  .contact-page-hero__signal { top: 28px; right: 24px; }
  .contact-channels { grid-template-columns: 1fr; padding: 0 24px; }
  .contact-channels > a { border-left: 1px solid #d5e2e8; }
  .contact-locations__header { grid-template-columns: 1fr; gap: 25px; }
  .contact-locations__grid { grid-template-columns: 1fr; }
  .contact-location-card { border-left: 1px solid #cfdee6; border-bottom: 1px solid #cfdee6; }

  .offer-page-hero { grid-template-columns: 1fr; }
  .offer-page-hero__copy { padding: 75px 24px 48px; }
  .offer-page-hero__visual { min-height: 260px; }
}

.field textarea {
  resize: vertical;
  min-height: 110px;
}

.check {
  color: #687984;
  gap: 8px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.submit-button {
  cursor: pointer;
  border: 0;
  margin-top: 15px;
}

.form-note {
  color: #3188b9;
  min-height: 18px;
  font-size: 12px;
}

.inner-cta {
  text-align: center;
  background: #ddecf4;
  padding: 100px 6vw;
}

.inner-cta h2 {
  font: 500 clamp(38px, 5vw, 67px)/1.05 var(--font-display);
  letter-spacing: -.05em;
}

.site-footer {
  color: #fff;
  background: #061722;
  padding: 75px 6vw 25px;
}

.footer-main {
  grid-template-columns: 2fr repeat(3, 1fr);
  gap: 5vw;
  display: grid;
}

.footer-main > div {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.footer-main small {
  color: #6e8da0;
  letter-spacing: .16em;
  margin-bottom: 12px;
  font-size: 12px;
}

.footer-main a, .footer-main p {
  color: #a8bbc7;
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
}

.footer-main .brand strong {
  color: #fff;
}

.footer-bottom {
  color: #627c8c;
  border-top: 1px solid #173141;
  justify-content: space-between;
  padding-top: 22px;
  font-size: 12px;
  display: flex;
}

@media (width <= 900px) {
  .inner-topbar .main-nav {
    background: #071a29;
    flex-direction: column;
    gap: 18px;
    height: auto;
    padding: 24px 6vw;
    display: none;
    position: absolute;
    top: 88px;
    left: 0;
    right: 0;
  }

  .inner-topbar .main-nav.is-open {
    display: flex;
  }

  .inner-topbar .header-actions {
    display: none;
  }

  .menu-toggle {
    display: block;
  }

  /* Yükseklik artık --inner-hero-height değişkeninden gelir (bkz. 3. bölüm). */

  .content-heading, .story-grid, .vision-panel, .career-banner, .contact-layout, .quote-layout {
    grid-template-columns: 1fr;
  }

  .story-image {
    height: 380px;
  }

  .value-grid, .certificate-list, .partner-list, .office-grid {
    grid-template-columns: 1fr 1fr;
  }

  .reference-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .footer-main {
    grid-template-columns: 1fr 1fr;
  }

  .content-section {
    padding: 75px 6vw;
  }

  .vision-panel, .career-copy {
    padding: 45px;
  }
}

@media (width <= 560px) {
  .inner-topbar {
    height: 72px;
  }

  /* Yükseklik --inner-hero-height değişkeninden; burada yalnızca üst pay. */
  .page-hero {
    padding-top: 135px;
  }

  .page-hero h1 {
    font-size: 49px;
  }

  .value-grid, .certificate-list, .partner-list, .reference-grid, .office-grid, .benefit-list, .form-grid {
    grid-template-columns: 1fr;
  }

  .field.full {
    grid-column: auto;
  }

  .stat-row {
    grid-template-columns: 1fr;
  }

  .stat-row div {
    padding: 18px 0;
  }

  .form-card {
    padding: 28px;
  }

  .empty-jobs {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
  }

  .footer-main {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 15px;
  }
}

/* Hizmet detayları: okunabilir içerik, görsel ritim ve süreç diyagramları. */
.service-overview {
  background: #fff;
  grid-template-columns: minmax(190px, .48fr) minmax(0, 1.55fr);
  gap: clamp(48px, 8vw, 135px);
  padding: clamp(85px, 9vw, 70px) var(--page-gutter);
  display: grid;
}

.service-overview aside {
  border-right: 1px solid #d5e2e9;
  flex-direction: column;
  justify-content: space-between;
  min-height: 330px;
  padding-right: 38px;
  display: flex;
}

.service-overview aside strong {
  color: #dce9ef;
  font: 500 clamp(74px, 9vw, 138px)/.82 var(--font-display);
  letter-spacing: -.07em;
}

.service-overview__copy h2 {
  max-width: 1050px;
  margin: 0 0 clamp(42px, 5vw, 72px);
  font: 500 clamp(34px, 4.2vw, 48px)/1.1 var(--font-display);
  letter-spacing: -.05em;
}

.service-overview__text {
  border-top: 1px solid #d5e2e9;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(28px, 4vw, 70px);
  padding-top: 32px;
  display: grid;
}

.service-overview__text p {
  color: #526a78;
  margin: 0;
  font-size: 17px;
  line-height: 1.8;
}

.service-visual-story {
  background: #071d2c;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
  align-items: stretch;
  display: grid;
}

.service-visual-story figure {
  min-height: 580px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.service-visual-story figure:after {
  content: "";
  background: linear-gradient(0deg, #061824b8, #06182400 58%);
  position: absolute;
  inset: 0;
}

.service-visual-story img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.service-visual-story figcaption {
  z-index: 1;
  color: #c2d3dc;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  position: absolute;
  bottom: 38px;
  left: 42px;
  display: flex;
}

.service-visual-story figcaption span {
  color: #fff;
  font: 500 clamp(56px, 6vw, 92px)/.8 var(--font-display);
  letter-spacing: -.07em;
}

.service-visual-story figcaption sup {
  color: #4eabe2;
  margin-left: 7px;
  font-size: .45em;
}

.service-visual-story > div {
  color: #fff;
  align-self: center;
  padding: clamp(48px, 6vw, 95px);
}

.service-visual-story h2 {
  margin: 28px 0 26px;
  font: 500 clamp(34px, 3.4vw, 54px)/1.08 var(--font-display);
  letter-spacing: -.045em;
}

.service-visual-story p {
  color: #a9bdc9;
  max-width: 510px;
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
}

.service-capabilities {
  background: #edf4f7;
  grid-template-columns: minmax(270px, .65fr) minmax(0, 1.5fr);
  gap: clamp(50px, 7vw, 120px);
  padding: clamp(90px, 10vw, 150px) var(--page-gutter);
  display: grid;
}

.service-capabilities header h2 {
  margin: 28px 0 0;
  font: 500 clamp(38px, 4vw, 62px)/1.06 var(--font-display);
  letter-spacing: -.05em;
}

.service-capabilities header em {
  color: #43a4df;
  font-style: normal;
  font-weight: 400;
}

.service-capabilities__grid {
  border-top: 1px solid #cbdbe3;
  border-left: 1px solid #cbdbe3;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.service-capabilities__grid article {
  background: #f7fafb;
  border-right: 1px solid #cbdbe3;
  border-bottom: 1px solid #cbdbe3;
  min-height: 290px;
  padding: clamp(28px, 3vw, 44px);
  transition: background .25s, color .25s;
}

.service-capabilities__grid article:hover {
  color: #fff;
  background: #0a2232;
}

.service-capability__mark {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 58px;
  display: flex;
}

.service-capability__mark i {
  border: 1px solid #61b4e5;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  position: relative;
}

.service-capability__mark i:after {
  content: "";
  background: #49a9e0;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.service-capability__mark b {
  color: #5a8499;
  font: 700 12px var(--font-display);
}

.service-capabilities__grid h3 {
  margin: 0 0 15px;
  font: 600 23px/1.2 var(--font-display);
}

.service-capabilities__grid p {
  color: #607885;
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

.service-capabilities__grid article:hover p,
.service-capabilities__grid article:hover .service-capability__mark b {
  color: #b5c7d0;
}

.service-method {
  background: #fff;
  padding: clamp(90px, 10vw, 150px) var(--page-gutter);
}

.service-method__heading {
  grid-template-columns: .8fr 1.6fr;
  gap: 50px;
  align-items: end;
  margin-bottom: 62px;
  display: grid;
}

.service-method__heading h2 {
  max-width: 850px;
  margin: 0;
  font: 500 clamp(38px, 4vw, 62px)/1.06 var(--font-display);
  letter-spacing: -.05em;
}

.service-method ol {
  counter-reset: service-step;
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.service-method li {
  border-top: 1px solid #bdd1dc;
  border-bottom: 1px solid #bdd1dc;
  border-left: 1px solid #bdd1dc;
  flex-direction: column;
  min-height: 215px;
  padding: 28px;
  display: flex;
}

.service-method li:last-child { border-right: 1px solid #bdd1dc; }
.service-method li small { color: #4b97c1; font: 700 12px var(--font-display); }
.service-method li span { max-width: 210px; margin-top: auto; font: 600 19px/1.3 var(--font-display); }
.service-method li i { color: #4aa9e1; align-self: flex-end; margin-top: 22px; font-style: normal; font-size: 22px; }

.service-results {
  color: #fff;
  background: #092131;
  grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
  gap: clamp(65px, 9vw, 145px);
  padding: clamp(90px, 10vw, 150px) var(--page-gutter);
  display: grid;
}

.service-results h2 {
  margin: 28px 0 25px;
  font: 500 clamp(38px, 4vw, 62px)/1.06 var(--font-display);
  letter-spacing: -.05em;
}

.service-results p { color: #aac0cc; max-width: 600px; font-size: 16px; line-height: 1.75; }
.service-results ul { border-top: 1px solid #ffffff2b; margin: 0; padding: 0; list-style: none; }
.service-results li { border-bottom: 1px solid #ffffff2b; grid-template-columns: 48px 1fr 28px; align-items: center; min-height: 82px; display: grid; }
.service-results li small { color: #55afe3; font: 700 12px var(--font-display); }
.service-results li span { font-size: 18px; font-weight: 650; }
.service-results li b { color: #54afe4; text-align: right; font-size: 18px; }

/* Kurumsal sayfalar */
.corporate-intro { background:#fff; grid-template-columns:minmax(190px,.48fr) minmax(0,1.55fr); gap:clamp(48px,8vw,135px); padding:clamp(85px,9vw,75px) var(--page-gutter); display:grid; }
.corporate-intro aside { border-right:1px solid #d5e2e9; flex-direction:column; justify-content:space-between; min-height:320px; padding-right:38px; display:flex; }
.corporate-intro aside strong { color:#dce9ef; font:500 clamp(74px,9vw,138px)/.82 var(--font-display); letter-spacing:-.07em; }
.corporate-intro > div > h2 { max-width:1080px; margin:0 0 clamp(42px,5vw,72px); font:500 clamp(38px,4.5vw,68px)/1.06 var(--font-display); letter-spacing:-.05em; }
.corporate-intro__text { border-top:1px solid #d5e2e9; grid-template-columns:repeat(2,1fr); gap:clamp(28px,4vw,70px); padding-top:32px; display:grid; }
.corporate-intro__text p { color:#526a78; margin:0; font-size:17px; line-height:1.8; }
.corporate-story { color:#fff; background:#071d2c; grid-template-columns:minmax(0,1.25fr) minmax(380px,.8fr); display:grid; }
.corporate-story figure { min-height:610px; margin:0; position:relative; overflow:hidden; }
.corporate-story figure:after { content:""; background:linear-gradient(0deg,#061824c7,#06182400 60%); position:absolute; inset:0; }
.corporate-story figure img { object-fit:cover; width:100%; height:100%; display:block; }
.corporate-story figcaption { z-index:1; align-items:flex-end; gap:18px; position:absolute; bottom:38px; left:42px; display:flex; }
.corporate-story figcaption b { font:500 clamp(58px,7vw,104px)/.8 var(--font-display); letter-spacing:-.08em; }
.corporate-story figcaption sup { color:#4eabe2; font-size:.45em; }
.corporate-story figcaption span { color:#b7cad4; font-size:14px; line-height:1.4; }
.corporate-story > div { align-self:center; padding:clamp(48px,6vw,95px); }
.corporate-story h2 { margin:28px 0 45px; font:500 clamp(34px,3.5vw,54px)/1.08 var(--font-display); letter-spacing:-.045em; }
.corporate-story ol { border-top:1px solid #ffffff29; margin:0; padding:0; list-style:none; }
.corporate-story li { border-bottom:1px solid #ffffff29; grid-template-columns:85px 1fr; gap:20px; align-items:center; min-height:70px; display:grid; }
.corporate-story li b { color:#52ace0; font-size:14px; }.corporate-story li span { font-size:16px; font-weight:650; }
.corporate-values { background:#edf4f7; grid-template-columns:minmax(270px,.65fr) minmax(0,1.5fr); gap:clamp(50px,7vw,120px); padding:clamp(90px,10vw,150px) var(--page-gutter); display:grid; }
.corporate-values header h2,.organization-map header h2,.corporate-gallery header h2,.career-process header h2 { margin:28px 0 0; font:500 clamp(38px,4vw,62px)/1.06 var(--font-display); letter-spacing:-.05em; }
.corporate-values em,.organization-map em,.corporate-gallery em,.career-process em { color:#43a4df; font-style:normal; font-weight:400; }
.corporate-values > div { border-top:1px solid #cbdbe3; border-left:1px solid #cbdbe3; grid-template-columns:repeat(2,1fr); display:grid; }
.corporate-values article { background:#f8fbfc; border-right:1px solid #cbdbe3; border-bottom:1px solid #cbdbe3; min-height:270px; padding:34px; }
.corporate-values article small { color:#4b97c1; font:700 12px var(--font-display); }.corporate-values article i { border:1px solid #54afe2; border-radius:50%; width:30px; height:30px; margin:24px 0 42px; display:block; position:relative; }
.corporate-values article i:after { content:""; background:#54afe2; border-radius:50%; width:6px; height:6px; position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); }
.corporate-values h3 { margin:0 0 14px; font:600 22px/1.25 var(--font-display); }.corporate-values p { color:#607885; margin:0; font-size:15px; line-height:1.7; }
.organization-map { background:#fff; grid-template-columns:.65fr 1.5fr; gap:clamp(50px,7vw,120px); padding:clamp(90px,10vw,150px) var(--page-gutter); display:grid; }
.organization-map__chart { position:relative; }.organization-map__root { color:#fff; background:#0a2232; flex-direction:column; max-width:390px; min-height:150px; margin:0 auto 64px; padding:28px; display:flex; position:relative; }
.organization-map__root:after { content:""; background:#80b6d3; width:1px; height:64px; position:absolute; bottom:-64px; left:50%; }.organization-map__root small,.organization-map__branches small { color:#55afe3; font-size:12px; }.organization-map__root b { margin:auto 0 5px; font-size:22px; }.organization-map__root span { color:#a9bdc8; font-size:13px; }
.organization-map__branches { border-top:1px solid #80b6d3; grid-template-columns:repeat(3,1fr); gap:1px; padding-top:30px; display:grid; }.organization-map__branches div { border:1px solid #d1e0e7; min-height:135px; padding:22px; position:relative; }.organization-map__branches div:before { content:""; background:#80b6d3; width:1px; height:30px; position:absolute; top:-31px; left:50%; }.organization-map__branches b { margin-top:35px; font-size:16px; display:block; }.organization-map__branches span { color:#4da7dc; position:absolute; right:18px; bottom:18px; }

.organization-map--legacy {
  padding-block: clamp(85px, 9vw, 140px);
  display: block;
}

.organization-map--legacy > header {
  border-bottom: 1px solid #d1e0e7;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  align-items: end;
  gap: 70px;
  padding-bottom: 42px;
  display: grid;
}

.organization-map--legacy > header > p {
  color: #607887;
  max-width: 500px;
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 1.75;
}

.organization-chart-document {

  width: 100%;
  margin: 38px 0 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.organization-chart-document > img {
  object-fit: contain;
  max-width: 100%;
  margin: auto;
}

.organization-chart-document figcaption {
  color: #5b7484;
  border-top: 1px solid #d3e1e8;
  letter-spacing: .05em;
  margin-top: 25px;
  padding-top: 17px;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.corporate-stats { background:#0a2232; grid-template-columns:repeat(4,1fr); padding:0 var(--page-gutter); display:grid; }.corporate-stats div { color:#fff; border-left:1px solid #ffffff24; min-height:190px; padding:34px; display:flex; flex-direction:column; justify-content:flex-end; }.corporate-stats div:last-child { border-right:1px solid #ffffff24; }.corporate-stats b { font:500 clamp(48px,5vw,76px)/1 var(--font-display); letter-spacing:-.06em; }.corporate-stats span { color:#a9bec9; margin-top:12px; font-size:14px; }
.corporate-gallery { background:#fff; padding:90px var(--page-gutter); }.corporate-gallery header { grid-template-columns:.65fr 1.5fr; gap:60px; align-items:end; margin-bottom:55px; display:grid; }.corporate-gallery__filters { gap:8px; margin-bottom:28px; display:flex; flex-wrap:wrap; }.corporate-gallery__filters span { color:#456778; background:#edf4f7; border-radius:30px; padding:10px 16px; font-size:13px; font-weight:700; }
.corporate-gallery__filterbar { align-items:flex-start; justify-content:space-between; gap:25px; margin-bottom:30px; display:flex; }.corporate-gallery__filters { margin-bottom:0; }.corporate-gallery__filters button { color:#456778; appearance:none; border:1px solid #d6e4ea; border-radius:30px; background:#edf4f7; cursor:pointer; padding:10px 17px; font:700 13px/1 var(--font-display); transition:color .2s,background .2s,border-color .2s; }.corporate-gallery__filters button:hover,.corporate-gallery__filters button.is-active { color:#fff; background:#1486d6; border-color:#1486d6; }.corporate-gallery__filterbar p { color:#68808e; flex:0 0 auto; margin:10px 0 0; font-size:13px; font-weight:700; }.corporate-gallery__grid article[hidden] { display:none; }.corporate-gallery--referanslarimiz .corporate-gallery__grid { grid-template-columns:repeat(6,minmax(0,1fr)); }.corporate-gallery--referanslarimiz .corporate-gallery__grid article { min-height:165px; padding:22px 14px; }
.corporate-gallery--referanslarimiz .corporate-gallery__grid article { overflow:hidden; }
.corporate-gallery--referanslarimiz .corporate-gallery__grid article img { max-width:78%; max-height:82px; transition:filter .28s,transform .28s; }
.corporate-gallery--referanslarimiz .corporate-gallery__grid article b { color:#fff; background:#071d2cf2; place-items:center; min-height:48px; margin:0; padding:9px 14px; text-align:center; font-size:13px; line-height:1.25; opacity:0; pointer-events:none; transition:opacity .28s,transform .28s; transform:translateY(100%); display:grid; position:absolute; inset:auto 0 0; z-index:2; }
.corporate-gallery--referanslarimiz .corporate-gallery__grid article:hover img { filter:none; transform:translateY(-16px) scale(1.03); opacity:1; }
.corporate-gallery--referanslarimiz .corporate-gallery__grid article:hover b { opacity:1; transform:translateY(0); }
.corporate-gallery--referanslarimiz .corporate-gallery__grid article small { z-index:3; transition:color .28s; }
.corporate-gallery--referanslarimiz .corporate-gallery__grid article:hover small { color:#fff; }
.corporate-gallery--is-ortaklarimiz .corporate-gallery__grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.corporate-gallery--is-ortaklarimiz .corporate-gallery__grid article { min-height:175px; padding:22px 14px; overflow:hidden; }
.corporate-gallery--is-ortaklarimiz .corporate-gallery__grid article img { max-width:78%; max-height:82px; transition:filter .28s,transform .28s; }
.corporate-gallery--is-ortaklarimiz .corporate-gallery__grid article b { color:#fff; background:#071d2cf2; place-items:center; min-height:48px; margin:0; padding:9px 14px; text-align:center; font-size:13px; line-height:1.25; opacity:0; pointer-events:none; transition:opacity .28s,transform .28s; transform:translateY(100%); display:grid; position:absolute; inset:auto 0 0; z-index:2; }
.corporate-gallery--is-ortaklarimiz .corporate-gallery__grid article:hover img { filter:none; transform:translateY(-16px) scale(1.03); }
.corporate-gallery--is-ortaklarimiz .corporate-gallery__grid article:hover b { opacity:1; transform:translateY(0); }
.corporate-gallery__grid { border-top:1px solid #d5e2e9; border-left:1px solid #d5e2e9; grid-template-columns:repeat(4,1fr); display:grid; }.corporate-gallery__grid article { border-right:1px solid #d5e2e9; border-bottom:1px solid #d5e2e9; place-items:center; min-height:190px; padding:25px; display:grid; position:relative; }.corporate-gallery__grid small { color:#7892a0; font-size:12px; position:absolute; top:14px; left:15px; }.corporate-gallery__grid img { object-fit:contain; filter:grayscale(1); max-width:72%; max-height:80px; transition:filter .25s,transform .25s; }.corporate-gallery__grid article:hover img { filter:grayscale(0); transform:scale(1.05); }.corporate-gallery__grid b { color:#607581; align-self:end; font-size:13px; }.corporate-gallery--sertifikalarimiz .corporate-gallery__grid article { min-height:280px; }.corporate-gallery--sertifikalarimiz .corporate-gallery__grid img { max-height:170px; }

.partner-expertise { background:#f5f9fb; padding:90px var(--page-gutter); }
.partner-expertise > header { grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); align-items:end; gap:clamp(50px,8vw,130px); margin-bottom:clamp(48px,6vw,86px); display:grid; }
.partner-expertise > header h2 { letter-spacing:-.05em; margin:20px 0 0; font-size:clamp(40px,5vw,72px); line-height:1.02; }
.partner-expertise > header h2 em { color:#3c9ed8; font-style:normal; font-weight:500; }
.partner-expertise > header p { color:#617887; margin:0; font-size:15px; line-height:1.8; }
.partner-expertise__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:#cbdde6; border:1px solid #cbdde6; display:grid; }
.partner-expertise__card { background:#fff; min-height:390px; grid-template-columns:minmax(155px,.7fr) minmax(0,1.3fr); display:grid; }
.partner-expertise__card--featured { grid-column:1/-1; grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr); min-height:340px; }
.partner-expertise__brand { border-right:1px solid #d7e5ec; min-width:0; padding:34px clamp(24px,3vw,44px); display:flex; flex-direction:column; position:relative; }
.partner-expertise__brand small { color:#378fc0; font-size:11px; font-weight:800; }
.partner-expertise__brand img { object-fit:contain; object-position:left center; width:100%; max-width:190px; height:88px; margin:auto 0 28px; }
.partner-expertise__brand h3 { color:#0a1a25; margin:0; font-size:20px; }
.partner-expertise__badge { filter:drop-shadow(0 8px 12px #071c2b24); width:78px; height:94px; text-align:center; text-transform:uppercase; transition:transform .2s,filter .2s; display:flex; flex-direction:column; position:absolute; top:24px; right:24px; z-index:2; }
.partner-expertise__badge span { color:#002b32; background:#009999; border-radius:6px 6px 0 0; min-height:43px; place-items:center; padding:7px 5px 5px; letter-spacing:.045em; font:800 10px/1.05 var(--font-display); display:grid; }
.partner-expertise__badge b { color:#fff; background:#172a32; clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%); min-height:51px; place-items:start center; padding:12px 5px 17px; letter-spacing:.08em; font:800 11px/1 var(--font-display); display:grid; }
.partner-expertise__badge:hover,.partner-expertise__badge:focus-visible { filter:drop-shadow(0 12px 16px #00999955); outline:none; transform:translateY(-3px); }
.partner-expertise__scope { padding:36px clamp(25px,3vw,48px); }
.partner-expertise__scope > span { color:#438fb9; letter-spacing:.13em; font-size:10px; font-weight:800; }
.partner-expertise__scope ul { list-style:none; margin:27px 0 0; padding:0; }
.partner-expertise__scope li { color:#526d7d; border-bottom:1px solid #e1ebf0; padding:9px 0 9px 19px; font-size:13px; line-height:1.45; position:relative; }
.partner-expertise__scope li:before { content:""; background:#42a0df; border-radius:50%; width:5px; height:5px; position:absolute; top:16px; left:0; }
.partner-expertise__scope li:last-child { border-bottom:0; }
.partner-expertise__scope li > a { color:inherit; align-items:center; justify-content:space-between; gap:18px; margin:-9px 0 -9px -19px; padding:9px 0 9px 19px; text-decoration:none; transition:color .2s,transform .2s; display:flex; }
.partner-expertise__scope li > a span { color:#36a4e5; flex:0 0 auto; font-size:15px; transition:transform .2s; }
.partner-expertise__scope li > a:hover,.partner-expertise__scope li > a:focus-visible { color:#0b6eaa; outline:none; transform:translateX(3px); }
.partner-expertise__scope li > a:hover span,.partner-expertise__scope li > a:focus-visible span { transform:translate(2px,-2px); }
.partner-expertise__card--featured .partner-expertise__scope ul { columns:2; column-gap:50px; }
.partner-expertise__card--featured .partner-expertise__scope li { break-inside:avoid; }
@media (max-width:1100px) { .partner-expertise__grid { grid-template-columns:1fr; }.partner-expertise__card--featured { grid-column:auto; } }
@media (max-width:760px) { .partner-expertise > header { grid-template-columns:1fr; align-items:start; }.partner-expertise__card,.partner-expertise__card--featured { grid-template-columns:1fr; min-height:0; }.partner-expertise__brand { border-right:0; border-bottom:1px solid #d7e5ec; min-height:190px; }.partner-expertise__brand img { height:70px; margin:28px 0 18px; }.partner-expertise__card--featured .partner-expertise__scope ul { columns:auto; } }
.certificate-preview { appearance:none; border:0; background:transparent; cursor:zoom-in; place-items:center; width:100%; min-height:190px; padding:20px 10px 8px; display:grid; gap:12px; }.certificate-preview img { max-width:82% !important; max-height:170px !important; }.certificate-preview span { color:#278dcc; font-size:12px; font-weight:700; opacity:0; transition:opacity .2s; }.certificate-preview:hover span,.certificate-preview:focus-visible span { opacity:1; }
.siemens-certificates { color:#fff; background:linear-gradient(135deg,#061b2b,#0b3048); grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr); gap:clamp(45px,7vw,110px); margin-bottom:55px; padding:clamp(42px,6vw,84px); display:grid; position:relative; overflow:hidden; }.siemens-certificates:after { content:""; border:1px solid #55b5ed33; border-radius:50%; width:430px; height:430px; position:absolute; left:-220px; bottom:-300px; }.siemens-certificates__intro { position:relative; z-index:1; }.siemens-certificates__intro .section-kicker { color:#74c9f7; }.siemens-certificates__intro h3 { margin:25px 0; font:500 clamp(34px,4vw,58px)/1.04 var(--font-display); letter-spacing:-.05em; }.siemens-certificates__intro em { color:#4aa9e2; font-style:normal; }.siemens-certificates__intro p { color:#a9bfcc; max-width:520px; font-size:15px; line-height:1.8; }.siemens-certificates__list { border-top:1px solid #ffffff26; }.siemens-certificates__list button { color:#fff; appearance:none; border:0; border-bottom:1px solid #ffffff26; background:transparent; cursor:zoom-in; grid-template-columns:38px 1fr auto; align-items:center; width:100%; padding:18px 3px; text-align:left; display:grid; }.siemens-certificates__list small { color:#69bde9; font-size:11px; }.siemens-certificates__list span { font-size:14px; font-weight:700; }.siemens-certificates__list i { color:#69bde9; font-style:normal; transition:transform .2s; }.siemens-certificates__list button:hover i { transform:translate(3px,-3px); }
.certificate-lightbox[hidden] { display:none; }.certificate-lightbox { z-index:10000; place-items:center; padding:30px; display:grid; position:fixed; inset:0; }.certificate-lightbox__backdrop { border:0; background:#03121ee8; position:absolute; inset:0; }.certificate-lightbox__panel { background:#fff; max-width:min(920px,92vw); max-height:90vh; padding:24px; position:relative; display:grid; gap:15px; box-shadow:0 35px 100px #0008; }.certificate-lightbox__panel img { object-fit:contain; max-width:100%; max-height:76vh; display:block; }.certificate-lightbox__panel strong { color:#071a29; font-size:15px; }.certificate-lightbox__close { color:#071a29; border:1px solid #ccdce4; border-radius:50%; background:#fff; cursor:pointer; z-index:1; width:42px; height:42px; font-size:26px; position:absolute; top:14px; right:14px; }.has-certificate-lightbox { overflow:hidden; }
.career-process { background:#fff; grid-template-columns:.65fr 1.5fr; gap:clamp(50px,7vw,120px); padding:clamp(90px,10vw,150px) var(--page-gutter); display:grid; }.career-process ol { border-top:1px solid #c9d9e1; margin:0; padding:0; list-style:none; }.career-process li { border-bottom:1px solid #c9d9e1; grid-template-columns:55px 1fr 30px; align-items:center; min-height:82px; display:grid; }.career-process li small { color:#4c98c2; font-size:12px; }.career-process li b { font-size:18px; }.career-process li span { color:#4aa9e1; text-align:right; }.career-process .pill-button { grid-column:2; justify-self:start; }

@media (max-width: 900px) {
  .service-overview,
  .service-capabilities,
  .service-results { grid-template-columns: 1fr; }
  .service-overview aside { border-right: 0; border-bottom: 1px solid #d5e2e9; flex-direction: row; min-height: 105px; padding: 0 0 25px; }
  .service-overview aside strong { font-size: 74px; }
  .service-visual-story { grid-template-columns: 1fr; }
  .service-visual-story figure { min-height: 470px; }
  .service-method__heading { grid-template-columns: 1fr; }
  .service-method ol { grid-template-columns: repeat(2, 1fr); }
  .service-method li:nth-child(2) { border-right: 1px solid #bdd1dc; }
  .service-method li:nth-child(n+3) { border-top: 0; }
  .corporate-intro,.corporate-values,.organization-map,.career-process { grid-template-columns:1fr; }
  .corporate-intro aside { border-right:0; border-bottom:1px solid #d5e2e9; flex-direction:row; min-height:105px; padding:0 0 25px; }
  .corporate-intro aside strong { font-size:74px; }.corporate-story { grid-template-columns:1fr; }.corporate-story figure { min-height:470px; }
  .corporate-gallery header { grid-template-columns:1fr; }.corporate-gallery__grid { grid-template-columns:repeat(3,1fr); }.organization-map__branches { grid-template-columns:repeat(2,1fr); }.corporate-stats { grid-template-columns:repeat(2,1fr); }.career-process .pill-button { grid-column:1; }
  .siemens-certificates { grid-template-columns:1fr; }
}

/* Mobil iç sayfa navigasyonu ------------------------------------------------
   Eski kural `.inner-topbar .header-actions { display:none }` diyerek menü
   butonunu da saklıyordu. Masaüstü navigasyonun kapandığı 980px eşiğinde
   hamburgeri görünür tutup yalnız masaüstü aksiyonlarını gizleriz. */
@media (max-width: 980px) {
  .topbar .header-actions {
    margin-left: auto;
  }

  .inner-topbar .header-actions {
    display: flex;
  }

  .inner-topbar .header-actions > :not(.menu-toggle):not(.language-menu) {
    display: none !important;
  }

  .inner-topbar .language-menu {
    display: block;
  }

  .inner-topbar .menu-toggle {
    display: block;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    cursor: pointer;
  }
}

@media (max-width: 620px) {
  .service-overview__text,
  .service-capabilities__grid,
  .service-method ol { grid-template-columns: 1fr; }
  .service-capabilities__grid article { min-height: 250px; }
  .service-visual-story figure { min-height: 360px; }
  .service-visual-story figcaption { bottom: 24px; left: 24px; }
  .service-method li { border-right: 1px solid #bdd1dc; border-top: 0; min-height: 175px; }
  .service-method li:first-child { border-top: 1px solid #bdd1dc; }
  .corporate-intro__text,.corporate-values > div,.organization-map__branches { grid-template-columns:1fr; }
  .corporate-gallery__grid { grid-template-columns:repeat(2,1fr); }.corporate-gallery__grid article { min-height:160px; }.corporate-gallery--sertifikalarimiz .corporate-gallery__grid article { min-height:230px; }
  .siemens-certificates { padding:34px 24px; }.certificate-lightbox { padding:14px; }.certificate-lightbox__panel { padding:14px; }
  .corporate-stats { grid-template-columns:1fr 1fr; padding:0 20px; }.corporate-stats div { min-height:150px; padding:22px; }.corporate-story figure { min-height:360px; }
}

.service-hero .page-hero-content {
  max-width: 960px;
}

.service-intro-grid {
  grid-template-columns: .7fr 2fr;
  gap: 7vw;
  display: grid;
}

.service-intro-grid aside {
  border-right: 1px solid #ccdbe3;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 35px;
  display: flex;
}

.service-intro-grid aside strong {
  font: 500 clamp(70px, 10vw, 150px)/.8 var(--font-display);
  color: #d9e6ed;
  letter-spacing: -.08em;
}

.service-intro-grid h2 {
  font: 500 clamp(38px, 4.5vw, 68px)/1.04 var(--font-display);
  letter-spacing: -.055em;
  margin: 0 0 35px;
}

.service-intro-grid p {
  color: #617581;
  max-width: 850px;
  font-size: 15px;
  line-height: 1.9;
}

.service-step-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  display: grid;
}

.service-step {
  background: #fff;
  border: 1px solid #d9e5eb;
  min-height: 285px;
  padding: 32px;
  transition: all .25s;
  position: relative;
}

.service-step:hover {
  color: #fff;
  background: #092031;
  transform: translateY(-4px);
}

.service-step > span {
  font: 600 12px var(--font-display);
  letter-spacing: .15em;
  color: #3d99cd;
}

.service-step h3 {
  font: 600 19px/1.3 var(--font-display);
  margin: 65px 0 15px;
}

.service-step p {
  color: #71838e;
  font-size: 12px;
  line-height: 1.7;
}

.service-step:hover p {
  color: #a9bdc8;
}

.service-links {
  border-top: 1px solid #cad9e1;
}

.service-links a {
  font: 500 clamp(18px, 2vw, 27px) var(--font-display);
  border-bottom: 1px solid #cad9e1;
  justify-content: space-between;
  align-items: center;
  padding: 24px 4px;
  transition: all .2s;
  display: flex;
}

.service-links a:hover {
  color: #318fc5;
  padding-left: 18px;
}

.service-links i {
  color: #4b9fcf;
  font-style: normal;
}

@media (width <= 900px) {
  .service-step-grid {
    grid-template-columns: 1fr 1fr;
  }

  .service-intro-grid {
    grid-template-columns: 1fr;
  }

  .service-intro-grid aside {
    border-bottom: 1px solid #ccdbe3;
    border-right: 0;
    flex-direction: row;
    min-height: 100px;
    padding: 0 0 25px;
  }

  .service-intro-grid aside strong {
    font-size: 70px;
  }
}

@media (width <= 560px) {
  .service-step-grid {
    grid-template-columns: 1fr;
  }

  .service-step {
    min-height: 240px;
  }

  .service-intro-grid h2 {
    font-size: 40px;
  }
}

.editorial-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 42px 24px;
  display: grid;
}

.editorial-card {
  min-width: 0;
}

.editorial-card a {
  display: block;
}

.editorial-image {
  height: 270px;
  margin-bottom: 22px;
  position: relative;
  overflow: hidden;
}

.editorial-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .4s;
}

.editorial-card:hover img {
  transform: scale(1.04);
}

.editorial-image span {
  font: 600 12px var(--font-display);
  background: #fff;
  padding: 8px;
  position: absolute;
  top: 18px;
  left: 18px;
}

.editorial-card small {
  color: #568fae;
  letter-spacing: .1em;
  font-size: 12px;
}

.editorial-card h2 {
  font: 600 20px/1.35 var(--font-display);
  min-height: 82px;
}

.editorial-card b {
  color: #328fc4;
  font-size: 12px;
}

.article-hero {
  color: #fff;
  background: #071a29;
  padding: 165px 8vw 90px;
}

.article-hero h1 {
  font: 500 clamp(44px, 6vw, 82px)/1 var(--font-display);
  letter-spacing: -.055em;
  max-width: 1050px;
  margin: 25px 0 40px;
}

.article-meta {
  color: #8fa7b5;
  letter-spacing: .1em;
  gap: 24px;
  font-size: 12px;
  display: flex;
}

.article-cover {
  object-fit: cover;
  width: 88%;
  height: min(65vw, 720px);
  margin: -1px auto 0;
}

.article-body {
  max-width: 820px;
  margin: 0 auto;
  padding: 90px 25px;
}

.article-body p, .article-body li {
  color: #526772;
  font-size: 16px;
  line-height: 1.9;
}

.article-body .lead {
  font: 500 27px/1.5 var(--font-display);
  color: #132c3a;
}

.article-body h2 {
  font: 600 34px/1.2 var(--font-display);
  margin: 60px 0 20px;
}

.article-body li {
  margin-bottom: 14px;
}

.article-body blockquote {
  border-left: 4px solid var(--blue);
  font: 500 25px/1.5 var(--font-display);
  background: #eaf4f9;
  margin: 55px 0;
  padding: 35px;
}

.article-action {
  color: #fff;
  background: #092031;
  margin-top: 70px;
  padding: 45px;
}

.article-action h3 {
  font: 500 27px/1.3 var(--font-display);
  margin: 0 0 28px;
}

.webinar-list {
  border-top: 1px solid #cad9e1;
}

.webinar-list > a {
  border-bottom: 1px solid #cad9e1;
  grid-template-columns: 70px 1fr 50px;
  align-items: center;
  padding: 30px 10px;
  transition: all .2s;
  display: grid;
}

.webinar-list > a:hover {
  background: #e7f3f8;
  padding-left: 25px;
}

.webinar-list > a > span, .webinar-list small {
  color: #518faf;
  letter-spacing: .1em;
  font-size: 12px;
}

.webinar-list h2 {
  font: 500 clamp(18px, 2.1vw, 28px)/1.25 var(--font-display);
  margin: 7px 0;
}

.webinar-list i {
  border: 1px solid #aebfc8;
  border-radius: 50%;
  place-items: center;
  width: 42px;
  height: 42px;
  font-style: normal;
  display: grid;
}

.webinar-detail {
  grid-template-columns: 1.2fr .8fr;
  gap: 7vw;
  display: grid;
}

.webinar-copy h2, .form-card > h2 {
  font: 500 clamp(35px, 4vw, 58px)/1.05 var(--font-display);
  letter-spacing: -.05em;
}

.webinar-copy p {
  color: #5f7480;
  font-size: 15px;
  line-height: 1.9;
}

.video-placeholder {
  color: #fff;
  text-align: center;
  background: #071a29;
  place-items: center;
  height: 300px;
  margin-top: 35px;
  display: grid;
}

.video-placeholder span {
  font-size: 42px;
}

.digital-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  display: grid;
}

.digital-grid a {
  background: #fff;
  border: 1px solid #d9e5eb;
  min-height: 300px;
  padding: 35px;
  transition: all .25s;
  position: relative;
}

.digital-grid a:hover {
  color: #fff;
  background: #082031;
  transform: translateY(-4px);
}

.digital-grid a > span {
  color: #4696c3;
  font-size: 12px;
}

.digital-grid h2 {
  font: 600 22px/1.25 var(--font-display);
  margin: 70px 0 14px;
}

.digital-grid p {
  color: #72848f;
  font-size: 12px;
  line-height: 1.7;
}

.digital-grid i {
  color: var(--blue);
  font-style: normal;
  position: absolute;
  bottom: 25px;
  right: 28px;
}

.legal-hero {
  color: #fff;
  background: #071a29;
  padding: 170px 8vw 80px;
}

.legal-hero h1 {
  font: 500 clamp(48px, 7vw, 90px)/.98 var(--font-display);
  letter-spacing: -.055em;
  margin: 25px 0;
}

.legal-hero p {
  color: #9db0bb;
}

.legal-content {
  max-width: 940px;
  margin: 0 auto;
  padding: 90px 25px;
}

.legal-content section {
  border-bottom: 1px solid #cfdae0;
  padding: 35px 0;
}

.legal-content h2 {
  font: 600 24px/1.35 var(--font-display);
}

.legal-content p, .legal-content li {
  color: #536873;
  font-size: 14px;
  line-height: 1.85;
}

.legal-content a {
  color: #2184ba;
  text-decoration: underline;
}

@media (width <= 900px) {
  .editorial-grid, .digital-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .webinar-detail {
    grid-template-columns: 1fr;
  }
}

@media (width <= 560px) {
  .editorial-grid, .digital-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .article-cover {
    width: 100%;
    height: 300px;
  }

  .article-body {
    padding-top: 55px;
  }

  .article-meta {
    flex-wrap: wrap;
  }

  .webinar-list > a {
    grid-template-columns: 40px 1fr 38px;
  }

  .webinar-list i {
    width: 34px;
    height: 34px;
  }

  .legal-hero {
    padding: 130px 6vw 65px;
  }
}

.sr-only {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.lang-switch {
  border: 1px solid #ffffff3d;
  border-radius: 999px;
  display: inline-flex;
  overflow: hidden;
}

.lang-switch a {
  font: 700 12px/1 var(--font-display);
  letter-spacing: .08em;
  opacity: .7;
  padding: 7px 12px;
  transition: all .2s;
}

.lang-switch a:hover {
  opacity: 1;
}

.lang-switch a.is-active {
  background: var(--blue);
  color: #06131d;
  opacity: 1;
}

.inner-topbar .lang-switch {
  border-color: #fff3;
}

.mobile-nav {
  z-index: 40;
  background: var(--navy);
  color: #fff;
  border-top: 1px solid #ffffff1f;
  flex-direction: column;
  max-height: calc(100dvh - 88px);
  padding: 24px 6vw 40px;
  display: none;
  position: fixed;
  inset: 88px 0 auto;
  overflow-y: auto;
}

.mobile-nav.is-open {
  display: flex;
}

.mobile-nav__parent {
  font: 600 17px/1.2 var(--font-display);
  border-bottom: 1px solid #ffffff1a;
  padding: 14px 0;
}

.mobile-nav__child {
  opacity: .72;
  border-left: 1px solid #ffffff24;
  margin-left: 2px;
  padding: 10px 0 10px 16px;
  font-size: 14px;
}

.mobile-nav__child:hover {
  opacity: 1;
  color: var(--blue);
}

.mobile-nav__phone {
  background: var(--blue);
  color: #06131d;
  font: 700 14px/1 var(--font-display);
  text-align: center;
  border-radius: 999px;
  margin-top: 24px;
  padding: 14px 20px;
}

.filters {
  justify-content: space-between;
  align-items: center;
}

.filters > div {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.filters > div a {
  font: 600 12px var(--font-body);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #3d5468;
  border: 1px solid #cbd9e1;
  border-radius: 999px;
  padding: 11px 18px;
  transition: all .2s;
}

.filters > div a:hover {
  color: #102737;
  border-color: #102737;
}

.filters > div a.is-active {
  color: #fff;
  background: #102737;
  border-color: #102737;
}

.filters form {
  background: #fff;
  border: 1px solid #cbd9e1;
  border-radius: 999px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.filters form input {
  width: 240px;
  max-width: 46vw;
  font: 400 13px var(--font-body);
  color: var(--ink);
  background: none;
  border: 0;
  padding: 12px 18px;
}

.filters form input:focus {
  outline: none;
}

.filters form button {
  font: 600 12px var(--font-body);
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  background: none;
  border: 0;
  border-left: 1px solid #cbd9e1;
  border-radius: 0;
  padding: 12px 20px;
  transition: all .2s;
}

.filters form button:hover {
  color: #fff;
  background: #102737;
}

.filters.pagination {
  justify-content: center;
  margin: 56px 0 0;
}

.filters.pagination > div a {
  text-align: center;
  min-width: 46px;
}

.filters.pagination .gap {
  opacity: .5;
  padding: 0 4px;
}

.form-note.is-ok {
  color: #14603a;
  background: #2fbf711a;
  border-left: 3px solid #2fbf71;
  padding: 12px 16px;
}

.form-note.is-error {
  color: #8c1d18;
  background: #e052521a;
  border-left: 3px solid #e05252;
  padding: 12px 16px;
}

.value-card img {
  object-fit: cover;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin-bottom: 14px;
}

.topbar.is-stuck:not(.inner-topbar) {
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  background: #081a29e6;
  animation: .3s both topbar-drop;
  position: fixed;
}

@keyframes topbar-drop {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: none;
  }
}

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

.topbar {
  z-index: 50;
  -webkit-backdrop-filter: saturate(145%) blur(12px);
  border-bottom-color: #97c6e240;
  height: 96px;
  padding-inline: 0;
}

.topbar-inner {
  align-items: center;
  gap: clamp(24px, 2.2vw, 44px);
  width: 88vw;
  height: 100%;
  margin-inline: auto;
  display: flex;
}

.header-actions {
  flex: none;
  gap: 14px;
}

.language-menu {
  color: #102838;
  position: relative;
}

.language-menu summary {
  min-width: 72px;
  height: 42px;
  font: 750 12px/1 var(--font-display);
  cursor: pointer;
  background: #fff;
  border: 1px solid #ffffff47;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  list-style: none;
  display: flex;
}

.language-menu summary::-webkit-details-marker {
  display: none;
}

.language-menu summary img, .language-menu__list img {
  object-fit: cover;
  border-radius: 50%;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
}

.language-menu summary i {
  border-bottom: 1.5px solid;
  border-right: 1.5px solid;
  width: 6px;
  height: 6px;
  margin-left: auto;
  transition: transform .2s;
  transform: rotate(45deg) translateY(-2px);
}

.language-menu[open] summary i {
  transform: rotate(225deg);
}

.language-menu__list {
  z-index: 80;
  background: #fff;
  border: 1px solid #d8e2e8;
  border-radius: 9px;
  min-width: 82px;
  padding: 6px;
  position: absolute;
  top: calc(100% + 9px);
  left: 0;
  box-shadow: 0 18px 38px #01121e38;
}

.language-menu__list a {
  color: #1d3342;
  font: 700 12px/1 var(--font-display);
  border-radius: 6px;
  align-items: center;
  gap: 9px;
  padding: 8px 9px;
  display: flex;
}

.language-menu__list a:hover {
  color: #147db8;
  background: #edf6fb;
}

.language-menu__list a.is-active {
  color: #0e74ab;
  background: #dff1fb;
}

.topbar .phone {
  white-space: nowrap;
  font-size: 14px;
}

.topbar .header-actions > .pill-button {
  justify-content: space-between;
  min-height: 46px;
}

.topbar .search-toggle {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
}

.mega-menu {
  left: 6vw;
  right: 6vw;
}

.main-nav {
  flex: 1;
  justify-content: center;
  gap: clamp(19px, 1.55vw, 31px);
}

.nav-trigger {
  height: 100%;
  color: inherit;
  font: 700 14px/1 var(--font-body);
  cursor: pointer;
  opacity: .86;
  background: none;
  border: 0;
  align-items: center;
  gap: 9px;
  padding: 0;
  display: inline-flex;
  transition:color .2s ease,opacity .2s ease;
}

.main-nav > a,
.nav-trigger {
  white-space:nowrap;
}

.nav-item.is-open > .nav-trigger,
.nav-trigger[aria-expanded="true"] {
  color:var(--blue);
  opacity:1;
}

.main-nav > a {
  opacity: .92;
  font-size: 14px;
  font-weight: 700;
}

.topbar .brand {
  flex: none;
}

.topbar .brand strong {
  font-size: 30px;
}

.brand-logo {
  object-fit: contain;
  width: auto;
  display: block;
}

.brand-logo--header {
  width: 137px;
  height: 42px;
}

.nav-trigger i {
  border-right: 1.5px solid var(--blue);
  border-bottom: 1.5px solid var(--blue);
  width: 6px;
  height: 6px;
  transition: transform .2s;
  transform: rotate(45deg) translateY(-2px);
}

.nav-item.is-open .nav-trigger i, .nav-trigger[aria-expanded="true"] i {
  transform: rotate(225deg) translate(-1px, -1px);
}

.nav-trigger:focus-visible, .search-toggle:focus-visible, .menu-toggle:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 6px;
}

.nav-item.is-open .mega-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.mega-menu-backdrop {
  z-index:49;
  background:#020c14b8;
  border:0;
  position:fixed;
  inset:0;
  backdrop-filter:blur(3px);
}
.mega-menu-backdrop[hidden] { display:none; }
body.has-mega-menu { overflow:hidden; }

.mega-menu {
  border-radius:0;
  grid-template-columns: minmax(230px, 270px) minmax(0, 1fr);
  gap: clamp(30px, 3vw, 52px);
  padding: 32px 38px;
  top: 96px;
  left: clamp(32px, 6vw, 112px);
  right: clamp(32px, 6vw, 112px);
}

.mega-intro {
  border-right: 1px solid #d4e2e9;
  min-height: 188px;
  padding: 14px 34px 14px 0;
}

.mega-intro .section-kicker {
  color: #4c87a8;
  font-size: 12px;
  letter-spacing: .16em;
}

.mega-intro h3 {
  margin: 28px 0 0;
  font: 600 clamp(25px, 2vw, 31px)/1.08 var(--font-display);
  letter-spacing: -.045em;
}

.mega-intro h3 em {
  color: #42a0df;
  font-style: normal;
  font-weight: 500;
}

.mega-all {
  color: #237dab;
  font-size: 12px;
  font-weight: 750;
}

.mega-columns {
  counter-reset: mega-link;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
  align-content: start;
}

.mega-columns a {
  counter-increment: mega-link;
  border: 0;
  border-bottom: 1px solid #dce8ef;
  border-radius: 0;
  min-height: 47px;
  justify-content: center;
  padding: 10px 34px 10px 38px;
  position: relative;
}

.mega-columns a:before {
  content: counter(mega-link, decimal-leading-zero);
  color: #5f8499;
  font: 600 12px/1 var(--font-display);
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
}

.mega-columns a:hover, .mega-columns a:focus-visible {
  background: #edf6fa;
  border-color: #c9dfe9;
  outline: none;
}

.mega-columns b {
  font-size: 15px;
  line-height: 1.3;
}

.mega-columns span {
  font-size: 12px;
  line-height: 1.45;
}

.mega-columns a > i {
  color: #42a0df;
  font-style: normal;
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateY(-50%);
}

.mega-menu--solutions {
  grid-template-columns:minmax(0,1fr);
  gap:24px 34px;
  padding-left:0;
  padding-bottom:20px;
}

.mega-menu--solutions .mega-columns {
  align-self:start;
}

.mega-sector-tabs {
  border-left:1px solid #d4e2e9;
  min-width:0;
  min-height:480px;
  padding-left:28px;
}

.mega-solution-tabs {
  border-left:0;
  grid-column:1/-1;
  min-height:480px;
  padding-left:0;
}

.mega-solution-tabs .mega-sector-tabs__list {
  border-bottom:0;
  min-height:480px;
  margin-top:0;
  display:block;
}
.mega-solution-tabs .mega-sector-tab { width:230px; }
.mega-solution-tabs .mega-sector-tab__trigger {
  border-bottom:1px solid #dce8ef;
  border-left:3px solid transparent;
  border-right:1px solid #d4e2e9;
  min-height:68px;
  justify-content:flex-start;
  gap:12px;
  padding:10px 14px;
  text-align:left;
  font-size:14px;
}
.mega-solution-tabs .mega-sector-tab:first-child .mega-sector-tab__trigger {
  border-top:1px solid #dce8ef;
}
.mega-solution-tabs .mega-sector-tab:hover .mega-sector-tab__trigger,
.mega-solution-tabs .mega-sector-tab:focus-within .mega-sector-tab__trigger,
.mega-solution-tabs .mega-sector-tab.is-active .mega-sector-tab__trigger,
.mega-solution-tabs .mega-sector-tab.is-default .mega-sector-tab__trigger {
  color:#42a0df;
  background:#edf6fa;
  border-bottom-color:#dce8ef;
  border-left-color:#42a0df;
}
.mega-solution-tabs .mega-sector-tabs__list:hover .mega-sector-tab.is-default:not(:hover) .mega-sector-tab__trigger {
  color:#587180;
  background:transparent;
  border-bottom-color:#dce8ef;
  border-left-color:transparent;
}
.mega-sector-tab__panel--general { padding-top:0; }
.mega-solution-tabs .mega-sector-tab__panel {
  border-left:0;
  min-height:510px;
  padding:0 0 0 28px;
  top:0;
  left:230px;
}
.mega-solution-tabs .mega-sector-tab__panel .mega-columns { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mega-solution-groups { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding-top:5px; display:grid; }
.mega-solution-groups__column { min-width:0; }
.mega-sector-tab__panel--intralogistics .mega-solution-groups {
  grid-template-columns: minmax(max-content, 5fr) minmax(0, 7fr);
}
.mega-solution-group + .mega-solution-group { margin-top:30px; }
.mega-solution-group h4 { color:#123247; background:linear-gradient(90deg,#dff0f9 0%,#edf7fb 58%,transparent 100%); border-left:3px solid #42a0df; min-height:34px; align-items:center; margin:0; padding:1px 13px; font:800 15px/1.3 var(--font-display); display:flex; }
.mega-solution-group > div { counter-reset:solution-group; }
.mega-solution-group a { counter-increment:solution-group; border-bottom:1px solid #dce8ef; min-height:47px; align-items:center; justify-content:space-between; gap:12px; padding:7px 5px 7px 32px; display:flex; position:relative; }
.mega-solution-group a:before { content:counter(solution-group,decimal-leading-zero); color:#6c8999; font:600 10px/1 var(--font-display); position:absolute; left:5px; }
.mega-solution-group a:hover { color:#168bd3; background:#edf6fa; }
.mega-solution-group b { font-size:14px; font-weight:600; line-height:1.3; }
.mega-solution-group i { color:#42a0df; flex:0 0 auto; font-style:normal; }

.mega-sector-tabs__label {
  color:#4c87a8;
  letter-spacing:.15em;
  font:800 10px/1 var(--font-display);
}

.mega-sector-tabs__list {
  border-bottom:1px solid #cfdfe7;
  align-items:stretch;
  gap:0;
  margin-top:18px;
  display:flex;
  position:relative;
}

.mega-sector-tab { flex:1 1 auto; min-width:0; }
.mega-sector-tab__trigger {
  color:#587180;
  border-bottom:2px solid transparent;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 7px 11px;
  text-align:center;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  display:flex;
  transition:color .18s ease,border-color .18s ease;
}
.mega-sector-tab__trigger svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto; }
.mega-sector-tab__trigger .mega-tab-icon--car { transform:scale(1.16); }

.mega-sector-tab:hover .mega-sector-tab__trigger,
.mega-sector-tab:focus-within .mega-sector-tab__trigger,
.mega-sector-tab.is-active .mega-sector-tab__trigger,
.mega-sector-tab.is-default .mega-sector-tab__trigger {
  color:#42a0df;
  border-bottom-color:#42a0df;
}
.mega-sector-tabs__list:hover .mega-sector-tab.is-default:not(:hover) .mega-sector-tab__trigger {
  color:#587180;
  border-bottom-color:transparent;
}

.mega-sector-tab__panel {
  background:#f8fbfd;
  padding-top:24px;
  display:none;
  position:absolute;
  top:49px;
  left:0;
  right:0;
}

.mega-sector-tab.is-default .mega-sector-tab__panel,
.mega-sector-tab.is-active .mega-sector-tab__panel,
.mega-sector-tab:hover .mega-sector-tab__panel,
.mega-sector-tab:focus-within .mega-sector-tab__panel { display:block; }
.mega-sector-tabs__list:hover .mega-sector-tab.is-default:not(:hover) .mega-sector-tab__panel { display:none; }

.mega-sector-tab__panel > strong { color:#0b2130; font-size:17px; }
.mega-sector-tab__panel ul { list-style:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; margin:16px 0 0; padding:0; display:grid; }
.mega-sector-tab__panel li { border-bottom:1px solid #dde8ed; min-width:0; }
.mega-sector-tab__panel li a { color:#56707f; min-height:38px; align-items:center; justify-content:space-between; gap:8px; padding:7px 3px; font-size:11px; line-height:1.3; display:flex; }
.mega-sector-tab__panel li a:hover { color:#1486d6; }
.mega-sector-tab__panel li i { color:#42a0df; flex:0 0 auto; font-style:normal; }

.mega-reference-rail {
  background:transparent;
  grid-column:1/-1;
  overflow:hidden;
  padding-top:16px;
  padding-bottom:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}

.mega-menu--solutions .mega-reference-rail {
  margin-left:38px;
}

.mega-proof-strip {
  color:#a9beca;
  background:#081827;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-column:1/-1;
  margin:0 -38px -20px;
  display:grid;
  border-left: 1px solid #ffffff1f;
}

.mega-menu--solutions .mega-proof-strip {
  margin-left:0;
  margin-right:-38px;
}
.mega-proof-strip span {
  border-right:1px solid #ffffff1f;
  min-height:62px;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:10px;
  font-weight:700;
  display:flex;
}
.mega-proof-strip span:last-child { border-right:0; }
.mega-proof-strip strong { color:#5eb9ed; font:700 19px/1 var(--font-display); letter-spacing:-.02em; }

.mega-reference-rail__track { width:max-content; display:flex; animation:mega-reference-slide 38s linear infinite; }
.mega-reference-rail:hover .mega-reference-rail__track { animation-play-state:paused; }
.mega-reference-rail__group { align-items:center; gap:8px; margin-right:8px; display:flex; }
.mega-reference-rail__group span { background:transparent; border:1px solid #d4e2e9; place-items:center; width:132px; height:58px; padding:10px 18px; display:grid; }
.mega-reference-rail__group img { object-fit:contain; filter:grayscale(1); max-width:100%; max-height:36px; opacity:.72; }
@keyframes mega-reference-slide { to { transform:translateX(-50%); } }

@media (prefers-reduced-motion:reduce) {
  .mega-reference-rail__track { animation:none; }
}

.mega-columns a.mega-sub-link {
  background: #f1f7fa;
  padding-left: 48px;
}

.mega-columns a.mega-sub-link:before {
  content: "↳";
  color: #42a0df;
  left: 18px;
}

.mega-columns a.mega-sub-link b {
  font-size: 13px;
  font-weight: 700;
}

.mobile-nav__child--nested {
  background: #f1f7fa;
  padding-left: 34px !important;
  font-size: 12px;
}

.vertical-storage-nav {
  background: #f5f9fb;
  border-bottom: 1px solid #d6e4eb;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0 var(--page-gutter);
}

.vertical-storage-nav a {
  color: #365263;
  border-left: 1px solid #d6e4eb;
  min-height: 112px;
  padding: 23px 50px 23px 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 9px;
  justify-content: center;
  transition: background .2s, color .2s;
}

.vertical-storage-nav a:last-child { border-right: 1px solid #d6e4eb; }
.vertical-storage-nav a small { color: #438fb9; font: 700 11px var(--font-display); }
.vertical-storage-nav a span { font-size: 14px; font-weight: 750; line-height: 1.35; }
.vertical-storage-nav a i { color: #42a0df; font-style: normal; position: absolute; right: 21px; top: 50%; transform: translateY(-50%); }
.vertical-storage-nav a:hover,
.vertical-storage-nav a.is-active { color: #fff; background: #0b2130; }

@media (max-width: 900px) {
  .vertical-storage-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 20px; }
  .vertical-storage-nav a { min-height: 96px; }
}

@media (max-width: 560px) {
  .vertical-storage-nav { grid-template-columns: 1fr; }
  .vertical-storage-nav a { border-right: 1px solid #d6e4eb; min-height: 78px; padding-block: 16px; }
}

@media (max-width: 1120px) {
  .mega-menu {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 24px;
    padding-inline: 28px;
  }

  .mega-proof-strip { margin-inline:-28px; }
  .mega-menu--solutions .mega-reference-rail { margin-left:0; }
  .mega-menu--solutions .mega-proof-strip { margin-inline:-28px; }

  .mega-intro {
    padding-right: 24px;
  }
}

.mega-feature {
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 28px;
  display: flex;
  overflow: hidden;
}

.mega-feature:before {
  content: "";
  background: radial-gradient(circle at 80% 10%, #4ea9e947, #0000 42%);
  position: absolute;
  inset: 0;
}

.mega-feature > * {
  position: relative;
}

/* Kaydırmayla açılan ortak proje iletişim penceresi */
.scroll-modal[hidden] {
  display: none;
}

.scroll-modal {
  z-index: 3000;
  opacity: 0;
  visibility: hidden;
  transition: opacity .24s ease, visibility .24s ease;
  position: fixed;
  inset: 0;
}

.scroll-modal.is-visible {
  opacity: 1;
  visibility: visible;
}

.scroll-modal__backdrop {
  cursor: default;
  background: #061621c7;
  backdrop-filter: blur(8px);
  border: 0;
  position: absolute;
  inset: 0;
}

.scroll-modal__panel {
  color: var(--ink);
  background: #f4f9fc;
  box-sizing: border-box;
  grid-template-columns: 408px minmax(0, 552px);
  width: min(960px, calc(100vw - 48px));
  height: min(620px, calc(100vh - 56px));
  display: grid;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 18px));
  transition: transform .28s ease;
  box-shadow: 0 32px 90px #0009;
}

.scroll-modal.is-visible .scroll-modal__panel {
  transform: translate(-50%, -50%);
}

.scroll-modal__close {
  color: #718794;
  cursor: pointer;
  background: none;
  border: 0;
  width: 32px;
  height: 32px;
  font: 500 28px/1 var(--font-body);
  outline: none;
  position: absolute;
  top: 22px;
  right: 24px;
}

.scroll-modal__close:focus-visible {
  color: #2789c4;
}

.scroll-modal__visual {
  min-width: 0;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.scroll-modal__visual:after {
  content: "";
  background: linear-gradient(180deg, #0000 42%, #020b12b8 100%);
  position: absolute;
  inset: 0;
}

.scroll-modal__visual > img {
  object-fit: cover;
  object-position: 43% center;
  width: 100%;
  height: 100%;
  display: block;
}

.scroll-modal__visual > span {
  z-index: 1;
  color: #fff;
  background: #061725c7;
  border: 1px solid #ffffff24;
  border-radius: 3px;
  padding: 10px 13px;
  font: 700 12px/1.3 var(--font-display);
  letter-spacing: .14em;
  position: absolute;
  top: 34px;
  left: 34px;
}

.scroll-modal__experience {
  z-index: 1;
  color: #fff;
  grid-template-columns:repeat(2,minmax(0,1fr));
  display:grid;
  position: absolute;
  left: 34px;
  right:34px;
  bottom: 35px;
}

.scroll-modal__experience > div + div { border-left:1px solid #ffffff38; padding-left:30px; }

.scroll-modal__experience strong {
  font: 600 38px/.85 var(--font-display);
  letter-spacing: -.06em;
  display: block;
}

.scroll-modal__experience sup {
  color: #48a7e6;
  font-size: 25px;
  vertical-align: top;
}

.scroll-modal__experience small {
  color: #c3d0d7;
  margin-top: 5px;
  font-size: 12px;
  display: block;
}

.scroll-modal__content {
  padding: 40px;
  position: relative;
  overflow-y: auto;
}

.scroll-modal__content > .section-kicker {
  color: #2789c4;
  font-size: 12px;
  letter-spacing: .15em;
}

.scroll-modal__panel h2 {
  margin: 0 0 16px;
  font: 600 28px/1.03 var(--font-display);
  letter-spacing: -.045em;
}

.scroll-modal__panel h2 em {
  color: #45a4e4;
  font-style: normal;
  font-weight: 500;
}

.scroll-modal__panel p {
  color: #607684;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.scroll-modal__form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 14px;
  margin-top: 27px;
  display: grid;
}

.scroll-modal__form > label:not(.scroll-modal__consent) {
  flex-direction: column;
  gap: 9px;
  display: flex;
}

.scroll-modal__form label > span {
  color: #426174;
  font-size: 12px;
  font-weight: 700;
}

.scroll-modal__form input[type="text"],
.scroll-modal__form input[type="email"],
.scroll-modal__form input[type="tel"] {
  color: var(--ink);
  background: transparent;
  border: 0;
  border-bottom: 1px solid #b9ccd6;
  border-radius: 0;
  width: 100%;
  height: 31px;
  padding: 0;
  font: 400 12px var(--font-body);
  outline: none;
}

.scroll-modal__form input:focus {
  border-color: #45a4e4;
}

.scroll-modal__form .iti input[type="tel"] {
  padding-left: 118px !important;
}

.scroll-modal__form .iti__selected-country {
  background: transparent;
  min-width: 105px;
  padding: 0 8px 0 0;
}

.scroll-modal__consent {
  grid-column: 1 / -1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

/* Ticari ileti onayı çok satırlı: kutu ilk satırla hizalanır. */
.scroll-modal__consent input {
  appearance: none;
  background: #fff;
  border: 1px solid #78909d;
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  margin: 2px 0 0;
}

.scroll-modal__consent span {
  line-height: 1.55;
}

.scroll-modal__consent input:checked {
  background: var(--blue);
  box-shadow: inset 0 0 0 3px #fff;
}

.scroll-modal__consent span,
.scroll-modal__consent a {
  color: #718591;
  font-size: 12px;
  font-weight: 400;
}

.scroll-modal__submit {
  color: #fff;
  cursor: pointer;
  background: #071a28;
  border: 0;
  border-radius: 999px;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 46px;
  padding: 0 22px;
  font: 700 12px var(--font-body);
  display: flex;
}

.scroll-modal__submit span {
  color: #53b2ea;
  font-size: 16px;
}

.scroll-modal__direct {
  border-top: 1px solid #cad9e0;
  align-items: center;
  justify-content: space-between;
  margin-top: 22px;
  padding-top: 17px;
  display: flex;
}

.scroll-modal__direct span {
  color: #718591;
  font-size: 14px;
}

.scroll-modal__direct a {
  color: var(--ink);
  font-size: 16px;
  font-weight: 750;
}

@media (max-width: 900px) {
  .scroll-modal__panel {
    grid-template-columns: 34% 66%;
  }

  .scroll-modal__content {
    padding-inline: 38px;
  }
}

@media (max-width: 680px) {
  .scroll-modal__panel {
    grid-template-columns: 1fr;
    width: calc(100vw - 24px);
    height: min(720px, calc(100vh - 24px));
  }

  .scroll-modal__visual {
    display: none;
  }

  .scroll-modal__content {
    padding: 55px 24px 28px;
  }

  .scroll-modal__panel h2 {
    font-size: 34px;
  }
}

/* Sektörlere özel ortak detay şablonu */
.sector-hero {
  color: #fff;
  background: #071722;
  grid-template-columns: minmax(390px, .82fr) minmax(0, 1.18fr);
  min-height: var(--inner-hero-height);
  padding-top: 96px;
  display: grid;
}

.sector-hero__copy {
  flex-direction: column;
  justify-content: center;
  padding: 64px var(--page-gutter) 56px;
  display: flex;
  position: relative;
}

.sector-hero__copy .breadcrumbs {
  margin-bottom: 46px;
}

.sector-hero__copy .section-kicker {
  color: #67b7e7;
}

/* Kicker ile başlık arasındaki boşluğu eskiden sıra numarası rozeti
   taşıyordu; rozet kaldırıldığı için pay başlığa verildi. */
.sector-hero h1 {
  margin: 26px 0 0;
  font: 600 clamp(64px, 7vw, 76px)/.92 var(--font-display);
  letter-spacing: -.065em;
}

.sector-hero__copy > p {
  color: #9db0bc;
  max-width: 540px;
  margin: 30px 0 0;
  font-size: 16px;
  line-height: 1.7;
}

.sector-hero__scroll {
  color: #fff;
  border-bottom: 1px solid #35505f;
  align-items: center;
  justify-content: space-between;
  width: min(230px, 100%);
  margin-top: 32px;
  padding-bottom: 13px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.sector-hero__scroll span {
  color: #54abe0;
  font-size: 18px;
}

/* Görsel sütunu, bölümün 96px üst payı çıkarıldıktan sonra kalan yüksekliği
   kaplar; böylece banner tam olarak --inner-hero-height kadar olur.

   min-height değil `height`: min-height belirsiz yükseklik sayıldığından
   içteki img{height:100%} auto'ya düşüyor ve görsel kendi en-boy oranıyla
   uzuyordu. Geniş ekranda sütun genişledikçe banner 610px yerine 734px
   oluyordu. Kesin yükseklikle object-fit:cover devreye giriyor. */
.sector-hero__visual {
  height: calc(var(--inner-hero-height) - 96px);
  position: relative;
  overflow: hidden;
}

.sector-hero__visual:after {
  content: "";
  background: linear-gradient(90deg, #071722 0%, #07172226 30%, #0000 60%), linear-gradient(0deg, #04101a8c, #0000 50%);
  position: absolute;
  inset: 0;
}

.sector-hero__visual img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: saturate(.72) contrast(1.04);
  display: block;
}

.sector-hero__visual > span {
  z-index: 1;
  color: #ffffff14;
  writing-mode: vertical-rl;
  font: 700 clamp(45px, 5vw, 80px)/1 var(--font-display);
  letter-spacing: .08em;
  position: absolute;
  top: 50%;
  right: 4vw;
  transform: translateY(-50%);
}

.sector-switcher {
  background: #eef5f8;
  border-bottom: 1px solid #d8e5eb;
  grid-template-columns: 180px 1fr;
  align-items: stretch;
  gap: 30px;
  padding: 0 var(--page-gutter);
  display: grid;
}

.sector-switcher__label {
  color: #52788d;
  align-self: center;
  font: 700 12px var(--font-display);
  letter-spacing: .15em;
}

.sector-switcher > div {
  grid-template-columns: repeat(6, minmax(105px, 1fr));
  overflow-x: auto;
  scrollbar-width: thin;
  display: grid;
}

.sector-switcher a {
  color: #607684;
  border-left: 1px solid #d8e5eb;
  min-height: 82px;
  padding: 19px 16px;
  transition: color .2s, background .2s;
  display: block;
}

.sector-switcher a:last-child {
  border-right: 1px solid #d8e5eb;
}

.sector-switcher a:hover,
.sector-switcher a.is-active {
  color: #fff;
  background: #0b2130;
}

.sector-switcher small {
  color: #4e94bc;
  margin-bottom: 5px;
  font-size: 12px;
  display: block;
}

.sector-switcher span:not(.sector-switcher__label) {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

/* Sektör, hizmet ve kurumsal geçişleri birbirinden bağımsızdır. */
.page-switcher--sectors {
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 30px;
}

.page-switcher--sectors > div {
  grid-template-columns: repeat(var(--switcher-count), minmax(105px, 1fr));
  overflow-x: auto;
}

.page-switcher--sectors a {
  min-height: 82px;
  padding: 19px 16px;
}

.sector-references {
  background: #fff;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  padding: 24px var(--page-gutter);
  overflow: hidden;
  display: grid;
}

.sector-references__viewport {
  min-width: 0;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}

.sector-references__track {
  width: max-content;
  display: flex;
  animation: sector-reference-slide 42s linear infinite;
}

.sector-references__group {
  gap: 24px;
  padding-right: 24px;
  display: flex;
}

.sector-references__logo {
  background: #fff;
  border: 1px solid #bfd0d9;
  border-radius: 3px;
  width: 210px;
  height: 92px;
  place-items: center;
  padding: 16px 22px;
  display: grid;
}

.sector-references__logo img {
  max-width: 100%;
  max-height: 58px;
  object-fit: contain;
}

.sector-references:hover .sector-references__track {
  animation-play-state: paused;
}

@keyframes sector-reference-slide {
  to { transform: translateX(-25%); }
}

@media (prefers-reduced-motion: reduce) {
  .sector-references__track { animation: none; }
}

.page-switcher--services > div {
  grid-template-columns: repeat(var(--switcher-count), minmax(105px, 1fr));
  overflow-x: auto;
}

.page-switcher--corporate > div {
  grid-template-columns: repeat(var(--switcher-count), minmax(105px, 1fr));
  overflow-x: auto;
}

.page-switcher--solutions > div {
  grid-template-columns: repeat(var(--switcher-count), minmax(125px, 1fr));
  overflow-x: auto;
}

/* Çok sayıdaki çözüm için taşmayan, alt sayfaları da gösteren gezinme. */
.solution-nav-shell { background:#eef5f8; border-bottom:1px solid #d6e4eb; padding:0 var(--page-gutter); }
.solution-nav-toggle { display:none; }
.solution-sidebar { background:#fff; border-left:1px solid #d6e4eb; border-right:1px solid #d6e4eb; grid-template-columns:220px 1fr; display:grid; }
.solution-sidebar__all { color:#52788d; border-right:1px solid #d6e4eb; align-items:center; justify-content:space-between; padding:28px 25px; letter-spacing:.12em; font-size:11px; font-weight:800; display:flex; }
.solution-sidebar > ol { list-style:none; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; padding:0; display:grid; }
.solution-sidebar > ol > li { border-right:1px solid #d6e4eb; min-width:0; position:relative; }
.solution-sidebar > ol > li > a { color:#607684; min-height:108px; padding:19px 18px; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto 1fr; gap:5px; transition:.2s; }
.solution-sidebar > ol > li > a small { color:#438fb9; grid-column:1; font-size:11px; }
.solution-sidebar > ol > li > a span { grid-column:1; align-self:start; font-size:13px; font-weight:750; line-height:1.35; }
.solution-sidebar > ol > li > a i { grid-column:2; grid-row:1 / 3; align-self:center; color:#4aa8e2; font-style:normal; }
.solution-sidebar > ol > li:hover > a,.solution-sidebar > ol > li.is-active > a { color:#fff; background:#0b2130; }
.solution-sidebar ul { background:#fff; border:1px solid #d6e4eb; box-shadow:0 18px 40px #071c2b24; list-style:none; min-width:250px; margin:0; padding:10px; display:none; position:absolute; z-index:8; top:100%; left:-1px; }
.solution-sidebar li:hover > ul,.solution-sidebar li:focus-within > ul,.solution-sidebar li.is-active > ul { display:block; }
.solution-sidebar ul a { color:#4f6877; border-bottom:1px solid #e3edf1; padding:11px 12px; font-size:12px; line-height:1.35; display:block; }
.solution-sidebar ul a:hover { color:#1688ce; }

.solutions-hub-hero { color:#fff; background:#071c2b; grid-template-columns:1.05fr .95fr; min-height:650px; display:grid; }
.solutions-hub-hero > div { align-self:center; padding:130px clamp(50px,7vw,120px) 90px var(--page-gutter); }
.solutions-hub-hero .breadcrumbs,.solutions-hub-hero .breadcrumbs a { color:#8ca6b5; }
.solutions-hub-hero .section-kicker { color:#58afe2; margin:50px 0 22px; display:block; }
.solutions-hub-hero h1 { letter-spacing:-.055em; max-width:820px; margin:0 0 25px; font-size:clamp(50px,5.2vw,86px); line-height:.98; }
.solutions-hub-hero p { color:#abc0cb; max-width:690px; font-size:16px; line-height:1.75; }
.solutions-hub-hero figure { min-height:650px; margin:0; position:relative; overflow:hidden; }
.solutions-hub-hero figure:after { content:""; background:linear-gradient(90deg,#071c2b,transparent 42%); position:absolute; inset:0; }
.solutions-hub-hero img { object-fit:cover; width:100%; height:100%; position:absolute; inset:0; }
.solutions-hub { background:#f4f8fa; padding:clamp(85px,8vw,130px) var(--page-gutter); }
.solutions-hub > header { grid-template-columns:.65fr 1.35fr; gap:60px; align-items:start; margin-bottom:55px; display:grid; }
.solutions-hub h2 { letter-spacing:-.05em; margin:0; font-size:clamp(42px,4.5vw,70px); line-height:1; }.solutions-hub h2 em { color:#46a6df; font-weight:400; }
.solutions-hub__layout { grid-template-columns:290px minmax(0,1fr); gap:40px; align-items:start; display:grid; }
.solutions-hub__layout .solution-nav-shell { padding:0; position:sticky; top:20px; }
.solutions-hub__layout .solution-sidebar { grid-template-columns:1fr; display:block; }
.solutions-hub__layout .solution-sidebar__all { border-right:0; border-bottom:1px solid #d6e4eb; }
.solutions-hub__layout .solution-sidebar > ol { display:block; }
.solutions-hub__layout .solution-sidebar > ol > li { border-right:0; border-bottom:1px solid #d6e4eb; }
.solutions-hub__layout .solution-sidebar > ol > li > a { min-height:84px; }
.solutions-hub__layout .solution-sidebar ul { box-shadow:none; border:0; border-top:1px solid #d6e4eb; min-width:0; position:static; }
.solutions-hub__grid { border-top:1px solid #cbdce4; border-left:1px solid #cbdce4; grid-template-columns:repeat(2,minmax(0,1fr)); display:grid; }
.solutions-hub__grid > a { color:#0b2130; background:#fff; border-right:1px solid #cbdce4; border-bottom:1px solid #cbdce4; min-height:390px; padding:0 30px 30px; position:relative; transition:transform .2s,box-shadow .2s; }
.solutions-hub__grid > a:hover { z-index:2; transform:translateY(-4px); box-shadow:0 18px 42px #071c2b1c; }
.solutions-hub__visual { height:185px; margin:0 -30px 27px; position:relative; overflow:hidden; }.solutions-hub__visual img { object-fit:cover; width:100%; height:100%; }.solutions-hub__visual:after { content:""; background:linear-gradient(0deg,#071c2b80,transparent); position:absolute; inset:0; }.solutions-hub__visual small { color:#fff; position:absolute; z-index:1; left:22px; bottom:16px; }
.solutions-hub__grid h3 { margin:0 35px 12px 0; font-size:23px; line-height:1.15; }.solutions-hub__grid p { color:#617887; margin:0; font-size:13px; line-height:1.65; }.solutions-hub__grid > a > span { color:#388fbe; margin-top:17px; font-size:11px; font-weight:800; display:block; }.solutions-hub__grid > a > i { color:#45a5df; font-style:normal; position:absolute; right:28px; bottom:28px; }

@media (max-width:1100px) {
  .solution-sidebar { grid-template-columns:180px 1fr; }.solution-sidebar > ol { grid-template-columns:repeat(3,1fr); }
  .solutions-hub__layout { grid-template-columns:250px 1fr; }
}
@media (max-width:780px) {
  .solution-nav-shell { padding:0 20px; }.solution-nav-toggle { color:#fff; background:#0b2130; border:0; width:100%; align-items:center; justify-content:space-between; padding:18px 20px; text-align:left; display:flex; }.solution-nav-toggle small { color:#59afe2; letter-spacing:.12em; display:block; }.solution-nav-toggle b { margin-top:4px; font-size:14px; display:block; }.solution-nav-toggle i { font-size:24px; font-style:normal; }.solution-nav-shell:not(.is-open) .solution-sidebar { display:none; }
  .solution-sidebar { grid-template-columns:1fr; }.solution-sidebar__all { border-right:0; border-bottom:1px solid #d6e4eb; }.solution-sidebar > ol { grid-template-columns:1fr; }.solution-sidebar > ol > li { border-right:0; border-bottom:1px solid #d6e4eb; }.solution-sidebar > ol > li > a { min-height:76px; }.solution-sidebar ul { box-shadow:none; border:0; border-top:1px solid #d6e4eb; position:static; }
  .solutions-hub-hero { grid-template-columns:1fr; min-height:0; }.solutions-hub-hero > div { padding:105px 24px 65px; }.solutions-hub-hero figure { min-height:350px; }
  .solutions-hub { padding-inline:20px; }.solutions-hub > header,.solutions-hub__layout { grid-template-columns:1fr; }.solutions-hub__layout .solution-nav-shell { position:static; }.solutions-hub__grid { grid-template-columns:1fr; }
}

/* ======================================================= Çözüm detayları */
.solution-hero {
  color: #fff;
  background: #071c2b;
  grid-template-columns: minmax(0, 1.1fr) minmax(480px, .9fr);
  min-height: 720px;
  display: grid;
  overflow: hidden;
}

.solution-hero__copy {
  align-self: center;
  max-width: 900px;
  padding: 120px clamp(45px, 6vw, 105px) 80px var(--page-gutter);
  position: relative;
}

.solution-hero .breadcrumbs,
.solution-hero .breadcrumbs a { color: #8ca6b5; }
.solution-hero .section-kicker { color: #61b4e5; margin-top: 45px; display: block; }
.solution-hero__index { color: #ffffff14; letter-spacing: -.08em; font: 700 clamp(100px, 11vw, 185px)/1 var(--font-display); position: absolute; top: 145px; right: 35px; }

.solution-hero h1 {
  color: #fff;
  letter-spacing: -.055em;
  max-width: 760px;
  margin: 23px 0 14px;
  font-size: clamp(50px, 5vw, 76px);
  line-height: .98;
  position: relative;
}

.solution-hero h2 { color: #50aae2; letter-spacing: -.035em; max-width: 760px; margin: 0 0 24px; font-size: clamp(24px, 2.3vw, 38px); font-weight: 450; line-height: 1.12; }
.solution-hero__copy > p { color: #a9beca; max-width: 690px; margin: 0 0 32px; font-size: 16px; line-height: 1.75; }

.solution-hero__visual { min-width: 0; min-height: 720px; margin: 0; position: relative; overflow: hidden; }
.solution-hero__visual:after { content:""; background:linear-gradient(90deg,#071c2b 0,rgba(7,28,43,.1) 38%,rgba(7,28,43,.05)); position:absolute; inset:0; }
.solution-hero__visual img { object-fit: cover; width: 100%; height: 100%; filter: saturate(.75) contrast(1.06); position: absolute; inset: 0; }
.solution-hero__visual video { object-fit:cover; width:100%; height:100%; filter:saturate(.75) contrast(1.06); position:absolute; inset:0; }
.solution-hero__visual--mes-video video { transform:scale(1.32); transform-origin:center center; }
.solution-hero__visual--wide-video:after { background:linear-gradient(90deg,#071c2b 0,rgba(7,28,43,.72) 18%,rgba(7,28,43,.22) 48%,rgba(7,28,43,.04) 66%); }
.solution-hero--wide-video .solution-hero__copy { z-index:3; }
.solution-hero--wide-video .solution-hero__visual { margin-left:-180px; }
.mes-child-hero__visual--rdl img { transform:scale(1.65); transform-origin:right center; }
.solution-hero__visual figcaption { color:#fff; background:rgba(7,28,43,.86); border-left:4px solid #49a8e3; width:min(370px,80%); padding:22px 25px; position:absolute; z-index:2; right:0; bottom:0; backdrop-filter:blur(10px); }
.solution-hero__visual figcaption span { color:#64b5e4; letter-spacing:.14em; font-size:10px; font-weight:800; display:block; }
.solution-hero__visual figcaption b { margin-top:7px; font-size:15px; display:block; }

.solution-problem { background:#f5f9fb; padding:clamp(85px,9vw,70px) var(--page-gutter); }
.solution-problem > header { grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr); gap:clamp(50px,8vw,130px); align-items:start; display:grid; }
.solution-problem > header h2 { letter-spacing:-.045em; max-width:1000px; margin:0; font-size:clamp(32px,4.2vw,42px); line-height:1.12; }
.solution-problem__cards { border-top:1px solid #ccdde5; border-bottom:1px solid #ccdde5; grid-template-columns:repeat(3,1fr); margin-top:60px; display:grid; }
.solution-problem__cards article { border-right:1px solid #ccdde5; min-height:270px; padding:34px clamp(25px,3vw,45px); position:relative; }
.solution-problem__cards article:first-child { border-left:1px solid #ccdde5; }
.solution-problem__cards small { color:#378fc0; font-size:11px; font-weight:800; }
.solution-problem__cards i { background:#4aa8e2; border:6px solid #dceff9; border-radius:50%; width:20px; height:20px; margin:42px 0 19px; display:block; }
.solution-problem__cards h3 { margin:0 0 12px; font-size:20px; }
.solution-problem__cards p { color:#617887; margin:0; font-size:14px; line-height:1.7; }
.crane-problem > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:300px; padding-right:38px; }
.crane-problem { padding-top:clamp(80px,8vw,120px); padding-bottom:clamp(80px,8vw,120px); }.crane-problem .solution-problem__cards article { min-height:220px; padding-top:27px; padding-bottom:27px; }.crane-problem .solution-problem__cards i { color:#3a98ce; background:#e0f1fa; border:0; border-radius:0; place-items:center; width:44px; height:44px; margin:18px 0 14px; font:700 23px/1 var(--font-display); display:grid; }
.crane-problem .solution-problem__cards i:before { content:""; background:#3a98ce; width:23px; height:23px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }
.crane-problem .solution-problem__cards article:nth-child(1) i:before { -webkit-mask-image:url('/assets/icons/crane/visibility.svg'); mask-image:url('/assets/icons/crane/visibility.svg'); }
.crane-problem .solution-problem__cards article:nth-child(2) i:before { -webkit-mask-image:url('/assets/icons/crane/stability.svg'); mask-image:url('/assets/icons/crane/stability.svg'); }
.crane-problem .solution-problem__cards article:nth-child(3) i:before { -webkit-mask-image:url('/assets/icons/crane/continuity.svg'); mask-image:url('/assets/icons/crane/continuity.svg'); }

.solution-metrics { color:#fff; background:#0a2130; grid-template-columns:1.2fr repeat(3,1fr); padding:0 var(--page-gutter); display:grid; }
.solution-metrics > div { border-right:1px solid #ffffff24; min-height:195px; padding:37px clamp(24px,3vw,44px); display:flex; flex-direction:column; justify-content:center; }
.solution-metrics > div:first-child { border-left:1px solid #ffffff24; }
.solution-metrics__lead span { color:#5eb1e1; letter-spacing:.13em; font-size:10px; font-weight:800; }
.solution-metrics__lead strong { margin-top:13px; font-size:22px; line-height:1.25; }
.solution-metrics > div:not(.solution-metrics__lead) strong { color:#54afe5; letter-spacing:-.05em; font-size:clamp(32px,3vw,50px); line-height:1; }
.solution-metrics > div:not(.solution-metrics__lead) span { color:#a9beca; margin-top:12px; font-size:12px; line-height:1.4; }

.solution-architecture { color:#fff; background:#061825; grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr); gap:clamp(60px,9vw,145px); padding:clamp(90px,10vw,155px) var(--page-gutter); display:grid; }
.solution-architecture header { border-right:1px solid #ffffff24; padding-right:clamp(45px,6vw,90px); }
.solution-architecture h2 { letter-spacing:-.05em; margin:28px 0 22px; font-size:clamp(42px,4.2vw,68px); line-height:1; }
.solution-architecture h2 em { color:#4ba9e3; font-weight:400; }
.solution-architecture header p { color:#9eb5c2; max-width:460px; font-size:14px; line-height:1.75; }
.solution-architecture__diagram { grid-template-columns:repeat(4,1fr); align-self:center; min-width:0; position:relative; display:grid; }
.solution-architecture__rail { background:#39718f; height:1px; position:absolute; top:74px; left:8%; right:8%; }
.solution-architecture__diagram article { text-align:center; min-width:0; padding:0 12px; position:relative; }
.solution-architecture__diagram small { color:#6eb7e0; font-size:10px; }
.solution-architecture__node { background:#0a2130; border:1px solid #4385a8; border-radius:50%; place-items:center; width:52px; height:52px; margin:17px auto 22px; display:grid; position:relative; z-index:1; }
.solution-architecture__node i { background:#4fafe5; border-radius:50%; width:11px; height:11px; box-shadow:0 0 0 7px #4fafe51c; }
.solution-architecture__diagram h3 { font-size:14px; line-height:1.4; }
.solution-architecture__diagram article > b { color:#4faee5; font-size:18px; position:absolute; top:66px; right:-5px; }

.solution-capabilities { background:#fff; padding:clamp(90px,9vw,145px) var(--page-gutter); }
.solution-capabilities > header { grid-template-columns:1.15fr .85fr; align-items:end; gap:60px; margin-bottom:55px; display:grid; }
.solution-capabilities h2 { letter-spacing:-.05em; margin:25px 0 0; font-size:clamp(42px,4.3vw,68px); line-height:1; }
.solution-capabilities h2 em { color:#45a5df; font-weight:400; }
.solution-capabilities > header > p { color:#617887; max-width:520px; margin:0 0 5px; font-size:15px; line-height:1.75; }
.solution-capabilities__grid { border-top:1px solid #cfdee6; grid-template-columns:repeat(2,1fr); display:grid; }
.solution-capabilities__grid article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:245px; padding:35px clamp(28px,4vw,60px); position:relative; }
.solution-capabilities__grid article:nth-child(odd) { border-left:1px solid #cfdee6; }
.solution-capabilities__grid small { color:#388fbe; font-size:11px; font-weight:800; }
.solution-capabilities__grid article > span { color:#45a5df; position:absolute; top:33px; right:35px; }
.solution-capabilities__grid h3 { margin:55px 0 12px; font-size:23px; }
.solution-capabilities__grid p { color:#607786; max-width:570px; margin:0; font-size:14px; line-height:1.7; }

.solution-delivery { background:#edf5f8; grid-template-columns:1fr 1fr; min-height:680px; display:grid; }
.solution-delivery figure { min-height:680px; margin:0; position:relative; overflow:hidden; }
.solution-delivery figure > img { object-fit:cover; width:100%; height:100%; filter:saturate(.7) contrast(1.04); position:absolute; inset:0; }
.solution-delivery figcaption { color:#fff; background:#0a2130; min-width:230px; padding:24px 28px; position:absolute; right:0; bottom:0; }
.solution-delivery figcaption strong { letter-spacing:-.07em; font-size:50px; }.solution-delivery figcaption sup { color:#4ba9e3; font-size:21px; }.solution-delivery figcaption span { color:#acc1cc; margin-top:5px; font-size:11px; display:block; }
.solution-delivery > div { align-self:center; padding:80px clamp(45px,7vw,115px); }
.solution-delivery h2 { letter-spacing:-.05em; margin:25px 0 42px; font-size:clamp(40px,4vw,64px); line-height:1; }
.solution-delivery h2 em { color:#45a5df; font-weight:400; }
.solution-delivery ol { list-style:none; margin:0; padding:0; }
.solution-delivery li { border-top:1px solid #cadbe3; grid-template-columns:50px 1fr; gap:20px; padding:20px 0; display:grid; }.solution-delivery li:last-child { border-bottom:1px solid #cadbe3; }
.solution-delivery li small { color:#3c91bf; font-size:10px; }.solution-delivery li b { font-size:16px; }.solution-delivery li p { color:#607786; margin:6px 0 0; font-size:13px; line-height:1.6; }

/* İnsansız vinç: beyaz / gri / koyu bölüm ritmi ve açıklayıcı şema. */
.crane-overview { background:#fff; grid-template-columns:1.08fr .92fr; min-height:700px; display:grid; }
.crane-overview figure { background:#0a2130; min-height:700px; margin:0; position:relative; overflow:hidden; }.crane-overview figure > img { object-fit:cover; object-position:center; opacity:1; width:100%; height:100%; min-height:700px; display:block; position:absolute; z-index:1; inset:0; }.crane-overview figcaption { color:#fff; background:#0a2130eb; border-left:4px solid #4ba9e3; width:min(390px,82%); padding:24px 28px; position:absolute; z-index:2; right:0; bottom:0; }.crane-overview figcaption span { color:#5ab0e3; letter-spacing:.13em; font-size:10px; font-weight:800; display:block; }.crane-overview figcaption b { margin-top:8px; line-height:1.45; display:block; }
.crane-overview > div { align-self:center; padding:4vw var(--page-gutter); }.crane-overview h2 { letter-spacing:-.05em; margin:22px 0; font-size:clamp(40px,3.7vw,61px); line-height:1; }.crane-overview h2 em { color:#45a5df; font-weight:400; }.crane-overview > div > p { color:#607786; font-size:14px; line-height:1.75; }.crane-proof { border-top:1px solid #d2e0e7; border-left:1px solid #d2e0e7; grid-template-columns:repeat(3,1fr); margin-top:28px; display:grid; }.crane-proof div { border-right:1px solid #d2e0e7; border-bottom:1px solid #d2e0e7; padding:16px 13px; }.crane-proof strong { color:#198acb; font-size:16px; display:block; }.crane-proof span { color:#607786; margin-top:5px; font-size:10px; line-height:1.35; display:block; }.crane-overview ul { list-style:none; margin:24px 0 0; padding:0; }.crane-overview li { border-top:1px solid #d2e0e7; grid-template-columns:145px 1fr; gap:20px; padding:14px 0; display:grid; }.crane-overview li:last-child { border-bottom:1px solid #d2e0e7; }.crane-overview li b { font-size:12px; }.crane-overview li span { color:#607786; font-size:11px; line-height:1.5; }
.crane-capabilities { padding-top:clamp(85px,8vw,125px); padding-bottom:clamp(85px,8vw,125px); }.crane-capabilities .solution-capabilities__grid { grid-template-columns:repeat(3,1fr); }.crane-capabilities .solution-capabilities__grid article { min-height:205px; padding-top:28px; padding-bottom:28px; }.crane-capabilities .solution-capabilities__grid article:nth-child(odd) { border-left:0; }.crane-capabilities .solution-capabilities__grid article:nth-child(3n+1) { border-left:1px solid #cfdee6; }.crane-capabilities .solution-capabilities__grid h3 { margin-top:25px; }
.crane-architecture { grid-template-columns:minmax(285px,.58fr) minmax(0,1.42fr); gap:clamp(50px,7vw,110px); }
.crane-architecture .solution-architecture__diagram { grid-template-columns:repeat(4,1fr); align-self:center; min-height:350px; }
.crane-architecture .solution-architecture__rail { background:linear-gradient(90deg,transparent 0%,#317ca5 7%,#61c4f4 50%,#317ca5 93%,transparent 100%); height:1px; top:117px; left:4%; right:4%; display:block; box-shadow:0 0 14px #4ba9e34d; }
.crane-architecture .solution-architecture__rail:after { content:""; background:linear-gradient(90deg,transparent,#8ed8fb,transparent); width:24%; height:3px; position:absolute; top:-1px; left:-24%; animation:crane-flow-light 5s ease-in-out infinite; }
.crane-architecture .solution-architecture__diagram article { text-align:center; min-height:0; padding:0 clamp(13px,1.8vw,27px); overflow:visible; transition:transform .25s ease; }
.crane-architecture .solution-architecture__diagram article:hover { transform:none; }
.crane-architecture .solution-architecture__diagram article:after { display:none; }
.crane-architecture .solution-architecture__diagram small { color:#77c9ef; letter-spacing:.14em; font-size:10px; font-weight:800; }
.crane-architecture .solution-architecture__node { background:radial-gradient(circle at 42% 35%,#1d5774,#0a293c 70%); border:1px solid #9bdcff; border-radius:50%; width:78px; height:78px; margin:27px auto 27px; box-shadow:0 0 0 11px #4ba9e317,0 0 32px #4ba9e34d,0 12px 30px #020d1599; transition:border-color .25s,box-shadow .25s,background .25s; }
.crane-architecture .solution-architecture__diagram article:hover .solution-architecture__node { background:radial-gradient(circle at 42% 35%,#1d5774,#0a293c 70%); border-color:#9bdcff; box-shadow:0 0 0 11px #4ba9e317,0 0 32px #4ba9e34d,0 12px 30px #020d1599; }
.crane-architecture .solution-architecture__node:after { display:none; }
.crane-architecture .solution-architecture__node i { background:#fff; border-radius:0; width:31px; height:31px; box-shadow:none; transform:scale(1.08); transition:background .25s,transform .25s; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.crane-architecture .solution-architecture__diagram article:hover .solution-architecture__node i { background:#fff; transform:scale(1.08); }
.crane-architecture .solution-architecture__diagram article:nth-of-type(1) .solution-architecture__node i { -webkit-mask-image:url('/assets/icons/crane/task.svg'); mask-image:url('/assets/icons/crane/task.svg'); }
.crane-architecture .solution-architecture__diagram article:nth-of-type(2) .solution-architecture__node i { -webkit-mask-image:url('/assets/icons/crane/route.svg'); mask-image:url('/assets/icons/crane/route.svg'); }
.crane-architecture .solution-architecture__diagram article:nth-of-type(3) .solution-architecture__node i { -webkit-mask-image:url('/assets/icons/crane/motion.svg'); mask-image:url('/assets/icons/crane/motion.svg'); }
.crane-architecture .solution-architecture__diagram article:nth-of-type(4) .solution-architecture__node i { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }
.crane-architecture .solution-architecture__diagram h3 { max-width:230px; min-height:44px; margin:0 auto 9px; font-size:18px; line-height:1.22; }
.crane-architecture .solution-architecture__diagram p { color:#91aab8; max-width:225px; margin:0 auto; font-size:11px; line-height:1.6; transition:color .25s; }.crane-architecture .solution-architecture__diagram article:hover p { color:#bed1db; }
.crane-architecture .solution-architecture__diagram article > b { color:#86d6fa; background:#071c2b; border:1px solid #438fb7; border-radius:50%; place-items:center; width:27px; height:27px; top:104px; right:-13px; z-index:4; font-size:13px; display:grid; box-shadow:0 0 0 5px #071c2b,0 0 16px #4ba9e32b; transform:none; transition:color .25s,border-color .25s,box-shadow .25s; }.crane-architecture .solution-architecture__diagram article:hover > b { color:#fff; border-color:#8ed8fb; box-shadow:0 0 0 5px #071c2b,0 0 20px #4ba9e35c; }
.crane-architecture .solution-architecture__diagram article:nth-of-type(2) > b { top:104px; right:-13px; bottom:auto; transform:none; }
@keyframes crane-flow-light { 0%,10% { left:-24%; opacity:0; } 25% { opacity:1; } 90%,100% { left:100%; opacity:0; } }
@media (prefers-reduced-motion:reduce) { .crane-architecture .solution-architecture__rail:after { animation:none; display:none; } }
.crane-safety { background:#edf5f8; grid-template-columns:.72fr 1.28fr; gap:clamp(50px,8vw,130px); align-items:center; padding:clamp(90px,9vw,145px) var(--page-gutter); display:grid; }.crane-safety header h2 { letter-spacing:-.05em; margin:26px 0 22px; font-size:clamp(42px,4vw,66px); line-height:1; }.crane-safety header h2 em { color:#45a5df; font-weight:400; }.crane-safety header p { color:#607786; max-width:520px; font-size:14px; line-height:1.75; }
.crane-safety__diagram { --crane-travel:clamp(65px,8vw,125px); background:linear-gradient(145deg,#fff 0%,#f8fbfc 68%,#eef7fb 100%); border:1px solid #cbdde6; min-height:520px; padding:55px; position:relative; overflow:hidden; box-shadow:0 24px 60px #14384e12; }.crane-safety__diagram:before { content:""; background:linear-gradient(90deg,transparent,#4ba9e315,transparent); width:35%; position:absolute; z-index:0; inset:0 auto 0 -35%; animation:crane-scan-sweep 6s ease-in-out infinite; }.crane-safety__rail { background:linear-gradient(180deg,#102d40,#071c2b); border-top:2px solid #345b72; height:14px; position:absolute; top:58px; left:45px; right:45px; box-shadow:0 7px 18px #071c2b1f; }.crane-safety__rail:before,.crane-safety__rail:after { content:""; background:linear-gradient(90deg,#071c2b,#173b50); width:13px; height:365px; position:absolute; top:0; box-shadow:5px 0 12px #071c2b0f; }.crane-safety__rail:before { left:9%; }.crane-safety__rail:after { right:9%; }.crane-safety__rail span { background:linear-gradient(180deg,#63b9e9,#2f96cf); border:1px solid #2186bd; width:90px; height:32px; position:absolute; z-index:2; top:-10px; left:50%; box-shadow:0 5px 16px #2186bd42; animation:crane-trolley-travel 7s ease-in-out infinite; }.crane-safety__rail span:before,.crane-safety__rail span:after { content:""; background:#0c2a3c; border:2px solid #74c8f1; border-radius:50%; width:10px; height:10px; position:absolute; bottom:-7px; }.crane-safety__rail span:before { left:13px; }.crane-safety__rail span:after { right:13px; }.crane-safety__rail i { background:linear-gradient(#4ba9e3,#1b769f); width:2px; height:175px; position:absolute; z-index:1; top:20px; left:50%; transform-origin:top; animation:crane-cable-travel 7s ease-in-out infinite; }.crane-safety__load { color:#fff; background:linear-gradient(145deg,#12364b,#071c2b); border:7px solid #d8eaf3; place-items:center; width:100px; height:72px; letter-spacing:.12em; font-size:10px; font-weight:800; display:grid; position:absolute; z-index:2; top:242px; left:50%; box-shadow:0 14px 30px #071c2b2b,0 0 0 1px #4ba9e344; animation:crane-load-travel 7s ease-in-out infinite; }.crane-safety__load:after { content:""; border:1px dashed #4ba9e38c; width:138px; height:108px; position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); animation:crane-load-pulse 2.2s ease-in-out infinite; }.crane-safety__floor { background:linear-gradient(90deg,transparent,#a9c2cf 15%,#a9c2cf 85%,transparent); height:1px; position:absolute; left:45px; right:45px; bottom:76px; }.crane-safety__floor i { background:linear-gradient(#4ba9e30b,#4ba9e329); border:1px dashed #4ba9e3; height:80px; position:absolute; left:27%; right:27%; bottom:0; transform:perspective(180px) rotateX(32deg); transform-origin:bottom; animation:crane-zone-pulse 3s ease-in-out infinite; }.crane-safety__scan { background:linear-gradient(145deg,#4ba9e342,transparent 70%); filter:drop-shadow(0 0 12px #4ba9e329); clip-path:polygon(0 0,100% 0,55% 100%,35% 100%); width:180px; height:230px; position:absolute; z-index:1; top:72px; animation:crane-sensor-breathe 3.4s ease-in-out infinite; }.crane-safety__scan--left { left:17%; }.crane-safety__scan--right { right:17%; transform:scaleX(-1); animation-delay:-1.7s; }.crane-safety__zone { background:#ffffffed; border-left:3px solid #4ba9e3; width:175px; padding:10px 13px; position:absolute; z-index:4; box-shadow:0 9px 22px #17394d12; backdrop-filter:blur(5px); }.crane-safety__zone small { color:#3d94c4; font-weight:800; }.crane-safety__zone b { margin:4px 0; font-size:12px; display:block; }.crane-safety__zone p { color:#607786; margin:0; font-size:10px; line-height:1.4; }.crane-safety__zone--one { top:105px; left:3%; }.crane-safety__zone--two { top:185px; right:3%; }.crane-safety__zone--three { bottom:22px; left:5%; }
@keyframes crane-trolley-travel { 0%,100% { transform:translateX(calc(-50% - var(--crane-travel))); } 50% { transform:translateX(calc(-50% + var(--crane-travel))); } }
@keyframes crane-cable-travel { 0%,100% { transform:translateX(calc(var(--crane-travel) * -1)); } 50% { transform:translateX(var(--crane-travel)); } }
@keyframes crane-load-travel { 0%,100% { transform:translateX(calc(-50% - var(--crane-travel))) rotate(-1deg); } 25%,75% { transform:translateX(-50%) rotate(1deg); } 50% { transform:translateX(calc(-50% + var(--crane-travel))) rotate(-1deg); } }
@keyframes crane-scan-sweep { 0%,15% { left:-35%; } 85%,100% { left:100%; } }
@keyframes crane-load-pulse { 0%,100% { opacity:.35; transform:translate(-50%,-50%) scale(.92); } 50% { opacity:.85; transform:translate(-50%,-50%) scale(1); } }
@keyframes crane-zone-pulse { 0%,100% { opacity:.45; } 50% { opacity:1; } }
@keyframes crane-sensor-breathe { 0%,100% { opacity:.45; } 50% { opacity:.9; } }
@media (prefers-reduced-motion:reduce) { .crane-safety__diagram:before,.crane-safety__rail span,.crane-safety__rail i,.crane-safety__load,.crane-safety__load:after,.crane-safety__floor i,.crane-safety__scan { animation:none; }.crane-safety__rail span,.crane-safety__load { transform:translateX(-50%); } }
.crane-safety__moving { width:140px; height:280px; position:absolute; z-index:2; top:48px; left:50%; animation:crane-unit-travel 7s ease-in-out infinite; }
.crane-safety__trolley { background:linear-gradient(180deg,#63b9e9,#2f96cf); border:1px solid #2186bd; width:90px; height:32px; position:absolute; z-index:2; top:0; left:50%; box-shadow:0 5px 16px #2186bd42; transform:translateX(-50%); }
.crane-safety__trolley:before,.crane-safety__trolley:after { content:""; background:#0c2a3c; border:2px solid #74c8f1; border-radius:50%; width:10px; height:10px; position:absolute; bottom:-7px; }.crane-safety__trolley:before { left:13px; }.crane-safety__trolley:after { right:13px; }
.crane-safety__cable { background:linear-gradient(#4ba9e3,#1b769f); width:2px; height:175px; position:absolute; z-index:1; top:31px; left:50%; transform:translateX(-50%); }
.crane-safety__moving .crane-safety__load { top:194px; left:50%; animation:none; transform:translateX(-50%); }
@keyframes crane-unit-travel { 0%,100% { transform:translateX(calc(-50% - var(--crane-travel))); } 50% { transform:translateX(calc(-50% + var(--crane-travel))); } }
@media (prefers-reduced-motion:reduce) { .crane-safety__moving { animation:none; transform:translateX(-50%); } }
.crane-workflow { color:#fff; background:#071c2b; padding:clamp(90px,9vw,145px) var(--page-gutter); }.crane-workflow > header { grid-template-columns:.7fr 1.3fr; gap:60px; margin-bottom:55px; display:grid; }.crane-workflow h2 { letter-spacing:-.05em; margin:0; font-size:clamp(42px,4.3vw,68px); line-height:1; }.crane-workflow h2 em { color:#4ba9e3; font-weight:400; }.crane-workflow ol { list-style:none; border-top:1px solid #ffffff24; border-left:1px solid #ffffff24; grid-template-columns:repeat(3,1fr); margin:0; padding:0; display:grid; }.crane-workflow li { border-right:1px solid #ffffff24; border-bottom:1px solid #ffffff24; min-height:204px; padding:30px; }.crane-workflow li small { color:#58afe2; font-size:11px; }.crane-workflow li b { margin:30px 0 10px; font-size:20px; display:block; }.crane-workflow li p { color:#9eb5c2; margin:0; font-size:13px; line-height:1.65; }
.crane-workflow > header > .section-kicker { border-right:1px solid #ffffff24; align-self:stretch; min-height:150px; padding-right:38px; }
.crane-applications { background:#fff; padding:clamp(90px,9vw,145px) var(--page-gutter); }.crane-applications header { grid-template-columns:.65fr 1.35fr; gap:60px; margin-bottom:55px; display:grid; }.crane-applications h2 { letter-spacing:-.05em; margin:0; font-size:clamp(42px,4vw,64px); line-height:1; }.crane-applications h2 em { color:#45a5df; font-weight:400; }.crane-applications > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(4,1fr); display:grid; }.crane-applications article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:200px; padding:28px 30px; }.crane-applications article small { color:#388fbe; font-weight:800; }.crane-applications article h3 { margin:20px 0 10px; font-size:21px; }.crane-applications article p { color:#607786; margin:0; font-size:13px; line-height:1.65; }
.crane-applications > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:150px; padding-right:38px; }

.solution-next { color:#fff; background:#0a2130; border-top:1px solid #ffffff1f; align-items:center; justify-content:space-between; padding:42px var(--page-gutter); transition:background .25s; display:flex; }.solution-next:hover { background:#12334a; }.solution-next small { color:#55afe3; letter-spacing:.13em; font-size:10px; display:block; }.solution-next strong { margin-top:8px; font-size:clamp(21px,2.2vw,34px); display:block; }.solution-next > i { color:#55afe3; font-size:30px; font-style:normal; }
.solution-next--light { color:#0a2130; background:#eaf3f7; border-color:#d3e2e9; }.solution-next--light:hover { color:#fff; background:#278fc9; }.solution-next--light small,.solution-next--light > i { color:#278fc9; }.solution-next--light:hover small,.solution-next--light:hover > i { color:#fff; }

/* Malzeme Takip Sistemi — vinç sayfasıyla aynı ritimde, MTS'ye özel içerik. */
.mts-problem > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:300px; padding-right:38px; }.mts-problem .solution-problem__cards article { min-height:220px; padding-top:27px; padding-bottom:27px; }.mts-problem .solution-problem__cards i { background:#e0f1fa; border:0; border-radius:0; place-items:center; width:44px; height:44px; margin:18px 0 14px; display:grid; }.mts-problem .solution-problem__cards i:before { content:""; background:#3a98ce; width:23px; height:23px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.mts-problem article:nth-child(1) i:before { -webkit-mask-image:url('/assets/icons/crane/visibility.svg'); mask-image:url('/assets/icons/crane/visibility.svg'); }.mts-problem article:nth-child(2) i:before { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }.mts-problem article:nth-child(3) i:before { -webkit-mask-image:url('/assets/icons/crane/continuity.svg'); mask-image:url('/assets/icons/crane/continuity.svg'); }
.mts-overview { background:#fff; grid-template-columns:1.08fr .92fr; min-height:700px; display:grid; }.mts-overview figure { background:#0a2130; min-height:700px; margin:0; position:relative; overflow:hidden; }.mts-overview figure > img { object-fit:cover; width:100%; height:100%; min-height:700px; display:block; position:absolute; z-index:1; inset:0; }.mts-overview figcaption { color:#fff; background:#0a2130eb; border-left:4px solid #4ba9e3; width:min(400px,82%); padding:24px 28px; position:absolute; z-index:2; right:0; bottom:0; }.mts-overview figcaption span { color:#5ab0e3; letter-spacing:.13em; font-size:10px; font-weight:800; display:block; }.mts-overview figcaption b { margin-top:8px; line-height:1.45; display:block; }.mts-overview > div { align-self:center; padding:4vw var(--page-gutter); }.mts-overview h2 { letter-spacing:-.05em; margin:22px 0; font-size:clamp(40px,3.7vw,61px); line-height:1; }.mts-overview h2 em { color:#45a5df; font-weight:400; }.mts-overview > div > p { color:#607786; font-size:14px; line-height:1.75; }.mts-proof { border-top:1px solid #d2e0e7; border-left:1px solid #d2e0e7; grid-template-columns:repeat(3,1fr); margin-top:28px; display:grid; }.mts-proof div { border-right:1px solid #d2e0e7; border-bottom:1px solid #d2e0e7; padding:16px 13px; }.mts-proof strong { color:#198acb; font-size:15px; display:block; }.mts-proof span { color:#607786; margin-top:5px; font-size:10px; line-height:1.35; display:block; }.mts-overview ul { list-style:none; margin:24px 0 0; padding:0; }.mts-overview li { border-top:1px solid #d2e0e7; grid-template-columns:125px 1fr; gap:18px; padding:14px 0; display:grid; }.mts-overview li:last-child { border-bottom:1px solid #d2e0e7; }.mts-overview li b { font-size:12px; }.mts-overview li span { color:#607786; font-size:11px; line-height:1.5; }
.mts-architecture { color:#fff; background:#061825; grid-template-columns:minmax(285px,.58fr) minmax(0,1.42fr); gap:clamp(50px,7vw,110px); padding:clamp(90px,9vw,140px) var(--page-gutter); display:grid; }.mts-architecture > header { border-right:1px solid #ffffff24; padding-right:clamp(38px,5vw,75px); }.mts-architecture h2 { letter-spacing:-.05em; margin:28px 0 22px; font-size:clamp(42px,4.2vw,68px); line-height:1; }.mts-architecture h2 em { color:#4ba9e3; font-weight:400; }.mts-architecture header p { color:#9eb5c2; max-width:460px; font-size:14px; line-height:1.75; }.mts-flow { grid-template-columns:repeat(4,1fr); align-self:center; min-height:350px; position:relative; display:grid; }.mts-flow__rail { background:linear-gradient(90deg,transparent,#317ca5 7%,#61c4f4 50%,#317ca5 93%,transparent); height:1px; position:absolute; top:117px; left:4%; right:4%; box-shadow:0 0 14px #4ba9e34d; }.mts-flow__rail:after { content:""; background:linear-gradient(90deg,transparent,#8ed8fb,transparent); width:24%; height:3px; position:absolute; top:-1px; left:-24%; animation:crane-flow-light 5s ease-in-out infinite; }.mts-flow article { text-align:center; min-width:0; padding:0 clamp(13px,1.8vw,27px); position:relative; }.mts-flow small { color:#77c9ef; letter-spacing:.14em; font-size:10px; font-weight:800; }.mts-flow article > span { background:radial-gradient(circle at 42% 35%,#1d5774,#0a293c 70%); border:1px solid #9bdcff; border-radius:50%; place-items:center; width:78px; height:78px; margin:27px auto; display:grid; position:relative; z-index:2; box-shadow:0 0 0 11px #4ba9e317,0 0 32px #4ba9e34d,0 12px 30px #020d1599; }.mts-flow article > span i { background:#fff; width:31px; height:31px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.mts-flow article:nth-of-type(1) i { -webkit-mask-image:url('/assets/icons/crane/task.svg'); mask-image:url('/assets/icons/crane/task.svg'); }.mts-flow article:nth-of-type(2) i { -webkit-mask-image:url('/assets/icons/crane/route.svg'); mask-image:url('/assets/icons/crane/route.svg'); }.mts-flow article:nth-of-type(3) i { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }.mts-flow article:nth-of-type(4) i { -webkit-mask-image:url('/assets/icons/crane/continuity.svg'); mask-image:url('/assets/icons/crane/continuity.svg'); }.mts-flow h3 { min-height:44px; margin:0 auto 9px; font-size:18px; line-height:1.22; }.mts-flow p { color:#91aab8; max-width:225px; margin:0 auto; font-size:11px; line-height:1.6; }.mts-flow article > b { color:#86d6fa; background:#071c2b; border:1px solid #438fb7; border-radius:50%; place-items:center; width:27px; height:27px; position:absolute; top:104px; right:-13px; z-index:4; font-size:13px; display:grid; box-shadow:0 0 0 5px #071c2b,0 0 16px #4ba9e32b; }
.mts-capabilities { background:#fff; padding:clamp(85px,8vw,125px) var(--page-gutter); }.mts-capabilities > header { grid-template-columns:1.15fr .85fr; align-items:end; gap:60px; margin-bottom:55px; display:grid; }.mts-capabilities h2 { letter-spacing:-.05em; margin:25px 0 0; font-size:clamp(42px,4.3vw,68px); line-height:1; }.mts-capabilities h2 em { color:#45a5df; font-weight:400; }.mts-capabilities > header > p { color:#617887; max-width:520px; margin:0 0 5px; font-size:15px; line-height:1.75; }.mts-capabilities > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(3,1fr); display:grid; }.mts-capabilities article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:205px; padding:28px clamp(26px,3vw,45px); }.mts-capabilities small { color:#388fbe; font-size:10px; font-weight:800; }.mts-capabilities h3 { margin:25px 0 10px; font-size:22px; }.mts-capabilities p { color:#607786; margin:0; font-size:13px; line-height:1.65; }
.mts-map { background:#edf5f8; grid-template-columns:.7fr 1.3fr; gap:clamp(50px,8vw,125px); align-items:center; padding:clamp(90px,9vw,145px) var(--page-gutter); display:grid; }.mts-map h2 { letter-spacing:-.05em; margin:26px 0 22px; font-size:clamp(42px,4vw,66px); line-height:1; }.mts-map h2 em { color:#45a5df; font-weight:400; }.mts-map header p { color:#607786; max-width:520px; font-size:14px; line-height:1.75; }.mts-map__visual { --mts-travel:calc(100% - 110px); background:linear-gradient(145deg,#fff,#f8fbfc); border:1px solid #cbdde6; min-height:470px; padding:45px; position:relative; overflow:hidden; box-shadow:0 24px 60px #14384e12; }.mts-map__path { background:linear-gradient(90deg,#4ba9e3,#77c9ef); height:3px; position:absolute; top:220px; left:65px; right:65px; box-shadow:0 0 15px #4ba9e34d; }.mts-map__path:before { content:""; border:1px dashed #4ba9e366; position:absolute; inset:-16px 0; }.mts-map__token { color:#fff; background:#0a2130; border:5px solid #d9edf7; width:92px; height:62px; place-items:center; position:absolute; z-index:3; top:190px; left:55px; display:grid; box-shadow:0 12px 25px #071c2b2b; animation:mts-token-travel 8s ease-in-out infinite; }.mts-map__token i { background:#55b1e4; border-radius:50%; width:9px; height:9px; position:absolute; top:-14px; box-shadow:0 0 0 5px #4ba9e324,0 0 14px #4ba9e3; }.mts-map__token b { font-size:10px; letter-spacing:.08em; }.mts-map__zone { text-align:center; width:22%; position:absolute; top:82px; }.mts-map__zone:after { content:""; background:#bdd4df; width:1px; height:75px; margin:12px auto 0; display:block; }.mts-map__zone small { color:#3c96c8; font-weight:800; }.mts-map__zone b { margin:7px 0 4px; font-size:14px; display:block; }.mts-map__zone span { color:#607786; font-size:10px; display:block; }.mts-map__zone--one { left:2%; }.mts-map__zone--two { left:26%; }.mts-map__zone--three { left:51%; }.mts-map__zone--four { right:2%; }.mts-map__zone--four:after { background:#4ba9e3; }.mts-map__visual:after { content:"HAREKET GEÇMİŞİ  •  KONUM  •  DURUM  •  İŞ EMRİ  •  ZAMAN"; color:#6c8a9a; border-top:1px solid #d6e4eb; letter-spacing:.12em; font-size:9px; padding-top:24px; position:absolute; left:45px; right:45px; bottom:45px; }
@keyframes mts-token-travel { 0%,10% { left:55px; } 90%,100% { left:calc(100% - 147px); } }
.mts-workflow { color:#fff; background:#071c2b; padding:clamp(90px,9vw,145px) var(--page-gutter); }.mts-workflow > header { grid-template-columns:.7fr 1.3fr; gap:60px; margin-bottom:55px; display:grid; }.mts-workflow > header > .section-kicker { border-right:1px solid #ffffff24; align-self:stretch; min-height:150px; padding-right:38px; }.mts-workflow h2 { letter-spacing:-.05em; margin:0; font-size:clamp(42px,4.3vw,68px); line-height:1; }.mts-workflow h2 em { color:#4ba9e3; font-weight:400; }.mts-workflow ol { list-style:none; border-top:1px solid #ffffff24; border-left:1px solid #ffffff24; grid-template-columns:repeat(3,1fr); margin:0; padding:0; display:grid; }.mts-workflow li { border-right:1px solid #ffffff24; border-bottom:1px solid #ffffff24; min-height:204px; padding:30px; }.mts-workflow li small { color:#58afe2; font-size:11px; }.mts-workflow li b { margin:30px 0 10px; font-size:20px; display:block; }.mts-workflow li p { color:#9eb5c2; margin:0; font-size:13px; line-height:1.65; }
.mts-applications { background:#fff; padding:clamp(90px,9vw,145px) var(--page-gutter); }.mts-applications > header { grid-template-columns:.65fr 1.35fr; gap:60px; margin-bottom:55px; display:grid; }.mts-applications > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:150px; padding-right:38px; }.mts-applications h2 { letter-spacing:-.05em; margin:0; font-size:clamp(42px,4vw,64px); line-height:1; }.mts-applications h2 em { color:#45a5df; font-weight:400; }.mts-applications > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(4,1fr); display:grid; }.mts-applications article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:200px; padding:28px 30px; }.mts-applications small { color:#388fbe; font-weight:800; }.mts-applications h3 { margin:20px 0 10px; font-size:21px; }.mts-applications p { color:#607786; margin:0; font-size:13px; line-height:1.65; }
@media (prefers-reduced-motion:reduce) { .mts-flow__rail:after,.mts-map__token { animation:none; }.mts-map__token { left:50%; transform:translateX(-50%); } }
@media (max-width:980px) { .mts-overview,.mts-map,.mts-architecture { grid-template-columns:1fr; }.mts-overview figure { min-height:520px; }.mts-architecture > header { border-right:0; border-bottom:1px solid #ffffff24; padding:0 0 45px; }.mts-capabilities > header { grid-template-columns:1fr; }.mts-capabilities > div { grid-template-columns:repeat(2,1fr); }.mts-workflow ol { grid-template-columns:repeat(2,1fr); }.mts-applications > div { grid-template-columns:repeat(2,1fr); }.mts-problem > header > .section-kicker,.mts-workflow > header > .section-kicker,.mts-applications > header > .section-kicker { border-right:0; border-bottom:1px solid currentColor; min-height:0; padding:0 0 25px; } }
@media (max-width:680px) { .mts-overview > div { padding:70px 24px; }.mts-overview li { grid-template-columns:1fr; gap:6px; }.mts-proof { grid-template-columns:1fr; }.mts-architecture,.mts-map,.mts-capabilities,.mts-workflow,.mts-applications { padding-inline:24px; }.mts-flow { grid-template-columns:1fr; gap:34px; }.mts-flow__rail { background:linear-gradient(#317ca5,#61c4f4,#317ca5); width:1px; height:auto; top:4%; bottom:4%; left:50%; right:auto; }.mts-flow article > b { top:auto; right:50%; bottom:-31px; transform:translateX(50%) rotate(90deg); }.mts-capabilities > div,.mts-workflow ol,.mts-applications > div { grid-template-columns:1fr; }.mts-map__visual { min-height:620px; padding:24px; }.mts-map__path { width:3px; height:auto; top:65px; bottom:65px; left:50%; right:auto; }.mts-map__path:before { inset:0 -16px; }.mts-map__zone { text-align:left; width:135px; left:20px; right:auto; }.mts-map__zone:after { width:75px; height:1px; margin:10px 0 0; }.mts-map__zone--one { top:40px; }.mts-map__zone--two { top:170px; left:auto; right:18px; }.mts-map__zone--three { top:305px; }.mts-map__zone--four { top:440px; left:auto; right:18px; }.mts-map__token { top:50px; left:calc(50% - 46px); animation:mts-token-travel-mobile 8s ease-in-out infinite; }.mts-map__visual:after { left:24px; right:24px; bottom:24px; line-height:1.6; } }
@keyframes mts-token-travel-mobile { 0%,10% { top:50px; } 90%,100% { top:480px; } }

/* Proses Güvenliği — IEC 61511 yaşam döngüsü ve bağımsız koruma katmanları. */
.safety-problem > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:300px; padding-right:38px; }
.safety-problem .solution-problem__cards article { min-height:220px; padding-top:27px; padding-bottom:27px; }
.safety-problem .solution-problem__cards i { background:#e0f1fa; border:0; border-radius:0; place-items:center; width:44px; height:44px; margin:18px 0 14px; display:grid; }
.safety-problem .solution-problem__cards i:before { content:""; background:#3a98ce; width:23px; height:23px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }
.safety-problem article:nth-child(1) i:before { -webkit-mask-image:url('/assets/icons/crane/visibility.svg'); mask-image:url('/assets/icons/crane/visibility.svg'); }
.safety-problem article:nth-child(2) i:before { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }
.safety-problem article:nth-child(3) i:before { -webkit-mask-image:url('/assets/icons/crane/continuity.svg'); mask-image:url('/assets/icons/crane/continuity.svg'); }
.safety-overview { background:#fff; grid-template-columns:1.08fr .92fr; min-height:700px; display:grid; }
.safety-overview figure { background:#0a2130; min-height:700px; margin:0; position:relative; overflow:hidden; }
.safety-overview figure > img { object-fit:cover; width:100%; height:100%; min-height:700px; display:block; position:absolute; inset:0; }
.safety-overview figcaption { color:#fff; background:#0a2130eb; border-left:4px solid #4ba9e3; width:min(420px,84%); padding:24px 28px; position:absolute; right:0; bottom:0; }
.safety-overview figcaption span { color:#5ab0e3; letter-spacing:.13em; font-size:10px; font-weight:800; display:block; }
.safety-overview figcaption b { margin-top:8px; line-height:1.45; display:block; }
.safety-overview > div { align-self:center; padding:4vw var(--page-gutter); }
.safety-overview h2,.safety-lifecycle h2,.safety-capabilities h2,.safety-layers h2,.safety-workflow h2,.safety-applications h2 { letter-spacing:-.05em; font-size:clamp(42px,4.2vw,68px); line-height:1; }
.safety-overview h2 { margin:22px 0; }
.safety-overview h2 em,.safety-lifecycle h2 em,.safety-capabilities h2 em,.safety-layers h2 em,.safety-workflow h2 em,.safety-applications h2 em { color:#45a5df; font-weight:400; }
.safety-overview > div > p { color:#607786; font-size:14px; line-height:1.75; }
.safety-proof { border-top:1px solid #d2e0e7; border-left:1px solid #d2e0e7; grid-template-columns:repeat(3,1fr); margin-top:28px; display:grid; }
.safety-proof div { border-right:1px solid #d2e0e7; border-bottom:1px solid #d2e0e7; padding:16px 13px; }
.safety-proof strong { color:#198acb; font-size:15px; display:block; }.safety-proof span { color:#607786; margin-top:5px; font-size:10px; line-height:1.35; display:block; }
.safety-overview ul { list-style:none; margin:24px 0 0; padding:0; }.safety-overview li { border-top:1px solid #d2e0e7; grid-template-columns:125px 1fr; gap:18px; padding:14px 0; display:grid; }.safety-overview li:last-child { border-bottom:1px solid #d2e0e7; }.safety-overview li b { font-size:12px; }.safety-overview li span { color:#607786; font-size:11px; line-height:1.5; }
.safety-lifecycle { color:#fff; background:#061825; grid-template-columns:minmax(285px,.58fr) minmax(0,1.42fr); gap:clamp(50px,7vw,110px); padding:clamp(90px,9vw,140px) var(--page-gutter); display:grid; }.safety-lifecycle > header { border-right:1px solid #ffffff24; padding-right:clamp(38px,5vw,75px); }.safety-lifecycle h2 { margin:28px 0 22px; }.safety-lifecycle header p { color:#9eb5c2; max-width:460px; font-size:14px; line-height:1.75; }
.safety-flow { grid-template-columns:repeat(4,1fr); align-self:center; min-height:350px; position:relative; display:grid; }.safety-flow__rail { background:linear-gradient(90deg,transparent,#317ca5 7%,#61c4f4 50%,#317ca5 93%,transparent); height:1px; position:absolute; top:117px; left:4%; right:4%; box-shadow:0 0 14px #4ba9e34d; }.safety-flow__rail:after { content:""; background:linear-gradient(90deg,transparent,#8ed8fb,transparent); width:24%; height:3px; position:absolute; top:-1px; left:-24%; animation:crane-flow-light 5s ease-in-out infinite; }
.safety-flow article { text-align:center; min-width:0; padding:0 clamp(13px,1.8vw,27px); position:relative; }.safety-flow small { color:#77c9ef; letter-spacing:.14em; font-size:10px; font-weight:800; }.safety-flow article > span { background:radial-gradient(circle at 42% 35%,#1d5774,#0a293c 70%); border:1px solid #9bdcff; border-radius:50%; place-items:center; width:78px; height:78px; margin:27px auto; display:grid; position:relative; z-index:2; box-shadow:0 0 0 11px #4ba9e317,0 0 32px #4ba9e34d,0 12px 30px #020d1599; }.safety-flow article > span i { background:#fff; width:31px; height:31px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.safety-flow article:nth-of-type(1) i { -webkit-mask-image:url('/assets/icons/crane/visibility.svg'); mask-image:url('/assets/icons/crane/visibility.svg'); }.safety-flow article:nth-of-type(2) i { -webkit-mask-image:url('/assets/icons/crane/task.svg'); mask-image:url('/assets/icons/crane/task.svg'); }.safety-flow article:nth-of-type(3) i { -webkit-mask-image:url('/assets/icons/crane/route.svg'); mask-image:url('/assets/icons/crane/route.svg'); }.safety-flow article:nth-of-type(4) i { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }.safety-flow h3 { min-height:44px; margin:0 auto 9px; font-size:18px; line-height:1.22; }.safety-flow p { color:#91aab8; max-width:225px; margin:0 auto; font-size:11px; line-height:1.6; }.safety-flow article > b { color:#86d6fa; background:#071c2b; border:1px solid #438fb7; border-radius:50%; place-items:center; width:27px; height:27px; position:absolute; top:104px; right:-13px; z-index:4; font-size:13px; display:grid; box-shadow:0 0 0 5px #071c2b,0 0 16px #4ba9e32b; }
.safety-capabilities { background:#fff; padding:clamp(85px,8vw,125px) var(--page-gutter); }.safety-capabilities > header { grid-template-columns:1.15fr .85fr; align-items:end; gap:60px; margin-bottom:55px; display:grid; }.safety-capabilities h2 { margin:25px 0 0; }.safety-capabilities > header > p { color:#617887; max-width:520px; margin:0 0 5px; font-size:15px; line-height:1.75; }.safety-capabilities > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(3,1fr); display:grid; }.safety-capabilities article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:205px; padding:28px clamp(26px,3vw,45px); }.safety-capabilities small,.safety-applications small { color:#388fbe; font-size:10px; font-weight:800; }.safety-capabilities h3 { margin:25px 0 10px; font-size:22px; }.safety-capabilities p,.safety-applications p { color:#607786; margin:0; font-size:13px; line-height:1.65; }
.safety-layers { background:#edf5f8; grid-template-columns:.7fr 1.3fr; gap:clamp(50px,8vw,125px); align-items:center; padding:clamp(90px,9vw,145px) var(--page-gutter); display:grid; }.safety-layers h2 { margin:26px 0 22px; }.safety-layers header p { color:#607786; max-width:520px; font-size:14px; line-height:1.75; }
.safety-layers__visual { background:linear-gradient(145deg,#fff,#f7fbfd); border:1px solid #cbdde6; min-height:500px; position:relative; overflow:hidden; box-shadow:0 24px 60px #14384e12; }.safety-layers__track { background:linear-gradient(90deg,#e66556,#f1b849 46%,#4ba9e3 70%,#2e9e7b); height:4px; position:absolute; top:250px; left:9%; right:9%; }.safety-layers__pulse { background:#fff; border:4px solid #e66556; border-radius:50%; width:18px; height:18px; position:absolute; z-index:4; top:243px; left:9%; box-shadow:0 0 0 8px #e6655620,0 0 20px #e66556; animation:safety-risk-pulse 5s ease-in-out infinite; }.safety-layer { text-align:center; width:20%; position:absolute; z-index:2; top:105px; }.safety-layer:after { content:""; background:linear-gradient(#bed4df,#4ba9e3); width:2px; height:126px; margin:15px auto 0; display:block; box-shadow:0 0 12px #4ba9e33d; }.safety-layer small { color:#3c96c8; font-weight:800; }.safety-layer b { margin:7px 0 4px; font-size:15px; display:block; }.safety-layer span { color:#607786; min-height:30px; font-size:10px; line-height:1.4; display:block; }.safety-layer--one { left:10%; }.safety-layer--two { left:31%; }.safety-layer--three { left:52%; }.safety-layer--three:after { background:#4ba9e3; width:4px; box-shadow:0 0 0 9px #4ba9e317,0 0 28px #4ba9e38c; }.safety-layer--three b { color:#1688c9; }.safety-layer--four { left:72%; }.safety-layers__hazard,.safety-layers__safe { text-align:center; position:absolute; bottom:62px; }.safety-layers__hazard { color:#b84c42; left:5%; }.safety-layers__safe { color:#248568; right:5%; }.safety-layers__hazard i,.safety-layers__safe i { border-radius:50%; width:12px; height:12px; margin:0 auto 9px; display:block; }.safety-layers__hazard i { background:#e66556; box-shadow:0 0 0 7px #e6655620; }.safety-layers__safe i { background:#2e9e7b; box-shadow:0 0 0 7px #2e9e7b20; }.safety-layers__hazard b,.safety-layers__safe b { letter-spacing:.1em; font-size:9px; }
@keyframes safety-risk-pulse { 0%,12% { left:9%; border-color:#e66556; opacity:1; } 68% { left:60%; border-color:#f1b849; opacity:1; } 78%,100% { left:60%; border-color:#4ba9e3; opacity:0; } }
.safety-workflow { color:#fff; background:#071c2b; padding:clamp(90px,9vw,145px) var(--page-gutter); }.safety-workflow > header,.safety-applications > header { grid-template-columns:.7fr 1.3fr; gap:60px; margin-bottom:55px; display:grid; }.safety-workflow > header > .section-kicker { border-right:1px solid #ffffff24; align-self:stretch; min-height:150px; padding-right:38px; }.safety-workflow h2,.safety-applications h2 { margin:0; }.safety-workflow ol { list-style:none; border-top:1px solid #ffffff24; border-left:1px solid #ffffff24; grid-template-columns:repeat(3,1fr); margin:0; padding:0; display:grid; }.safety-workflow li { border-right:1px solid #ffffff24; border-bottom:1px solid #ffffff24; min-height:204px; padding:30px; }.safety-workflow li small { color:#58afe2; font-size:11px; }.safety-workflow li b { margin:30px 0 10px; font-size:20px; display:block; }.safety-workflow li p { color:#9eb5c2; margin:0; font-size:13px; line-height:1.65; }
.safety-applications { background:#fff; padding:clamp(90px,9vw,145px) var(--page-gutter); }.safety-applications > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:150px; padding-right:38px; }.safety-applications > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(4,1fr); display:grid; }.safety-applications article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:200px; padding:28px 30px; }.safety-applications h3 { margin:20px 0 10px; font-size:21px; }
@media (prefers-reduced-motion:reduce) { .safety-flow__rail:after,.safety-layers__pulse { animation:none; }.safety-layers__pulse { left:60%; opacity:.4; } }
@media (max-width:980px) { .safety-overview,.safety-lifecycle,.safety-layers { grid-template-columns:1fr; }.safety-overview figure { min-height:520px; }.safety-lifecycle > header { border-right:0; border-bottom:1px solid #ffffff24; padding:0 0 45px; }.safety-capabilities > header { grid-template-columns:1fr; }.safety-capabilities > div,.safety-workflow ol,.safety-applications > div { grid-template-columns:repeat(2,1fr); }.safety-problem > header > .section-kicker,.safety-workflow > header > .section-kicker,.safety-applications > header > .section-kicker { border-right:0; border-bottom:1px solid currentColor; min-height:0; padding:0 0 25px; } }
@media (max-width:680px) { .safety-overview > div { padding:70px 24px; }.safety-overview li { grid-template-columns:1fr; gap:6px; }.safety-proof { grid-template-columns:1fr; }.safety-lifecycle,.safety-capabilities,.safety-layers,.safety-workflow,.safety-applications { padding-inline:24px; }.safety-flow { grid-template-columns:1fr; gap:34px; }.safety-flow__rail { background:linear-gradient(#317ca5,#61c4f4,#317ca5); width:1px; height:auto; top:4%; bottom:4%; left:50%; right:auto; }.safety-flow article > b { top:auto; right:50%; bottom:-31px; transform:translateX(50%) rotate(90deg); }.safety-capabilities > div,.safety-workflow ol,.safety-applications > div { grid-template-columns:1fr; }.safety-layers__visual { min-height:650px; }.safety-layers__track { background:linear-gradient(#e66556,#f1b849 46%,#4ba9e3 70%,#2e9e7b); width:4px; height:auto; top:65px; bottom:65px; left:50%; right:auto; }.safety-layer { text-align:left; width:42%; left:6%; }.safety-layer:after { width:80px; height:2px; margin:10px 0 0; }.safety-layer--one { top:40px; }.safety-layer--two { top:175px; left:auto; right:4%; }.safety-layer--three { top:310px; }.safety-layer--four { top:445px; left:auto; right:4%; }.safety-layer--three:after { width:80px; height:4px; }.safety-layers__pulse { top:60px; left:calc(50% - 7px); animation:safety-risk-pulse-mobile 5s ease-in-out infinite; }.safety-layers__hazard { left:5%; bottom:25px; }.safety-layers__safe { right:5%; bottom:25px; } }
@keyframes safety-risk-pulse-mobile { 0%,12% { top:60px; border-color:#e66556; opacity:1; } 68% { top:390px; border-color:#f1b849; opacity:1; } 78%,100% { top:390px; border-color:#4ba9e3; opacity:0; } }

/* Akıllı Ayrıştırma Hatları — ürünle birlikte ilerleyen karar akışı. */
.sorter-problem > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:146px; padding-right:38px; }.sorter-problem .solution-problem__cards article { min-height:220px; padding-top:27px; padding-bottom:27px; }.sorter-problem .solution-problem__cards i { background:#e0f1fa; border:0; border-radius:0; place-items:center; width:44px; height:44px; margin:18px 0 14px; display:grid; }.sorter-problem .solution-problem__cards i:before { content:""; background:#3a98ce; width:23px; height:23px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.sorter-problem article:nth-child(1) i:before { -webkit-mask-image:url('/assets/icons/crane/visibility.svg'); mask-image:url('/assets/icons/crane/visibility.svg'); }.sorter-problem article:nth-child(2) i:before { -webkit-mask-image:url('/assets/icons/crane/stability.svg'); mask-image:url('/assets/icons/crane/stability.svg'); }.sorter-problem article:nth-child(3) i:before { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }
.solution-problem.vertical-storage-problem { background:#fff; }
.sorter-overview.storage-child-overview { background:#f5f9fb; }
.sorter-overview { background:#fff; grid-template-columns:1.08fr .92fr; min-height:700px; display:grid; }.sorter-overview figure { background:#0a2130; min-height:700px; margin:0; position:relative; overflow:hidden; }.sorter-overview figure > img { object-fit:cover; width:100%; height:100%; min-height:700px; display:block; position:absolute; inset:0; }.sorter-overview figcaption { color:#fff; background:#0a2130eb; border-left:4px solid #4ba9e3; width:min(410px,84%); padding:24px 28px; position:absolute; right:0; bottom:0; }.sorter-overview figcaption span { color:#5ab0e3; letter-spacing:.13em; font-size:10px; font-weight:800; display:block; }.sorter-overview figcaption b { margin-top:8px; line-height:1.45; display:block; }.sorter-overview > div { align-self:center; padding:4vw var(--page-gutter); }.sorter-overview h2,.sorter-flow-section h2,.sorter-capabilities h2,.sorter-control h2,.sorter-workflow h2,.sorter-applications h2 { letter-spacing:-.05em; font-size:clamp(32px,4.2vw,48px); line-height:1.05; }.sorter-overview h2 { margin:22px 0; }.sorter-overview h2 em,.sorter-flow-section h2 em,.sorter-capabilities h2 em,.sorter-control h2 em,.sorter-workflow h2 em,.sorter-applications h2 em { color:#45a5df; font-weight:400; }.sorter-overview > div > p { color:#607786; font-size:16px; line-height:1.75; }.sorter-proof { border-top:1px solid #d2e0e7; border-left:1px solid #d2e0e7; grid-template-columns:repeat(3,1fr); margin-top:28px; display:grid; }.sorter-proof div { border-right:1px solid #d2e0e7; border-bottom:1px solid #d2e0e7; padding:16px 13px; }.sorter-proof strong { color:#198acb; font-size:15px; display:block; }.sorter-proof span { color:#607786; margin-top:5px; font-size:10px; line-height:1.35; display:block; }.sorter-overview ul { list-style:none; margin:24px 0 0; padding:0; }.sorter-overview li { border-top:1px solid #d2e0e7; grid-template-columns:125px 1fr; gap:18px; padding:14px 0; display:grid; }.sorter-overview li:last-child { border-bottom:1px solid #d2e0e7; }.sorter-overview li b { font-size:12px; }.sorter-overview li span { color:#607786; font-size:11px; line-height:1.5; }
.sorter-flow-section { color:#fff; background:#061825; grid-template-columns:minmax(285px,.58fr) minmax(0,1.42fr); gap:clamp(50px,7vw,110px); padding:clamp(90px,9vw,140px) var(--page-gutter); display:grid; }.sorter-flow-section > header { border-right:1px solid #ffffff24; padding-right:clamp(38px,5vw,75px); }.sorter-flow-section h2 { margin:28px 0 22px; }.sorter-flow-section header p { color:#9eb5c2; max-width:460px; font-size:14px; line-height:1.75; }
.sorter-simulation { background:linear-gradient(145deg,#092334,#061722); border:1px solid #28516a; min-height:500px; position:relative; overflow:hidden; box-shadow:0 24px 60px #020b1199; }.sorter-simulation:before { content:""; background:linear-gradient(90deg,transparent,#4ba9e315,transparent); width:36%; position:absolute; inset:0 auto 0 -36%; animation:sorter-scan 6s linear infinite; }.sorter-simulation__belt { background:#0f3449; border:1px solid #39728f; height:84px; position:absolute; top:230px; left:5%; right:12%; transform:skewY(-3deg); box-shadow:0 18px 30px #01090e99; overflow:hidden; }.sorter-simulation__belt:before,.sorter-simulation__belt:after { content:""; background:#061722; border:2px solid #36708d; border-radius:50%; width:28px; height:28px; position:absolute; bottom:8px; }.sorter-simulation__belt:before { left:18px; }.sorter-simulation__belt:after { right:18px; }.sorter-simulation__belt i { background:#4c819c; width:2px; height:110%; position:absolute; top:-5%; animation:sorter-rollers 1.8s linear infinite; }.sorter-simulation__belt i:nth-child(1){left:15%}.sorter-simulation__belt i:nth-child(2){left:30%}.sorter-simulation__belt i:nth-child(3){left:45%}.sorter-simulation__belt i:nth-child(4){left:60%}.sorter-simulation__belt i:nth-child(5){left:75%}.sorter-simulation__belt i:nth-child(6){left:90%}
.sorter-simulation__scanner { text-align:center; width:120px; position:absolute; z-index:4; top:75px; left:23%; }.sorter-simulation__scanner:after { content:""; background:linear-gradient(#50b8e866,transparent); clip-path:polygon(35% 0,65% 0,100% 100%,0 100%); width:150px; height:150px; position:absolute; z-index:-1; top:34px; left:50%; transform:translateX(-50%); animation:sorter-reader 2s ease-in-out infinite; }.sorter-simulation__scanner span { background:#5bc0ed; border-radius:3px; width:54px; height:14px; margin:0 auto 10px; display:block; box-shadow:0 0 18px #5bc0ed; }.sorter-simulation__scanner b,.sorter-simulation__decision b { font-size:11px; letter-spacing:.08em; display:block; }.sorter-simulation__scanner small,.sorter-simulation__decision small { color:#6fc5ec; margin-top:5px; font-size:9px; display:block; }.sorter-simulation__decision { background:#0b2b3d; border-left:3px solid #4ba9e3; width:150px; padding:13px 15px; position:absolute; z-index:4; top:75px; left:51%; box-shadow:0 10px 25px #0008; }.sorter-simulation__decision i { background:#4ba9e3; border-radius:50%; width:8px; height:8px; position:absolute; top:15px; right:14px; box-shadow:0 0 0 5px #4ba9e31f,0 0 12px #4ba9e3; }
.sorter-simulation__parcel { background:linear-gradient(145deg,#d5a85f,#aa7734); border:2px solid #f2ca85; place-items:center; width:66px; height:52px; position:absolute; z-index:5; top:226px; left:5%; display:grid; box-shadow:0 12px 20px #0006; animation:sorter-parcel-route 8s cubic-bezier(.45,0,.55,1) infinite; }.sorter-simulation__parcel:after { content:""; background:#f6ecd7; width:19px; height:13px; position:absolute; top:8px; right:7px; }.sorter-simulation__parcel span { color:#fff; letter-spacing:.08em; font-size:9px; font-weight:800; }.sorter-simulation__diverter { background:#55b9e7; border-radius:8px; width:75px; height:7px; position:absolute; z-index:4; top:264px; left:67%; box-shadow:0 0 16px #55b9e7; transform-origin:left; animation:sorter-diverter 8s ease-in-out infinite; }.sorter-simulation__branch { color:#8ca8b7; border-top:2px solid #315a70; width:24%; padding-top:12px; position:absolute; top:355px; }.sorter-simulation__branch b { color:#5ebaea; border:1px solid #39728f; border-radius:50%; place-items:center; width:30px; height:30px; font-size:11px; display:grid; }.sorter-simulation__branch span { margin-top:7px; letter-spacing:.1em; font-size:8px; display:block; }.sorter-simulation__branch--a { left:12%; transform:rotate(8deg); }.sorter-simulation__branch--b { left:44%; border-color:#5bc0ed; box-shadow:0 -6px 15px #4ba9e322; }.sorter-simulation__branch--c { right:4%; transform:rotate(-8deg); }.sorter-simulation__status { border-top:1px solid #ffffff1c; justify-content:space-between; padding-top:19px; display:flex; position:absolute; left:5%; right:5%; bottom:24px; }.sorter-simulation__status span { color:#7894a4; letter-spacing:.12em; font-size:8px; }.sorter-simulation__status span:before { content:""; background:#4ba9e3; border-radius:50%; width:5px; height:5px; margin-right:7px; display:inline-block; box-shadow:0 0 8px #4ba9e3; }
@keyframes sorter-parcel-route { 0%,7% { left:5%; top:226px; transform:rotate(0); } 58% { left:63%; top:200px; transform:rotate(0); } 72%,100% { left:49%; top:350px; transform:rotate(5deg); } } @keyframes sorter-diverter { 0%,50%,100% { transform:rotate(0); } 57%,72% { transform:rotate(42deg); } } @keyframes sorter-scan { to { left:100%; } } @keyframes sorter-reader { 0%,100% { opacity:.35; } 50% { opacity:.9; } } @keyframes sorter-rollers { to { transform:translateX(24px); } }
.sorter-capabilities { background:#fff; padding:clamp(85px,8vw,125px) var(--page-gutter); }.sorter-capabilities > header { grid-template-columns:1.15fr .85fr; align-items:end; gap:60px; margin-bottom:55px; display:grid; }.sorter-capabilities h2 { margin:25px 0 0; }.sorter-capabilities > header > p { color:#617887; max-width:520px; margin:0 0 5px; font-size:15px; line-height:1.75; }.sorter-capabilities > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(3,1fr); display:grid; }.sorter-capabilities article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:205px; padding:28px clamp(26px,3vw,45px); }.sorter-capabilities small,.sorter-applications small { color:#388fbe; font-size:10px; font-weight:800; }.sorter-capabilities h3 { margin:25px 0 10px; font-size:22px; }.sorter-capabilities p,.sorter-applications p { color:#607786; margin:0; font-size:13px; line-height:1.65; }
.sorter-control { background:#edf5f8; grid-template-columns:.7fr 1.3fr; gap:clamp(50px,8vw,125px); align-items:center; padding:clamp(90px,9vw,145px) var(--page-gutter); display:grid; }.sorter-control h2 { margin:26px 0 22px; }.sorter-control header p { color:#607786; max-width:520px; font-size:14px; line-height:1.75; }.sorter-control__diagram { grid-template-columns:repeat(4,1fr); min-height:350px; position:relative; display:grid; }.sorter-control__rail { background:linear-gradient(90deg,transparent,#4ba9e3 12%,#4ba9e3 88%,transparent); height:1px; position:absolute; top:117px; left:4%; right:4%; box-shadow:0 0 14px #4ba9e34d; }.sorter-control article { text-align:center; min-width:0; padding:0 18px; position:relative; }.sorter-control article small { color:#278fc9; letter-spacing:.12em; font-size:9px; font-weight:800; }.sorter-control article > span { background:radial-gradient(circle at 42% 35%,#2d7698,#0b3044 70%); border:1px solid #80caee; border-radius:50%; place-items:center; width:78px; height:78px; margin:27px auto; display:grid; position:relative; z-index:2; box-shadow:0 0 0 11px #4ba9e317,0 0 25px #4ba9e338; }.sorter-control article i { background:#fff; width:31px; height:31px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.sorter-control article:nth-of-type(1) i { -webkit-mask-image:url('/assets/icons/crane/visibility.svg'); mask-image:url('/assets/icons/crane/visibility.svg'); }.sorter-control article:nth-of-type(2) i { -webkit-mask-image:url('/assets/icons/crane/task.svg'); mask-image:url('/assets/icons/crane/task.svg'); }.sorter-control article:nth-of-type(3) i { -webkit-mask-image:url('/assets/icons/crane/motion.svg'); mask-image:url('/assets/icons/crane/motion.svg'); }.sorter-control article:nth-of-type(4) i { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }.sorter-control article h3 { min-height:44px; margin:0 auto 9px; font-size:18px; line-height:1.22; }.sorter-control article p { color:#607786; max-width:220px; margin:0 auto; font-size:13px; line-height:1.6; }.sorter-control article > b { color:#278fc9; background:#edf5f8; border:1px solid #4ba9e3; border-radius:50%; place-items:center; width:27px; height:27px; position:absolute; top:104px; right:-13px; z-index:4; font-size:13px; display:grid; box-shadow:0 0 0 5px #edf5f8,0 0 16px #4ba9e32b; }
.sorter-workflow { color:#fff; background:#071c2b; padding:clamp(90px,9vw,145px) var(--page-gutter); }.sorter-workflow > header,.sorter-applications > header { grid-template-columns:.7fr 1.3fr; gap:60px; margin-bottom:55px; display:grid; }.sorter-workflow > header > .section-kicker { border-right:1px solid #ffffff24; align-self:stretch; min-height:150px; padding-right:38px; }.sorter-workflow h2,.sorter-applications h2 { margin:0; }.sorter-workflow ol { list-style:none; border-top:1px solid #ffffff24; border-left:1px solid #ffffff24; grid-template-columns:repeat(3,1fr); margin:0; padding:0; display:grid; }.sorter-workflow li { border-right:1px solid #ffffff24; border-bottom:1px solid #ffffff24; min-height:204px; padding:30px; }.sorter-workflow li small { color:#58afe2; font-size:11px; }.sorter-workflow li b { margin:30px 0 10px; font-size:20px; display:block; }.sorter-workflow li p { color:#9eb5c2; margin:0; font-size:13px; line-height:1.65; }
.sorter-applications { background:#fff; padding:clamp(90px,9vw,145px) var(--page-gutter); }.sorter-applications > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:150px; padding-right:38px; }.sorter-applications > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(4,1fr); display:grid; }.sorter-applications article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:200px; padding:28px 30px; }.sorter-applications h3 { margin:20px 0 10px; font-size:21px; }
@media (prefers-reduced-motion:reduce) { .sorter-simulation:before,.sorter-simulation__belt i,.sorter-simulation__scanner:after,.sorter-simulation__parcel,.sorter-simulation__diverter { animation:none; }.sorter-simulation__parcel { left:49%; top:350px; } }
@media (max-width:980px) { .sorter-overview,.sorter-flow-section,.sorter-control { grid-template-columns:1fr; }.sorter-overview figure { min-height:520px; }.sorter-flow-section > header { border-right:0; border-bottom:1px solid #ffffff24; padding:0 0 45px; }.sorter-capabilities > header { grid-template-columns:1fr; }.sorter-capabilities > div,.sorter-workflow ol,.sorter-applications > div { grid-template-columns:repeat(2,1fr); }.sorter-problem > header > .section-kicker,.sorter-workflow > header > .section-kicker,.sorter-applications > header > .section-kicker { border-right:0; border-bottom:1px solid currentColor; min-height:0; padding:0 0 25px; } }
@media (max-width:680px) { .sorter-overview > div { padding:70px 24px; }.sorter-overview li { grid-template-columns:1fr; gap:6px; }.sorter-proof { grid-template-columns:1fr; }.sorter-flow-section,.sorter-capabilities,.sorter-control,.sorter-workflow,.sorter-applications { padding-inline:24px; }.sorter-capabilities > div,.sorter-workflow ol,.sorter-applications > div { grid-template-columns:1fr; }.sorter-simulation { min-height:570px; }.sorter-simulation__scanner { left:8%; }.sorter-simulation__decision { left:auto; right:6%; }.sorter-simulation__branch { width:29%; }.sorter-control__diagram { grid-template-columns:1fr; gap:34px; }.sorter-control__rail { background:linear-gradient(#317ca5,#61c4f4,#317ca5); width:1px; height:auto; top:4%; bottom:4%; left:50%; right:auto; }.sorter-control article > b { top:auto; right:50%; bottom:-31px; transform:translateX(50%) rotate(90deg); } }

/* OT Siber Güvenlik — katmanlı ağ, pasif görünürlük ve olay bağlamı. */
.cyber-problem > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:300px; padding-right:38px; }.cyber-problem .solution-problem__cards article { min-height:220px; padding-top:27px; padding-bottom:27px; }.cyber-problem .solution-problem__cards i { background:#e0f1fa; border:0; border-radius:0; place-items:center; width:44px; height:44px; margin:18px 0 14px; display:grid; }.cyber-problem .solution-problem__cards i:before { content:""; background:#3a98ce; width:23px; height:23px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.cyber-problem article:nth-child(1) i:before { -webkit-mask-image:url('/assets/icons/crane/visibility.svg'); mask-image:url('/assets/icons/crane/visibility.svg'); }.cyber-problem article:nth-child(2) i:before { -webkit-mask-image:url('/assets/icons/crane/route.svg'); mask-image:url('/assets/icons/crane/route.svg'); }.cyber-problem article:nth-child(3) i:before { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }
.cyber-overview { background:#fff; grid-template-columns:1.08fr .92fr; min-height:700px; display:grid; }.cyber-overview figure { background:#0a2130; min-height:700px; margin:0; position:relative; overflow:hidden; }.cyber-overview figure > img { object-fit:cover; width:100%; height:100%; min-height:700px; display:block; position:absolute; inset:0; }.cyber-overview figcaption { color:#fff; background:#0a2130eb; border-left:4px solid #4ba9e3; width:min(420px,84%); padding:24px 28px; position:absolute; right:0; bottom:0; }.cyber-overview figcaption span { color:#5ab0e3; letter-spacing:.13em; font-size:10px; font-weight:800; display:block; }.cyber-overview figcaption b { margin-top:8px; line-height:1.45; display:block; }.cyber-overview > div { align-self:center; padding:4vw var(--page-gutter); }.cyber-overview h2,.cyber-zones h2,.cyber-capabilities h2,.cyber-visibility h2,.cyber-workflow h2,.cyber-applications h2 { letter-spacing:-.05em; font-size:clamp(42px,4.2vw,68px); line-height:1; }.cyber-overview h2 { margin:22px 0; }.cyber-overview h2 em,.cyber-zones h2 em,.cyber-capabilities h2 em,.cyber-visibility h2 em,.cyber-workflow h2 em,.cyber-applications h2 em { color:#45a5df; font-weight:400; }.cyber-overview > div > p { color:#607786; font-size:14px; line-height:1.75; }.cyber-proof { border-top:1px solid #d2e0e7; border-left:1px solid #d2e0e7; grid-template-columns:repeat(3,1fr); margin-top:28px; display:grid; }.cyber-proof div { border-right:1px solid #d2e0e7; border-bottom:1px solid #d2e0e7; padding:16px 13px; }.cyber-proof strong { color:#198acb; font-size:15px; display:block; }.cyber-proof span { color:#607786; margin-top:5px; font-size:10px; line-height:1.35; display:block; }.cyber-overview ul { list-style:none; margin:24px 0 0; padding:0; }.cyber-overview li { border-top:1px solid #d2e0e7; grid-template-columns:125px 1fr; gap:18px; padding:14px 0; display:grid; }.cyber-overview li:last-child { border-bottom:1px solid #d2e0e7; }.cyber-overview li b { font-size:12px; }.cyber-overview li span { color:#607786; font-size:11px; line-height:1.5; }
.cyber-zones { color:#fff; background:#061825; grid-template-columns:minmax(285px,.58fr) minmax(0,1.42fr); gap:clamp(50px,7vw,110px); padding:clamp(90px,9vw,140px) var(--page-gutter); display:grid; }.cyber-zones > header { border-right:1px solid #ffffff24; padding-right:clamp(38px,5vw,75px); }.cyber-zones h2 { margin:28px 0 22px; }.cyber-zones header p { color:#9eb5c2; max-width:460px; font-size:14px; line-height:1.75; }
.cyber-network { background:radial-gradient(circle at 50% 50%,#0d3349,#061722 72%); border:1px solid #28516a; min-height:500px; position:relative; overflow:hidden; box-shadow:0 24px 60px #020b1199; }.cyber-network:before { content:""; background-image:linear-gradient(#4ba9e30d 1px,transparent 1px),linear-gradient(90deg,#4ba9e30d 1px,transparent 1px); background-size:28px 28px; position:absolute; inset:0; }.cyber-network__line { background:linear-gradient(90deg,transparent,#4ba9e3 10%,#77d0f8 50%,#4ba9e3 90%,transparent); height:2px; position:absolute; top:237px; left:8%; right:8%; box-shadow:0 0 18px #4ba9e36b; }.cyber-node { text-align:center; width:20%; position:absolute; z-index:3; top:154px; }.cyber-node--it { left:2%; }.cyber-node--dmz { left:28%; }.cyber-node--control { left:54%; }.cyber-node--cell { right:1%; }.cyber-node > i { background:radial-gradient(circle at 40% 35%,#266783,#092536 70%); border:1px solid #81d4f6; border-radius:50%; place-items:center; width:72px; height:72px; margin:13px auto 15px; display:grid; box-shadow:0 0 0 9px #4ba9e313,0 0 26px #4ba9e34c; }.cyber-node > i:before { content:""; background:#fff; width:28px; height:28px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.cyber-node--it > i:before { -webkit-mask-image:url('/assets/icons/crane/task.svg'); mask-image:url('/assets/icons/crane/task.svg'); }.cyber-node--dmz > i:before { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }.cyber-node--control > i:before { -webkit-mask-image:url('/assets/icons/crane/visibility.svg'); mask-image:url('/assets/icons/crane/visibility.svg'); }.cyber-node--cell > i:before { -webkit-mask-image:url('/assets/icons/crane/continuity.svg'); mask-image:url('/assets/icons/crane/continuity.svg'); }.cyber-node small { color:#69c2ea; letter-spacing:.12em; font-size:8px; }.cyber-node b { font-size:14px; display:block; }.cyber-node span { color:#839dab; margin-top:5px; font-size:9px; display:block; }.cyber-gate { text-align:center; background:#071b29; border:1px solid #4ba9e3; width:42px; padding:8px 4px; position:absolute; z-index:5; top:218px; box-shadow:0 0 18px #4ba9e34f; }.cyber-gate--one { left:23.5%; }.cyber-gate--two { left:49.5%; }.cyber-gate b { color:#73cef5; font-size:10px; display:block; }.cyber-gate small { color:#7792a1; margin-top:3px; font-size:6px; display:block; }.cyber-network__packet { align-items:center; gap:8px; position:absolute; z-index:6; top:226px; left:8%; display:flex; animation:cyber-packet 7s ease-in-out infinite; }.cyber-network__packet i { background:#fff; border:3px solid #56b9e8; border-radius:50%; width:15px; height:15px; box-shadow:0 0 0 6px #4ba9e31f,0 0 16px #4ba9e3; }.cyber-network__packet span { color:#b9e8fb; background:#071b29d9; padding:5px 7px; letter-spacing:.08em; font-size:7px; white-space:nowrap; }.cyber-network__blocked { color:#e77a6f; border-left:2px solid #e66556; padding:10px 14px; position:absolute; left:19%; bottom:48px; }.cyber-network__blocked i { background:#e66556; border-radius:50%; width:7px; height:7px; position:absolute; top:13px; right:-18px; box-shadow:0 0 0 5px #e6655620; animation:cyber-blocked 1.7s ease-in-out infinite; }.cyber-network__blocked b { letter-spacing:.08em; font-size:9px; display:block; }.cyber-network__blocked span { color:#8ca6b4; margin-top:4px; font-size:8px; display:block; }
@keyframes cyber-packet { 0%,8% { left:8%; opacity:0; } 16% { opacity:1; } 88% { left:84%; opacity:1; } 100% { left:84%; opacity:0; } } @keyframes cyber-blocked { 50% { opacity:.35; transform:scale(.7); } }
.cyber-capabilities { background:#fff; padding:clamp(85px,8vw,125px) var(--page-gutter); }.cyber-capabilities > header { grid-template-columns:1.15fr .85fr; align-items:end; gap:60px; margin-bottom:55px; display:grid; }.cyber-capabilities h2 { margin:25px 0 0; }.cyber-capabilities > header > p { color:#617887; max-width:520px; margin:0 0 5px; font-size:15px; line-height:1.75; }.cyber-capabilities > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(3,1fr); display:grid; }.cyber-capabilities article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:205px; padding:28px clamp(26px,3vw,45px); }.cyber-capabilities small,.cyber-applications small { color:#388fbe; font-size:10px; font-weight:800; }.cyber-capabilities h3 { margin:25px 0 10px; font-size:22px; }.cyber-capabilities p,.cyber-applications p { color:#607786; margin:0; font-size:13px; line-height:1.65; }
.cyber-visibility { background:#edf5f8; grid-template-columns:.7fr 1.3fr; gap:clamp(50px,8vw,125px); align-items:center; padding:clamp(90px,9vw,145px) var(--page-gutter); display:grid; }.cyber-visibility h2 { margin:26px 0 22px; }.cyber-visibility header p { color:#607786; max-width:520px; font-size:14px; line-height:1.75; }.cyber-radar { background:#071d2b; border:1px solid #244b61; min-height:500px; position:relative; overflow:hidden; box-shadow:0 24px 60px #14384e20; }.cyber-radar__rings { border:1px solid #4ba9e32d; border-radius:50%; width:360px; height:360px; position:absolute; top:50%; left:30%; transform:translate(-50%,-50%); box-shadow:0 0 0 62px #4ba9e311,0 0 0 124px #4ba9e309; }.cyber-radar__rings:before,.cyber-radar__rings:after { content:""; background:#4ba9e329; position:absolute; }.cyber-radar__rings:before { width:1px; top:0; bottom:0; left:50%; }.cyber-radar__rings:after { height:1px; left:0; right:0; top:50%; }.cyber-radar__sweep { background:conic-gradient(from 0deg,transparent 0 305deg,#4ba9e34d 350deg,#6fcaf3 360deg); border-radius:50%; width:360px; height:360px; position:absolute; top:50%; left:30%; transform:translate(-50%,-50%); animation:cyber-sweep 6s linear infinite; }.cyber-radar__asset { color:#fff; position:absolute; z-index:3; }.cyber-radar__asset i { background:#4ba9e3; border-radius:50%; width:8px; height:8px; margin-bottom:7px; display:block; box-shadow:0 0 0 5px #4ba9e320,0 0 13px #4ba9e3; }.cyber-radar__asset b { font-size:10px; display:block; }.cyber-radar__asset small { color:#6e9bad; margin-top:3px; font-size:7px; display:block; }.cyber-radar__asset--one { top:29%; left:18%; }.cyber-radar__asset--two { top:62%; left:34%; }.cyber-radar__asset--three { top:35%; left:43%; }.cyber-radar__asset--three i { background:#e36f62; box-shadow:0 0 0 6px #e36f6224,0 0 16px #e36f62; animation:cyber-alert 1.4s ease-in-out infinite; }.cyber-radar__asset--three small { color:#ef8f85; }.cyber-radar__asset--four { top:72%; left:15%; }.cyber-radar__alert { background:#0b2b3ded; border-left:3px solid #e36f62; width:42%; padding:22px; position:absolute; top:50%; right:5%; transform:translateY(-50%); box-shadow:0 18px 35px #0007; }.cyber-radar__alert small { color:#e98277; letter-spacing:.12em; font-size:8px; }.cyber-radar__alert b { margin:12px 0; font-size:16px; line-height:1.35; display:block; }.cyber-radar__alert span { color:#8ba7b6; font-size:9px; line-height:1.5; display:block; } @keyframes cyber-sweep { to { transform:translate(-50%,-50%) rotate(360deg); } } @keyframes cyber-alert { 50% { opacity:.4; transform:scale(.75); } }
.cyber-workflow { color:#fff; background:#071c2b; padding:clamp(90px,9vw,145px) var(--page-gutter); }.cyber-workflow > header,.cyber-applications > header { grid-template-columns:.7fr 1.3fr; gap:60px; margin-bottom:55px; display:grid; }.cyber-workflow > header > .section-kicker { border-right:1px solid #ffffff24; align-self:stretch; min-height:150px; padding-right:38px; }.cyber-workflow h2,.cyber-applications h2 { margin:0; }.cyber-workflow ol { list-style:none; border-top:1px solid #ffffff24; border-left:1px solid #ffffff24; grid-template-columns:repeat(3,1fr); margin:0; padding:0; display:grid; }.cyber-workflow li { border-right:1px solid #ffffff24; border-bottom:1px solid #ffffff24; min-height:204px; padding:30px; }.cyber-workflow li small { color:#58afe2; font-size:11px; }.cyber-workflow li b { margin:30px 0 10px; font-size:20px; display:block; }.cyber-workflow li p { color:#9eb5c2; margin:0; font-size:13px; line-height:1.65; }.cyber-applications { background:#fff; padding:clamp(90px,9vw,145px) var(--page-gutter); }.cyber-applications > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:150px; padding-right:38px; }.cyber-applications > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(4,1fr); display:grid; }.cyber-applications article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:200px; padding:28px 30px; }.cyber-applications h3 { margin:20px 0 10px; font-size:21px; }
@media (prefers-reduced-motion:reduce) { .cyber-network__packet,.cyber-network__blocked i,.cyber-radar__sweep,.cyber-radar__asset--three i { animation:none; } }
@media (max-width:980px) { .cyber-overview,.cyber-zones,.cyber-visibility { grid-template-columns:1fr; }.cyber-overview figure { min-height:520px; }.cyber-zones > header { border-right:0; border-bottom:1px solid #ffffff24; padding:0 0 45px; }.cyber-capabilities > header { grid-template-columns:1fr; }.cyber-capabilities > div,.cyber-workflow ol,.cyber-applications > div { grid-template-columns:repeat(2,1fr); }.cyber-problem > header > .section-kicker,.cyber-workflow > header > .section-kicker,.cyber-applications > header > .section-kicker { border-right:0; border-bottom:1px solid currentColor; min-height:0; padding:0 0 25px; } }
@media (max-width:680px) { .cyber-overview > div { padding:70px 24px; }.cyber-overview li { grid-template-columns:1fr; gap:6px; }.cyber-proof { grid-template-columns:1fr; }.cyber-zones,.cyber-capabilities,.cyber-visibility,.cyber-workflow,.cyber-applications { padding-inline:24px; }.cyber-capabilities > div,.cyber-workflow ol,.cyber-applications > div { grid-template-columns:1fr; }.cyber-network { min-height:680px; }.cyber-network__line { background:linear-gradient(#4ba9e3,transparent); width:2px; height:auto; top:45px; bottom:45px; left:50%; right:auto; }.cyber-node { text-align:left; width:43%; left:5%; right:auto; }.cyber-node > i { width:54px; height:54px; margin:8px 0; }.cyber-node--it { top:30px; }.cyber-node--dmz { top:185px; left:auto; right:3%; }.cyber-node--control { top:340px; }.cyber-node--cell { top:495px; left:auto; right:3%; }.cyber-gate { display:none; }.cyber-network__packet { top:45px; left:calc(50% - 7px); animation:cyber-packet-mobile 7s ease-in-out infinite; }.cyber-network__packet span { display:none; }.cyber-network__blocked { left:5%; bottom:20px; }.cyber-radar__rings,.cyber-radar__sweep { left:50%; }.cyber-radar__alert { width:88%; top:auto; right:6%; bottom:22px; transform:none; } }
@keyframes cyber-packet-mobile { 0%,8% { top:45px; opacity:0; } 16% { opacity:1; } 88% { top:570px; opacity:1; } 100% { top:570px; opacity:0; } }

.cyber-radar__alert b { color:#fff; }
.cyber-radar__alert span { color:#a9c0cc; font-size:11px; line-height:1.55; }

/* Batch Sistemleri — ISA-88 reçete, ekipman ve parti kaydı. */
.batch-problem > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:150px; padding-right:38px; }.batch-problem .solution-problem__cards article { min-height:220px; padding-top:27px; padding-bottom:27px; }.batch-problem .solution-problem__cards i { background:#e0f1fa; border:0; border-radius:0; place-items:center; width:44px; height:44px; margin:18px 0 14px; display:grid; }.batch-problem .solution-problem__cards i:before { content:""; background:#3a98ce; width:23px; height:23px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.batch-problem article:nth-child(1) i:before { -webkit-mask-image:url('/assets/icons/crane/task.svg'); mask-image:url('/assets/icons/crane/task.svg'); }.batch-problem article:nth-child(2) i:before { -webkit-mask-image:url('/assets/icons/crane/continuity.svg'); mask-image:url('/assets/icons/crane/continuity.svg'); }.batch-problem article:nth-child(3) i:before { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }
.batch-overview { background:#fff; grid-template-columns:1.08fr .92fr; min-height:700px; display:grid; }.batch-overview figure { background:#0a2130; min-height:700px; margin:0; position:relative; overflow:hidden; }.batch-overview figure > img { object-fit:cover; width:100%; height:100%; min-height:700px; display:block; position:absolute; inset:0; }.batch-overview figcaption { color:#fff; background:#0a2130eb; border-left:4px solid #4ba9e3; width:min(420px,84%); padding:24px 28px; position:absolute; right:0; bottom:0; }.batch-overview figcaption span { color:#5ab0e3; letter-spacing:.13em; font-size:10px; font-weight:800; display:block; }.batch-overview figcaption b { margin-top:8px; line-height:1.45; display:block; }.batch-overview > div { align-self:center; padding:4vw var(--page-gutter); }.batch-overview h2,.batch-process h2,.batch-capabilities h2,.batch-model h2,.batch-workflow h2,.batch-applications h2 { letter-spacing:-.05em; font-size:clamp(32px,4.2vw,48px); line-height:1.05; }.batch-overview h2 { margin:22px 0; }.batch-overview h2 em,.batch-process h2 em,.batch-capabilities h2 em,.batch-model h2 em,.batch-workflow h2 em,.batch-applications h2 em { color:#45a5df; font-weight:400; }.batch-overview > div > p { color:#607786; font-size:14px; line-height:1.75; }.batch-proof { border-top:1px solid #d2e0e7; border-left:1px solid #d2e0e7; grid-template-columns:repeat(3,1fr); margin-top:28px; display:grid; }.batch-proof div { border-right:1px solid #d2e0e7; border-bottom:1px solid #d2e0e7; padding:16px 13px; }.batch-proof strong { color:#198acb; font-size:15px; display:block; }.batch-proof span { color:#607786; margin-top:5px; font-size:10px; line-height:1.35; display:block; }.batch-overview ul { list-style:none; margin:24px 0 0; padding:0; }.batch-overview li { border-top:1px solid #d2e0e7; grid-template-columns:125px 1fr; gap:18px; padding:14px 0; display:grid; }.batch-overview li:last-child { border-bottom:1px solid #d2e0e7; }.batch-overview li b { font-size:12px; }.batch-overview li span { color:#607786; font-size:11px; line-height:1.5; }
.batch-process { color:#fff; background:#061825; grid-template-columns:minmax(285px,.58fr) minmax(0,1.42fr); gap:clamp(50px,7vw,110px); padding:clamp(90px,9vw,140px) var(--page-gutter); display:grid; }.batch-process > header { border-right:1px solid #ffffff24; padding-right:clamp(38px,5vw,75px); }.batch-process h2 { margin:28px 0 22px; }.batch-process header p { color:#9eb5c2; max-width:460px; font-size:14px; line-height:1.75; }
.batch-simulation { background:radial-gradient(circle at 50% 55%,#0d354a,#061722 72%); border:1px solid #28516a; min-height:520px; position:relative; overflow:hidden; box-shadow:0 24px 60px #020b1199; }.batch-simulation:before { content:""; background-image:linear-gradient(#4ba9e30b 1px,transparent 1px),linear-gradient(90deg,#4ba9e30b 1px,transparent 1px); background-size:28px 28px; position:absolute; inset:0; }.batch-source { text-align:center; width:95px; position:absolute; z-index:3; top:45px; }.batch-source--a { left:14%; }.batch-source--b { right:14%; }.batch-source b { color:#fff; background:#123c52; border:1px solid #5ab9e5; border-radius:50% 50% 12px 12px; place-items:center; width:62px; height:58px; margin:auto; display:grid; box-shadow:0 0 20px #4ba9e32d; }.batch-source span { color:#70c7ed; margin-top:7px; letter-spacing:.1em; font-size:8px; display:block; }.batch-source i { background:#4ba9e3; width:5px; height:18px; margin:auto; display:block; }.batch-pipe { border-top:3px solid #3d809f; width:24%; position:absolute; z-index:2; top:126px; }.batch-pipe--a { border-right:3px solid #3d809f; height:78px; left:20%; }.batch-pipe--b { border-left:3px solid #3d809f; height:78px; right:20%; }.batch-drop { background:linear-gradient(#80d6f7,#2e92c2); border-radius:50%; width:8px; height:13px; position:absolute; z-index:4; top:130px; opacity:0; animation:batch-dose 6s ease-in infinite; }.batch-drop--a { left:44%; }.batch-drop--b { right:44%; animation-delay:1.2s; }.batch-tank { border:3px solid #76c8eb; border-top:0; border-radius:0 0 65px 65px; width:230px; height:225px; position:absolute; z-index:3; top:170px; left:50%; transform:translateX(-50%); overflow:hidden; box-shadow:0 0 30px #4ba9e32b,inset 0 0 25px #4ba9e31c; }.batch-tank:before { content:""; border-top:3px solid #76c8eb; border-radius:50%; height:26px; position:absolute; z-index:4; top:-2px; left:0; right:0; }.batch-tank__liquid { background:linear-gradient(180deg,#4ba9e3b8,#176f9cdd); position:absolute; left:4px; right:4px; bottom:4px; height:25%; animation:batch-fill 12s ease-in-out infinite; }.batch-tank__liquid:before { content:""; background:#7ed7f5; border-radius:50%; height:15px; position:absolute; top:-7px; left:0; right:0; opacity:.7; }.batch-tank__shaft { background:#a9d8eb; width:4px; height:135px; position:absolute; z-index:4; top:20px; left:50%; }.batch-tank__shaft i { border:4px solid #c5e8f5; border-top:0; border-bottom:0; width:70px; height:18px; position:absolute; bottom:5px; left:50%; transform:translateX(-50%); animation:batch-mix .7s linear infinite; }.batch-tank > span { color:#70c7ed; letter-spacing:.12em; font-size:8px; position:absolute; z-index:5; top:48px; left:18px; }.batch-tank > b { color:#fff; font-size:11px; position:absolute; z-index:5; top:65px; left:18px; }.batch-heat { text-align:center; position:absolute; z-index:4; top:225px; right:7%; }.batch-heat i { background:#e89550; border-radius:50% 50% 0 0; width:7px; height:23px; margin:0 3px; display:inline-block; animation:batch-heat 1.3s ease-in-out infinite alternate; }.batch-heat i:nth-child(2) { animation-delay:-.4s; }.batch-heat i:nth-child(3) { animation-delay:-.8s; }.batch-heat span { color:#dbad84; margin-top:8px; letter-spacing:.09em; font-size:7px; display:block; }.batch-outlet { background:#4ba9e3; width:5px; height:70px; position:absolute; top:394px; left:50%; transform:translateX(-50%); }.batch-phase { border-top:1px solid #ffffff1f; justify-content:space-between; padding-top:18px; display:flex; position:absolute; left:6%; right:6%; bottom:25px; }.batch-phase span { color:#6e8c9d; letter-spacing:.1em; font-size:8px; }.batch-phase span:before { content:""; background:#31556a; border-radius:50%; width:6px; height:6px; margin-right:7px; display:inline-block; }.batch-phase span.is-active { color:#8edafa; }.batch-phase span.is-active:before { background:#5bc0ed; box-shadow:0 0 10px #5bc0ed; animation:batch-active 1.5s ease-in-out infinite; }
@keyframes batch-dose { 0%,10% { top:130px; opacity:0; } 18% { opacity:1; } 42% { top:285px; opacity:1; } 48%,100% { top:285px; opacity:0; } } @keyframes batch-fill { 0%,12%,100% { height:20%; } 48%,82% { height:68%; } } @keyframes batch-mix { to { transform:translateX(-50%) rotateY(360deg); } } @keyframes batch-heat { to { opacity:.35; transform:translateY(8px) scale(.7); } } @keyframes batch-active { 50% { opacity:.35; } }
.batch-capabilities { background:#fff; padding:clamp(85px,8vw,125px) var(--page-gutter); }.batch-capabilities > header { grid-template-columns:1.15fr .85fr; align-items:end; gap:60px; margin-bottom:55px; display:grid; }.batch-capabilities h2 { margin:25px 0 0; }.batch-capabilities > header > p { color:#617887; max-width:520px; margin:0 0 5px; font-size:15px; line-height:1.75; }.batch-capabilities > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(3,1fr); display:grid; }.batch-capabilities article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:205px; padding:28px clamp(26px,3vw,45px); }.batch-capabilities small,.batch-applications small { color:#388fbe; font-size:10px; font-weight:800; }.batch-capabilities h3 { margin:25px 0 10px; font-size:22px; }.batch-capabilities p,.batch-applications p { color:#607786; margin:0; font-size:13px; line-height:1.65; }
.batch-model { background:#edf5f8; grid-template-columns:.7fr 1.3fr; gap:clamp(50px,8vw,125px); align-items:center; padding:clamp(90px,9vw,145px) var(--page-gutter); display:grid; }.batch-model h2 { margin:26px 0 22px; }.batch-model header p { color:#607786; max-width:520px; font-size:14px; line-height:1.75; }.batch-model__diagram { grid-template-columns:repeat(4,1fr); min-height:350px; position:relative; display:grid; }.batch-model__rail { background:linear-gradient(90deg,transparent,#4ba9e3 12%,#4ba9e3 88%,transparent); height:1px; position:absolute; top:117px; left:4%; right:4%; box-shadow:0 0 14px #4ba9e34d; }.batch-model article { text-align:center; min-width:0; padding:0 18px; position:relative; }.batch-model article small { color:#278fc9; letter-spacing:.12em; font-size:9px; font-weight:800; }.batch-model article > span { background:radial-gradient(circle at 42% 35%,#2d7698,#0b3044 70%); border:1px solid #80caee; border-radius:50%; place-items:center; width:78px; height:78px; margin:27px auto; display:grid; position:relative; z-index:2; box-shadow:0 0 0 11px #4ba9e317,0 0 25px #4ba9e338; }.batch-model article i { background:#fff; width:31px; height:31px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.batch-model article:nth-of-type(1) i { -webkit-mask-image:url('/assets/icons/crane/task.svg'); mask-image:url('/assets/icons/crane/task.svg'); }.batch-model article:nth-of-type(2) i { -webkit-mask-image:url('/assets/icons/crane/stability.svg'); mask-image:url('/assets/icons/crane/stability.svg'); }.batch-model article:nth-of-type(3) i { -webkit-mask-image:url('/assets/icons/crane/motion.svg'); mask-image:url('/assets/icons/crane/motion.svg'); }.batch-model article:nth-of-type(4) i { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }.batch-model article h3 { min-height:44px; margin:0 auto 9px; font-size:18px; line-height:1.22; }.batch-model article p { color:#607786; max-width:220px; margin:0 auto; font-size:11px; line-height:1.6; }.batch-model article > b { color:#278fc9; background:#edf5f8; border:1px solid #4ba9e3; border-radius:50%; place-items:center; width:27px; height:27px; position:absolute; top:104px; right:-13px; z-index:4; font-size:13px; display:grid; box-shadow:0 0 0 5px #edf5f8,0 0 16px #4ba9e32b; }
.batch-workflow { color:#fff; background:#071c2b; padding:clamp(90px,9vw,145px) var(--page-gutter); }.batch-workflow > header,.batch-applications > header { grid-template-columns:.7fr 1.3fr; gap:60px; margin-bottom:55px; display:grid; }.batch-workflow > header > .section-kicker { border-right:1px solid #ffffff24; align-self:stretch; min-height:150px; padding-right:38px; }.batch-workflow h2,.batch-applications h2 { margin:0; }.batch-workflow ol { list-style:none; border-top:1px solid #ffffff24; border-left:1px solid #ffffff24; grid-template-columns:repeat(3,1fr); margin:0; padding:0; display:grid; }.batch-workflow li { border-right:1px solid #ffffff24; border-bottom:1px solid #ffffff24; min-height:204px; padding:30px; }.batch-workflow li small { color:#58afe2; font-size:11px; }.batch-workflow li b { margin:30px 0 10px; font-size:20px; display:block; }.batch-workflow li p { color:#9eb5c2; margin:0; font-size:13px; line-height:1.65; }.batch-applications { background:#fff; padding:clamp(90px,9vw,145px) var(--page-gutter); }.batch-applications > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:150px; padding-right:38px; }.batch-applications > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(4,1fr); display:grid; }.batch-applications article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:200px; padding:28px 30px; }.batch-applications h3 { margin:20px 0 10px; font-size:21px; }
@media (prefers-reduced-motion:reduce) { .batch-drop,.batch-tank__liquid,.batch-tank__shaft i,.batch-heat i,.batch-phase span.is-active:before { animation:none; } }
@media (max-width:980px) { .batch-overview,.batch-process,.batch-model { grid-template-columns:1fr; }.batch-overview figure { min-height:520px; }.batch-process > header { border-right:0; border-bottom:1px solid #ffffff24; padding:0 0 45px; }.batch-capabilities > header { grid-template-columns:1fr; }.batch-capabilities > div,.batch-workflow ol,.batch-applications > div { grid-template-columns:repeat(2,1fr); }.batch-problem > header > .section-kicker,.batch-workflow > header > .section-kicker,.batch-applications > header > .section-kicker { border-right:0; border-bottom:1px solid currentColor; min-height:0; padding:0 0 25px; } }
@media (max-width:680px) { .batch-overview > div { padding:70px 24px; }.batch-overview li { grid-template-columns:1fr; gap:6px; }.batch-proof { grid-template-columns:1fr; }.batch-process,.batch-capabilities,.batch-model,.batch-workflow,.batch-applications { padding-inline:24px; }.batch-capabilities > div,.batch-workflow ol,.batch-applications > div { grid-template-columns:1fr; }.batch-model__diagram { grid-template-columns:1fr; gap:34px; }.batch-model__rail { background:linear-gradient(#317ca5,#61c4f4,#317ca5); width:1px; height:auto; top:4%; bottom:4%; left:50%; right:auto; }.batch-model article > b { top:auto; right:50%; bottom:-31px; transform:translateX(50%) rotate(90deg); }.batch-simulation { min-height:560px; }.batch-source--a { left:5%; }.batch-source--b { right:5%; }.batch-pipe--a { left:15%; width:30%; }.batch-pipe--b { right:15%; width:30%; }.batch-heat { right:2%; }.batch-phase { flex-wrap:wrap; gap:12px; } }

/* Mobil Robot ürün ailesi. */
.mr-hero { color:#fff; background:#061825; min-height:760px; position:relative; overflow:hidden; }.mr-hero__media,.mr-hero__overlay { position:absolute; inset:0; }.mr-hero__media video,.mr-hero__media img { object-fit:cover; width:100%; height:100%; display:block; }.mr-hero__overlay { background:linear-gradient(90deg,#061825f2 0%,#061825c9 38%,#0618254f 72%,#0618257a 100%),linear-gradient(0deg,#061825b8,transparent 48%); }.mr-hero__copy { width:min(900px,64vw); padding:150px 0 95px var(--page-gutter); position:relative; z-index:2; }.mr-hero .breadcrumbs,.mr-hero .breadcrumbs a { color:#a7bdc9; }.mr-hero .section-kicker { color:#61b4e5; margin:55px 0 22px; display:block; }.mr-hero h1 { letter-spacing:-.06em; margin:0 0 22px; font-size:clamp(58px,7vw,64px); line-height:1.1; }.mr-hero h2 { color:#55afe3; max-width:680px; margin:0 0 23px; font-size:clamp(25px,2.5vw,28px); font-weight:450; line-height:1.08; }.mr-hero p { color:#b1c3cc; max-width:650px; margin:0 0 32px; font-size:16px; line-height:1.7; }.mr-hero__source { color:#d6e3e9; border-left:2px solid #4ba9e3; letter-spacing:.13em; padding:12px 16px; position:absolute; z-index:2; right:var(--page-gutter); bottom:42px; font-size:9px; }

@media (min-width:981px) {
  .solution-hero__copy .breadcrumb,
  .mr-hero__copy .breadcrumb { white-space:nowrap; }
}
.mr-family-nav { background:#edf5f8; border-bottom:1px solid #cbdce4; padding-inline:var(--page-gutter); grid-template-columns:repeat(7,1fr); display:grid; position:relative; z-index:5; }.mr-family-nav a { color:#5c7380; border-left:1px solid #cbdce4; min-height:112px; padding:25px 20px; transition:color .2s,background .2s; }.mr-family-nav a:last-child { border-right:1px solid #cbdce4; }.mr-family-nav a small { color:#278fc9; font-size:9px; display:block; }.mr-family-nav a span { margin-top:12px; font:650 14px/1.3 var(--font-display); display:block; }.mr-family-nav a:hover,.mr-family-nav a.is-active { color:#fff; background:#0a2638; }.mr-family-nav a.is-active small { color:#61bae9; }
.mr-intro { background:#fff; padding:clamp(90px,9vw,70px) var(--page-gutter); }.mr-intro > .section-kicker { display:block; }.mr-intro > h2,.mr-products h2,.mr-fleet h2,.mr-capabilities h2,.mr-product-overview h2,.mr-product-uses h2,.mr-product-process h2,.mr-software h2 { letter-spacing:-.05em; margin:26px 0 20px; font-size:clamp(34px,4.2vw,54px); line-height:1.05; }.mr-intro h2 em,.mr-products h2 em,.mr-fleet h2 em,.mr-capabilities h2 em,.mr-product-overview h2 em,.mr-product-uses h2 em,.mr-product-process h2 em,.mr-software h2 em { color:#45a5df; font-weight:400; }.mr-intro > p { color:#607786; max-width:760px; font-size:15px; line-height:1.75; }.mr-intro > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(3,1fr); margin-top:52px; display:grid; }.mr-intro article,.mr-capabilities article,.mr-product-uses article,.mr-software article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:205px; padding:28px 34px; }.mr-intro small,.mr-capabilities small,.mr-product-uses small,.mr-software small { color:#388fbe; font-size:10px; font-weight:800; }.mr-intro h3,.mr-capabilities h3,.mr-product-uses h3,.mr-software h3 { margin:25px 0 10px; font-size:22px; }.mr-intro article p,.mr-capabilities article p,.mr-product-uses article p,.mr-software article p { color:#607786; margin:0; font-size:13px; line-height:1.65; }
.mr-products { color:#fff; background:#061825; padding:clamp(90px,9vw,145px) var(--page-gutter); }.mr-products header { grid-template-columns:.65fr 1.35fr; gap:60px; margin-bottom:55px; display:grid; }.mr-products header .section-kicker { border-right:1px solid #ffffff24; padding-right:35px; }.mr-products h2 { margin:0; }.mr-products__grid { grid-template-columns:repeat(2,1fr); gap:1px; background:#ffffff20; display:grid; }.mr-products__grid a { color:#fff; background:#081e2d; }.mr-products figure { min-height:480px; margin:0; position:relative; overflow:hidden; }.mr-products img { object-fit:cover; width:100%; height:100%; position:absolute; inset:0; transition:transform .55s,filter .55s; }.mr-products figure:after { content:""; background:linear-gradient(0deg,#061825f5 0%,#0618258c 42%,transparent 75%); position:absolute; inset:0; }.mr-products figcaption { padding:34px; position:absolute; z-index:2; left:0; right:0; bottom:0; }.mr-products figcaption small { color:#62bee9; letter-spacing:.1em; font-size:10px; }.mr-products figcaption h3 { margin:13px 0 9px; font-size:30px; }.mr-products figcaption p { color:#b0c3cd; max-width:500px; margin:0 0 18px; font-size:13px; line-height:1.6; }.mr-products figcaption span { color:#65c4ee; font-size:13px; font-weight:800; }.mr-products a:hover img { transform:scale(1.035); filter:saturate(1.12); }
.mr-fleet { background:#edf5f8; grid-template-columns:.7fr 1.3fr; gap:clamp(50px,8vw,125px); padding:clamp(90px,9vw,145px) var(--page-gutter); display:grid; }.mr-fleet h2 { margin:26px 0 20px; }.mr-fleet header p { color:#607786; font-size:18px; line-height:1.75; }.mr-fleet__map { background:#fff; border:1px solid #c9dce5; min-height:460px; position:relative; overflow:hidden; box-shadow:0 24px 55px #17394d12; }.mr-fleet__map:before { content:""; background-image:linear-gradient(#4ba9e30f 1px,transparent 1px),linear-gradient(90deg,#4ba9e30f 1px,transparent 1px); background-size:34px 34px; position:absolute; inset:0; }.mr-fleet__route { border:2px dashed #4ba9e378; border-radius:80px; position:absolute; inset:82px 65px; }.mr-fleet__station { color:#527181; background:#edf5f8; border-left:3px solid #4ba9e3; padding:12px; position:absolute; z-index:2; font-size:9px; font-weight:800; }.mr-fleet__station--one { top:40px; left:35px; }.mr-fleet__station--two { top:42%; right:22px; }.mr-fleet__station--three { left:40%; bottom:30px; }.mr-fleet__robot { color:#fff; background:#0b3044; border:4px solid #cce7f2; border-radius:10px; place-items:center; width:48px; height:38px; font:800 9px/1 var(--font-display); display:grid; position:absolute; z-index:3; box-shadow:0 8px 18px #12364b44; }.mr-fleet__robot--one { top:78px; left:75px; animation:mr-drive-one 9s ease-in-out infinite; }.mr-fleet__robot--two { right:70px; bottom:84px; animation:mr-drive-two 10s ease-in-out infinite; }.mr-fleet__brain { color:#fff; background:#0a2638; border:1px solid #4ba9e3; border-radius:50%; place-items:center; width:125px; height:125px; text-align:center; display:grid; align-content:center; position:absolute; z-index:4; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 14px #4ba9e315,0 0 35px #4ba9e34d; }.mr-fleet__brain b { color:#61c2ee; font-size:23px; }.mr-fleet__brain span { color:#a6beca; margin-top:7px; font-size:8px; }.mr-capabilities { color:#fff; background:#071c2b; padding:clamp(90px,9vw,145px) var(--page-gutter); }.mr-capabilities header { grid-template-columns:.65fr 1.35fr; gap:60px; margin-bottom:50px; display:grid; }.mr-capabilities header .section-kicker { border-right:1px solid #ffffff24; }.mr-capabilities h2 { margin:0; }.mr-capabilities > div { border-top:1px solid #ffffff24; border-left:1px solid #ffffff24; grid-template-columns:repeat(4,1fr); display:grid; }.mr-capabilities article { border-color:#ffffff24; }.mr-capabilities article p { color:#9eb5c2; }
@keyframes mr-drive-one { 0%,100% { transform:translate(0,0); } 50% { transform:translate(330px,210px); } } @keyframes mr-drive-two { 0%,100% { transform:translate(0,0); } 50% { transform:translate(-300px,-210px); } }
.mr-product-overview { background:#fff; grid-template-columns:1.08fr .92fr; min-height:680px; display:grid; }.mr-product-overview figure { background:#edf5f8; min-height:680px; margin:0; overflow:hidden; }.mr-product-overview figure img,.mr-product-overview figure video { object-fit:cover; width:100%; height:100%; display:block; }.mr-product-overview > div { align-self:center; padding:3vw var(--page-gutter); }.mr-product-overview > div > p { color:#607786; font-size:15px; line-height:1.75; }.mr-product-overview ul { list-style:none; margin:30px 0 0; padding:0; }.mr-product-overview li { border-top:1px solid #d2e0e7; grid-template-columns:120px 1fr; gap:20px; padding:17px 0; display:grid; }.mr-product-overview li:last-child { border-bottom:1px solid #d2e0e7; }.mr-product-overview li b { font-size:12px; }.mr-product-overview li span { color:#607786; font-size:11px; line-height:1.5; }.mr-product-overview--reverse figure { order:2; }.mr-product-uses { color:#fff; background:#061825; padding:clamp(90px,9vw,140px) var(--page-gutter); }.mr-product-uses header { grid-template-columns:.65fr 1.35fr; gap:60px; margin-bottom:55px; display:grid; }.mr-product-uses header .section-kicker { border-right:1px solid #ffffff24; }.mr-product-uses h2 { margin:0; }.mr-product-uses > div { border-top:1px solid #ffffff24; border-left:1px solid #ffffff24; grid-template-columns:repeat(4,1fr); display:grid; }.mr-product-uses article { border-color:#ffffff24; min-height:200px; }.mr-product-uses article p { color:#9eb5c2; }.mr-product-process { background:#edf5f8; padding:clamp(90px,9vw,135px) var(--page-gutter); }.mr-product-process ol { list-style:none; border-top:1px solid #cbdce4; border-left:1px solid #cbdce4; grid-template-columns:repeat(3,1fr); margin:48px 0 0; padding:0; display:grid; }.mr-product-process li { border-right:1px solid #cbdce4; border-bottom:1px solid #cbdce4; min-height:170px; padding:30px; }.mr-product-process li b { font-size:20px; display:block; }.mr-product-process li span { color:#607786; margin-top:14px; font-size:13px; line-height:1.6; display:block; }.mr-software { background:#fff; padding:clamp(90px,9vw,145px) var(--page-gutter); }.mr-software header { max-width:1000px; }.mr-software header p { color:#607786; max-width:700px; font-size:15px; line-height:1.75; }.mr-software > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(3,1fr); margin-top:50px; display:grid; }.mr-platform-map { color:#fff; background:#061825; align-items:center; grid-template-columns:1fr auto 1fr auto 1fr; gap:30px; padding:110px var(--page-gutter); display:grid; }.mr-platform-map div { border:1px solid #31576c; min-height:170px; padding:35px; }.mr-platform-map b { color:#61bee9; font-size:20px; display:block; }.mr-platform-map span { color:#9db5c1; margin-top:14px; font-size:12px; display:block; }.mr-platform-map i { color:#5ec1ed; font-style:normal; font-size:28px; transform:rotate(-90deg); }
@media (prefers-reduced-motion:reduce) { .mr-hero video { display:none; }.mr-hero--video .mr-hero__media { background:url('/assets/img/solutions/mobile-robot-v2.webp') center/cover; }.mr-fleet__robot { animation:none; } }
@media (max-width:980px) { .mr-family-nav { grid-template-columns:repeat(4,1fr); }.mr-family-nav a { border-bottom:1px solid #cbdce4; }.mr-fleet,.mr-product-overview { grid-template-columns:1fr; }.mr-products__grid { grid-template-columns:1fr; }.mr-capabilities > div,.mr-product-uses > div { grid-template-columns:repeat(2,1fr); }.mr-product-overview--reverse figure { order:0; } }
@media (max-width:680px) { .mr-hero { min-height:700px; }.mr-hero__copy { width:auto; padding:120px 24px 80px; }.mr-hero__source { right:24px; bottom:22px; }.mr-family-nav { grid-template-columns:repeat(2,1fr); padding-inline:0; }.mr-intro,.mr-products,.mr-fleet,.mr-capabilities,.mr-product-uses,.mr-product-process,.mr-software,.mr-platform-map { padding-inline:24px; }.mr-intro > div,.mr-capabilities > div,.mr-product-uses > div,.mr-product-process ol,.mr-software > div { grid-template-columns:1fr; }.mr-products header,.mr-capabilities header,.mr-product-uses header { grid-template-columns:1fr; }.mr-products header .section-kicker,.mr-capabilities header .section-kicker,.mr-product-uses header .section-kicker { border-right:0; border-bottom:1px solid currentColor; padding:0 0 24px; }.mr-products figure { min-height:410px; }.mr-fleet__map { min-height:550px; }.mr-fleet__route { inset:70px 30px; }.mr-product-overview figure { min-height:400px; }.mr-product-overview > div { padding:70px 24px; }.mr-product-overview li { grid-template-columns:1fr; gap:6px; }.mr-platform-map { grid-template-columns:1fr; }.mr-platform-map i { text-align:center; transform:none; } }

/* Resmî Hikrobot ürün kartları: masaüstünde tek sıra, ürün odaklı katalog görünümü. */
.mr-products__grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.mr-products figure { background:linear-gradient(180deg,#f6fafc 0 55%,#081e2d 55%); min-height:510px; }
.mr-products figure:after { display:none; }
.mr-products img { object-fit:contain; object-position:center; width:100%; height:55%; padding:28px 22px 18px; position:absolute; inset:0 0 auto; }
.mr-products figcaption { min-height:45%; padding:28px 24px; }
.mr-products figcaption h3 { min-height:54px; margin-top:12px; font-size:23px; line-height:1.15; }
.mr-products figcaption p { min-height:62px; font-size:14px; }
@media (max-width:1100px) { .mr-products__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:680px) { .mr-products__grid { grid-template-columns:1fr; }.mr-products figure { min-height:500px; } }

/* Oskon Çözüm 4.0 — endüstriyel veri ve operasyon yazılımı. */
.s40-problem > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:300px; padding-right:38px; }.s40-problem .solution-problem__cards article { min-height:220px; padding-top:27px; padding-bottom:27px; }.s40-problem .solution-problem__cards i { background:#e0f1fa; border:0; border-radius:0; place-items:center; width:44px; height:44px; margin:18px 0 14px; display:grid; }.s40-problem .solution-problem__cards i:before { content:""; background:#3a98ce; width:23px; height:23px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.s40-problem article:nth-child(1) i:before { -webkit-mask-image:url('/assets/icons/crane/visibility.svg'); mask-image:url('/assets/icons/crane/visibility.svg'); }.s40-problem article:nth-child(2) i:before { -webkit-mask-image:url('/assets/icons/crane/route.svg'); mask-image:url('/assets/icons/crane/route.svg'); }.s40-problem article:nth-child(3) i:before { -webkit-mask-image:url('/assets/icons/crane/continuity.svg'); mask-image:url('/assets/icons/crane/continuity.svg'); }
.s40-problem { background:#fff; }
.s40-overview { background:#f5f9fb; grid-template-columns:1.08fr .92fr; min-height:720px; display:grid; }.s40-overview figure { background:#0a2130; min-height:720px; margin:0; position:relative; overflow:hidden; }.s40-overview figure > img { object-fit:cover; width:100%; height:100%; min-height:720px; display:block; position:absolute; inset:0; }.s40-overview figcaption { color:#fff; background:#0a2130eb; border-left:4px solid #4ba9e3; width:min(430px,84%); padding:24px 28px; position:absolute; right:0; bottom:0; }.s40-overview figcaption span { color:#5ab0e3; letter-spacing:.13em; font-size:10px; font-weight:800; display:block; }.s40-overview figcaption b { margin-top:8px; line-height:1.45; display:block; }.s40-overview > div { align-self:center; padding:4vw var(--page-gutter); }.s40-overview h2,.s40-dataflow h2,.s40-capabilities h2,.s40-product h2,.s40-operations h2,.s40-roadmap h2,.s40-applications h2 { letter-spacing:-.05em; font-size:clamp(42px,4.2vw,68px); line-height:1; }.s40-overview h2 { margin:22px 0; }.s40-overview h2 em,.s40-dataflow h2 em,.s40-capabilities h2 em,.s40-product h2 em,.s40-operations h2 em,.s40-roadmap h2 em,.s40-applications h2 em { color:#45a5df; font-weight:400; }.s40-overview > div > p { color:#607786; font-size:14px; line-height:1.75; }.s40-proof { border-top:1px solid #d2e0e7; border-left:1px solid #d2e0e7; grid-template-columns:repeat(3,1fr); margin-top:28px; display:grid; }.s40-proof div { border-right:1px solid #d2e0e7; border-bottom:1px solid #d2e0e7; padding:16px 13px; }.s40-proof strong { color:#198acb; font-size:15px; display:block; }.s40-proof span { color:#607786; margin-top:5px; font-size:10px; line-height:1.35; display:block; }.s40-overview ul { list-style:none; margin:24px 0 0; padding:0; }.s40-overview li { border-top:1px solid #d2e0e7; grid-template-columns:125px 1fr; gap:18px; padding:14px 0; display:grid; }.s40-overview li:last-child { border-bottom:1px solid #d2e0e7; }.s40-overview li b { font-size:12px; }.s40-overview li span { color:#607786; font-size:11px; line-height:1.5; }
.s40-dataflow { color:#fff; background:#061825; grid-template-columns:minmax(285px,.58fr) minmax(0,1.42fr); gap:clamp(50px,7vw,110px); padding:clamp(90px,9vw,140px) var(--page-gutter); display:grid; }.s40-dataflow > header { border-right:1px solid #ffffff24; padding-right:clamp(38px,5vw,75px); }.s40-dataflow h2 { margin:28px 0 22px; }.s40-dataflow header p { color:#9eb5c2; max-width:460px; font-size:14px; line-height:1.75; }.s40-pipeline { background:radial-gradient(circle at 50% 50%,#0d354a,#061722 73%); border:1px solid #28516a; min-height:500px; position:relative; overflow:hidden; box-shadow:0 24px 60px #020b1199; }.s40-pipeline:before { content:""; background-image:linear-gradient(#4ba9e30d 1px,transparent 1px),linear-gradient(90deg,#4ba9e30d 1px,transparent 1px); background-size:28px 28px; position:absolute; inset:0; }.s40-pipeline__rail { background:linear-gradient(90deg,transparent,#4ba9e3 9%,#83dafa 50%,#4ba9e3 91%,transparent); height:2px; position:absolute; top:236px; left:7%; right:7%; box-shadow:0 0 18px #4ba9e36b; }.s40-pipeline__pulse { background:#fff; border:3px solid #5bc0ed; border-radius:50%; width:16px; height:16px; position:absolute; z-index:6; top:229px; left:7%; box-shadow:0 0 0 7px #4ba9e31f,0 0 18px #4ba9e3; animation:s40-data-pulse 7s ease-in-out infinite; }.s40-node { text-align:center; width:22%; position:absolute; z-index:3; top:145px; }.s40-node--field { left:1%; }.s40-node--edge { left:26%; }.s40-node--context { left:51%; }.s40-node--apps { right:1%; }.s40-node > i { background:radial-gradient(circle at 40% 35%,#286e8d,#092637 70%); border:1px solid #8dd9f8; border-radius:50%; place-items:center; width:78px; height:78px; margin:15px auto 18px; display:grid; box-shadow:0 0 0 10px #4ba9e315,0 0 30px #4ba9e34d; }.s40-node > i:before { content:""; background:#fff; width:31px; height:31px; display:block; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat; }.s40-node--field > i:before { -webkit-mask-image:url('/assets/icons/crane/motion.svg'); mask-image:url('/assets/icons/crane/motion.svg'); }.s40-node--edge > i:before { -webkit-mask-image:url('/assets/icons/crane/stability.svg'); mask-image:url('/assets/icons/crane/stability.svg'); }.s40-node--context > i:before { -webkit-mask-image:url('/assets/icons/crane/route.svg'); mask-image:url('/assets/icons/crane/route.svg'); }.s40-node--apps > i:before { -webkit-mask-image:url('/assets/icons/crane/approval.svg'); mask-image:url('/assets/icons/crane/approval.svg'); }.s40-node small { color:#69c5ed; letter-spacing:.12em; font-size:8px; font-weight:800; }.s40-node b { min-height:35px; font-size:15px; line-height:1.3; display:block; }.s40-node span { color:#829eae; margin-top:6px; font-size:13px; line-height:1.4; display:block; }.s40-pipeline__signals { border-top:1px solid #ffffff1c; justify-content:space-between; padding-top:20px; display:flex; position:absolute; left:7%; right:7%; bottom:34px; }.s40-pipeline__signals span { color:#72c8ee; background:#0a293b; border:1px solid #285c76; padding:7px 12px; letter-spacing:.1em; font-size:11px; }.s40-pipeline__signals span:before { content:""; background:#5bc0ed; border-radius:50%; width:5px; height:5px; margin-right:7px; display:inline-block; box-shadow:0 0 8px #5bc0ed; } @keyframes s40-data-pulse { 0%,8% { left:7%; opacity:0; } 16% { opacity:1; } 88% { left:89%; opacity:1; } 100% { left:89%; opacity:0; } }
.s40-capabilities { background:#fff; padding:clamp(85px,8vw,125px) var(--page-gutter); }.s40-capabilities > header { grid-template-columns:1.15fr .85fr; align-items:end; gap:60px; margin-bottom:55px; display:grid; }.s40-capabilities h2 { margin:25px 0 0; }.s40-capabilities > header > p { color:#617887; max-width:520px; margin:0 0 5px; font-size:15px; line-height:1.75; }.s40-capabilities > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(3,1fr); display:grid; }.s40-capabilities article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:205px; padding:28px clamp(26px,3vw,45px); }.s40-capabilities small,.s40-applications small { color:#388fbe; font-size:10px; font-weight:800; }.s40-capabilities h3 { margin:25px 0 10px; font-size:22px; }.s40-capabilities p,.s40-applications p { color:#607786; margin:0; font-size:13px; line-height:1.65; }
.s40-product { color:#fff; background:#061825; grid-template-columns:.7fr 1.3fr; gap:clamp(50px,8vw,125px); align-items:center; padding:clamp(90px,9vw,145px) var(--page-gutter); display:grid; }.s40-product h2 { margin:26px 0 22px; }.s40-product header p { color:#9eb5c2; max-width:530px; font-size:14px; line-height:1.75; }.s40-product__actions { align-items:center; flex-wrap:wrap; gap:15px; margin-top:32px; display:flex; }.s40-product__pending { color:#72c9ef; border:1px solid #39718d; padding:12px 15px; letter-spacing:.11em; font-size:8px; }.s40-product__actions a { color:#6e8795; background:#102b3a; border:1px solid #294b5e; cursor:not-allowed; padding:14px 18px; font-size:11px; font-weight:800; }.s40-product__actions a i { margin-left:18px; font-style:normal; }.s40-product__preview { background:#0a2434; border:1px solid #34627a; min-height:490px; position:relative; overflow:hidden; box-shadow:0 28px 70px #01090f99,0 0 35px #4ba9e31c; }.s40-product__browser { background:#102f41; border-bottom:1px solid #38657a; align-items:center; gap:7px; height:48px; padding:0 17px; display:flex; }.s40-product__browser > span { background:#4c7a90; border-radius:50%; width:7px; height:7px; }.s40-product__browser > span:first-child { background:#e87368; }.s40-product__browser b { color:#7999a9; margin-left:14px; letter-spacing:.1em; font-size:8px; }.s40-product__placeholder { text-align:center; place-items:center; align-content:center; height:390px; display:grid; position:relative; }.s40-product__placeholder:before { content:""; background-image:linear-gradient(#4ba9e30e 1px,transparent 1px),linear-gradient(90deg,#4ba9e30e 1px,transparent 1px); background-size:30px 30px; position:absolute; inset:0; }.s40-product__placeholder i { background:#4ba9e3; width:36px; height:36px; margin-bottom:22px; display:block; position:relative; -webkit-mask:url('/assets/icons/crane/visibility.svg') center/contain no-repeat; mask:url('/assets/icons/crane/visibility.svg') center/contain no-repeat; }.s40-product__placeholder strong { color:#fff; font-size:25px; line-height:1.25; position:relative; }.s40-product__placeholder p { color:#7494a5; margin-top:13px; font-size:10px; position:relative; }.s40-product__preview > small { color:#577889; letter-spacing:.13em; font-size:7px; position:absolute; right:17px; bottom:14px; }
.s40-operations { background:#edf5f8; grid-template-columns:.7fr 1.3fr; gap:clamp(50px,8vw,125px); align-items:center; padding:clamp(90px,9vw,145px) var(--page-gutter); display:grid; }.s40-operations h2 { margin:26px 0 22px; }.s40-operations header p { color:#607786; max-width:520px; font-size:14px; line-height:1.75; }.s40-dashboard { background:#071d2b; border:1px solid #294f64; min-height:500px; padding:30px; position:relative; overflow:hidden; box-shadow:0 24px 60px #14384e22; }.s40-dashboard__top { border-bottom:1px solid #ffffff1c; justify-content:space-between; padding-bottom:18px; display:flex; }.s40-dashboard__top span { color:#dceaf0; letter-spacing:.1em; font-size:9px; font-weight:800; }.s40-dashboard__top b { color:#65d7aa; font-size:8px; }.s40-dashboard__metrics { grid-template-columns:repeat(3,1fr); gap:12px; margin-top:24px; display:grid; }.s40-dashboard__metrics article { background:#0d2939; border:1px solid #244b60; padding:17px; }.s40-dashboard__metrics small { color:#7e9caa; letter-spacing:.1em; font-size:7px; display:block; }.s40-dashboard__metrics strong { color:#fff; margin:8px 0 12px; font-size:23px; display:block; }.s40-dashboard__metrics i { background:#15394b; height:3px; display:block; position:relative; }.s40-dashboard__metrics i:after { content:""; background:#51b8e7; width:var(--value); position:absolute; inset:0 auto 0 0; box-shadow:0 0 9px #51b8e7; }.s40-dashboard__chart { border-left:1px solid #315367; border-bottom:1px solid #315367; align-items:end; gap:9px; height:155px; margin:25px 0 0; padding:12px 15px 0; display:flex; }.s40-dashboard__chart span { background:linear-gradient(#55bce9,#1b5977); width:100%; height:var(--h); transform-origin:bottom; animation:s40-bars 3s ease-in-out infinite alternate; }.s40-dashboard__chart span:nth-child(even) { animation-delay:-1.4s; }.s40-dashboard__events { border-top:1px solid #ffffff17; margin-top:25px; padding-top:18px; }.s40-dashboard__events > small { color:#6f8f9e; letter-spacing:.12em; font-size:7px; }.s40-dashboard__events p { border-bottom:1px solid #ffffff10; grid-template-columns:8px 100px 1fr; gap:9px; margin:0; padding:9px 0; display:grid; }.s40-dashboard__events p i { background:#53b8e6; border-radius:50%; width:5px; height:5px; margin-top:5px; box-shadow:0 0 7px #53b8e6; }.s40-dashboard__events p b { color:#d7e5eb; font-size:9px; }.s40-dashboard__events p span { color:#7896a5; font-size:9px; } @keyframes s40-bars { to { transform:scaleY(.72); opacity:.7; } }
.s40-roadmap { color:#fff; background:#071c2b; padding:clamp(90px,9vw,145px) var(--page-gutter); }.s40-roadmap > header,.s40-applications > header { grid-template-columns:.7fr 1.3fr; gap:60px; margin-bottom:55px; display:grid; }.s40-roadmap > header > .section-kicker { border-right:1px solid #ffffff24; align-self:stretch; min-height:150px; padding-right:38px; }.s40-roadmap h2,.s40-applications h2 { margin:0; }.s40-roadmap ol { list-style:none; border-top:1px solid #ffffff24; border-left:1px solid #ffffff24; grid-template-columns:repeat(3,1fr); margin:0; padding:0; display:grid; }.s40-roadmap li { border-right:1px solid #ffffff24; border-bottom:1px solid #ffffff24; min-height:204px; padding:30px; }.s40-roadmap li small { color:#58afe2; font-size:11px; }.s40-roadmap li b { margin:30px 0 10px; font-size:20px; display:block; }.s40-roadmap li p { color:#9eb5c2; margin:0; font-size:13px; line-height:1.65; }.s40-applications { background:#fff; padding:clamp(90px,9vw,145px) var(--page-gutter); }.s40-applications > header > .section-kicker { border-right:1px solid #d5e2e9; align-self:stretch; min-height:150px; padding-right:38px; }.s40-applications > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(4,1fr); display:grid; }.s40-applications article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:200px; padding:28px 30px; }.s40-applications h3 { margin:20px 0 10px; font-size:21px; }
@media (prefers-reduced-motion:reduce) { .s40-pipeline__pulse,.s40-dashboard__chart span { animation:none; } }
@media (max-width:980px) { .s40-overview,.s40-dataflow,.s40-product,.s40-operations { grid-template-columns:1fr; }.s40-overview figure { min-height:520px; }.s40-dataflow > header { border-right:0; border-bottom:1px solid #ffffff24; padding:0 0 45px; }.s40-capabilities > header { grid-template-columns:1fr; }.s40-capabilities > div,.s40-roadmap ol,.s40-applications > div { grid-template-columns:repeat(2,1fr); }.s40-problem > header > .section-kicker,.s40-roadmap > header > .section-kicker,.s40-applications > header > .section-kicker { border-right:0; border-bottom:1px solid currentColor; min-height:0; padding:0 0 25px; } }
@media (max-width:680px) { .s40-overview > div { padding:70px 24px; }.s40-overview li { grid-template-columns:1fr; gap:6px; }.s40-proof { grid-template-columns:1fr; }.s40-dataflow,.s40-capabilities,.s40-product,.s40-operations,.s40-roadmap,.s40-applications { padding-inline:24px; }.s40-capabilities > div,.s40-roadmap ol,.s40-applications > div { grid-template-columns:1fr; }.s40-pipeline { min-height:720px; }.s40-pipeline__rail { background:linear-gradient(#4ba9e3,transparent); width:2px; height:auto; top:45px; bottom:70px; left:50%; right:auto; }.s40-node { text-align:left; width:43%; left:5%; right:auto; }.s40-node > i { width:58px; height:58px; margin:8px 0 12px; }.s40-node--field { top:30px; }.s40-node--edge { top:180px; left:auto; right:3%; }.s40-node--context { top:330px; }.s40-node--apps { top:480px; left:auto; right:3%; }.s40-pipeline__pulse { top:45px; left:calc(50% - 7px); animation:s40-data-pulse-mobile 7s ease-in-out infinite; }.s40-pipeline__signals { flex-wrap:wrap; gap:8px; }.s40-dashboard { padding:20px; }.s40-dashboard__metrics { grid-template-columns:1fr; }.s40-dashboard__chart { height:120px; }.s40-dashboard__events p { grid-template-columns:8px 80px 1fr; } }
@keyframes s40-data-pulse-mobile { 0%,8% { top:45px; opacity:0; } 16% { opacity:1; } 88% { top:560px; opacity:1; } 100% { top:560px; opacity:0; } }

/* Siemens Opcenter MES/MOM ürün ailesi. */
.mes-family-nav { background:#eef5f8; border-top:1px solid #cbdce5; border-bottom:1px solid #cbdce5; grid-template-columns:repeat(5,1fr); padding:0 var(--page-gutter); display:grid; position:relative; z-index:4; }.mes-family-nav a { color:#566f7e; border-left:1px solid #cbdce5; min-height:118px; padding:24px 22px; text-decoration:none; display:flex; flex-direction:column; justify-content:center; transition:background .25s,color .25s; }.mes-family-nav a:last-child { border-right:1px solid #cbdce5; }.mes-family-nav a small { color:#248dca; margin-bottom:12px; font-size:9px; font-weight:800; }.mes-family-nav a span { max-width:210px; font-size:15px; font-weight:750; line-height:1.35; }.mes-family-nav a:hover,.mes-family-nav a.is-active { color:#fff; background:#082130; }.mes-family-nav a.is-active small { color:#65bce8; }
.mes-portfolio { background:#fff; padding:clamp(85px,8vw,125px) var(--page-gutter); }.mes-portfolio > header { grid-template-columns:1.15fr .85fr; align-items:end; gap:60px; margin-bottom:55px; display:grid; }.mes-portfolio h2 { letter-spacing:-.05em; margin:25px 0 0; font-size:clamp(42px,4.2vw,68px); line-height:1; }.mes-portfolio h2 em { color:#45a5df; font-weight:400; }.mes-portfolio > header > p { color:#617887; max-width:520px; margin:0 0 5px; font-size:15px; line-height:1.75; }.mes-portfolio > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(4,1fr); display:grid; }.mes-portfolio > div > a { color:#071c2b; border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-width:0; padding:20px 20px 28px; text-decoration:none; transition:background .25s,transform .25s; }.mes-portfolio > div > a:hover { background:#f2f8fa; transform:translateY(-4px); }.mes-portfolio figure { background:#e9f1f5; height:190px; margin:0 0 24px; overflow:hidden; }.mes-portfolio figure img { object-fit:cover; width:100%; height:100%; display:block; transition:transform .45s; }.mes-portfolio a:hover figure img { transform:scale(1.035); }.mes-portfolio small { color:#388fbe; font-size:9px; font-weight:800; }.mes-portfolio h3 { min-height:53px; margin:18px 0 10px; font-size:21px; line-height:1.25; }.mes-portfolio p { color:#607786; min-height:88px; margin:0; font-size:14px; line-height:1.65; }.mes-portfolio a > span { color:#258dca; border-top:1px solid #cfdee6; margin-top:20px; padding-top:16px; font-size:13px; font-weight:800; display:block; }
.mes-dataflow .s40-pipeline { min-height:500px; }.mes-control { background:#edf5f8; }.mes-workflow { background:#071c2b; }.mes-applications { background:#fff; }
.mes-family-nav { border-top:0; }
@media (max-width:980px) { .mes-family-nav { grid-template-columns:repeat(3,1fr); }.mes-family-nav a { border-bottom:1px solid #cbdce5; }.mes-portfolio > header { grid-template-columns:1fr; }.mes-portfolio > div { grid-template-columns:repeat(2,1fr); } }
@media (max-width:680px) { .mes-family-nav { grid-template-columns:1fr; padding:0; }.mes-family-nav a { min-height:78px; padding:17px 24px; }.mes-family-nav a small { margin-bottom:5px; }.mes-portfolio { padding-inline:24px; }.mes-portfolio > div { grid-template-columns:1fr; }.mes-portfolio h3,.mes-portfolio p { min-height:0; } }

/* STRP ürün odaklı blog anlatımı. */
.article--strp .article-hero { min-height:760px; padding:0; position:relative; overflow:hidden; }.strp-hero-video,.strp-hero-shade { position:absolute; inset:0; }.strp-hero-video video { object-fit:cover; width:100%; height:100%; display:block; }.strp-hero-shade { background:linear-gradient(90deg,#061825f2 0%,#061825c9 43%,#06182542 78%),linear-gradient(0deg,#061825d9,transparent 52%); }.article--strp .article-hero__inner { width:min(1100px,76vw); margin:0; padding:145px 0 100px var(--page-gutter); position:relative; z-index:2; }.article--strp .article-hero h1 { color:#fff; letter-spacing:-.05em; font-size:clamp(46px,4.6vw,76px); line-height:.98; }.article--strp .article-hero__lead { color:#bfd0d9; max-width:750px; font-size:16px; line-height:1.7; }.article--strp .article-meta { color:#9db2bd; }.article--strp .article-layout { max-width:none; width:100%; margin:0; padding:0; display:block; }.article--strp .article-rail { display:none; }.article--strp .article-body { max-width:none; width:100%; margin:0; }.article--strp .article-body > * { max-width:none; }.article--strp .article-body h2,.article--strp .article-body h3,.article--strp .article-body p { max-width:none; }.article--strp .article-footer { position:relative; z-index:2; }
.strp-intro { background:#fff; grid-template-columns:.92fr 1.08fr; min-height:700px; display:grid; }.strp-intro > div { align-self:center; padding:80px clamp(45px,6vw,100px) 80px var(--page-gutter); }.strp-intro h2,.strp-flow h2,.strp-components h2,.strp-orchestration h2,.strp-benefits h2,.strp-design h2,.strp-applications h2 { letter-spacing:-.05em; margin:25px 0 22px; font-size:clamp(42px,4.3vw,69px); line-height:1; }.strp-intro h2 em,.strp-flow h2 em,.strp-components h2 em,.strp-orchestration h2 em,.strp-benefits h2 em,.strp-design h2 em,.strp-applications h2 em { color:#45a5df; font-weight:400; }.strp-intro > div > p { color:#607786; font-size:15px; line-height:1.75; }.strp-intro ul { list-style:none; margin:30px 0 0; padding:0; }.strp-intro li { border-top:1px solid #d2e0e7; grid-template-columns:145px 1fr; gap:20px; padding:17px 0; display:grid; }.strp-intro li:last-child { border-bottom:1px solid #d2e0e7; }.strp-intro li b { font-size:13px; }.strp-intro li span { color:#607786; font-size:12px; line-height:1.55; }.strp-intro figure { background:#071c2b; min-height:700px; margin:0; position:relative; overflow:hidden; }.strp-intro figure img { object-fit:cover; width:100%; height:100%; position:absolute; inset:0; }.strp-intro figcaption { color:#fff; background:#071c2be8; border-left:4px solid #4ba9e3; width:min(410px,82%); padding:23px 27px; position:absolute; right:0; bottom:0; }.strp-intro figcaption small { color:#61b9e7; letter-spacing:.12em; font-size:9px; display:block; }.strp-intro figcaption b { margin-top:8px; line-height:1.4; display:block; }
.strp-flow { color:#fff; background:#061825; grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr); gap:clamp(50px,7vw,110px); padding:clamp(90px,9vw,140px) var(--page-gutter); display:grid; }.strp-flow > header { border-right:1px solid #ffffff24; padding-right:clamp(38px,5vw,75px); }.strp-flow header p { color:#9eb5c2; font-size:14px; line-height:1.75; }.strp-flow__visual { background:radial-gradient(circle at 50% 50%,#0d3449,#061722 72%); border:1px solid #28516a; min-height:520px; position:relative; overflow:hidden; box-shadow:0 24px 60px #020b1199; }.strp-flow__visual:before { content:""; background-image:linear-gradient(#4ba9e30d 1px,transparent 1px),linear-gradient(90deg,#4ba9e30d 1px,transparent 1px); background-size:28px 28px; position:absolute; inset:0; }.strp-rack { border:2px solid #3b6b82; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(3,1fr); gap:5px; width:170px; height:270px; padding:8px; display:grid; position:absolute; top:95px; left:6%; }.strp-rack i { background:#19435a; border:1px solid #4b86a1; }.strp-rack span { color:#6ea9c2; width:180px; letter-spacing:.08em; font-size:7px; position:absolute; left:0; bottom:-24px; }.strp-lift { background:#0d2f42; border:2px solid #62bde7; width:54px; height:70px; position:absolute; z-index:4; top:245px; left:24%; animation:strp-lift 6s ease-in-out infinite; box-shadow:0 0 17px #4ba9e348; }.strp-lift b { color:#fff; place-items:center; height:100%; font-size:9px; display:grid; }.strp-lift i { background:#57b7e4; width:3px; position:absolute; top:-150px; bottom:68px; left:50%; }.strp-track { background:linear-gradient(90deg,#4ba9e3,transparent); height:3px; position:absolute; top:335px; left:29%; right:20%; box-shadow:0 0 14px #4ba9e34d; }.strp-track:before { content:""; border:1px dashed #4ba9e34d; position:absolute; inset:-14px 0; }.strp-tote { color:#fff; background:#bd7c38; border:2px solid #efba7e; place-items:center; width:48px; height:34px; font-size:7px; font-weight:800; display:grid; position:absolute; z-index:6; top:317px; left:29%; box-shadow:0 8px 14px #0005; animation:strp-tote-route 8s ease-in-out infinite; }.strp-runner { color:#fff; background:#0a3045; border:2px solid #66c4ec; border-radius:8px; place-items:center; width:76px; height:48px; display:grid; position:absolute; z-index:5; top:346px; left:31%; box-shadow:0 9px 18px #0007,0 0 16px #4ba9e33d; animation:strp-runner-route 8s ease-in-out infinite; }.strp-runner b { font-size:9px; }.strp-runner i { background:#4ba9e3; border-radius:50%; width:7px; height:7px; position:absolute; top:7px; right:8px; box-shadow:0 0 7px #4ba9e3; }.strp-station { text-align:center; border:2px solid #426e83; width:175px; height:180px; padding-top:25px; position:absolute; top:180px; right:5%; }.strp-station i { background:#62bde7; border-radius:50%; width:45px; height:45px; margin:0 auto 18px; display:block; box-shadow:0 0 0 10px #4ba9e315,0 0 22px #4ba9e34d; -webkit-mask:url('/assets/icons/crane/task.svg') center/25px no-repeat; mask:url('/assets/icons/crane/task.svg') center/25px no-repeat; }.strp-station b { font-size:10px; display:block; }.strp-station span { color:#7f9dac; margin-top:8px; font-size:8px; display:block; }.strp-flow__steps { border-top:1px solid #ffffff1a; justify-content:space-between; display:flex; padding-top:18px; position:absolute; left:6%; right:6%; bottom:30px; }.strp-flow__steps span { color:#73bddd; letter-spacing:.1em; font-size:7px; } @keyframes strp-lift { 0%,15%,100% { top:245px; } 45%,70% { top:105px; } } @keyframes strp-runner-route { 0%,25% { left:31%; } 75%,100% { left:69%; } } @keyframes strp-tote-route { 0%,18% { left:29%; top:317px; } 25% { left:34%; top:307px; } 75%,100% { left:72%; top:307px; } }
.strp-flow-video { background:#061722; border:1px solid #28516a; min-height:500px; position:relative; overflow:hidden; box-shadow:0 24px 60px #020b1199; }.strp-flow-video video { object-fit:cover; width:100%; height:100%; min-height:500px; display:block; position:absolute; inset:0; }
.strp-components { background:#fff; padding:clamp(90px,9vw,145px) var(--page-gutter); }.strp-components header,.strp-design header,.strp-applications header { grid-template-columns:.65fr 1.35fr; gap:60px; margin-bottom:55px; display:grid; }.strp-components header .section-kicker,.strp-design header .section-kicker,.strp-applications header .section-kicker { border-right:1px solid #d5e2e9; padding-right:35px; }.strp-components h2,.strp-design h2,.strp-applications h2 { margin:0; }.strp-components > div { border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(3,1fr); display:grid; }.strp-components article { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:530px; padding:22px; }.strp-components figure { background:#edf5f8; height:245px; margin:0 0 25px; overflow:hidden; }.strp-components figure img { object-fit:contain; width:100%; height:100%; padding:15px; }.strp-components small,.strp-benefits small,.strp-applications small { color:#388fbe; font-size:9px; font-weight:800; }.strp-components h3 { margin:18px 0 10px; font-size:22px; }.strp-components p,.strp-benefits article p,.strp-applications p { color:#607786; margin:0; font-size:13px; line-height:1.65; }
.strp-orchestration { background:#edf5f8; padding:clamp(90px,9vw,140px) var(--page-gutter); }.strp-orchestration header { max-width:1050px; }.strp-orchestration header p { color:#607786; max-width:700px; font-size:15px; line-height:1.75; }.strp-orchestration__diagram { align-items:stretch; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:20px; margin-top:55px; display:grid; }.strp-orchestration__diagram div { background:#fff; border:1px solid #cadde6; min-height:180px; padding:28px; box-shadow:0 14px 30px #17394d0b; }.strp-orchestration__diagram div small { color:#3996c8; font-size:9px; }.strp-orchestration__diagram div b { margin:28px 0 9px; font-size:18px; display:block; }.strp-orchestration__diagram div span { color:#607786; font-size:11px; }.strp-orchestration__diagram > i { color:#3996c8; align-self:center; font-style:normal; font-size:24px; }
.strp-benefits { color:#fff; background:#071c2b; padding:clamp(90px,9vw,145px) var(--page-gutter); }.strp-benefits > header { grid-template-columns:1.15fr .85fr; align-items:end; gap:60px; margin-bottom:55px; display:grid; }.strp-benefits > header p { color:#9eb5c2; font-size:14px; line-height:1.75; }.strp-benefits > div { border-top:1px solid #ffffff24; border-left:1px solid #ffffff24; grid-template-columns:repeat(4,1fr); display:grid; }.strp-benefits article { border-right:1px solid #ffffff24; border-bottom:1px solid #ffffff24; min-height:210px; padding:30px; }.strp-benefits h3 { margin:28px 0 10px; font-size:21px; }.strp-benefits article p { color:#9eb5c2; }
.strp-design { background:#fff; padding:clamp(90px,9vw,145px) var(--page-gutter); }.strp-design ol { list-style:none; border-top:1px solid #cfdee6; border-left:1px solid #cfdee6; grid-template-columns:repeat(3,1fr); margin:0; padding:0; display:grid; }.strp-design li { border-right:1px solid #cfdee6; border-bottom:1px solid #cfdee6; min-height:204px; padding:30px; }.strp-design li small { color:#388fbe; font-size:10px; }.strp-design li b { margin:30px 0 10px; font-size:20px; display:block; }.strp-design li p { color:#607786; margin:0; font-size:13px; line-height:1.65; }.strp-applications { background:#edf5f8; padding:clamp(90px,9vw,145px) var(--page-gutter); }.strp-applications > div { border-top:1px solid #c5d9e3; border-left:1px solid #c5d9e3; grid-template-columns:repeat(4,1fr); display:grid; }.strp-applications article { border-right:1px solid #c5d9e3; border-bottom:1px solid #c5d9e3; min-height:200px; padding:28px 30px; }.strp-applications h3 { margin:20px 0 10px; font-size:21px; }
@media (prefers-reduced-motion:reduce) { .article--strp .strp-hero-video video { display:none; }.article--strp .strp-hero-video { background:var(--ink) center/cover; }.strp-lift,.strp-tote,.strp-runner { animation:none; } }
@media (max-width:980px) { .strp-intro,.strp-flow { grid-template-columns:1fr; }.strp-flow > header { border-right:0; border-bottom:1px solid #ffffff24; padding:0 0 45px; }.strp-components > div,.strp-design ol { grid-template-columns:repeat(2,1fr); }.strp-benefits > header { grid-template-columns:1fr; }.strp-benefits > div,.strp-applications > div { grid-template-columns:repeat(2,1fr); }.strp-orchestration__diagram { grid-template-columns:1fr; }.strp-orchestration__diagram > i { text-align:center; transform:rotate(90deg); } }
@media (max-width:680px) { .article--strp .article-hero { min-height:760px; }.article--strp .article-hero__inner { width:auto; padding:120px 24px 75px; }.strp-intro > div { padding:75px 24px; }.strp-intro li { grid-template-columns:1fr; gap:6px; }.strp-intro figure { min-height:430px; }.strp-flow,.strp-components,.strp-orchestration,.strp-benefits,.strp-design,.strp-applications { padding-inline:24px; }.strp-components header,.strp-design header,.strp-applications header { grid-template-columns:1fr; }.strp-components header .section-kicker,.strp-design header .section-kicker,.strp-applications header .section-kicker { border-right:0; border-bottom:1px solid currentColor; padding:0 0 24px; }.strp-components > div,.strp-benefits > div,.strp-design ol,.strp-applications > div { grid-template-columns:1fr; }.strp-flow__visual { min-height:650px; }.strp-rack { left:4%; }.strp-station { top:380px; right:5%; }.strp-track { top:345px; }.strp-flow__steps { flex-wrap:wrap; gap:10px; }.strp-components article { min-height:0; } }

@media (max-width: 980px) {
  .solution-hero { grid-template-columns:1fr; }
  .solution-hero--wide-video .solution-hero__visual { margin-left:0; }
  .solution-hero__visual { min-height:520px; }
  .solution-problem > header,.solution-architecture,.solution-capabilities > header { grid-template-columns:1fr; }
  .solution-architecture header { border-right:0; border-bottom:1px solid #ffffff24; padding:0 0 45px; }
  .solution-metrics { grid-template-columns:repeat(2,1fr); }
  .solution-delivery { grid-template-columns:1fr; }.solution-delivery figure { min-height:520px; }
  .crane-overview,.crane-safety { grid-template-columns:1fr; }.crane-overview figure { min-height:520px; }.crane-capabilities .solution-capabilities__grid { grid-template-columns:repeat(2,1fr); }.crane-capabilities .solution-capabilities__grid article:nth-child(3n+1) { border-left:0; }.crane-capabilities .solution-capabilities__grid article:nth-child(odd) { border-left:1px solid #cfdee6; }.crane-workflow ol { grid-template-columns:repeat(2,1fr); }.crane-applications > div { grid-template-columns:repeat(2,1fr); }
  .crane-problem > header > .section-kicker { border-right:0; border-bottom:1px solid #d5e2e9; min-height:0; padding:0 0 25px; }
  .crane-workflow > header > .section-kicker { border-right:0; border-bottom:1px solid #ffffff24; min-height:0; padding:0 0 25px; }
  .crane-applications > header > .section-kicker { border-right:0; border-bottom:1px solid #d5e2e9; min-height:0; padding:0 0 25px; }
}

@media (max-width: 680px) {
  .solution-hero__copy { padding:95px 24px 65px; }
  .solution-hero__visual { min-height:390px; }
  .solution-problem { padding-inline:24px; }
  .solution-problem__cards,.solution-capabilities__grid { grid-template-columns:1fr; }
  .solution-problem__cards article { border-left:1px solid #ccdde5; border-bottom:1px solid #ccdde5; }
  .solution-metrics { grid-template-columns:1fr; padding-inline:24px; }
  .solution-architecture { padding-inline:24px; }
  .solution-architecture__diagram { grid-template-columns:1fr; gap:25px; }
  .solution-architecture__rail { width:1px; height:auto; top:5%; bottom:5%; left:50%; right:auto; }
  .solution-architecture__diagram article > b { display:none; }
  .solution-capabilities { padding-inline:24px; }
  .solution-capabilities__grid article { border-left:1px solid #cfdee6; }
  .solution-delivery > div { padding:70px 24px; }
  .crane-overview > div { padding:70px 24px; }.crane-overview li { grid-template-columns:1fr; gap:6px; }.crane-capabilities .solution-capabilities__grid { grid-template-columns:1fr; }.crane-capabilities .solution-capabilities__grid article { border-left:1px solid #cfdee6; }.crane-safety { padding-inline:24px; }.crane-safety__diagram { --crane-travel:42px; min-height:570px; padding:25px; }.crane-safety__rail { left:25px; right:25px; }.crane-safety__zone { width:150px; }.crane-safety__zone--one { left:4%; }.crane-safety__zone--two { top:205px; right:2%; }.crane-safety__zone--three { left:4%; }.crane-workflow { padding-inline:24px; }.crane-workflow > header,.crane-applications header { grid-template-columns:1fr; }.crane-workflow ol,.crane-applications > div { grid-template-columns:1fr; }.crane-applications { padding-inline:24px; }
  .crane-architecture .solution-architecture__diagram { grid-template-columns:1fr; gap:34px; }.crane-architecture .solution-architecture__rail { background:linear-gradient(#2f6684,#58b5e8,#2f6684); width:2px; height:auto; top:4%; bottom:4%; left:50%; right:auto; }.crane-architecture .solution-architecture__diagram article { min-height:210px; }.crane-architecture .solution-architecture__diagram article > b,.crane-architecture .solution-architecture__diagram article:nth-of-type(2) > b { top:auto; right:50%; bottom:-31px; transform:translateX(50%) rotate(90deg); }
}

.sector-content {
  background: #fff;
  grid-template-columns: minmax(280px, .8fr) minmax(0, 1.45fr);
  gap: clamp(60px, 9vw, 150px);
  padding: 70px var(--page-gutter) 120px var(--page-gutter);
  display: grid;
}

.sector-content > aside {
  align-self: start;
  position: static;
}

.sector-content > aside h2 {
  margin: 24px 0 50px;
  font: 500 clamp(31px, 3.2vw, 50px)/1.1 var(--font-display);
  letter-spacing: -.045em;
}

.sector-content__meta {
  border-top: 1px solid #d6e2e8;
  align-items: flex-end;
  gap: 17px;
  padding-top: 23px;
  display: flex;
}

.sector-content__meta strong {
  font: 600 52px/.85 var(--font-display);
  letter-spacing: -.06em;
  display: flex;
  line-height: 1;
}

.sector-content__meta sup {
  color: #46a5df;
  font-size: 40px;
  padding-left: 5px;
}

.sector-content__meta span {
  color: #6d808c;
  max-width: 140px;
  font-size: 16px;
  line-height: 1.4;
}

.sector-rich-content {
  width: 100%;
  max-width: 800px;
  margin: 0;
  padding: 0;
}

.sector-rich-content > p:first-of-type {
  margin-top: 0;
  color: #132532;
  font-size: 20px;
  line-height: 1.65;
}

.sector-rich-content h2,
.sector-rich-content h3 {
  margin: 54px 0 18px;
  font: 600 clamp(25px, 2.4vw, 36px)/1.15 var(--font-display);
  letter-spacing: -.035em;
}

.sector-rich-content p,
.sector-rich-content li {
  color: #536b79;
  font-size: 15px;
  line-height: 1.85;
}

.sector-rich-content ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 30px 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.sector-rich-content li {
  background: #eef5f8;
  border-left: 3px solid #46a5df;
  padding: 15px 18px;
}

.sector-rich-content img {
  width: 100%;
  margin: 38px 0;
}

.sector-process {
  color: var(--ink);
  background: #eef5f8;
  border-top: 3px solid #45a4e4;
  margin: 56px 0;
  padding: 34px 34px 0;
  position: relative;
  overflow: hidden;
}

.sector-process:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #ffffff6b 1px, #0000 1px);
  background-size: 25% 100%;
  position: absolute;
  inset: 0;
}

.sector-process > * {
  position: relative;
}

.sector-process figcaption {
  grid-template-columns: .7fr 1.3fr;
  align-items: end;
  gap: 30px;
  padding-bottom: 32px;
  display: grid;
}

.sector-process figcaption span {
  color: #2789c4;
  font: 700 12px var(--font-display);
  letter-spacing: .15em;
}

.sector-process figcaption strong {
  max-width: 390px;
  font: 600 25px/1.15 var(--font-display);
  letter-spacing: -.035em;
}

.sector-process__flow {
  border-top: 1px solid #cbdce5;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.sector-process__flow > div {
  border-right: 1px solid #cbdce5;
  min-height: 205px;
  padding: 24px 22px 26px 0;
  position: relative;
}

.sector-process__flow > div:not(:first-child) {
  padding-left: 20px;
}

.sector-process__flow > div:last-child {
  border-right: 0;
}

.sector-process__flow small {
  color: #52839f;
  font-size: 12px;
}

.sector-process__flow > div > span {
  color: #fff;
  background: #278fca;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  margin: 16px 0 18px;
  font-size: 12px;
  display: grid;
}

.sector-process__flow b {
  max-width: 180px;
  font: 650 14px/1.35 var(--font-display);
  display: block;
}

.sector-process__flow p {
  color: #5c7381;
  max-width: 190px;
  margin: 11px 0 0;
  font-size: 12px;
  line-height: 1.65;
}

/* Tüm alt sayfalardaki CTA, ana sayfadaki koyu ve ışıklı yapıyı kullanır. */
.inner-cta {
  text-align: center;
  color: #fff;
  background: #071722;
  padding-block: 125px;
  position: relative;
  overflow: hidden;
}

.inner-cta > :not(.cta-lines) {
  z-index: 1;
  position: relative;
}

.inner-cta .section-kicker {
  color: #67acd8;
}

.inner-cta h2 {
  margin: 25px 0;
  font: 500 54px/1 var(--font-display);
  letter-spacing: -.06em;
}

.inner-cta h2 em {
  color: #4ba6e1;
  font-style: normal;
}

.inner-cta p {
  color: #94a6b2;
  margin: 0 0 30px;
  font-size: 18px;
}

.inner-cta .pill-button {
  margin-inline: auto;
}

.contextual-cta__trust {
  display: block;
  margin-top: 16px;
  color: rgba(255, 255, 255, .62);
  font-size: 12px;
  line-height: 1.5;
}

.field > span small {
  color: var(--muted);
  font-size: .78em;
  font-weight: 500;
}

/* İş sonucu bandı — üstünde bazen ürün ailesi menüsü (vertical-storage-nav /
   mes-family-nav), bazen doğrudan koyu banner durur. İki durumda da ayrı bir
   öğe gibi okunması için kendi zeminine oturur: bant gri-mavi zemin, içerik
   ise sayfa hizasında duran beyaz bir kart yüzeyidir. */
.solution-outcome {
  --so-ground: clamp(24px, 2.6vw, 38px);
  --so-pad: clamp(20px, 2.1vw, 28px);
  --so-inset: max(0px, calc(var(--page-gutter) - var(--so-pad)));
  display: grid;
  grid-template-columns: minmax(300px, .9fr) 44px minmax(380px, 1.1fr);
  grid-template-rows: auto auto;
  grid-template-areas:
    "label arrow result"
    "title arrow result";
  align-items: center;
  gap: 5px clamp(24px, 3.2vw, 48px);
  margin: 0;
  padding: calc(var(--so-ground) + var(--so-pad)) calc(var(--so-inset) + var(--so-pad));
  overflow: visible;
  position: relative;
  isolation: isolate;
  background: #e0eaf1;
  border-top: 0;
  border-bottom: 1px solid #d3e0e9;
  box-shadow: none;
  color: var(--ink);
}

/* Kart yüzeyi içeriğin arkasında durur; üstteki menü şeridiyle bandın aynı
   düzlemde görünmesini engelleyen asıl ayrım budur. */
.solution-outcome:after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: var(--so-ground) var(--so-inset);
  background: #fff;
  border: 1px solid #d7e4ea;
  box-shadow: 0 16px 36px #11314412;
}

/* Mavi ray kartın sol kenarına taşındı; üstte menü varken eskisi gibi
   "01" sekmesinin altı çiziliyormuş izlenimi vermez. Kart yüzeyi z-index -1
   ile arkada durduğundan ray 0 seviyesinde kalır, yoksa altında gizlenir. */
.solution-outcome:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: var(--so-ground);
  bottom: var(--so-ground);
  left: var(--so-inset);
  width: 3px;
  height: auto;
  background: #42a7df;
}

.solution-outcome > span {
  grid-area: label;
  display: block;
  align-self: end;
  padding: 0;
  background: transparent;
  color: #348dbd;
  font: 700 10px/1.3 var(--font-display);
  letter-spacing: .15em;
}

.solution-outcome > strong {
  grid-area: title;
  display: block;
  align-self: start;
  min-width: 0;
  padding: 0;
  overflow-wrap: anywhere;
  text-wrap: balance;
  background: transparent;
  color: #0b2030;
  font: 650 clamp(17px, 1.3vw, 19px)/1.25 var(--font-display);
}

.solution-outcome > i {
  grid-area: arrow;
  display: grid;
  place-self: center;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #d5e4ec;
  border-radius: 0;
  background: #f4fafd;
  color: #2f96d8;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
}

.solution-outcome > div {
  grid-area: result;
  display: block;
  align-self: stretch;
  min-width: 0;
  padding: 6px 0 6px clamp(20px, 2.6vw, 34px);
  border-left: 1px solid #dfe9ef;
  background: transparent;
}

.solution-outcome > div > small {
  color: #348dbd;
  font: 700 10px/1.3 var(--font-display);
  letter-spacing: .15em;
}

.solution-outcome p {
  margin: 5px 0 0;
  color: #24465a;
  font-size: 14px;
  line-height: 1.5;
}

.child-card__outcome {
  margin-top: 14px !important;
  padding-top: 12px;
  border-top: 1px solid #e1e9ee;
  color: #375d72 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.child-card__outcome b { color: var(--ink); }

/* Anonymous project stories ------------------------------------------------ */
.solution-decision { background: #f5f9fb; }
.solution-decision__intro { display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: end; margin-bottom: 55px; }
.solution-decision__intro .section-kicker { grid-column: 1/-1; }
.solution-decision__intro h2 { margin: 0; color: var(--ink); font: 550 clamp(44px,5vw,70px)/1 var(--font-display); letter-spacing: -.055em; }
.solution-decision__intro h2 em { color: var(--blue); font-style: normal; }
.solution-decision__intro p { margin: 0; color: #536d7c; font-size: 16px; line-height: 1.75; }
.solution-proof { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 70px; border: 1px solid #cfdee6; background: #fff; }
.solution-proof span { min-height: 125px; display: flex; flex-direction: column; justify-content: center; padding: 24px 30px; color: #56707f; border-right: 1px solid #cfdee6; font-size: 12px; }
.solution-proof span:last-child { border-right: 0; }
.solution-proof strong { margin-bottom: 7px; color: #168dcc; font: 600 42px/.9 var(--font-display); letter-spacing: -.05em; }
.solution-groups-page { border-top: 1px solid #cbdbe3; }
.solution-group-page { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; padding: 54px 0; border-bottom: 1px solid #cbdbe3; }
.solution-group-page__lead small { color: #479dcc; font: 700 10px var(--font-display); }
.solution-group-page__lead h2 { max-width: 560px; margin: 14px 0 18px; color: var(--ink); font: 600 34px/1.05 var(--font-display); letter-spacing: -.035em; }
.solution-group-page__lead strong { display: block; max-width: 590px; margin-bottom: 15px; color: #168dcc; font: 650 16px/1.35 var(--font-display); }
.solution-group-page__lead p { max-width: 610px; margin: 0; color: #577180; line-height: 1.7; }
.solution-group-page__links { display: grid; align-content: start; grid-template-columns: repeat(2,1fr); border-top: 1px solid #d5e2e8; }
.solution-group-page__links a { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 16px 18px; color: var(--ink); border-right: 1px solid #d5e2e8; border-bottom: 1px solid #d5e2e8; font: 650 14px/1.25 var(--font-display); }
.solution-group-page__links a:nth-child(even) { border-right: 0; }
.solution-group-page__links a:hover { color: #168dcc; background: #fff; }
.solution-group-page__links i { color: #168dcc; font-style: normal; }
.case-studies-hero h1 { line-height: 1; }
.home-cases { padding-block: 100px; color: #fff; background: #071c2b; }
.home-cases__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 55px; }
.home-cases__head h2 { margin: 20px 0 0; font: 550 clamp(46px,5vw,72px)/.98 var(--font-display); letter-spacing: -.055em; }
.home-cases__head h2 em { color: #58afe3; font-style: normal; }
.home-cases__head > a { min-width: 200px; padding: 0 0 16px; color: #fff; border-bottom: 1px solid #ffffff45; font: 650 14px var(--font-display); }
.home-cases__head > a span { float: right; }
.home-cases__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.home-case { min-height: 460px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 28px; color: #fff; background: #0a2637; }
.home-case > img,.home-case__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.home-case > img { object-fit: cover; transition: transform .5s; }
.home-case__shade { background: linear-gradient(0deg,#061824f2 0,#071c2b33 70%); }
.home-case:hover > img { transform: scale(1.035); }
.home-case > small,.home-case > i { z-index: 1; position: absolute; top: 25px; font: 700 9px var(--font-display); letter-spacing: .1em; }
.home-case > small { left: 25px; }.home-case > i { right: 25px; padding: 8px; background: #071c2bbf; font-style: normal; text-transform: uppercase; }
.home-case__metric,.home-case h3,.home-case > b { z-index: 1; position: relative; }
.home-case__metric { display: flex; align-items: flex-end; gap: 12px; margin-bottom: 28px; }
.home-case__metric strong { color: #58afe3; font: 600 58px/.8 var(--font-display); letter-spacing: -.06em; }
.home-case__metric span { max-width: 115px; color: #c1d2dc; font-size: 10px; line-height: 1.25; }
.home-case h3 { max-width: 85%; margin: 0; padding-top: 22px; border-top: 1px solid #ffffff2b; font: 650 18px/1.16 var(--font-display); }
.home-case > b { position: absolute; right: 24px; bottom: 24px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #ffffff72; border-radius: 50%; }
.related-cases,
.case-library {
  padding: 90px var(--page-gutter);
  background: #fff;
}

/* Başarı hikâyeleri bölümü, üstündeki içerikten ince bir çizgiyle ayrılır. */
.related-cases {
  border-top: 1px solid #dce8ef;
}

.related-cases > header,
.case-library > header {
  max-width: 920px;
  margin-bottom: 42px;
}

.related-cases h2,
.case-library > header h2 {
  margin: 18px 0;
  color: var(--ink);
  font: 550 clamp(42px, 5vw, 68px)/1 var(--font-display);
  letter-spacing: -.055em;
}

.related-cases h2 em,
.case-library h2 em { color: var(--blue); font-style: normal; }
.related-cases > header p,
.case-library > header p { max-width: 720px; color: #5a7180; line-height: 1.7; }
.related-cases__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.case-library { background: #f5f9fb; }
.case-library__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.case-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: -12px 0 34px; }
.case-filters button { padding: 11px 16px; color: #35586b; background: transparent; border: 1px solid #cbdde6; font: 650 12px var(--font-display); cursor: pointer; }
.case-filters button:hover,.case-filters button.is-active { color: #fff; background: #168dcc; border-color: #168dcc; }
.case-study-card[hidden] { display: none; }

.case-study-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  color: var(--ink);
  background: #f5f9fb;
  border: 1px solid #d9e5eb;
  border-radius: 0;
  transition: transform .25s, border-color .25s, box-shadow .25s;
}
.case-study-card:hover { transform: translateY(-5px); border-color: #86bedd; box-shadow: 0 18px 50px #0b2a3b14; }
.case-study-card figure { height: 220px; margin: 0; position: relative; overflow: hidden; background: #0a2030; }
.case-study-card figure img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.7); transition: transform .5s; }
.case-study-card:hover figure img { transform: scale(1.035); }
.case-study-card figure span { position: absolute; left: 18px; bottom: 16px; padding: 7px 10px; color: #fff; background: #071c2bcc; font: 700 9px var(--font-display); letter-spacing: .13em; }
.case-study-card > div { display: flex; flex: 1; flex-direction: column; padding: 25px; }
.case-study-card small { color: #3e8fc1; font: 750 9px var(--font-display); letter-spacing: .14em; }
.case-study-card h3,
.case-study-card--library h2 { margin: 12px 0; font: 650 22px/1.16 var(--font-display); letter-spacing: -.025em; }
.case-study-card p { margin: 0 0 24px; color: #526c7b; font-size: 14px; line-height: 1.65; }
.case-study-card b { margin-top: auto; padding-top: 16px; border-top: 1px solid #dbe5ea; font-size: 14px; }
.case-study-card b i { float: right; color: var(--blue); font-style: normal; }
.case-study-card--library { background: #fff; }
.case-study-card--library figure { height: 310px; }
.related-cases--others .case-study-card figure { height: 310px; }
.related-cases--others .case-study-card figure:after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,#061824db 0,transparent 70%); }
.related-cases--others .case-study-card figure > span { z-index: 2; top: 18px; bottom: auto; }
.case-study-card--library figure:after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,#061824db 0,transparent 70%); }
.case-card-metric { z-index: 1; position: absolute; left: 22px; right: 22px; bottom: 22px; display: flex; align-items: flex-end; gap: 12px; }
.case-card-metric strong { color: #58afe3; font: 600 58px/.8 var(--font-display); letter-spacing: -.065em; }
.case-card-metric small { max-width: 115px; color: #e1ecf2; font: 600 10px/1.25 var(--font-display); letter-spacing: 0; }
.case-study-card--library figure > span { z-index: 2; top: 18px; bottom: auto; }
.case-study-card--library h2 { font-size: 30px; }

.case-detail { background: #fff; }
.case-detail__hero { min-height: 720px; display: grid; grid-template-columns: 1.05fr .95fr; color: #fff; background: #071c2b; }
.case-detail__copy { display: flex; flex-direction: column; justify-content: center; padding: 150px var(--page-gutter) 90px; }
.case-detail__copy .section-kicker { color: #58afe3; margin: 45px 0 20px; }
.case-detail__copy h1 { max-width: 780px; margin: 0 0 10px; font: 550 54px/1.1 var(--font-display); letter-spacing: -.06em; }
.case-detail__copy > p { max-width: 700px; color: #b6c9d4; font-size: 17px; line-height: 1.7; }
.case-detail__hero > figure { margin: 0; min-height: 720px; position: relative; overflow: hidden; }
.case-detail__hero > figure:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#071c2b 0,transparent 38%),linear-gradient(0deg,#071c2bbb,transparent 40%); }
.case-detail__hero > figure img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.65); }
.case-detail__hero figcaption { z-index: 2; position: absolute; left: 32px; right: 32px; bottom: 30px; color: #d2e0e7; font-size: 11px; }
.case-detail__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.case-detail__tags a { padding: 9px 12px; border: 1px solid #ffffff3a; border-radius: 999px; color: #d6e5ed; font-size: 12px; }
.case-confidentiality { display: grid; grid-template-columns: 180px 1fr; gap: 30px; padding: 26px var(--page-gutter); color: #24485c; background: #eaf5fb; border-bottom: 1px solid #cfe3ee; }
.case-confidentiality b { color: #147eb9; font: 700 13px var(--font-display); }
.case-confidentiality p { max-width: 1050px; margin: 0; font-size: 13px; line-height: 1.65; }
.case-detail__body { padding: 90px var(--page-gutter); }
.case-detail__body--metrics { padding-bottom: 0; }
.case-detail__body > section { width: 100%; max-width: none; margin: 0 0 90px; }
.case-detail__body .case-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.case-detail__body .case-intro h2,
.case-detail__body .case-section h2 { margin: 10px 0 25px; color: var(--ink); font: 550 54px/1.03 var(--font-display); letter-spacing: -.05em; }
.case-detail__body .case-section > .section-kicker { display: block; margin-bottom: 18px; }
.case-detail__body p { color: #496574; font-size: 16px; line-height: 1.8; }
.case-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-bottom: 14px !important; overflow: hidden; color: #fff; background: #20445a; border: 1px solid #20445a; }
.case-kpis article { min-height: 265px; display: flex; flex-direction: column; justify-content: flex-end; padding: 34px; background: #071c2b; }
.case-kpis strong { display: block; margin-bottom: 18px; color: #58afe3; font: 600 clamp(58px, 6.4vw, 94px)/.82 var(--font-display); letter-spacing: -.07em; }
.case-kpis span { max-width: 280px; color: #fff; font: 650 18px/1.25 var(--font-display); }
.case-kpis small { margin-top: 12px; color: #86a4b4; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.case-metric-note { width: 100%; max-width: none; margin: 0 0 80px !important; color: #718895 !important; font-size: 11px !important; line-height: 1.55 !important; }
.case-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #d7e4eb; border: 1px solid #d7e4eb; }
.case-facts article { min-height: 180px; padding: 28px; background: #f5f9fb; }
.case-facts small { color: #3d94c8; font: 700 13px var(--font-display); letter-spacing: .13em; }
.case-facts h3 { margin: 20px 0 10px; color: var(--ink); font: 650 20px var(--font-display); }
.case-facts p { margin: 0; font-size: 14px; line-height: 1.6; }
.case-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.case-columns article { padding: 34px; border: 1px solid #dbe6ec; background: #fff; }
.case-columns h3 { margin: 0 0 16px; color: var(--ink); font: 650 24px var(--font-display); }
.case-columns ul { margin: 0; padding-left: 18px; color: #496574; line-height: 1.8; }
.case-results { color: #fff; background: #071c2b; padding: 55px; }
.case-results h2 { color: #fff !important; }
.case-results > .section-kicker { color: #58afe3; }
.case-results p { color: #b8cbd6; }
.case-results__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 32px; }
.case-results__grid div { padding: 24px; border: 1px solid #ffffff24; }
.case-results__grid b { display: block; color: #58afe3; font: 650 18px var(--font-display); margin-bottom: 10px; }
.case-results__grid span { color: #c0d1da; font-size: 13px; line-height: 1.6; }

@media (max-width: 900px) {
  .solution-decision__intro,.solution-group-page { grid-template-columns: 1fr; gap: 28px; }
  .solution-proof { grid-template-columns: repeat(2,1fr); }
  .home-cases__grid { grid-template-columns: 1fr; }
  .related-cases__grid { grid-template-columns: 1fr; }
  .case-library__grid { grid-template-columns: repeat(2, 1fr); }
  .case-detail__hero { grid-template-columns: 1fr; }
  .case-detail__hero > figure { min-height: 440px; }
  .case-detail__body .case-intro { grid-template-columns: 1fr; gap: 24px; }
  .case-facts, .case-kpis, .case-results__grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .solution-proof,.solution-group-page__links { grid-template-columns: 1fr; }
  .solution-proof span,.solution-group-page__links a { border-right: 0; }
  .home-cases__head { align-items: flex-start; flex-direction: column; }
  .home-case { min-height: 440px; }
  .related-cases, .case-library, .case-detail__body { padding-block: 65px; }
  .case-detail__copy { padding-top: 115px; }
  .case-detail__copy h1 { font-size: 45px; }
  .case-confidentiality, .case-columns { grid-template-columns: 1fr; }
  .case-study-card--library figure { height: 230px; }
  .case-library__grid { grid-template-columns: 1fr; }
  .case-results { padding: 30px 22px; }
}

@media (max-width: 980px) {
  .solution-outcome {
    --so-ground: 26px;
    --so-pad: 22px;
    grid-template-columns: minmax(0, .9fr) 40px minmax(0, 1.1fr);
    gap: 5px 22px;
  }

  .solution-outcome > i { width: 36px; height: 36px; }
}

@media (max-width: 760px) {
  .solution-outcome {
    --so-ground: 20px;
    --so-pad: 22px;
    --so-inset: 14px;
    grid-template-columns: 1fr;
    grid-template-areas:
      "label"
      "title"
      "result";
    gap: 0;
  }

  .solution-outcome > span { margin-bottom: 6px; }
  .solution-outcome > strong { font-size: 18px; }
  .solution-outcome > i { display: none; }
  .solution-outcome > div { margin-top: 16px; padding: 16px 0 0; border-top: 1px solid #d7e4ea; border-left: 0; }
  .solution-outcome p { font-size: 14px; }
}

@media (max-width: 900px) {
  .sector-hero {
    grid-template-columns: 1fr;
  }

  .sector-hero__visual {
    height: 440px;
  }

  .sector-switcher {
    grid-template-columns: 1fr;
    gap: 0;
    padding-top: 22px;
  }

  .sector-switcher__label {
    padding-bottom: 18px;
  }

  .sector-references {
    grid-template-columns: 1fr;
    padding-block: 22px;
  }

  .page-switcher--sectors > div,
  .page-switcher--services > div,
  .page-switcher--corporate > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-switcher--sectors > div {
    grid-template-columns: repeat(var(--switcher-count), minmax(105px, 1fr));
    overflow-x: auto;
  }

  .page-switcher--services > div {
    grid-template-columns: repeat(var(--switcher-count), minmax(105px, 1fr));
    overflow-x: auto;
  }

  .page-switcher--corporate > div {
    grid-template-columns: repeat(var(--switcher-count), minmax(105px, 1fr));
    overflow-x: auto;
  }

  .sector-content {
    grid-template-columns: 1fr;
    gap: 55px;
    padding-block: 85px;
  }

  .sector-content > aside {
    position: static;
  }

  .organization-map--legacy > header {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 620px) {
  .sector-hero {
    padding-top: 78px;
  }

  .sector-hero__copy {
    padding-block: 45px 55px;
  }

  .sector-hero h1 {
    font-size: 58px;
  }

  .sector-hero__visual {
    height: 330px;
  }

  .sector-content {
    padding-block: 65px;
  }

  .sector-rich-content ul {
    grid-template-columns: 1fr;
  }

  .sector-process {
    padding: 26px 22px;
  }

  .sector-process figcaption {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .sector-process__flow {
    grid-template-columns: 1fr;
  }

  .sector-process__flow > div,
  .sector-process__flow > div:not(:first-child) {
    border-right: 0;
    border-bottom: 1px solid #cbdce5;
    min-height: 0;
    padding: 18px 0;
  }

  .sector-process__flow > div:last-child {
    border-bottom: 0;
  }

  .sector-process__flow > div > span {
    margin: 12px 0;
  }

  .inner-cta {
    padding-block: 85px;
  }
}

.mega-feature .mega-feature__eyebrow {
  align-self: flex-start;
  font-size: 12px;
  line-height: 1.4;
  position: static;
}

.mega-feature b {
  margin: 24px 0 8px;
  font-size: 18px;
  line-height: 1.25;
}

.mega-feature p {
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 1.55;
}

.mega-feature .pill-button {
  justify-content: space-between;
  padding: 13px 16px;
}

.search-toggle {
  cursor: pointer;
  background: none;
  border: 1px solid #ffffff4d;
  border-radius: 50%;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.search-toggle span {
  border: 1.5px solid;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: relative;
}

.search-toggle span:after {
  content: "";
  background: currentColor;
  width: 6px;
  height: 1.5px;
  position: absolute;
  bottom: -2px;
  right: -5px;
  transform: rotate(45deg);
}

.search-panel {
  z-index: 49;
  color: var(--ink);
  backdrop-filter: blur(18px);
  background: #f5f9fcfa;
  padding: 44px max(7vw, 28px) 40px;
  position: fixed;
  inset: var(--header-height, 96px) 0 auto;
  box-shadow: 0 30px 70px #00101c38;
  border-bottom: 3px solid var(--blue);
}

.search-panel[hidden] {
  display: none;
}

.search-panel__close {
  position: absolute;
  top: 16px;
  /* Sayfa kenar payı 3. bölümde --page-gutter ile ezildiği için düğme de
     aynı değişkeni kullanır; aksi hâlde geniş ekranda alanla hizasız kalır. */
  right: var(--page-gutter, max(7vw, 28px));
  width: 38px;
  height: 38px;
  border: 1px solid #0b1f2f1f;
  border-radius: 50%;
  background: #fff;
  color: #56707f;
  font: 300 24px/1 var(--font-body);
  cursor: pointer;
  transition: border-color .16s ease, color .16s ease, transform .16s ease;
}

.search-panel__close:hover {
  border-color: var(--blue);
  color: var(--blue);
  transform: rotate(90deg);
}

.search-panel__form {
  max-width: 900px;
  margin: auto;
}

.search-panel__title {
  display: block;
  font: 600 clamp(26px, 2.6vw, 40px)/1.05 var(--font-display);
  letter-spacing: -.045em;
  margin-bottom: 20px;
}

/* Alan, sonuç sayfasındaki şeritle aynı dili konuşur: alt çizgi yerine
   yükseltilmiş beyaz bir hap. Odakta mavi halka çıkar — imleç nerede,
   bir bakışta belli olur. */
.search-panel__field {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid #0b1f2f1a;
  border-radius: 999px;
  padding: 6px 6px 6px 20px;
  box-shadow: 0 14px 34px #08192812;
  transition: border-color .16s ease, box-shadow .16s ease;
}

.search-panel__field:focus-within {
  border-color: var(--blue);
  box-shadow: 0 0 0 4px #4ea9e926, 0 14px 34px #08192812;
}

.search-panel__icon {
  display: flex;
  color: var(--blue);
}

.search-panel__icon svg {
  width: 20px;
  height: 20px;
}

.search-panel input {
  min-width: 0;
  font: 500 17px var(--font-body);
  color: var(--ink);
  background: none;
  border: 0;
  outline: 0;
  padding: 15px 0;
}

.search-panel input::-webkit-search-cancel-button {
  display: none;
}

.search-panel__submit {
  font: 700 14px var(--font-body);
  color: #fff;
  cursor: pointer;
  background: var(--blue);
  border: 0;
  border-radius: 999px;
  padding: 13px 28px;
  white-space: nowrap;
  transition: background .16s ease;
}

.search-panel__submit:hover {
  background: #3d95d4;
}

.search-panel__terms {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: #718493;
  font-size: 13px;
}

.search-panel__terms span {
  margin-inline-end: 2px;
}

.search-panel__terms a {
  padding: 6px 14px;
  border: 1px solid #0b1f2f1f;
  border-radius: 999px;
  background: #fff;
  color: #24485e;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  transition: border-color .16s ease, color .16s ease, background .16s ease;
}

.search-panel__terms a:hover {
  border-color: var(--blue);
  background: #4ea9e914;
  color: var(--blue);
}

.search-panel__intents {
  border-top: 1px solid #0b1f2f17;
  margin-top: 22px;
  padding-top: 18px;
}

.search-panel__intents > p {
  color: #24485e;
  margin: 0 0 11px;
  font-size: 13px;
  font-weight: 700;
}

.search-panel__intents > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.search-panel__intents a {
  color: #18394d;
  background: #fff;
  border: 1px solid #d9e5ec;
  min-height: 52px;
  padding: 11px 13px;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
  text-decoration: none;
  transition: color .16s ease, border-color .16s ease, background .16s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.search-panel__intents a span:last-child {
  color: var(--blue);
  flex: none;
  font-size: 16px;
}

.search-panel__intents a:hover {
  color: var(--blue);
  background: #edf7fd;
  border-color: var(--blue);
}

@media (width <= 640px) {
  .search-panel {
    padding: 30px 20px 26px;
  }

  .search-panel__field {
    grid-template-columns: auto 1fr;
    border-radius: 18px;
    padding: 6px 10px 10px 16px;
  }

  .search-panel__submit {
    grid-column: 1 / -1;
    width: 100%;
    border-radius: 12px;
  }

  .search-panel__intents > div {
    grid-template-columns: 1fr;
  }
}

.nav-backdrop {
  z-index: 38;
  backdrop-filter: blur(4px);
  background: #020c149e;
  border: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}

@media (width <= 1120px) {
  .header-actions .phone, .header-actions .lang-switch {
    display: none;
  }
}

@media (width <= 1380px) and (width >= 981px) {
  .topbar {
    padding-inline: 0;
  }

  .topbar-inner {
    gap: 18px;
    width: 92vw;
  }

  .main-nav {
    gap: 16px;
  }

  .nav-trigger, .main-nav > a {
    font-size: 12.5px;
  }

  .header-actions {
    gap: 14px;
  }

  .header-actions .phone {
    display: none;
  }

  .header-actions .pill-button {
    gap: 16px;
    padding-inline: 18px;
  }
}

@media (width <= 980px) {
  .topbar {
    background: #051826eb;
    height: 80px;
    padding-inline: 0;
  }

  .topbar-inner {
    width: 88vw;
  }

  .search-toggle {
    display: none;
  }

  .mobile-nav {
    z-index: 60;
    visibility: hidden;
    width: min(92vw, 480px);
    max-height: 100dvh;
    padding: 24px clamp(22px, 6vw, 38px) 36px;
    transition: transform .28s, visibility .28s;
    display: flex;
    inset: 0 0 0 auto;
    transform: translateX(100%);
    box-shadow: -24px 0 70px #0000004d;
  }

  .nav-backdrop {
    z-index: 55;
  }

  .mobile-nav.is-open {
    visibility: visible;
    transform: none;
  }

  .mobile-nav__top {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
    display: flex;
  }

  .mobile-nav__top b {
    font: 650 26px var(--font-display);
  }

  .mobile-nav__top button {
    color: #fff;
    cursor: pointer;
    background: none;
    border: 1px solid #ffffff40;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    font-size: 28px;
  }

  .mobile-nav__search {
    border: 1px solid #ffffff2e;
    border-radius: 10px;
    margin-bottom: 22px;
    display: flex;
    overflow: hidden;
  }

  .mobile-nav__search input {
    color: #fff;
    min-width: 0;
    font: 500 13px var(--font-body);
    background: none;
    border: 0;
    outline: 0;
    flex: 1;
    padding: 14px 15px;
  }

  .mobile-nav__search button {
    background: var(--blue);
    width: 48px;
    color: var(--navy);
    border: 0;
    font-size: 18px;
  }

  .mobile-nav__group {
    border-bottom: 1px solid #ffffff1c;
  }

  .mobile-nav__parent {
    color: #fff;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-bottom: 1px solid #ffffff1c;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .mobile-nav__group .mobile-nav__parent {
    border-bottom: 0;
  }

  .mobile-nav__parent span {
    color: var(--blue);
    font-size: 20px;
    font-weight: 400;
    transition: transform .2s;
  }

  .mobile-nav__parent[aria-expanded="true"] span {
    transform: rotate(45deg);
  }

  .mobile-nav__children {
    padding: 0 0 10px;
  }

  .mobile-nav__children[hidden] {
    display: none;
  }

  .mobile-nav__child {
    border-left: 1px solid #4ea9e973;
    justify-content: space-between;
    margin: 0;
    padding: 10px 4px 10px 14px;
    font-size: 13px;
    display: flex;
  }

  .mobile-nav__child span {
    color: var(--blue);
  }

  .mobile-nav__phone {
    margin-top: 24px;
  }

  .mobile-nav__cta {
    justify-content: space-between;
    margin-top: 12px;
  }
}

@media (width <= 640px) {
  .header-actions > .pill-button {
    display: none;
  }

  .topbar {
    padding-inline: 0;
  }

  .topbar-inner {
    width: calc(100% - 40px);
  }

  .language-menu summary {
    min-width: 67px;
    height: 40px;
    padding-inline: 9px;
  }
}

.partner-tile img {
  object-fit: contain;
  filter: none;
  width: min(68%, 190px);
  height: 52px;
  margin: auto;
  transition: transform .25s, opacity .25s;
}

.partner-tile:hover img {
  transform: scale(1.045);
}

.partner-tile:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: -4px;
}

@media (width <= 640px) {
  .partner-tile img {
    width: min(78%, 150px);
    height: 40px;
  }
}

.site-footer {
  color: #0b1a26;
  background: #edf3f6;
  grid-template-columns: minmax(300px, 1.25fr) minmax(480px, 1fr);
  gap: 0 clamp(70px, 9vw, 180px);
  padding: 76px 6vw 30px;
  display: grid;
}

.site-footer .footer-brand-panel {
  border: 0;
  grid-area: 1 / 1;
  padding: 0;
  gap: 25px !important;
}

.site-footer .footer-brand strong {
  color: #081823;
  font-size: 36px;
}

.site-footer .brand-logo--footer {
  width: 154px;
  height: auto;
}

.site-footer .footer-brand-panel > p {
  color: #6d7f8c;
  max-width: 470px;
  font-size: 15px;
  line-height: 1.75;
}

.site-footer .footer-socials {
  gap: 10px !important;
}

.site-footer .footer-socials a {
  color: #233c4d;
  background: #fff;
  border: 1px solid #d4e0e6;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  font-size: 15px;
  box-shadow: 0 4px 14px #1432440a;
}

.site-footer .footer-socials a:hover {
  color: #07131d;
  background: #4ea9e9;
  border-color: #4ea9e9;
}

.site-footer .footer-socials a svg {
  fill: currentColor;
  width: 18px;
  height: 18px;
}

.site-footer .footer-nav {
  border: 0;
  grid-area: 1 / 2;
  grid-template-columns: repeat(2, minmax(190px, 1fr));
  gap: clamp(50px, 6vw, 110px);
  padding: 4px 0 0;
  display: grid;
}

.site-footer .footer-nav > div {
  gap: 8px;
}

.site-footer .footer-nav b {
  color: #142936;
  font: 750 18px/1.2 var(--font-display);
  margin-bottom: 9px;
}

.site-footer .footer-nav a {
  color: #6b7e8b;
  font-size: 16px;
  line-height: 1.45;
}

.site-footer .footer-nav a:before {
  background: #b8c7d0;
  width: 5px;
  height: 5px;
}

.site-footer .footer-nav a:hover {
  color: #177fb9;
}

.site-footer .footer-locations {
  border-top: 1px solid #cedae1;
  border-bottom: 1px solid #cedae1;
  grid-area: 2 / 1 / auto / -1;
  grid-template-columns: repeat(3, 1fr);
  padding: 48px 0 46px;
  display: grid !important;
}

.site-footer .footer-locations article {
  border-right: 1px solid #cedae1;
  min-width: 0;
  min-height: 225px;
  margin: 0;
  padding: 0 clamp(28px, 4vw, 78px);
}

.site-footer .footer-locations article:first-child {
  padding-left: 0;
}

.site-footer .footer-locations article:last-child {
  border-right: 0;
  padding-right: 0;
}

.site-footer .footer-locations article > span {
  color: #2389c2;
  letter-spacing: .14em;
  font-size: 12px;
}

.site-footer .footer-locations h3 {
  color: #0b1924;
  margin: 16px 0 14px;
  font-size: 28px;
  font-weight: 600;
}

.site-footer .footer-locations p {
  color: #617482;
  max-width: 300px;
  min-height: 82px;
  margin-bottom: 17px;
  font-size: 14px;
  line-height: 1.7;
}

.site-footer .footer-locations a {
  color: #203744;
  font-size: 14px;
  font-weight: 700;
}

.site-footer .footer-contact-band {
  border: 0;
  grid-area: 3 / 1 / auto / -1;
  grid-template-columns: .8fr 1.05fr 1.2fr;
  align-items: center;
  gap: 45px;
  padding: 42px 0;
  display: grid;
}


.site-footer .footer-whatsapp > a:hover {
  color: var(--blue);
}

.site-footer .footer-contact-band > div:not(.footer-legal-pills) {
  grid-template-columns: 34px 1fr;
  column-gap: 12px;
  padding: 0;
  display: grid;
}

.site-footer .footer-contact-band > div > span {
  color: #a7b7c0;
  grid-row: 1 / 3;
  align-self: center;
  font-size: 27px;
}
.site-footer .footer-contact-band > div > span svg {
  width: 32px;
  height: 32px;
}

.site-footer .footer-contact-band p {
  color: #71828d;
  margin: 0 0 4px;
  font-size: 12px;
}

.site-footer .footer-contact-band > div > a {
  color: #0b1a26;
  font: 700 clamp(20px, 1.6vw, 28px)/1.15 var(--font-display);
  letter-spacing: -.035em;
}

.site-footer .footer-legal-pills {
  flex-flow: wrap;
  justify-content: flex-end;
  gap: 7px;
  margin: 0;
  display: flex;
}

.site-footer .footer-legal-pills a {
  color: #344b5a;
  font: 650 12px/1 var(--font-display);
  background: #fff;
  border: 1px solid #d6e0e6;
  border-radius: 999px;
  padding: 9px 13px;
}

.site-footer .footer-legal-pills a:hover {
  color: #177fb9;
  border-color: #4ea9e9;
}

.site-footer .footer-bottom {
  color: #758691;
  border-top: 1px solid #cedae1;
  grid-area: 4 / 1 / auto / -1;
  padding: 26px 0 0;
}

.site-footer .footer-bottom > span {
  font-size: 12px;
}

.site-footer .footer-bottom > div {
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 12px;
  gap: 10px 28px !important;
}

.site-footer .footer-bottom a:hover {
  color: #177fb9;
}

@media (width <= 1100px) {
  .site-footer {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .site-footer .footer-brand-panel, .site-footer .footer-nav {
    grid-area: auto / 1;
  }

  .site-footer .footer-nav {
    padding-bottom: 0;
  }

  .site-footer .footer-locations, .site-footer .footer-contact-band, .site-footer .footer-bottom {
    grid-row: auto;
  }

  .site-footer .footer-contact-band {
    grid-template-columns: 1fr 1fr;
  }

  .site-footer .footer-legal-pills {
    grid-column: 1 / -1;
    justify-content: flex-start;
    margin-top: 12px;
  }
}

@media (width <= 700px) {
  .site-footer {
    gap: 38px;
    padding: 58px 20px 26px;
  }

  .site-footer .footer-nav {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }

  .site-footer .footer-nav a {
    font-size: 13px;
  }

  .site-footer .footer-locations {
    grid-template-columns: 1fr;
    padding-block: 16px;
  }

  .site-footer .footer-locations article, .site-footer .footer-locations article:first-child, .site-footer .footer-locations article:last-child {
    border-bottom: 1px solid #cedae1;
    border-right: 0;
    min-height: 0;
    padding: 28px 0;
  }

  .site-footer .footer-locations article:last-child {
    border-bottom: 0;
  }

  .site-footer .footer-locations p {
    min-height: 0;
  }

  .site-footer .footer-contact-band {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-block: 34px;
  }

  .site-footer .footer-legal-pills {
    grid-column: 1;
  }

  .site-footer .footer-legal-pills a {
    padding: 9px 12px;
    font-size: 12px;
  }
}

@media (width <= 640px) {
  .brand-logo--header {
    width: 116px;
    height: 36px;
  }

  .site-footer .brand-logo--footer {
    width: 142px;
  }
}

.reference-stat b {
  color: #07131d;
  letter-spacing: -.045em;
  align-items: flex-start;
  font-weight: 650;
  display: flex;
}

.reference-stat sup {
  margin: .08em 0 0 12px;
  font-size: .48em;
  line-height: 1;
}

.reference-stat > span {
  color: #101f2b;
  font-size: 22px;
  font-weight: 650;
}

.reference-stat p {
  color: #5f7382;
  max-width: 320px;
  font-size: 18px;
  line-height: 1.65;
}

.reference-stat .text-link {
  color: #132b3b;
  justify-content: space-between;
  width: min(100%, 270px);
  margin-top: 28px;
  padding-bottom: 13px;
  font-size: 15px;
  font-weight: 750;
}

.reference-cloud span {
  filter: none;
  padding: 15px 24px;
}

.insights .article-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;
}

.featured-products {
  background: #f4f8fa;
  padding-top: 100px;
  padding-bottom: 110px;
}

.featured-products__heading {
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, .55fr);
  align-items: end;
  gap: 7vw;
  margin-bottom: 48px;
  display: grid;
}

.featured-products__heading h2 {
  max-width: 980px;
  font: 500 clamp(42px, 4.7vw, 72px)/1.02 var(--font-display);
  letter-spacing: -.06em;
  margin: 20px 0 0;
}

.featured-products__heading > p {
  color: #5f7482;
  max-width: 430px;
  margin: 0 0 7px;
  font-size: 15px;
  line-height: 1.7;
}

/**
 * Öne çıkan çözüm kartları.
 *
 * Her iki kart da aynı gövdeyi kullanır: üstte sabit oranlı görsel bandı,
 * altta koyu mürekkep zeminde metin. Görsel oranı sabit olduğu için kart
 * yüksekliği içerikten bağımsız kalır; başlık kaç satır olursa olsun eylem
 * satırı iki kartta da aynı hizada biter (margin-top: auto).
 *
 * Görsel bandı kırpar (object-fit: cover) — yatay fotoğraf da kare render de
 * aynı çerçeveyi doldurur, dolayısıyla letterbox oluşmaz. Kadrajın hangi
 * bölgeye oturacağı kart bazında object-position ile ayarlanır.
 */
/* auto-fit: kart sayısı değişse de düzen kendini toplar (3'lü → 2'li → tek). */
.featured-products__grid {
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 22px;
  display: grid;
}

.featured-product {
  z-index: 0;
  color: #fff;
  background: radial-gradient(130% 95% at 14% 100%, #0e2f45 0%, #06192a 64%);
  border: 1px solid #14384f;
  border-radius: 22px;
  flex-direction: column;
  min-width: 0;
  transition: transform .45s cubic-bezier(.2, .7, .3, 1), box-shadow .45s, border-color .45s;
  display: flex;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-shadow: 0 18px 46px #06182626;
}

/* Düz koyu yüzeye derinlik veren ince teknik ızgara. */
.featured-product:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(to right, #ffffff0a 0 1px, transparent 1px 76px),
    repeating-linear-gradient(to bottom, #ffffff0a 0 1px, transparent 1px 76px);
  mask-image: linear-gradient(200deg, transparent 40%, #000 100%);
  position: absolute;
  inset: 0;
}

.featured-product:hover {
  border-color: #1f6b99;
  transform: translateY(-6px);
  box-shadow: 0 34px 74px #0618262b;
}

/**
 * Görsel bandı kendi bileşim katmanına alınır (translateZ). Aksi hâlde kart
 * hover'da translateY ile yarım piksele oturduğunda, içerideki ölçeklenen
 * görselin kırpma kenarı her karede yeniden yuvarlanır ve alt kenarda
 * titreyen 1px'lik bir çizgi belirir.
 */
.featured-product__visual {
  z-index: 1;
  aspect-ratio: 16 / 9;
  background: #0a2334;
  min-height: 0;
  transform: translateZ(0);
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
}

/* Durağan hâlde de hafifçe taşar: kırpma sınırında hiç boş piksel kalmaz. */
.featured-product__visual img {
  object-fit: cover;
  object-position: 50% 58%;
  width: 100%;
  height: 100%;
  transform: scale(1.006);
}

.featured-product--strp .featured-product__visual img {
  object-position: 50% 46%;
}

.featured-product:hover .featured-product__visual img {
  transform: scale(1.06);
}

/**
 * Görselden metne sert kesim yerine erime. Degrade son durakta tam opak
 * bitmeli — yarı saydam bitseydi bandın alt satırında görselin kendisi
 * sızar, hover'da ölçek değiştikçe o satırın rengi oynardı.
 */
.featured-product__visual:after {
  content: "";
  background: linear-gradient(to bottom, #06192a40 0%, transparent 30%, #06192a 96%);
  position: absolute;
  inset: 0;
}

.featured-product__content {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  margin-top: -32px;
  padding: 0 26px 26px;
  display: flex;
  position: relative;
}

.featured-product__index {
  color: #8ecbf3;
  letter-spacing: .2em;
  background: #0a2537b3;
  border: 1px solid #ffffff26;
  border-radius: 999px;
  align-items: center;
  gap: 11px;
  padding: 9px 15px;
  font: 700 12px/1 var(--font-display);
  display: inline-flex;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.featured-product__index i {
  background: #1486d6;
  width: 20px;
  height: 1px;
  font-style: normal;
}

.featured-product__content h3 {
  color: #fff;
  text-wrap: balance;
  hyphens: manual;
  font: 600 clamp(20px, 1.58vw, 26px)/1.14 var(--font-display);
  letter-spacing: -.035em;
  margin: 20px 0 12px;
}

.featured-product__content p {
  color: #9db5c5;
  max-width: 42ch;
  margin: 0 0 26px;
  font-size: 13.5px;
  line-height: 1.7;
}

.featured-product__cta {
  color: #fff;
  border-top: 1px solid #ffffff1c;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin-top: auto;
  padding-top: 20px;
  font: 600 12.5px/1 var(--font-body);
  display: flex;
}

.featured-product__cta i {
  color: #8ecbf3;
  border: 1px solid #ffffff30;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  font-size: 15px;
  font-style: normal;
  transition: background .35s, border-color .35s, color .35s, transform .35s;
  display: grid;
}

.featured-product:hover .featured-product__cta i {
  color: #fff;
  background: #1486d6;
  border-color: #1486d6;
  transform: translateX(4px);
}

@media (width <= 1100px) {
  .featured-products__heading {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media (width <= 640px) {
  .featured-products {
    padding-top: 72px;
    padding-bottom: 75px;
  }

  .featured-products__heading {
    margin-bottom: 32px;
  }

  .featured-products__heading h2 {
    font-size: 40px;
  }

  .featured-product__visual {
    aspect-ratio: 3 / 2;
  }

  .featured-product__content h3 {
    font-size: 24px;
  }
}

.insights .article-card {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.insights .article-image {
  height: 205px;
}

.insights .article-card > div {
  flex-direction: column;
  flex: 1;
  padding: 21px 23px 22px;
  display: flex;
}

.insights .article-card small {
  color: #367ca5;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.insights .article-card h3 {
  min-height: 0;
  margin: 17px 0 22px;
  font-size: 18px;
  line-height: 1.27;
}

.insights .article-card > div > a {
  color: #435e70;
  margin-top: auto;
  padding-top: 15px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
}

.insights .article-image > span {
  letter-spacing: .02em;
  width: 58px;
  height: 58px;
  font-size: 12px;
}

.insights .article-image {
  background: #dce7ed;
}

@media (width <= 1100px) {
  .insights .article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .insights .article-card:last-child {
    display: block;
  }
}

@media (width <= 640px) {
  .insights .article-grid {
    grid-template-columns: 1fr;
  }

  .insights .article-image {
    height: 220px;
  }
}

.certificate-grid > div {
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 142px;
}

.certificate-mark {
  color: #fff;
  place-items: center;
  height: 68px;
  margin-bottom: 10px;
  display: grid;
}

.certificate-mark svg {
  width: 92px;
  height: 64px;
  overflow: visible;
}

.certificate-mark svg circle, .certificate-mark svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2px;
}

.certificate-mark svg text {
  fill: currentColor;
  stroke: none;
  text-anchor: middle;
  font: 800 28px var(--font-display);
}

.certificate-mark--ce strong {
  letter-spacing: -8px;
  font: 500 62px / .8 Arial, sans-serif;
  transform: translateX(-4px);
}

.certificate-mark .patent-mark {
  letter-spacing: -1px;
  font: 800 19px / .78 Arial, sans-serif;
}

.certificate-mark--tse svg {
  width: 82px;
}

.certificate-mark--tse svg text {
  font-size: 20px;
  font-weight: 500;
}

.certificate-grid b {
  font-size: 12px;
  line-height: 1.2;
}

.certificate-grid span {
  font-size: 12px;
  line-height: 1.3;
}

@media (width <= 640px) {
  .certificate-grid > div {
    min-height: 132px;
    padding-inline: 8px;
  }

  .certificate-mark {
    margin-bottom: 4px;
    transform: scale(.85);
  }
}

.reference-cloud span img {
  object-fit: contain;
  opacity: .74;
  filter: grayscale();
  width: min(72%, 145px);
  height: 48px;
  transition: opacity .22s, filter .22s, transform .22s;
}

.reference-cloud span:hover img {
  opacity: 1;
  filter: grayscale(0);
  transform: scale(1.04);
}

@media (width <= 640px) {
  .reference-cloud span {
    padding: 11px 15px;
  }

  .reference-cloud span img {
    width: min(80%, 120px);
    height: 38px;
  }
}

/* ==========================================================================
   Projeye özel katman
   --------------------------------------------------------------------------
   ÖNEMLİ: site.css derlenmiş bir çıktıdır (site-entry.css işlenerek üretilir).
   Doğrudan site.css'e yazılan kurallar bir sonraki derlemede silinir.
   Bu dosya site-entry.css içinden EN SON içe aktarılır; buradaki kurallar
   hem korunur hem de sıralama gereği kazanır.
   ========================================================================== */

:root {
  --page-gutter: 7vw;
  --control-height: 44px;
  --header-height: 96px;

  /* İç sayfa banner yüksekliği. Kurumsal, hizmet ve sektör sayfaları aynı
     değeri kullanır; üçü art arda gezildiğinde banner'ın zıplamaması için
     yükseklik üç ayrı sayı olarak değil tek değişkende tutulur. */
  --inner-hero-height: 610px;
}

.topbar { position:fixed; top:0; }
.inner-topbar { background:#061622eb; }

/* --- 1. Sayfa kenar hizası ------------------------------------------------
   Üst çubuk `width: 88vw` ile ortalanıyordu (kenar 6vw), bölümler ise 7vw
   kullanıyordu; sayfada toplam dört farklı değer vardı (5/6/7/8vw). Ayrıca
   vw birimi kaydırma çubuğunu da saydığı için sağdaki arama düğmesi koyu
   şeridin dışına taşıyordu. Tek değişken + yüzde tabanlı padding bunu çözer.
   Yalnızca padding-inline yazıldığından her bloğun dikey ritmi korunur.
   -------------------------------------------------------------------------- */
.topbar-inner,
.trust-strip,
.section,
.insights,
.references,
.partners,
.sectors,
.solutions,
.cta,
.page-hero,
.content-section,
.article-hero,
.legal-hero,
.inner-cta,
.site-footer,
.mobile-nav,
.search-panel {
  padding-inline: var(--page-gutter);
}

.topbar-inner {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

/* İki sütunlu bölümde yalnızca dış kenar hizalanır, iç boşluk korunur. */
.cap-copy {
  padding-right: var(--page-gutter);
}

/* Hero metni bölümlerle aynı sol kenardan başlar; sağ kenar da bağlı olduğu
   için dar ekranda kutu daralır, geniş ekranda 830px ölçü sınırı korunur. */
.hero .hero-content {
  left: var(--page-gutter);
  right: var(--page-gutter);
  width: auto;
  max-width: 830px;
}

/* --- 2. Üst çubuk kontrolleri: tek standart ------------------------------- */
/* Üçü de aynı yükseklik ve hap köşesi; yalnızca birincil eylem dolu. */
.topbar .header-actions {
  align-items: center;
  gap: 10px;
}

.topbar .language-menu > summary,
.topbar .header-actions > .pill-button,
.topbar .search-toggle {
  height: var(--control-height);
  border-radius: 999px;
  font: 750 12px/1 var(--font-display);
  letter-spacing: 0.02em;
  box-sizing: border-box;
  transition: background 0.18s, border-color 0.18s, color 0.18s;
}

.topbar .language-menu > summary {
  min-width: 78px;
  gap: 8px;
  padding: 0 14px;
  color: #fff;
  background: #ffffff14;
  border: 1px solid #ffffff40;
}

.topbar .language-menu > summary:hover,
.topbar .language-menu[open] > summary {
  background: #ffffff26;
  border-color: #ffffff80;
}

.topbar .header-actions > .pill-button.light {
  gap: 14px;
  padding: 0 22px;
  color: var(--ink);
  background: #fff;
  border: 1px solid #fff;
}

.topbar .header-actions > .pill-button.light:hover {
  background: var(--blue);
  border-color: var(--blue);
  color: #06131d;
}

.topbar .header-actions > .pill-button span {
  font-size: 15px;
}

.topbar .search-toggle {
  flex: 0 0 var(--control-height);
  width: var(--control-height);
  padding: 0;
  color: #fff;
  background: #ffffff14;
  border: 1px solid #ffffff40;
}

.topbar .search-toggle:hover {
  background: #ffffff26;
  border-color: #ffffff80;
}

/* Büyüteç satır içi SVG'dir; currentColor sayesinde düğmenin rengini alır. */
.topbar .search-toggle svg {
  width: 18px;
  height: 18px;
  display: block;
  transition: transform 0.18s;
}

.topbar .search-toggle:hover svg {
  transform: scale(1.08);
}

.topbar .search-toggle[aria-expanded="true"] {
  background: #fff;
  border-color: #fff;
  color: var(--ink);
}

/* --- 3. Hero slaytları arası geçiş ---------------------------------------
   Slaytlarda yığın sırası tanımlı değildi; boyama sırasını DOM sırası
   belirliyordu. Son slayttan başa dönerken gelen slayt ALTTA kaldığı için
   iki yarı saydam katman arasından koyu zemin sızıyordu. Etkin slayt artık
   her zaman üstte boyanır, çıkan slayt ise gelen slayt tam örtene kadar
   donuk kalır (0 sn geçiş + 1 sn gecikme) — hiçbir anda boşluk oluşmaz.
   -------------------------------------------------------------------------- */
/* Hero'da hiçbir katmanın z-index'i yoktu; sıralamayı DOM belirliyordu.
   Slayta z-index vermek bu örtük düzeni bozacağı için tüm yığın burada
   açıkça tanımlanır. Sıra, işaretlemedeki sırayla birebir aynıdır. */
.hero-slides {
  z-index: 0;
}

.hero-slide {
  z-index: 0;
  transition: opacity 0s linear 1s, transform 8s linear;
}

.hero-slide.is-active {
  z-index: 1;
  transition: opacity 1s ease, transform 8s linear;
}

.hero-overlay {
  z-index: 2;
}

.hero-grid {
  z-index: 3;
}

.hero .hero-content,
.hero-proof,
.slider-controls {
  z-index: 4;
}

/* --- 4. Alt sayfa listesi (/hizmetler, /sektorler) -------------------------
   "index" şablonunun kart ızgarası. auto-fit olduğu için panelden alt sayfa
   eklendikçe sütun sayısı kendini ayarlar.                                   */
.child-index__grid {
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 18px;
  display: grid;
}

.child-card {
  color: inherit;
  background: #fff;
  border: 1px solid #dde7ed;
  border-radius: 18px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 232px;
  padding: 0;
  transition: transform .35s cubic-bezier(.2, .7, .3, 1), box-shadow .35s, border-color .35s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.child-card__visual {
  background: #0a1e2c;
  width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
}

.child-card__visual:after {
  content: "";
  background: linear-gradient(0deg, #061722a6, #0000 58%);
  position: absolute;
  inset: 0;
}

.child-card__visual img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .65s cubic-bezier(.2, .7, .3, 1), filter .35s;
  display: block;
}

.child-card__visual span {
  z-index: 1;
  color: #fff;
  border: 1px solid #ffffff5c;
  border-radius: 50%;
  place-items: center;
  width: 38px;
  height: 38px;
  font: 700 12px var(--font-display);
  display: grid;
  position: absolute;
  bottom: 17px;
  left: 18px;
}

.child-card:hover .child-card__visual img {
  filter: saturate(1.08);
  transform: scale(1.045);
}

.child-card__body {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 25px 26px 24px;
  display: flex;
}

/* Hover'da soldan kayan mavi kenar çizgisi. */
.child-card:before {
  content: "";
  background: #1486d6;
  width: 3px;
  transition: transform .35s cubic-bezier(.2, .7, .3, 1);
  position: absolute;
  inset: 0 auto 0 0;
  transform: scaleY(0);
  transform-origin: bottom;
}

.child-card:hover {
  border-color: #b8d8ec;
  transform: translateY(-4px);
  box-shadow: 0 22px 48px #11314417;
}

.child-card:hover:before {
  transform-origin: top;
  transform: scaleY(1);
}

.child-card__index {
  color: #8aa3b4;
  letter-spacing: .18em;
  font: 700 12px/1 var(--font-display);
}

.child-card h2 {
  color: var(--ink);
  text-wrap: balance;
  font: 600 clamp(19px, 1.5vw, 24px)/1.18 var(--font-display);
  letter-spacing: -.035em;
  margin: 16px 0 10px;
}

.child-card p {
  color: #637886;
  max-width: 42ch;
  margin: 0 0 22px;
  font-size: 13.5px;
  line-height: 1.7;
}

.child-card__go {
  color: #18394d;
  border-top: 1px solid #e3ebf0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: auto;
  padding-top: 18px;
  font: 600 12.5px/1 var(--font-body);
  display: flex;
}

.child-card__go i {
  color: #1486d6;
  font-size: 17px;
  font-style: normal;
  transition: transform .35s;
}

.child-card:hover .child-card__go i {
  transform: translateX(5px);
}

/* --- 5. Blog yazısı -------------------------------------------------------
   Uzun okuma için ayrı bir tipografi ölçeği: geniş satır aralığı, koyu
   gövde rengi, gerçek başlık hiyerarşisi. Paylaşım masaüstünde metinle
   birlikte kayan bir raya, mobilde yazının sonundaki bloğa düşer.        */

.reading-progress {
  z-index: 60;
  background: #0e2a3d1a;
  height: 3px;
  position: fixed;
  inset: 0 0 auto;
}

.reading-progress i {
  transform-origin: 0 50%;
  background: linear-gradient(to right, #1486d6, #61b8f0);
  height: 100%;
  transition: transform .12s linear;
  display: block;
  transform: scaleX(0);
}

.article-hero {
  padding-bottom: 70px;
}

.article-hero__inner {
  max-width: none;
  width: 100%;
}

.article-tag {
  color: #8ecbf3;
  letter-spacing: .16em;
  background: #ffffff14;
  border: 1px solid #ffffff2b;
  border-radius: 999px;
  margin-bottom: 22px;
  padding: 8px 15px;
  font: 700 10.5px/1 var(--font-display);
  transition: background .3s, border-color .3s;
  display: inline-block;
}

.article-tag:hover {
  background: #1486d6;
  border-color: #1486d6;
  color: #fff;
}

.article-hero h1 {
  text-wrap: balance;
  overflow-wrap: anywhere;
  margin: 0 0 26px;
  max-width: 1400px;
  font-size: clamp(40px, 5.4vw, 78px);
  line-height: 1.04;
}

.article-hero__lead {
  color: #b6cad6;
  margin: 0 0 34px;
  font-size: 17px;
  line-height: 1.7;
}

.article-meta {
  color: #8fa7b5;
  border-top: 1px solid #ffffff1f;
  align-items: center;
  gap: 22px;
  padding-top: 22px;
  font-size: 12.5px;
  letter-spacing: normal;
  display: flex;
  flex-wrap: wrap;
}

.article-meta__author {
  color: #fff;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  display: flex;
}

.article-meta__author b {
  color: #fff;
  background: #1486d6;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  font: 700 13px/1 var(--font-display);
  display: grid;
}

/* Negatif üst boşluk, kapağı hero'nun üzerine bindirirken toplam yüksekliği
   de kısaltır; transform kullanılsaydı altında ölü alan kalırdı. */
.article-cover {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: -44px 0 0;
  padding-inline: var(--page-gutter);
}

.article-cover img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: min(52vw, 560px);
  display: block;
  box-shadow: 0 26px 60px #0a1f2e26;
}

/* Orta sütun metin, sol sütun kayan paylaşım rayı. */
.article-layout {
  grid-template-columns: 54px minmax(0, 1fr);
  justify-content: stretch;
  gap: 46px;
  padding-block-start: 64px;
  padding-inline: var(--page-gutter);
  display: grid;
}

.article-rail {
  position: sticky;
  top: 120px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  align-self: start;
  display: flex;
}

.article-rail > span {
  color: #93a8b5;
  writing-mode: vertical-rl;
  letter-spacing: .22em;
  margin-bottom: 6px;
  font: 700 9.5px/1 var(--font-display);
}

.article-rail a,
.article-rail button {
  color: #4d6674;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dbe6ec;
  border-radius: 50%;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  transition: color .3s, background .3s, border-color .3s, transform .3s;
  display: grid;
}

.article-rail a:hover,
.article-rail button:hover {
  color: #fff;
  background: #1486d6;
  border-color: #1486d6;
  transform: translateY(-2px);
}

/* Kopyalandı geri bildirimi: ikonun yerine onay işareti geçer. */
[data-copy-link].is-copied {
  color: #fff;
  background: #17a05c;
  border-color: #17a05c;
}

[data-copy-link].is-copied svg {
  display: none;
}

[data-copy-link].is-copied:before {
  content: "✓";
  font: 700 15px/1 var(--font-display);
}

.article-body {
  max-width: none;
  margin: 0;
  padding: 0 0 70px;
}

.article-body > :first-child {
  margin-top: 0;
}

.article-body p,
.article-body li {
  color: #43596a;
  font-size: 17px;
  line-height: 1.85;
}

.article-body p {
  margin: 0 0 24px;
  max-width: 1100px;
}

.article-body .lead {
  color: #10293a;
  border-left: 3px solid var(--blue);
  padding-left: 22px;
  font: 500 22px/1.6 var(--font-display);
}

.article-body h2 {
  text-wrap: balance;
  margin: 56px 0 18px;
  font: 600 clamp(26px, 2.4vw, 34px)/1.2 var(--font-display);
  letter-spacing: -.03em;
}

.article-body h3,
.article-body h4 {
  color: #10293a;
  margin: 40px 0 14px;
  font: 600 21px/1.3 var(--font-display);
  letter-spacing: -.02em;
}

/* Devralınan içerikte ara başlıklar çoğu yerde kalın paragraf olarak
   yazılmış; tek başına duran <strong> bu yüzden başlık gibi biçimlenir. */
.article-body p > strong:only-child {
  color: #10293a;
  margin-top: 8px;
  font: 600 19px/1.35 var(--font-display);
  letter-spacing: -.02em;
  display: block;
}

.article-body ul,
.article-body ol {
  margin: 0 0 26px;
  padding-left: 22px;
}

.article-body li {
  margin-bottom: 10px;
  padding-left: 4px;
}

.article-body li::marker {
  color: var(--blue);
  font-weight: 700;
}

.article-body img {
  border-radius: 0;
  max-width: 100%;
  height: auto;
  margin: 34px 0;
}

/* İş ortağı katalog rehberleri: ürün görseli, teknik özet ve kaynak bloğu. */
.tempa-catalog-summary,
.partner-catalog-summary {
  border: 1px solid #d4e5ee;
  border-left: 4px solid var(--blue);
  border-radius: 0 16px 16px 0;
  background: linear-gradient(135deg, #f3f9fc, #fff);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 34px 0 42px;
  overflow: hidden;
  display: grid;
}

.tempa-catalog-summary span,
.partner-catalog-summary span {
  color: #647c8a;
  min-width: 0;
  padding: 20px;
  font-size: 12px;
  line-height: 1.5;
}

.tempa-catalog-summary span + span,
.partner-catalog-summary span + span { border-left: 1px solid #dce9f0; }
.tempa-catalog-summary strong,
.partner-catalog-summary strong { color: #0c2637; margin-bottom: 5px; font: 700 14px/1.35 var(--font-display); display: block; }

.partner-catalog-summary--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.tempa-catalog-visual,
.partner-catalog-visual {
  border: 1px solid #dce8ee;
  border-radius: 0;
  background: #f4f8fa;
  margin: 42px 0;
  overflow: hidden;
  box-shadow: 0 18px 42px #0b2f4512;
}

.article-body .tempa-catalog-visual img,
.article-body .partner-catalog-visual img {
  object-fit: contain;
  background: #fff;
  border-radius: 0;
  width: 100%;
  max-height: 620px;
  margin: 0;
  display: block;
}

.tempa-catalog-visual figcaption,
.partner-catalog-visual figcaption {
  color: #607985;
  border-top: 1px solid #dce8ee;
  background: #fff;
  padding: 14px 18px;
  font-size: 12px;
  line-height: 1.55;
}

.tempa-catalog-source,
.partner-catalog-source {
  color: #546e7c;
  border-top: 1px solid #d5e5ed;
  border-bottom: 1px solid #d5e5ed;
  margin: 44px 0;
  padding: 20px 0;
  font-size: 13px;
  line-height: 1.7;
}

.tempa-catalog-source strong,
.partner-catalog-source strong { color: #10293a; }

.article-body .official-sources {
  border: 1px solid #d7e6ed;
  border-radius: 16px;
  background: #f3f8fb;
  margin: 46px 0 0;
  padding: 24px 28px;
}

.article-body .official-sources h2 { margin-top: 0; font-size: 18px; }
.article-body .official-sources ul { margin-bottom: 0; }
.article-body .official-sources li { margin-bottom: 7px; font-size: 13px; }

@media (max-width: 900px) and (min-width: 681px) {
  .partner-catalog-summary--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .partner-catalog-summary--four span:nth-child(odd) { border-left: 0; }
  .partner-catalog-summary--four span:nth-child(n + 3) { border-top: 1px solid #dce9f0; }
}

@media (max-width: 680px) {
  .tempa-catalog-summary,
  .partner-catalog-summary { grid-template-columns: 1fr; }
  .tempa-catalog-summary span + span,
  .partner-catalog-summary span + span { border-top: 1px solid #dce9f0; border-left: 0; }
  .article-body .tempa-catalog-visual img,
  .article-body .partner-catalog-visual img { max-height: 460px; }
}

.article-body a:not(.solution-callout a) {
  color: #10618f;
  text-underline-offset: 3px;
  text-decoration: underline;
  text-decoration-color: #a9d3ee;
}

.article-body a:not(.solution-callout a):hover {
  text-decoration-color: var(--blue);
}

.article-body blockquote {
  border-left: 3px solid var(--blue);
  background: #eef6fb;
  border-radius: 0 14px 14px 0;
  margin: 44px 0;
  padding: 28px 30px;
  font: 500 21px/1.55 var(--font-display);
}

.article-body table {
  border-collapse: collapse;
  width: 100%;
  margin: 32px 0;
  font-size: 14.5px;
}

.article-body th,
.article-body td {
  border: 1px solid #dde7ed;
  padding: 11px 14px;
  text-align: start;
}

.article-body th {
  background: #f1f6f9;
  font-weight: 600;
}

@media (max-width: 680px) {
  /* Çok sütunlu teknik karşılaştırmalar sayfayı genişletmeden kendi içinde kayar. */
  .article-body table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
}

/* --- Yazı içi çözüm önerisi --- */
.solution-callout {
  background: radial-gradient(120% 130% at 8% 0%, #0e2f45 0%, #06192a 62%);
  border: 1px solid #14384f;
  border-radius: 0;
  margin: 46px 0;
  padding: 28px;
  position: relative;
  overflow: hidden;
}

.solution-callout:before {
  content: "";
  pointer-events: none;
  background:
    repeating-linear-gradient(to right, #ffffff0a 0 1px, transparent 1px 68px),
    repeating-linear-gradient(to bottom, #ffffff0a 0 1px, transparent 1px 68px);
  mask-image: linear-gradient(200deg, transparent 44%, #000 100%);
  position: absolute;
  inset: 0;
}

.solution-callout__head {
  margin-bottom: 20px;
  position: relative;
}

.solution-callout__head .section-kicker {
  color: #8ecbf3;
}

.solution-callout__head p {
  color: #fff;
  text-wrap: balance;
  margin: 10px 0 0;
  font: 600 clamp(19px, 1.7vw, 24px)/1.25 var(--font-display);
  letter-spacing: -.03em;
}

.solution-callout__list {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  display: grid;
  position: relative;
}

.solution-callout__list a {
  background: #ffffff0f;
  border: 1px solid #ffffff1f;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 0;
  transition: background .3s, border-color .3s, transform .3s;
  display: flex;
  position: relative;
}

.solution-callout__list figure {
  background:#0d2a3e;
  width:100%;
  aspect-ratio:16/8;
  margin:0;
  overflow:hidden;
}

.solution-callout__list figure img {
  object-fit:cover;
  width:100%;
  height:100%;
  margin:0;
  border-radius:0;
  transition:transform .45s;
  display:block;
}

.solution-callout__list a:hover figure img { transform:scale(1.045); }
.solution-callout__list a > div { flex:1; flex-direction:column; align-items:flex-start; width:100%; padding:18px; display:flex; }

.solution-callout__list a:hover {
  background: #1486d61f;
  border-color: #1f7cb8;
  transform: translateY(-3px);
}

.solution-callout__list span {
  color: #fff;
  font: 600 15.5px/1.3 var(--font-display);
  letter-spacing: -.02em;
}

.solution-callout__list small {
  color: #9db5c5;
  font-size: 12.5px;
  line-height: 1.6;
}

.solution-callout__list i {
  color: #8ecbf3;
  margin-top: 6px;
  font-size: 15px;
  font-style: normal;
  transition: transform .3s;
}

/* Blog ve webinar editoryal düzeni */
.editorial-landing-hero .page-hero-content { max-width:980px; }
.blog-index-grid { grid-template-columns:repeat(3,1fr); align-items:stretch; }
.blog-index-grid .editorial-card { background:#fff; border:1px solid #dbe6ec; min-width:0; }
.blog-index-grid .editorial-card a { height:100%; padding-bottom:24px; display:flex; flex-direction:column; }
.blog-index-grid .editorial-image { height:auto; aspect-ratio:16/10; margin-bottom:22px; }
.blog-index-grid .editorial-image img { object-fit:cover; width:100%; }
.blog-index-grid .editorial-card small,.blog-index-grid .editorial-card h2,.blog-index-grid .editorial-card p,.blog-index-grid .editorial-card b { margin-inline:24px; }
.blog-index-grid .editorial-card h2 { min-height:0; margin-top:14px; margin-bottom:14px; font-size:22px; }
.blog-index-grid .editorial-card p { color:#607581; margin-top:0; margin-bottom:25px; font-size:14px; line-height:1.65; }
.blog-index-grid .editorial-card b { margin-top:auto; font-size:13px; }
.blog-index-grid .editorial-card--featured { grid-column:span 2; }
.blog-index-grid .editorial-card--featured .editorial-image { aspect-ratio:16/7; }
.blog-index-grid .editorial-card--featured h2 { max-width:850px; font:600 clamp(27px,3vw,43px)/1.12 var(--font-display); letter-spacing:-.04em; }
.blog-index-grid .editorial-card--featured p { max-width:760px; font-size:16px; }

.webinar-list { gap:24px; border-top:0; display:grid; }
.webinar-detail { background:#fff; border:1px solid #d7e4ea; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:0; min-height:390px; overflow:hidden; }
.webinar-detail:nth-child(even) .webinar-copy { order:2; }.webinar-detail:nth-child(even) > img { order:1; }
.webinar-copy { flex-direction:column; align-items:flex-start; padding:clamp(34px,5vw,72px); display:flex; }
.webinar-copy small { color:#408fbb; letter-spacing:.1em; font-size:13px; }
.webinar-copy h2 { margin:25px 0 20px; font-size:clamp(31px,3.4vw,52px); }
.webinar-copy .pill-button { margin-top:auto; }
.webinar-detail > img { object-fit:cover; width:100%; height:100%; min-height:390px; display:block; }
.webinar-show__hero {
  color:#fff;
  background:#071a29;
  padding:165px var(--page-gutter) 90px;
}
.webinar-show__hero h1 {
  max-width:1050px;
  margin:25px 0 40px;
  font:500 clamp(44px,6vw,82px)/1 var(--font-display);
  letter-spacing:-.055em;
}
.webinar-show__meta {
  color:#8fa7b5;
  letter-spacing:.1em;
  gap:24px;
  font-size:12px;
  display:flex;
  flex-wrap:wrap;
}
.webinar-show__cover {
  object-fit:cover;
  width:88%;
  height:auto;
  max-height:720px;
  margin:-1px auto 0;
  display:block;
}
.webinar-show__body {
  max-width:850px;
  margin:0 auto;
  padding:90px 25px;
}
.webinar-show__body p,
.webinar-show__body li {
  color:#526772;
  font-size:16px;
  line-height:1.9;
}
.editorial-inner-cta { margin-top:0; }

@media (max-width:900px) {
  .blog-index-grid { grid-template-columns:repeat(2,1fr); }
  .blog-index-grid .editorial-card--featured { grid-column:span 2; }
  .webinar-detail { grid-template-columns:1fr; }
  .webinar-detail:nth-child(even) .webinar-copy,.webinar-detail:nth-child(even) > img { order:initial; }
  .webinar-detail > img { min-height:320px; max-height:440px; }
}

@media (max-width:620px) {
  .blog-index-grid { grid-template-columns:1fr; }
  .blog-index-grid .editorial-card--featured { grid-column:auto; }
  .blog-index-grid .editorial-card--featured .editorial-image { aspect-ratio:16/10; }
  .webinar-detail > img { min-height:240px; }
  .webinar-copy { min-height:360px; }
}

.solution-callout__list a:hover i {
  transform: translateX(5px);
}

/* --- Yazı altı: paylaşım + çağrı --- */
.article-footer {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: stretch;
  gap: 18px;
  margin-top: 10px;
  padding: 0 var(--page-gutter) 60px;
  display: grid;
}

.related-posts .content-heading {
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: start;
}

.related-posts .content-heading h2 {
  text-align: left;
  max-width: 900px;
}

.article-share,
.article-next {
  background: #fff;
  border: 1px solid #dde7ed;
  border-radius: 0;
  padding: 30px;
}

.article-next {
  color: #fff;
  background: radial-gradient(120% 130% at 100% 0%, #0e2f45 0%, #06192a 62%);
  border-color: #14384f;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.article-next .section-kicker {
  color: #8ecbf3;
}

.article-share p,
.article-next p {
  text-wrap: balance;
  margin: 10px 0 22px;
  font: 600 clamp(18px, 1.6vw, 23px)/1.3 var(--font-display);
  letter-spacing: -.03em;
}

.article-next p {
  color: #fff;
  flex: 1;
}

.article-share__buttons {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.article-share__buttons a,
.article-share__buttons button {
  color: #18394d;
  cursor: pointer;
  background: #f2f7fa;
  border: 1px solid #dde7ed;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  padding: 11px 17px;
  font: 600 12.5px/1 var(--font-body);
  transition: color .3s, background .3s, border-color .3s, transform .3s;
  display: inline-flex;
}

.article-share__buttons a:hover,
.article-share__buttons button:hover {
  color: #fff;
  background: #1486d6;
  border-color: #1486d6;
  transform: translateY(-2px);
}

.article-share__buttons [data-copy-link].is-copied:before {
  content: none;
}

@media (width <= 1180px) {
  .article-layout {
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
    gap: 0;
  }

  /* Ray daralan ekranda gizlenir; paylaşım yazının sonundaki blokta durur. */
  .article-rail {
    display: none;
  }
}

@media (width <= 860px) {
  .article-footer {
    grid-template-columns: 1fr;
  }

  .article-cover img {
    height: 56vw;
  }

  .article-body p,
  .article-body li {
    font-size: 16px;
  }

  .solution-callout {
    padding: 22px;
  }
}

/* İş ortağı bloglarında paylaşım rayının yerini marka gezinmesi alır. */
.article-layout--partner {
  grid-template-columns: 340px minmax(0, 1fr);
  gap: clamp(28px, 3vw, 48px);
}

.partner-sidebar {
  position: sticky;
  top: 120px;
  align-self: start;
  max-height: calc(100vh - 144px);
  overflow-y: auto;
  background: #fff;
  border: 1px solid #dde7ed;
  border-radius: 0;
  scrollbar-width: thin;
}

.partner-sidebar__header {
  padding: 26px 24px 20px;
  border-bottom: 1px solid #e5edf2;
}

.partner-sidebar__header img {
  display: block;
  width: 144px;
  height: 40px;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  margin-bottom: 16px;
}

.partner-sidebar__header .section-kicker {
  font-size: 10px;
  letter-spacing: .12em;
}

.partner-sidebar__header h2 {
  margin: 8px 0 0;
  color: #18394d;
  font: 600 24px/1.2 var(--font-display);
}

.partner-sidebar__links {
  list-style: none;
  margin: 0;
  padding: 10px;
}

.partner-sidebar__links li + li {
  margin-top: 4px;
}

.partner-sidebar__links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 0;
  color: #43596a;
  font: 600 13px/1.55 var(--font-body);
  text-decoration: none;
  transition: color .2s, background .2s;
}

.partner-sidebar__links a:hover {
  background: #f0f7fc;
  color: #096aa9;
}

.partner-sidebar__links a[aria-current="page"] {
  background: #e7f3fc;
  color: #075d96;
  box-shadow: inset 3px 0 #1486d6;
}

.partner-sidebar__links a:focus-visible,
.partner-sidebar__all:focus-visible {
  outline: 2px solid #1486d6;
  outline-offset: 2px;
}

.partner-sidebar__all {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0 24px 22px;
  padding-top: 16px;
  border-top: 1px solid #e5edf2;
  color: #096aa9;
  font: 700 12px/1.5 var(--font-body);
}

/* Notebooklarda tarayıcı çubuklarından kalan yüksekliğe de sığar. */
@media (width > 1000px) and (height <= 820px) {
  .partner-sidebar {
    top: 108px;
    max-height: calc(100dvh - 124px);
  }

  .partner-sidebar__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 100px;
    column-gap: 12px;
    padding: 16px 20px;
  }

  .partner-sidebar__header img {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    width: 100px;
    margin: 0;
    object-position: right center;
  }

  .partner-sidebar__header .section-kicker,
  .partner-sidebar__header h2 {
    grid-column: 1;
  }

  .partner-sidebar__header h2 {
    margin-top: 6px;
    font-size: 20px;
  }

  .partner-sidebar__links {
    padding: 8px;
  }

  .partner-sidebar__links a {
    min-height: 34px;
    padding: 6px 12px;
    line-height: 1.4;
  }

  .partner-sidebar__all {
    margin: 0 20px 16px;
    padding-top: 12px;
  }
}

@media (width <= 1000px) {
  .article-layout--partner {
    grid-template-columns: minmax(0, 760px);
    gap: 32px;
    justify-content: center;
  }

  .partner-sidebar {
    position: static;
    max-height: none;
  }

  .partner-sidebar__header {
    padding: 20px;
  }

  .partner-sidebar__header img {
    margin-bottom: 16px;
  }

  .partner-sidebar__links a {
    min-height: 44px;
  }
}

/* Siemens yetkinlik belgeleri: gerçek sertifika önizlemeleri. */
.siemens-certificates__list { border:0; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; display:grid; }
.siemens-certificates__list button { border:1px solid #ffffff24; background:#ffffff08; grid-template:"visual visual visual" 150px "number title arrow" auto / 25px 1fr auto; gap:12px 5px; padding:9px 9px 13px; transition:background .25s,border-color .25s,transform .25s; }
.siemens-certificates__list button:hover { background:#ffffff10; border-color:#66c6f766; transform:translateY(-3px); }
.siemens-certificates__visual { grid-area:visual; background:#e9eff2; width:100%; height:150px; display:block; overflow:hidden; }
.siemens-certificates__visual img { object-fit:cover; object-position:top center; width:100%; height:100%; display:block; transition:transform .35s; }
.siemens-certificates__list button:hover .siemens-certificates__visual img { transform:scale(1.025); }
.siemens-certificates__list small { grid-area:number; align-self:center; }
.siemens-certificates__list b { grid-area:title; align-self:center; font-size:11px; line-height:1.35; }
.siemens-certificates__list i { grid-area:arrow; align-self:center; }

/* İki sütunlu bölüm başlıkları proje genelinde aynı eksende başlar. */
.content-heading,
.service-method__heading,
.corporate-gallery > header,
.sector-process figcaption {
  align-items:start;
}
.content-heading > h2,
.service-method__heading > h2,
.corporate-gallery > header > h2,
.sector-process figcaption > strong {
  border-left:1px solid #cbdbe3;
  min-height:100%;
  margin-top:0;
  padding-left:clamp(28px,3vw,55px);
}

/* --- Webinar / Eğitim Merkezi -------------------------------------------- */
.webinar-landing-hero .page-hero-content { max-width:1050px; }
.webinar-landing-hero h1 em,.training-section__heading em,.training-speakers em { color:#4ba8e1; font-style:normal; font-weight:400; }
.training-overview { color:#fff; background:#081d2c; grid-template-columns:240px 300px 1fr; min-height:135px; padding:0 var(--page-gutter); display:grid; }
.training-overview > div { border-left:1px solid #ffffff24; justify-content:center; padding:25px 30px; display:flex; flex-direction:column; }.training-overview > div:nth-child(2) { border-right:1px solid #ffffff24; }.training-overview b { font:500 42px/1 var(--font-display); }.training-overview span { color:#9fb4c0; margin-top:8px; font-size:13px; }.training-overview nav { align-items:center; justify-content:flex-end; gap:12px; display:flex; }.training-overview a { color:#fff; border:1px solid #ffffff2b; border-radius:30px; padding:12px 18px; font-size:13px; font-weight:700; }
.training-section { background:#fff; padding:clamp(90px,9vw,140px) var(--page-gutter); }.training-section--archive { background:#edf4f7; }.training-section__heading { grid-template-columns:minmax(210px,.62fr) minmax(0,1.5fr); align-items:start; gap:clamp(45px,7vw,110px); margin-bottom:55px; display:grid; }.training-section__heading h2 { border-left:1px solid #cbdbe3; margin:0; padding-left:clamp(28px,3vw,55px); font:500 clamp(38px,4.2vw,64px)/1.04 var(--font-display); letter-spacing:-.05em; }
.training-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; display:grid; }.training-grid--upcoming { grid-template-columns:repeat(2,minmax(0,1fr)); }.training-card { background:#fff; border:1px solid #d6e3e9; min-width:0; display:flex; flex-direction:column; transition:transform .25s,box-shadow .25s; }.training-card:hover { transform:translateY(-5px); box-shadow:0 24px 55px #102a3b18; }.training-card__media { background:#0a2232; aspect-ratio:16/9; overflow:hidden; position:relative; display:block; }.training-card__media img { object-fit:cover; width:100%; height:100%; transition:transform .4s,opacity .3s; }.training-card:hover .training-card__media img { transform:scale(1.035); opacity:.8; }.training-card__media > span { color:#fff; background:#1486d6; padding:8px 11px; font-size:10px; font-weight:800; letter-spacing:.1em; position:absolute; top:15px; left:15px; }.training-card__media > i { color:#071a29; background:#fff; border-radius:50%; place-items:center; width:48px; height:48px; font-style:normal; display:grid; position:absolute; right:15px; bottom:15px; }.training-card__content { flex:1; padding:26px; display:flex; flex-direction:column; }.training-card__meta { color:#50809a; align-items:center; gap:8px 14px; font-size:11px; font-weight:700; display:flex; flex-wrap:wrap; }.training-card__meta span:not(:last-child):after,.training-card__meta time:after { content:""; background:#b8cbd5; border-radius:50%; width:3px; height:3px; margin-left:14px; vertical-align:middle; display:inline-block; }.training-card h2 { margin:20px 0 14px; font:600 clamp(21px,2vw,29px)/1.18 var(--font-display); letter-spacing:-.035em; }.training-card h2 a { color:#091b28; }.training-card p { color:#607581; margin:0 0 26px; font-size:14px; line-height:1.7; }.training-card__link { color:#122b3a; border-top:1px solid #dbe6eb; justify-content:space-between; margin-top:auto; padding-top:17px; font-size:13px; font-weight:800; display:flex; }.training-card__link span { color:#168ad1; }
.training-detail__hero { color:#fff; background:linear-gradient(135deg,#061a29,#0a314a); grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr); min-height:720px; padding:150px var(--page-gutter) 80px; display:grid; gap:clamp(45px,6vw,100px); }.training-detail__copy { align-self:center; }.training-detail__copy .breadcrumb { margin-bottom:28px; }.training-detail__copy h1 { max-width:760px; margin:25px 0; font:500 clamp(43px,5vw,74px)/1.02 var(--font-display); letter-spacing:-.055em; }.training-detail__copy > p { color:#b5c8d3; max-width:700px; margin:0 0 30px; font-size:16px; line-height:1.75; }
.training-detail__nav { z-index:20; background:#fff; border-bottom:1px solid #d6e3e9; justify-content:center; gap:0; padding:0 var(--page-gutter); display:flex; position:sticky; top:var(--header-height,90px); }.training-detail__nav a { color:#546d7b; border-left:1px solid #dbe6eb; min-width:180px; padding:19px 24px; text-align:center; font-size:13px; font-weight:750; }.training-detail__nav a:last-child { border-right:1px solid #dbe6eb; }.training-detail__nav a:hover { color:#fff; background:#1486d6; }
.training-facts { border-top:1px solid #ffffff2d; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:720px; margin:32px 0 34px; display:grid; }.training-facts > div { border-bottom:1px solid #ffffff2d; grid-template-columns:80px 1fr; padding:15px 0; display:grid; }.training-facts > div:nth-child(odd) { margin-right:28px; }.training-facts dt { color:#7fbfe4; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }.training-facts dd { margin:0; font-size:14px; font-weight:700; }
.training-detail__media { align-self:center; min-width:0; }.training-video { background:#02090e; aspect-ratio:16/9; width:100%; box-shadow:0 30px 75px #0005; overflow:hidden; }.training-video iframe,.training-video video { border:0; width:100% !important; height:100% !important; display:block; }.training-poster { background:#0c2738; aspect-ratio:16/9; margin:0; overflow:hidden; position:relative; }.training-poster:after { content:""; background:linear-gradient(0deg,#051521d9,#05152100 60%); position:absolute; inset:0; }.training-poster > img { object-fit:cover; width:100%; height:100%; display:block; }.training-poster figcaption { z-index:1; align-items:flex-end; justify-content:space-between; padding:25px; display:flex; position:absolute; inset:auto 0 0; }.training-poster figcaption span { color:#fff; background:#e6332a; border-radius:3px; padding:7px 10px; font-size:10px; font-weight:800; }.training-poster figcaption b { font-size:13px; }
.training-media-speakers { background:#fff; grid-template-columns:repeat(2,minmax(0,1fr)); display:grid; }.training-media-speakers > div { border-right:1px solid #d8e4ea; align-items:center; gap:13px; min-width:0; padding:14px; display:flex; }.training-media-speakers img { object-fit:cover; border-radius:50%; flex:0 0 52px; width:52px; height:52px; }.training-media-speakers span { color:#0a1e2c; min-width:0; display:flex; flex-direction:column; }.training-media-speakers b { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.training-media-speakers small { color:#68808e; margin-top:3px; overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.training-detail__content { background:#fff; grid-template-columns:minmax(190px,.45fr) minmax(0,1.55fr); gap:clamp(50px,8vw,140px); padding:clamp(85px,9vw,140px) var(--page-gutter); display:grid; }.training-detail__content aside { border-right:1px solid #d1dee5; flex-direction:column; justify-content:space-between; padding-right:35px; display:flex; }.training-detail__content aside b { color:#dbe7ed; font:500 85px/1 var(--font-display); }.training-detail__body { max-width:980px; }.training-detail__body .lead { color:#142d3c; margin-top:0; font-size:21px; line-height:1.65; }.training-detail__body p,.training-detail__body li { color:#536b79; font-size:16px; line-height:1.9; }.training-detail__body h2,.training-detail__body h3 { margin:50px 0 18px; font:600 clamp(27px,3vw,40px)/1.15 var(--font-display); letter-spacing:-.035em; }
.training-speakers { background:#edf4f7; padding:clamp(90px,9vw,140px) var(--page-gutter); }.training-speakers__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#cbdbe3; border:1px solid #cbdbe3; display:grid; }.training-speakers__grid article { background:#fff; align-items:center; gap:22px; min-height:185px; padding:28px; display:flex; }.training-speakers__grid img { object-fit:cover; border-radius:50%; flex:0 0 92px; width:92px; height:92px; }.training-speakers__grid small { color:#168ad1; font-size:10px; font-weight:800; letter-spacing:.12em; }.training-speakers__grid h3 { margin:7px 0; font-size:20px; }.training-speakers__grid p { color:#647a87; margin:0; font-size:13px; line-height:1.55; }
.training-detail__actions { align-items:center; gap:12px; display:flex; flex-wrap:wrap; }.training-share-trigger { color:#fff; border:1px solid #ffffff45; border-radius:999px; background:transparent; cursor:pointer; min-height:52px; padding:0 24px; font-weight:750; }.training-share-trigger:hover { color:#071a29; background:#fff; }
.training-share-modal[hidden] { display:none; }.training-share-modal { z-index:10000; place-items:center; padding:24px; display:grid; position:fixed; inset:0; }.training-share-modal__backdrop { border:0; background:#03121ee8; position:absolute; inset:0; }.training-share-modal__panel { background:#f4f8fa; width:min(620px,94vw); padding:clamp(38px,5vw,70px); position:relative; box-shadow:0 35px 100px #0008; }.training-share-modal__panel h2 { margin:22px 0 34px; font:500 clamp(35px,4vw,55px)/1.04 var(--font-display); letter-spacing:-.05em; }.training-share-modal__close { color:#071a29; border:1px solid #cbdce4; border-radius:50%; background:#fff; cursor:pointer; width:42px; height:42px; font-size:26px; position:absolute; top:18px; right:18px; }.training-share-modal__links { border-top:1px solid #ccdae2; grid-template-columns:repeat(2,minmax(0,1fr)); display:grid; }.training-share-modal__links a,.training-share-modal__links button { color:#142d3c; border:0; border-right:1px solid #ccdae2; border-bottom:1px solid #ccdae2; background:transparent; cursor:pointer; justify-content:space-between; min-height:62px; padding:0 15px; text-align:left; font-weight:750; display:flex; align-items:center; }.training-share-modal__links a:hover,.training-share-modal__links button:hover { color:#fff; background:#1486d6; }.has-training-share { overflow:hidden; }
.training-related { background:#fff; padding:clamp(85px,9vw,135px) var(--page-gutter); }.training-related--upcoming { background:#071d2c; color:#fff; }.training-related--upcoming .training-section__heading h2 { border-color:#ffffff2b; }.training-related__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; display:grid; }.training-related__grid article { background:#fff; border:1px solid #d5e2e9; }.training-related__grid article > a { background:#0b2231; aspect-ratio:16/9; overflow:hidden; display:block; position:relative; }.training-related__grid article > a img { object-fit:cover; width:100%; height:100%; transition:transform .3s,opacity .3s; }.training-related__grid article:hover > a img { transform:scale(1.04); opacity:.78; }.training-related__grid article > a span { color:#fff; background:#1486d6; padding:7px 10px; font-size:9px; font-weight:800; letter-spacing:.1em; position:absolute; top:13px; left:13px; }.training-related__grid article > div { padding:22px; }.training-related__grid small { color:#4e8eaf; font-size:11px; font-weight:750; }.training-related__grid h3 { margin:15px 0 22px; font:600 21px/1.22 var(--font-display); letter-spacing:-.03em; }.training-related__grid h3 a { color:#0a1d2a; }
.training-related--upcoming .training-related__grid article { border:0; box-shadow:0 0 0 1px #4c809d2e,0 18px 42px #00000024; overflow:hidden; transition:box-shadow .25s,transform .25s; }
.training-related--upcoming .training-related__grid article:hover { box-shadow:0 0 0 1px #4ba8e159,0 22px 56px #0000003d; transform:translateY(-3px); }

/* --- 6. Kariyer -----------------------------------------------------------
   İlan kartları ve başvuru formu. Kart ızgarası auto-fit; ilan sayısı
   değiştikçe düzen kendini toplar.                                          */

.job-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px;
  display: grid;
}

.job-card {
  color: inherit;
  background: #fff;
  border: 1px solid #dde7ed;
  border-radius: 18px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 26px 26px 22px;
  transition: transform .35s cubic-bezier(.2, .7, .3, 1), box-shadow .35s, border-color .35s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.job-card:before {
  content: "";
  background: #1486d6;
  width: 3px;
  transition: transform .35s cubic-bezier(.2, .7, .3, 1);
  position: absolute;
  inset: 0 auto 0 0;
  transform: scaleY(0);
  transform-origin: bottom;
}

.job-card:hover {
  border-color: #b8d8ec;
  transform: translateY(-4px);
  box-shadow: 0 22px 48px #11314417;
}

.job-card:hover:before {
  transform-origin: top;
  transform: scaleY(1);
}

.job-card__index {
  color: #8aa3b4;
  letter-spacing: .18em;
  font: 700 11px/1 var(--font-display);
}

.job-card h3 {
  color: var(--ink);
  text-wrap: balance;
  font: 600 clamp(19px, 1.5vw, 23px)/1.2 var(--font-display);
  letter-spacing: -.035em;
  margin: 14px 0 10px;
}

.job-card p {
  color: #637886;
  margin: 0 0 16px;
  font-size: 13.5px;
  line-height: 1.7;
}

.job-card__meta {
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  display: flex;
}

.job-card__meta li {
  color: #4d6674;
  background: #eef4f8;
  border-radius: 999px;
  padding: 5px 11px;
  font-size: 11.5px;
  font-weight: 600;
}

.job-card__go {
  color: #18394d;
  border-top: 1px solid #e3ebf0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: auto;
  padding-top: 16px;
  font: 600 12.5px/1 var(--font-body);
  display: flex;
}

.job-card__go i {
  color: #1486d6;
  font-size: 17px;
  font-style: normal;
  transition: transform .35s;
}

.job-card:hover .job-card__go i {
  transform: translateX(5px);
}

.job-empty {
  color: #637886;
  text-align: center;
  background: #fff;
  border: 1px dashed #cfdde6;
  border-radius: 18px;
  padding: 48px 24px;
}

.job-empty strong {
  color: var(--ink);
  margin-bottom: 8px;
  font: 600 20px/1.3 var(--font-display);
  display: block;
}

.job-detail__meta {
  flex-wrap: wrap;
  gap: 26px;
  margin: 26px 0 30px;
  padding: 0;
  list-style: none;
  display: flex;
}

.job-detail__meta li {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.job-detail__meta small {
  color: #93aebe;
  letter-spacing: .12em;
  font: 700 10.5px/1 var(--font-display);
  text-transform: uppercase;
}

.job-detail__meta b {
  color: #fff;
  font: 600 15px/1.3 var(--font-display);
}
.job-detail__hero { position: relative; }
.job-detail__hero > .training-share-trigger { top: 122px; right: var(--page-gutter); }

/* --- Başvuru formu --- */
.career-apply {
  background: #f4f8fa;
  gap: 7vw;
  padding-block: 90px;
  padding-inline: var(--page-gutter);
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: start;
}

.career-apply__intro h2 {
  text-wrap: balance;
  margin: 14px 0 12px;
  font: 500 clamp(28px, 3vw, 40px)/1.1 var(--font-display);
  letter-spacing: -.045em;
}

.career-apply__intro p {
  color: #5f7482;
  max-width: 44ch;
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

.career-form {
  background: #fff;
  border: 1px solid #dde7ed;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 18px 46px #11314412;
}

.career-form__row {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0 16px;
  display: grid;
}

.career-form label {
  margin-bottom: 16px;
  display: block;
}

.career-form label > span {
  color: #4d6674;
  margin-bottom: 6px;
  font-size: 12.5px;
  font-weight: 650;
  display: block;
}

.career-form label > span small {
  color: #93aebe;
  font-weight: 500;
}

.career-form input[type="text"],
.career-form input[type="email"],
.career-form input[type="tel"],
.career-form input[type="date"],
.career-form input[type="file"],
.career-form select,
.career-form textarea {
  color: var(--ink);
  background: #fff;
  border: 1px solid #d5e2ea;
  border-radius: 10px;
  width: 100%;
  padding: 11px 13px;
  font: inherit;
  font-size: 14px;
  transition: border-color .2s, box-shadow .2s;
}

.career-form input:focus,
.career-form select:focus,
.career-form textarea:focus {
  border-color: #1486d6;
  outline: none;
  box-shadow: 0 0 0 3px #1486d61f;
}

.career-form textarea {
  resize: vertical;
  min-height: 110px;
  line-height: 1.6;
}

.career-form__position {
  color: #18394d;
  background: #eaf4fa;
  border-radius: 10px;
  margin: 0 0 18px;
  padding: 12px 14px;
  font-size: 13.5px;
}

.career-form__consent {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  display: grid !important;
}

.career-form__consent input[type="checkbox"] {
  appearance: auto;
  width: 18px;
  height: 18px;
  min-height: 0;
  margin: 2px 0 0;
  padding: 0;
}

.career-form__consent span {
  color: #5f7482;
  margin: 0;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.6;
}

.career-form .iti {
  width: 100%;
}

.career-form__phone-error {
  color: #b42318;
  min-height: 18px;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

.career-form__captcha {
  margin: 2px 0 18px;
}

/* Çözümler mega menüsü: koyu keşif alanı solda, değişen içerik sağda. */
@media (min-width: 901px) {
  .mega-menu--solutions {
    background:linear-gradient(90deg,#071827 0,#071827 300px,#f8fbfd 300px,#f8fbfd 100%);
    max-height: calc(100dvh - 112px);
    overflow-y: auto;
    scrollbar-width: thin;
    border-top:0;
    gap:0;
    padding:0;
  }

  .mega-solutions-shell {
    grid-template-columns:300px minmax(0,1fr);
    grid-column:1/-1;
    min-width:0;
    display:grid;
    border-bottom:1px solid #345069;
  }

  .mega-solutions-sidebar {
    color:#fff;
    background:linear-gradient(155deg,#0b2740 0%,#071827 72%);
    border-left:1px solid #345069;
    border-radius:0;
    min-height:100%;
    padding:20px 30px;
    position:relative;
  }

  .mega-solutions-sidebar__kicker {
    color:#55b5ef;
    letter-spacing:.16em;
    font:800 11px/1 var(--font-display);
  }

  .mega-solutions-sidebar__kicker:before {
    content:"✣";
    margin-right:8px;
  }

  .mega-solutions-sidebar h3 {
    margin:0 0 12px;
    font:650 27px/1.2 var(--font-display);
    letter-spacing:-.045em;
  }

  .mega-solutions-sidebar > div:first-child > p {
    color:#9eb4c3;
    max-width:25ch;
    margin:0;
    font-size:13px;
    line-height:1.65;
  }

  .mega-solutions-sidebar__trust {
    border-top:1px solid #ffffff24;
    align-items:center;
    gap:11px;
    padding-top:16px;
    position:absolute;
    right:28px;
    bottom:27px;
    left:28px;
    display:flex;
  }

  .mega-solutions-sidebar__trust > svg {
    width:23px;
    height:23px;
    fill:none;
    stroke:#55b5ef;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    flex:0 0 auto;
  }

  .mega-solutions-sidebar__trust strong,
  .mega-solutions-sidebar__trust small {
    display:block;
  }

  .mega-solutions-sidebar__trust strong {
    color:#fff;
    font-size:12px;
  }

  .mega-solutions-sidebar__trust small {
    color:#718da0;
    margin-top:4px;
    font-size:10px;
  }

  .mega-solutions-content {
    background:#f8fbfd;
    min-width:0;
    padding-top:20px;
  }

  /* Genel sekmesindeki 3. sütun (Proses Otomasyonu + Özel Endüstriyel
     Uygulamalar) en uzun içeriktir; panel ondan kısa kalırsa alttaki referans
     şeridinin üzerine taşar. */
  .mega-solutions-content .mega-solution-tabs {
    min-height:520px;
    padding:0 20px;
  }

  .mega-solutions-content .mega-sector-tabs__list {
    min-height:520px;
    position:relative;
  }

  .mega-solutions-content .mega-sector-tab {
    width:auto;
  }

  .mega-solutions-content .mega-sector-tab__trigger {
    color:#a9bdca;
    background:transparent;
    border:0;
    border-left:3px solid transparent;
    width:244px;
    min-height:48px;
    padding:8px 12px;
    position:absolute;
    left:-304px;
    justify-content:flex-start;
  }

  .mega-solutions-content .mega-sector-tab:nth-child(1) .mega-sector-tab__trigger { top:170px; border-top:1px solid #ffffff00; }
  .mega-solutions-content .mega-sector-tab:nth-child(2) .mega-sector-tab__trigger { top:218px; }
  .mega-solutions-content .mega-sector-tab:nth-child(3) .mega-sector-tab__trigger { top:266px; }
  .mega-solutions-content .mega-sector-tab:nth-child(4) .mega-sector-tab__trigger { top:314px; }
  .mega-solutions-content .mega-sector-tab:nth-child(5) .mega-sector-tab__trigger { top:362px; }
  .mega-solutions-content .mega-sector-tab:nth-child(6) .mega-sector-tab__trigger { top:410px; }

  .mega-solutions-content .mega-sector-tab__trigger svg {
    width:23px;
    height:23px;
  }

  .mega-solutions-content .mega-sector-tab:hover .mega-sector-tab__trigger,
  .mega-solutions-content .mega-sector-tab:focus-within .mega-sector-tab__trigger,
  .mega-solutions-content .mega-sector-tab.is-active .mega-sector-tab__trigger,
  .mega-solutions-content .mega-sector-tab.is-default .mega-sector-tab__trigger {
    color:#55b5ef;
    background:#ffffff0b;
    border-left-color:#55b5ef;
  }

  .mega-solutions-content .mega-sector-tabs__list:hover .mega-sector-tab.is-default:not(:hover) .mega-sector-tab__trigger {
    color:#a9bdca;
    background:transparent;
    border-left-color:transparent;
  }

  .mega-solutions-content .mega-sector-tab__panel {
    border:0;
    min-height:600px;
    padding:0;
    top:0;
    left:0;
  }

  .mega-solutions-content .mega-reference-rail {
    margin:0 32px;
    padding-top:0;
    padding-bottom:22px;
  }

  .mega-solutions-content .mega-proof-strip {
    width:auto;
    margin:0;
  }
}

.career-form .form-status {
  border-radius: 10px;
  margin: 0 0 18px;
  padding: 12px 14px;
  font-size: 13.5px;
}

.career-form .form-status.is-ok {
  color: #145c36;
  background: #e6f6ec;
}

.career-form .form-status.is-error {
  color: #8f2020;
  background: #fdecec;
}

@media (width <= 900px) {
  .career-apply {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-block: 64px;
  }

  .career-form {
    padding: 22px;
  }

  .job-detail__meta {
    gap: 18px;
  }
}

/* --- 7. Küçük ekran ------------------------------------------------------- */
@media (max-width: 900px) {
  :root {
    --page-gutter: 5vw;
    --control-height: 42px;
    --header-height: 80px;
    --inner-hero-height: 540px;
  }

  .topbar .header-actions > .pill-button.light {
    display: none;
  }

  .siemens-certificates__list {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .corporate-gallery--referanslarimiz .corporate-gallery__grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .corporate-gallery--is-ortaklarimiz .corporate-gallery__grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .corporate-gallery__filterbar {
    align-items:flex-start;
    flex-direction:column;
  }

  .training-overview { grid-template-columns:1fr 1fr; }.training-overview nav { grid-column:1/-1; justify-content:flex-start; padding:20px 0; }.training-grid,.training-grid--upcoming { grid-template-columns:repeat(2,minmax(0,1fr)); }.training-detail__hero { grid-template-columns:1fr; padding-top:130px; }.training-detail__media { width:100%; }.training-detail__content { grid-template-columns:1fr; gap:45px; }.training-detail__content aside { border-right:0; border-bottom:1px solid #d1dee5; flex-direction:row; padding:0 0 25px; }.training-detail__content aside b { font-size:55px; }.training-speakers__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.training-detail__nav { justify-content:flex-start; overflow-x:auto; }.training-detail__nav a { flex:0 0 auto; min-width:155px; }.training-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

  .content-heading > h2,
  .service-method__heading > h2,
  .corporate-gallery > header > h2,
  .sector-process figcaption > strong {
    border-left:0;
    border-top:1px solid #cbdbe3;
    padding-top:24px;
    padding-left:0;
  }
}

@media (max-width: 560px) {
  .siemens-certificates__list {
    grid-template-columns:1fr;
  }

  .corporate-gallery--referanslarimiz .corporate-gallery__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .corporate-gallery--is-ortaklarimiz .corporate-gallery__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .training-overview { grid-template-columns:1fr; }.training-overview > div { border-right:1px solid #ffffff24; }.training-overview nav { grid-column:1; flex-direction:column; align-items:stretch; }.training-overview nav a { text-align:center; }.training-section__heading { grid-template-columns:1fr; gap:24px; }.training-section__heading h2 { border-left:0; border-top:1px solid #cbdbe3; padding:24px 0 0; }.training-grid,.training-grid--upcoming { grid-template-columns:1fr; }.training-detail__hero { min-height:0; padding:120px 20px 55px; }.training-detail__copy h1 { font-size:39px; }.training-facts { grid-template-columns:1fr; }.training-facts > div:nth-child(odd) { margin-right:0; }.training-media-speakers { grid-template-columns:1fr; }.training-speakers__grid { grid-template-columns:1fr; }.training-speakers__grid article { min-height:150px; }.training-detail__content { padding-inline:20px; }
  .training-related__grid { grid-template-columns:1fr; }.training-share-modal__links { grid-template-columns:1fr; }.training-share-modal__links a,.training-share-modal__links button { border-right:0; }
}

/* Webinar paylaşım: hero üzerinde ikon, modalda platform işaretleri. */
.training-detail__hero { position:relative; }
.training-share-trigger { color:#fff; border:1px solid #ffffff55; border-radius:50%; background:#071d2cb8; cursor:pointer; place-items:center; width:52px; height:52px; min-height:0; padding:0; display:grid; position:absolute; top:122px; right:var(--page-gutter); z-index:3; transition:color .2s,background .2s,transform .2s; }
.training-share-trigger svg { fill:currentColor; width:21px; height:21px; }
.training-share-trigger:hover { color:#071a29; background:#fff; transform:translateY(-2px); }
.training-share-modal__panel { background:#f4f8fa; border-top:4px solid #4ba8e1; width:min(680px,94vw); padding:clamp(36px,4.5vw,62px); }
.training-share-modal__heading { grid-template-columns:60px 1fr; align-items:start; gap:20px; display:grid; }
.training-share-modal__mark { color:#fff; background:#1486d6; border-radius:50%; place-items:center; width:56px; height:56px; display:grid; }
.training-share-modal__mark svg { fill:currentColor; width:22px; height:22px; }
.training-share-modal__panel h2 { margin:18px 0 34px; }
.training-share-modal__links { border-top:1px solid #ccdae2; border-left:1px solid #ccdae2; grid-template-columns:repeat(2,minmax(0,1fr)); }
.training-share-modal__links a,.training-share-modal__links button { grid-template-columns:38px 1fr 18px; align-items:center; gap:10px; min-height:72px; padding:0 16px; display:grid; }
.training-share-modal__links i { color:#1486d6; background:#e4f1f8; border-radius:50%; place-items:center; width:34px; height:34px; font-style:normal; font-weight:800; display:grid; }
.training-share-modal__links i svg { fill:currentColor; width:17px; height:17px; }
.training-share-modal__links a > span,.training-share-modal__links button > span { color:#1486d6; text-align:right; }
.training-share-modal__links a:hover i,.training-share-modal__links button:hover i { color:#1486d6; background:#fff; }
.training-share-modal__links a:hover > span,.training-share-modal__links button:hover > span { color:#fff; }

@media (max-width:560px) {
  .training-share-trigger { top:94px; right:20px; width:46px; height:46px; }
  .job-detail__hero > .training-share-trigger { top:94px; right:20px; }
  .training-share-modal__heading { grid-template-columns:1fr; gap:16px; }
  .training-share-modal__mark { width:48px; height:48px; }
  .training-share-modal__links { grid-template-columns:1fr; }
}

/* ==========================================================================
   Site içi arama — 3. bölüm (projeye özel)
   Öneri listesi arama panelinin içinde konumlanır; panel zaten sabit
   konumlu olduğu için liste kendi kaydırmasını taşır.
   ========================================================================== */

.search-suggest {
    margin-top: 10px;
    border: 1px solid rgba(8, 26, 41, .1);
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
    max-height: 58vh;
    overflow-y: auto;
    box-shadow: 0 18px 48px rgba(8, 26, 41, .14);
}

.search-suggest__item,
.search-suggest__more {
    display: block;
    padding: 13px 20px;
    border-bottom: 1px solid rgba(8, 26, 41, .07);
    color: var(--ink);
    text-decoration: none;
}

.search-suggest__item:last-of-type { border-bottom: 0; }

.search-suggest__item:hover,
.search-suggest__item:focus,
.search-suggest__item.is-active {
    background: rgba(78, 169, 233, .1);
    box-shadow: inset 3px 0 0 var(--blue);
    outline: none;
}

.search-suggest__type {
    display: block;
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--blue);
    margin-bottom: 2px;
}

.search-suggest__item strong { font-weight: 600; font-size: 15px; }

.search-suggest__more {
    background: rgba(8, 26, 41, .04);
    font-size: 13px;
    font-weight: 600;
    color: var(--blue);
    text-align: center;
    border-bottom: 0;
}

/* --- Arama sonuç sayfası -------------------------------------------------
   Başlık alanı bilinçli olarak ince: arama yapan ziyaretçi sonuca bakmaya
   gelir, başlık okumaya değil. Şerit kaydırmada yapışkan kalır ki uzun
   listede sorguyu değiştirmek için yukarı dönmek gerekmesin. */

.search-bar {
    /* Üst çubuk sabit (position: fixed) olduğu için şerit kendi payını
       PADDING ile değil MARGIN ile bırakır: padding yapışkan konumda da
       korunacağı için şerit ekranda gereksiz yer kaplardı. Margin ile pay
       bir kez verilir, şerit üst çubuğun hemen altına yapışır ve uzun
       listede sorguyu değiştirmek için başa dönmek gerekmez. */
    margin-top: var(--header-height, 96px);
    position: sticky;
    top: var(--header-height, 96px);
    z-index: 20;
    background: var(--navy);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 18px 0;
}

.search-bar__inner {
    width: min(1180px, 100% - 40px);
    margin-inline: auto;
    display: grid;
    gap: 12px;
}

.search-bar__form {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 10px;
    background: #fff;
    border-radius: 999px;
    padding: 6px 6px 6px 18px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
}

.search-bar__icon { display: flex; color: var(--blue); }
.search-bar__icon svg { width: 19px; height: 19px; }

.search-bar__form input {
    border: 0;
    background: none;
    font: inherit;
    font-size: 16px;
    padding: 12px 0;
    min-width: 0;
    color: var(--ink);
}
.search-bar__form input:focus { outline: none; }
.search-bar__form input::-webkit-search-cancel-button { display: none; }

.search-bar__clear {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(8, 26, 41, .07);
    color: rgba(7, 19, 29, .6);
    text-decoration: none;
    font-size: 18px;
    line-height: 1;
}
.search-bar__clear:hover { background: rgba(8, 26, 41, .14); color: var(--ink); }

.search-bar__submit {
    border: 0;
    border-radius: 999px;
    background: var(--blue);
    color: #fff;
    font: inherit;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 26px;
    cursor: pointer;
    transition: background .16s ease;
}
.search-bar__submit:hover { background: #3d95d4; }

.search-bar__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 18px;
}

.search-bar__count { margin: 0; color: rgba(255, 255, 255, .72); font-size: 14px; }
.search-bar__count strong { color: #fff; font-size: 16px; }
.search-bar__count em { color: var(--blue); font-style: normal; font-weight: 600; }
.search-bar__count span { opacity: .4; margin-inline: 4px; }

.search-bar__filters { display: flex; flex-wrap: wrap; gap: 7px; }

.search-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 14px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    font-size: 13px;
    color: rgba(255, 255, 255, .82);
    text-decoration: none;
    transition: border-color .16s ease, background .16s ease, color .16s ease;
}
.search-chip b { font-weight: 600; font-size: 12px; opacity: .6; }
.search-chip:hover { border-color: rgba(255, 255, 255, .5); color: #fff; }
.search-chip.is-active { background: #fff; border-color: #fff; color: var(--navy); }
.search-chip.is-active b { opacity: .5; }

/* --- Sonuç listesi ------------------------------------------------------ */

.search-results {
    width: min(1180px, 100% - 40px);
    margin-inline: auto;
    padding-block: 28px 80px;
}

.search-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }

.search-card__link {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
    border: 1px solid rgba(8, 26, 41, .1);
    border-radius: 16px;
    background: #fff;
    text-decoration: none;
    color: inherit;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

/* Tür rengi sol kenarda bir şerit olarak durur: liste tarandığında hangi
   sonucun ne olduğu okumadan anlaşılır. */
.search-card__link { border-inline-start: 3px solid rgba(8, 26, 41, .12); }
.search-card--page  .search-card__link { border-inline-start-color: #4ea9e9; }
.search-card--post  .search-card__link { border-inline-start-color: #7c5cd6; }
.search-card--webinar .search-card__link { border-inline-start-color: #e0872c; }
.search-card--job   .search-card__link { border-inline-start-color: #2f9e6b; }

.search-card__link:hover,
.search-card__link:focus-visible {
    border-color: var(--blue);
    box-shadow: 0 12px 30px rgba(8, 26, 41, .1);
    transform: translateY(-2px);
    outline: none;
}

.search-card__thumb {
    width: 84px;
    height: 62px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-color: rgba(8, 26, 41, .06);
    flex-shrink: 0;
}

.search-card__body { display: grid; gap: 4px; min-width: 0; }

.search-card__type {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.search-card--page  .search-card__type { color: #4ea9e9; }
.search-card--post  .search-card__type { color: #7c5cd6; }
.search-card--webinar .search-card__type { color: #c9761f; }
.search-card--job   .search-card__type { color: #2f9e6b; }

.search-card__title {
    font-family: var(--font-display, inherit);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ink);
}

.search-card__summary {
    font-size: 14.5px;
    line-height: 1.6;
    color: rgba(7, 19, 29, .7);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.search-card__url {
    font-size: 12px;
    color: rgba(7, 19, 29, .42);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-card__go {
    font-size: 20px;
    color: rgba(8, 26, 41, .25);
    transition: transform .16s ease, color .16s ease;
}
.search-card__link:hover .search-card__go { color: var(--blue); transform: translateX(3px); }

/* Eşleşen kelime. Sarı zemin yerine markanın mavisi kullanılır; sayfanın
   geri kalanıyla aynı dili konuşur ve koyu metinde kontrastı yeterlidir. */
.search-card mark {
    background: rgba(78, 169, 233, .22);
    color: inherit;
    border-radius: 3px;
    padding: 0 2px;
    font-weight: 600;
}

.search-list__note {
    margin-top: 22px;
    font-size: 13px;
    color: rgba(7, 19, 29, .5);
    text-align: center;
}

/* --- Boş ve giriş durumları --------------------------------------------- */

.search-intro,
.search-empty { text-align: center; padding: 60px 20px 40px; max-width: 620px; margin-inline: auto; }
.search-intro h1,
.search-empty h1 { font-size: clamp(24px, 3vw, 32px); margin: 0 0 10px; }
.search-intro p,
.search-empty p { color: rgba(7, 19, 29, .65); margin: 0; }
.search-empty p em { color: var(--blue); font-style: normal; font-weight: 600; }

.search-empty__mark {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: rgba(78, 169, 233, .12);
    color: var(--blue);
    font-size: 26px;
    font-weight: 700;
}

.search-empty__links { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 26px; }

.search-intro__terms { margin-top: 22px; font-size: 14px; color: rgba(7, 19, 29, .55); }
.search-intro__terms span { margin-inline-end: 6px; }
.search-intro__terms a {
    display: inline-block;
    margin: 4px 3px;
    padding: 5px 13px;
    border: 1px solid rgba(8, 26, 41, .14);
    border-radius: 999px;
    color: var(--ink);
    text-decoration: none;
    font-size: 13px;
}
.search-intro__terms a:hover { border-color: var(--blue); color: var(--blue); }

@media (max-width: 720px) {
    .search-bar { padding: 14px 0; }
    .search-bar__form { grid-template-columns: auto 1fr auto; padding-inline-end: 8px; }
    .search-bar__submit { grid-column: 1 / -1; width: 100%; border-radius: 12px; }
    .search-card__link { grid-template-columns: 1fr auto; padding: 15px 16px; gap: 12px; }
    .search-card__thumb { display: none; }
    .search-card__title { font-size: 16.5px; }
}

/* --- Uzun SEO metni bloğu ----------------------------------------------- */

.seo-text {
    border-top: 1px solid rgba(8, 26, 41, .09);
    background: rgba(8, 26, 41, .02);
    padding-block: 56px 72px;
}

.seo-text__inner { max-width: 900px; margin-inline: auto; }

.seo-text__heading { font-size: clamp(22px, 2.4vw, 30px); margin: 0 0 14px; }
.seo-text__intro { font-size: 17px; color: rgba(7, 19, 29, .75); margin: 0 0 24px; }

.seo-text__body { font-size: 15.5px; line-height: 1.78; color: rgba(7, 19, 29, .82); }
.seo-text__body h2 { font-size: 22px; margin: 34px 0 12px; }
.seo-text__body h3 { font-size: 18px; margin: 28px 0 10px; }
.seo-text__body h4 { font-size: 16px; margin: 22px 0 8px; }
.seo-text__body p { margin: 0 0 14px; }
.seo-text__body ul,
.seo-text__body ol { margin: 0 0 16px; padding-inline-start: 22px; }
.seo-text__body li { margin-bottom: 7px; }
.seo-text__body a { color: var(--blue); }
/* SEO metni: vurgu ve iç bağlantılar.
   Uzun metinde koyu yazı okumayı yönlendirir, ama gövdeyle aynı renkte
   kalmalıdır — renkli koyu yazı bağlantı sanılır. Bağlantılar ise yalnızca
   renkle değil alt çizgiyle de ayrılır; renk körlüğünde tek ayırt edici
   işaret rengin kendisi olmamalıdır. */
.seo-text__body strong {
    font-weight: 650;
    color: var(--ink);
}

.seo-text__body a {
    color: var(--blue);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: color .15s ease;
}

.seo-text__body a:hover,
.seo-text__body a:focus-visible {
    color: var(--navy);
    text-decoration-thickness: 2px;
}

.seo-text__body a strong { color: inherit; }

.seo-text__body table { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 14px; }
.seo-text__body th,
.seo-text__body td { border: 1px solid rgba(8, 26, 41, .12); padding: 9px 12px; text-align: start; }
.seo-text__body th { background: rgba(8, 26, 41, .04); font-weight: 600; }

/* ==========================================================================
   Veri merkezi çözüm sayfası — /veri-merkezi-kurulumu

   Diğer çözüm sayfalarıyla aynı görsel dili kullanır (koyu/açık bölüm ritmi,
   çizgiyle ayrılmış kart ızgaraları), ancak kendi sınıf önekiyle yazılır:
   bölümler sayfaya özel olduğu için ortak sınıfları genişletmek başka çözüm
   sayfalarını da etkilerdi.

   Bölüm sırası ve zemini:
     dc-problem      #f5f9fb   (.solution-problem tabanını devralır)
     dc-scope        #fff      kendi ekibimiz / alt yüklenici kapsamı
     dc-stack        #061825   altyapı katmanları
     dc-capabilities #fff      mühendislik kapsamı
     dc-monitor      #edf5f8   izleme ekranı
     dc-workflow     #071c2b   proje adımları
     dc-standards    #fff      referans çerçeveler
     dc-applications #f5f9fb   uygulama alanları
   ========================================================================== */

.dc-scope h2,
.dc-stack h2,
.dc-system-map h2,
.dc-capabilities h2,
.dc-monitor h2,
.dc-workflow h2,
.dc-standards h2,
.dc-applications h2 {
    letter-spacing: -.05em;
    font-size: clamp(40px, 4.1vw, 66px);
    line-height: 1;
}

.dc-scope h2 em,
.dc-stack h2 em,
.dc-system-map h2 em,
.dc-capabilities h2 em,
.dc-monitor h2 em,
.dc-workflow h2 em,
.dc-standards h2 em,
.dc-applications h2 em { color: #45a5df; font-weight: 400; }

/* --- 01 Sorun kartları: taban .solution-problem, yalnızca ikonlar değişir - */

.dc-problem > header > .section-kicker {
    border-right: 1px solid #d5e2e9;
    align-self: stretch;
    min-height: 300px;
    padding-right: 38px;
}

.dc-problem .solution-problem__cards article { min-height: 230px; padding-top: 28px; padding-bottom: 28px; }

.dc-problem .solution-problem__cards i {
    background: #e0f1fa;
    border: 0;
    border-radius: 0;
    place-items: center;
    width: 44px;
    height: 44px;
    margin: 18px 0 14px;
    display: grid;
}

.dc-problem .solution-problem__cards i::before {
    content: "";
    background: #3a98ce;
    width: 23px;
    height: 23px;
    display: block;
    -webkit-mask: center/contain no-repeat;
    mask: center/contain no-repeat;
}

.dc-problem article:nth-child(1) i::before {
    -webkit-mask-image: url('/assets/icons/crane/continuity.svg');
    mask-image: url('/assets/icons/crane/continuity.svg');
}

.dc-problem article:nth-child(2) i::before {
    -webkit-mask-image: url('/assets/icons/crane/visibility.svg');
    mask-image: url('/assets/icons/crane/visibility.svg');
}

.dc-problem article:nth-child(3) i::before {
    -webkit-mask-image: url('/assets/icons/crane/approval.svg');
    mask-image: url('/assets/icons/crane/approval.svg');
}

/* --- 02 Çalışma modeli ----------------------------------------------------
   İki panel eşit değildir ve olmamalıdır: kendi mühendisliğimizin üstlendiği
   iş önce, geniş ve vurgulu; alt yüklenici kapsamı yanında ve daha sakin
   durur. Sıralama görsel bir tercih değil, sayfanın söylediği şeyin kendisi. */

.dc-scope { background: #fff; padding: clamp(85px, 9vw, 140px) var(--page-gutter); }

.dc-scope > header {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    column-gap: clamp(40px, 6vw, 90px);
    align-items: end;
    margin-bottom: 56px;
}

.dc-scope > header .section-kicker { grid-column: 1; grid-row: 1; }
.dc-scope > header h2 { grid-column: 1; grid-row: 2; margin: 20px 0 0; }

.dc-scope > header p {
    grid-column: 2;
    grid-row: 2;
    margin: 0 0 6px;
    color: #607786;
    font-size: 15px;
    line-height: 1.75;
}

.dc-scope__panels {
    display: grid;
    grid-template-columns: 1.12fr .88fr;
    border-top: 1px solid #cfdee6;
}

.dc-scope__own,
.dc-scope__partner {
    padding: 36px clamp(26px, 3.4vw, 52px) 44px;
    border-bottom: 1px solid #cfdee6;
}

.dc-scope__own { background: #f5f9fb; border-left: 3px solid var(--blue); }
.dc-scope__partner { border-left: 1px solid #cfdee6; border-right: 1px solid #cfdee6; }

.dc-scope__tag {
    display: inline-block;
    padding: 7px 12px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.dc-scope__own .dc-scope__tag { color: #fff; background: #198acb; }
.dc-scope__partner .dc-scope__tag { color: #5b7686; background: #eaf1f5; }

.dc-scope h3 { margin: 20px 0 24px; font-size: 24px; letter-spacing: -.02em; }

.dc-scope ul { list-style: none; margin: 0; padding: 0; }
.dc-scope li { padding: 16px 0; border-top: 1px solid #d7e4ea; }
.dc-scope li:first-child { border-top: 0; padding-top: 0; }
.dc-scope li b { display: block; margin-bottom: 6px; font-size: 15px; }
.dc-scope li span { display: block; color: #607786; font-size: 13px; line-height: 1.7; }
.dc-scope__partner li b { font-weight: 600; }

.dc-scope__note { margin: 26px 0 0; color: #7c93a1; font-size: 12.5px; line-height: 1.7; }

.dc-scope a {
    color: #198acb;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.dc-scope a:hover,
.dc-scope a:focus-visible { color: #0d2f45; text-decoration-thickness: 2px; }

/* --- 03 Altyapı katmanları -----------------------------------------------
   Katmanlar sütun değil satır: üst üste durmaları anlatılan şeyin ta kendisi. */

.dc-stack { color: #fff; background: #061825; padding: clamp(90px, 9vw, 140px) var(--page-gutter); }

.dc-stack > header {
    display: grid;
    grid-template-columns: minmax(240px, .6fr) minmax(0, 1.4fr);
    column-gap: clamp(40px, 6vw, 100px);
    margin-bottom: 56px;
}

.dc-stack > header .section-kicker {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: stretch;
    border-right: 1px solid rgba(255, 255, 255, .14);
    min-height: 150px;
    padding-right: 38px;
}

.dc-stack > header h2 { grid-column: 2; grid-row: 1; margin: 0 0 20px; }

.dc-stack > header p {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
    max-width: 640px;
    color: #9eb5c2;
    font-size: 14px;
    line-height: 1.75;
}

.dc-layers { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, .14); }

.dc-layers li {
    display: grid;
    grid-template-columns: 60px minmax(140px, .85fr) minmax(0, 2.5fr);
    gap: clamp(18px, 3vw, 45px);
    align-items: baseline;
    padding: 26px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    position: relative;
}

/* Satırın üzerine gelince alt çizgi soldan sağa dolar: uzun listede okunan
   satırı işaretler, konumu değiştirmediği için düzeni de kaydırmaz. */
.dc-layers li::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: var(--blue);
    transition: width .45s ease;
}

.dc-layers li:hover::before { width: 100%; }

.dc-layers small { color: #58afe2; font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.dc-layers b { font-size: 22px; letter-spacing: -.02em; }
.dc-layers span { color: #9eb5c2; font-size: 13.5px; line-height: 1.7; }

.dc-system-map {
    color: #fff;
    background: #020d20;
    padding: clamp(85px, 8vw, 125px) var(--page-gutter) clamp(90px, 9vw, 140px);
}

.dc-system-map > header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .78fr);
    column-gap: clamp(45px, 7vw, 110px);
    row-gap: 24px;
    align-items: start;
    margin-bottom: 48px;
}

.dc-system-map .section-kicker { grid-column: 1 / -1; }

.dc-system-map h2 {
    grid-column: 1;
    margin: 0;
    max-width: 760px;
    font-size: clamp(38px, 3.45vw, 56px);
}

.dc-system-map header p {
    grid-column: 2;
    margin: 4px 0 0;
    color: #a6bdc9;
    font-size: 14px;
    line-height: 1.8;
}

.dc-system-map figure {
    margin: 0;
    border: 1px solid rgba(105, 188, 235, .18);
    background: #020d20;
    position: relative;
    overflow: hidden;
}

.dc-system-map img { display: block; width: 100%; height: auto; }

.dc-system-map figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    min-width: min(460px, 80%);
    padding: 20px 26px;
    background: rgba(6, 24, 37, .88);
    border-left: 3px solid var(--blue);
    backdrop-filter: blur(10px);
}

.dc-system-map figcaption b { display: block; margin-bottom: 6px; font-size: 15px; }
.dc-system-map figcaption span { color: #8fabb9; font-size: 11px; letter-spacing: .04em; }

/* --- 04 Mühendislik kapsamı ---------------------------------------------- */

.dc-capabilities { background: #fff; padding: clamp(85px, 8vw, 125px) var(--page-gutter); }

.dc-capabilities > header {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: end;
    gap: 60px;
    margin-bottom: 55px;
}

.dc-capabilities > header h2 { margin: 25px 0 0; }

.dc-capabilities > header > p {
    margin: 0 0 5px;
    max-width: 520px;
    color: #617887;
    font-size: 15px;
    line-height: 1.75;
}

.dc-capabilities > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #cfdee6;
    border-left: 1px solid #cfdee6;
}

.dc-capabilities article {
    border-right: 1px solid #cfdee6;
    border-bottom: 1px solid #cfdee6;
    min-height: 210px;
    padding: 28px clamp(26px, 3vw, 45px);
}

.dc-capabilities small,
.dc-applications small { color: #388fbe; font-size: 10px; font-weight: 800; letter-spacing: .06em; }
.dc-capabilities h3 { margin: 25px 0 10px; font-size: 22px; }
.dc-capabilities p,
.dc-applications p { margin: 0; color: #607786; font-size: 13px; line-height: 1.65; }

/* --- 05 İzleme ekranı -----------------------------------------------------
   Örnek bir panel görünümü; gerçek bir tesisin verisi değildir, bu yüzden
   başlıkta "örnek görünüm" etiketi taşır ve aria-label'da da belirtilir. */

.dc-monitor {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    gap: clamp(45px, 7vw, 110px);
    align-items: center;
    background: #edf5f8;
    padding: clamp(90px, 9vw, 140px) var(--page-gutter);
}

.dc-monitor h2 { margin: 24px 0 20px; }
.dc-monitor header p { margin: 0; max-width: 520px; color: #607786; font-size: 14px; line-height: 1.75; }

.dc-board {
    color: #fff;
    background: #071d2b;
    border: 1px solid #244b61;
    padding: clamp(22px, 3vw, 36px);
    box-shadow: 0 24px 60px rgba(20, 56, 78, .2);
}

.dc-board__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.dc-board__head b { font-size: 13px; letter-spacing: .14em; }
.dc-board__head span { color: #6e9bad; font-size: 9px; letter-spacing: .14em; }

.dc-board__tiles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    margin-top: 22px;
    background: rgba(255, 255, 255, .1);
}

.dc-board__tiles > div { background: #071d2b; padding: 20px 18px 22px; }
.dc-board__tiles small { display: block; color: #6e9bad; font-size: 8px; letter-spacing: .13em; }

.dc-board__tiles b {
    display: block;
    margin: 10px 0 14px;
    color: #8fd3f6;
    font-family: var(--font-display);
    font-size: 26px;
    letter-spacing: -.02em;
}

.dc-board__tiles i { display: block; height: 6px; background: rgba(255, 255, 255, .12); position: relative; }

.dc-board__tiles i::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--dc-fill, 50%);
    background: linear-gradient(90deg, #2c7fb5, #6fcaf3);
}

.dc-board__tiles span { display: block; margin-top: 12px; color: #8ba7b6; font-size: 9.5px; line-height: 1.5; }

.dc-board__trend { position: relative; margin-top: 22px; color: #6fcaf3; }
.dc-board__trend svg { display: block; width: 100%; height: 110px; }

.dc-board__trend-label {
    position: absolute;
    top: 0;
    left: 0;
    color: #6e9bad;
    font-size: 8px;
    letter-spacing: .13em;
}

.dc-board__alert {
    margin-top: 18px;
    padding: 18px 20px;
    background: rgba(11, 43, 61, .9);
    border-left: 3px solid #e36f62;
}

.dc-board__alert small { color: #e98277; font-size: 8px; letter-spacing: .12em; }
.dc-board__alert b { display: block; margin: 10px 0 8px; font-size: 16px; line-height: 1.35; }
.dc-board__alert span { display: block; color: #8ba7b6; font-size: 10px; line-height: 1.5; }

/* --- 06 Proje adımları ---------------------------------------------------- */

.dc-workflow { color: #fff; background: #071c2b; padding: clamp(90px, 9vw, 145px) var(--page-gutter); }

.dc-workflow > header,
.dc-standards > header,
.dc-applications > header {
    display: grid;
    grid-template-columns: .7fr 1.3fr;
    gap: 60px;
    margin-bottom: 55px;
}

.dc-workflow > header > .section-kicker {
    align-self: stretch;
    border-right: 1px solid rgba(255, 255, 255, .14);
    min-height: 150px;
    padding-right: 38px;
}

.dc-workflow h2,
.dc-standards h2,
.dc-applications h2 { margin: 0; }

.dc-workflow ol {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, .14);
    border-left: 1px solid rgba(255, 255, 255, .14);
}

.dc-workflow li {
    display: flex;
    gap: 18px;
    border-right: 1px solid rgba(255, 255, 255, .14);
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    min-height: 200px;
    padding: 30px;
}

.dc-workflow li small { color: #58afe2; font-size: 11px; font-weight: 700; }
.dc-workflow li b { display: block; margin: 0 0 10px; font-size: 19px; letter-spacing: -.02em; }
.dc-workflow li p { margin: 0; color: #9eb5c2; font-size: 13px; line-height: 1.65; }

/* --- 07 Referans çerçeveler ----------------------------------------------- */

.dc-standards { background: #fff; padding: clamp(85px, 8vw, 125px) var(--page-gutter); }

.dc-standards > header > .section-kicker,
.dc-applications > header > .section-kicker {
    align-self: stretch;
    border-right: 1px solid #d5e2e9;
    min-height: 140px;
    padding-right: 38px;
}

.dc-standards > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #cfdee6;
    border-left: 1px solid #cfdee6;
}

.dc-standards article {
    border-right: 1px solid #cfdee6;
    border-bottom: 1px solid #cfdee6;
    min-height: 140px;
    padding: 24px clamp(22px, 2.6vw, 34px);
}

.dc-standards article b {
    display: block;
    color: #0d2f45;
    font-family: var(--font-display);
    font-size: 20px;
    letter-spacing: -.01em;
}

.dc-standards article b::after {
    content: "";
    display: block;
    width: 34px;
    height: 2px;
    margin: 12px 0;
    background: var(--blue);
}

.dc-standards article span { color: #607786; font-size: 13px; line-height: 1.65; }

.dc-standards__note { margin: 26px 0 0; max-width: 780px; color: #7c93a1; font-size: 12.5px; line-height: 1.7; }

/* --- 08 Uygulama alanları -------------------------------------------------- */

.dc-applications { background: #f5f9fb; padding: clamp(90px, 9vw, 140px) var(--page-gutter); }

.dc-applications > div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
    border-top: 1px solid #cfdee6;
    border-left: 1px solid #cfdee6;
}

.dc-applications article {
    border-right: 1px solid #cfdee6;
    border-bottom: 1px solid #cfdee6;
    min-height: 200px;
    padding: 28px 30px;
}

.dc-applications h3 { margin: 20px 0 10px; font-size: 21px; }

/* --- Küçük ekranlar -------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .dc-layers li::before { transition: none; }
}

@media (max-width: 1180px) {
    .dc-scope__panels { grid-template-columns: 1fr; }
    .dc-scope__partner { border-left: 3px solid #cfdee6; border-right: 0; }
    .dc-capabilities > div,
    .dc-workflow ol,
    .dc-standards > div,
    .dc-applications > div { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 980px) {
    .dc-monitor,
    .dc-scope > header,
    .dc-stack > header,
    .dc-system-map > header,
    .dc-capabilities > header,
    .dc-workflow > header,
    .dc-standards > header,
    .dc-applications > header { grid-template-columns: 1fr; }

    .dc-scope > header h2 { grid-column: 1; grid-row: 2; }
    .dc-scope > header p { grid-column: 1; grid-row: 3; margin: 20px 0 0; }

    .dc-stack > header .section-kicker { grid-column: 1; grid-row: 1; }
    .dc-stack > header h2 { grid-column: 1; grid-row: 2; margin-top: 26px; }
    .dc-stack > header p { grid-column: 1; grid-row: 3; }
    .dc-system-map h2,
    .dc-system-map header p { grid-column: 1; }

    .dc-problem > header > .section-kicker,
    .dc-stack > header .section-kicker,
    .dc-workflow > header > .section-kicker,
    .dc-standards > header > .section-kicker,
    .dc-applications > header > .section-kicker {
        border-right: 0;
        border-bottom: 1px solid #d5e2e9;
        min-height: 0;
        padding: 0 0 24px;
    }

    .dc-stack > header .section-kicker,
    .dc-workflow > header > .section-kicker { border-bottom-color: rgba(255, 255, 255, .14); }

    .dc-layers li { grid-template-columns: 56px 1fr; }
    .dc-layers span { grid-column: 2; }
}

@media (max-width: 680px) {
    .dc-scope,
    .dc-stack,
    .dc-system-map,
    .dc-capabilities,
    .dc-monitor,
    .dc-workflow,
    .dc-standards,
    .dc-applications { padding-inline: 24px; }

    .dc-capabilities > div,
    .dc-workflow ol,
    .dc-standards > div,
    .dc-applications > div,
    .dc-board__tiles { grid-template-columns: 1fr; }

    .dc-layers li { grid-template-columns: 1fr; gap: 8px; }
    .dc-layers span { grid-column: 1; }
    .dc-system-map figcaption { position: static; width: 100%; min-width: 0; }
}

/* ==========================================================================
   İnsan Kaynakları → Kariyer köprüsü (.career-callout)

   Kariyer sayfası menüde Kurumsal'ın altında duruyor ve orada kaybolabiliyor.
   Bu blok, İK sayfasının açık renkli akışını koyu bir bantla kesip ilanların
   nerede olduğunu tek bakışta söyler: güncel sayı, ilk beş başlık ve kariyer
   sayfasına giden düğme.
   ========================================================================== */

.career-callout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
    gap: clamp(40px, 6vw, 96px);
    align-items: center;
    padding: clamp(80px, 8vw, 130px) var(--page-gutter);
    background:
        radial-gradient(900px 420px at 12% 0%, rgba(75, 169, 227, .2), transparent 62%),
        #071c2b;
    color: #fff;
    overflow: hidden;
}

.career-callout .section-kicker { display: block; color: #61b4e5; }

.career-callout h2 {
    margin: 22px 0 18px;
    font-size: clamp(34px, 3.5vw, 56px);
    line-height: 1.03;
    letter-spacing: -.05em;
}

.career-callout h2 em { color: #45a5df; font-weight: 400; }

.career-callout__intro p {
    margin: 0 0 30px;
    max-width: 520px;
    color: #9eb5c2;
    font-size: 15px;
    line-height: 1.75;
}

.career-callout__board {
    background: #fff;
    color: var(--ink);
    padding: clamp(24px, 2.6vw, 36px);
    box-shadow: 0 28px 70px rgba(3, 15, 24, .45);
}

.career-callout__count {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--blue);
}

.career-callout__count b {
    color: #0d2f45;
    font-family: var(--font-display);
    font-size: clamp(42px, 3.8vw, 60px);
    line-height: 1;
    letter-spacing: -.05em;
}

.career-callout__count span { color: #607786; font-size: 13px; }

.career-callout__list { list-style: none; margin: 0; padding: 0; }
.career-callout__list li { border-bottom: 1px solid #dfe9ef; }

/* Satır üzerine gelince içerik hafifçe sağa kayar: hangi satırda olduğunuz
   renkten bağımsız olarak da belli olur. */
.career-callout__list a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px;
    align-items: center;
    row-gap: 3px;
    padding: 14px 4px;
    color: inherit;
    text-decoration: none;
    transition: padding-left .2s ease, color .2s ease;
}

.career-callout__list a:hover,
.career-callout__list a:focus-visible { padding-left: 12px; color: #198acb; outline: none; }

.career-callout__list b { grid-column: 1; grid-row: 1; font-size: 15.5px; }
.career-callout__list small { grid-column: 1; grid-row: 2; color: #607786; font-size: 12px; }

.career-callout__list i {
    grid-column: 2;
    grid-row: 1 / span 2;
    justify-self: end;
    color: #198acb;
    font-style: normal;
}

.career-callout__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    color: #198acb;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.career-callout__more:hover,
.career-callout__more:focus-visible { text-decoration: underline; text-underline-offset: 3px; }

.career-callout__board--empty b { display: block; font-size: 19px; letter-spacing: -.02em; }
.career-callout__board--empty p { margin: 10px 0 0; color: #607786; font-size: 13.5px; line-height: 1.7; }

@media (prefers-reduced-motion: reduce) {
    .career-callout__list a { transition: none; }
}

@media (max-width: 980px) {
    .career-callout { grid-template-columns: 1fr; gap: 40px; }
}

@media (max-width: 680px) {
    .career-callout { padding-inline: 24px; }
}

/* --- Çözüm hero: iş ortaklığı rozeti ------------------------------------
   MES-MOM ve Opcenter alt sayfalarında künye kutusunun yerini Siemens Expert
   Partner rozeti alır (bkz. partials/partner-badge.php). Taban kural
   .solution-hero__visual img'i mutlak konumlandırıp kırpıyor; rozet için
   ikisi de geri alınır. */

.solution-hero__visual figcaption.solution-hero__partner {
    display: grid;
    place-items: center;
    width: auto;
    padding: 18px 24px;
}

.solution-hero__visual figcaption.solution-hero__partner img {
    position: static;
    inset: auto;
    width: auto;
    height: 76px;
    max-width: 100%;
    object-fit: contain;
    filter: none;
}

@media (max-width: 680px) {
    .solution-hero__visual figcaption.solution-hero__partner { padding: 14px 18px; }
    .solution-hero__visual figcaption.solution-hero__partner img { height: 58px; }
}

/* --- İç sayfa banner yüksekliği: küçük ekran adımı ------------------------
   Masaüstü 610px ve ≤900px 540px değerleri :root içinde tanımlı; en dar
   ekranda banner biraz daha kısalır. Üç sayfa türü (kurumsal, hizmet,
   sektör) aynı değişkeni okuduğu için tek satır üçünü birden değiştirir. */

@media (max-width: 560px) {
    :root { --inner-hero-height: 500px; }
}

/* --- Banner içi "Detayları keşfedin" bağlantısı --------------------------
   Sektör sayfalarında zaten vardı (.sector-hero__scroll); aynı davranış
   kurumsal ve hizmet sayfalarına da taşındı. Üst pay sektördekinden (42px)
   biraz dar tutuldu: .page-hero sabit yükseklikli olduğu için uzun bir
   slogan + düğme banner'ı 610px'in üstüne çıkarabilirdi. */

.page-hero__scroll {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(230px, 100%);
    margin-top: 32px;
    padding-bottom: 13px;
    border-bottom: 1px solid #35505f;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: border-color .2s ease, gap .2s ease;
}

.page-hero__scroll:hover,
.page-hero__scroll:focus-visible { border-bottom-color: var(--blue); }

.page-hero__scroll span {
    color: #54abe0;
    font-size: 18px;
    transition: transform .2s ease;
}

.page-hero__scroll:hover span,
.page-hero__scroll:focus-visible span { transform: translateY(3px); }

.sector-hero__scroll { text-decoration: none; }

/* Kaydırma hedefleri sabit üst çubuğun altında kalmasın. .scroll-anchor
   boyutsuzdur; yalnızca çıpa görevi görür. */
.scroll-anchor {
    display: block;
    height: 0;
    scroll-margin-top: var(--header-height, 96px);
}

#sektor-detay,
#cozum-detay,
#urun-detay { scroll-margin-top: var(--header-height, 96px); }

@media (prefers-reduced-motion: reduce) {
    .page-hero__scroll,
    .page-hero__scroll span { transition: none; }
}

/* --- Çerez tercihleri penceresi ------------------------------------------
   İlk girişte kendiliğinden açılır. Örtü tıklanabilir değildir: pencerenin
   dışına tıklamak sessizce "kabul" sayılmamalı, ziyaretçi bir düğmeye
   basmalıdır. Katman sırası scroll-modal'ın (3000) üstündedir; ikisi aynı
   anda görünürse çerez kararı önde durur.

   "Özelleştir" ayrı bir pencere açmaz, aynı kartı genişletir — karar ile
   ayrıntı arasında bağlam kopmaz. */

.cookie-consent[hidden] { display: none; }

.cookie-consent {
    position: fixed;
    inset: 0;
    z-index: 4000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .24s ease, visibility .24s ease;
}

.cookie-consent.is-visible { opacity: 1; visibility: visible; }

.cookie-consent__backdrop {
    position: absolute;
    inset: 0;
    background: #061621a8;
    backdrop-filter: blur(4px);
}

.cookie-consent__panel {
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translate(-50%, 22px);
    transition: transform .28s ease;
    display: flex;
    flex-direction: column;
    gap: 22px;
    width: min(1040px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    padding: 34px 38px 30px;
    overflow-y: auto;
    background: #f4f9fc;
    border-top: 3px solid var(--blue);
    box-shadow: 0 32px 90px #0009;
}

.cookie-consent.is-visible .cookie-consent__panel { transform: translate(-50%, 0); }

.cookie-consent__close {
    position: absolute;
    top: 18px;
    right: 22px;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #718794;
    background: none;
    border: 0;
    font: 500 28px/1 var(--font-body);
    cursor: pointer;
    outline: none;
}

.cookie-consent__close:focus-visible { color: #2789c4; }

.cookie-consent__intro { max-width: 76ch; }

.cookie-consent__intro > .section-kicker {
    color: #2789c4;
    font-size: 12px;
    letter-spacing: .15em;
}

.cookie-consent__intro h2 {
    margin: 12px 0 10px;
    font: 600 27px/1.1 var(--font-display);
    letter-spacing: -.035em;
}

.cookie-consent__intro p {
    margin: 0;
    color: #607684;
    font-size: 14px;
    line-height: 1.65;
}

.cookie-consent__intro a {
    color: #2789c4;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Kategori listesi: "Özelleştir" basılana kadar gizli durur. */
.cookie-consent__options[hidden] { display: none; }

.cookie-consent__options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid #d5e4ed;
}

.cookie-option {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: start;
    gap: 4px 14px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #dceaf2;
    cursor: pointer;
}

.cookie-option.is-locked { cursor: default; background: #eef5f9; }

.cookie-option:focus-within { border-color: var(--blue); }

/* Görünen anahtar bir sonraki kardeştir; kutunun kendisi gizlenir ama
   klavye ve ekran okuyucu için DOM'da kalır. */
.cookie-option input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.cookie-option__switch {
    position: relative;
    display: block;
    width: 38px;
    height: 20px;
    margin-top: 2px;
    background: #b9ccd6;
    border-radius: 20px;
    transition: background .18s ease;
}

.cookie-option__switch:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    transition: transform .18s ease;
}

.cookie-option input:checked + .cookie-option__switch { background: var(--blue); }
.cookie-option input:checked + .cookie-option__switch:after { transform: translateX(18px); }
.cookie-option input:disabled + .cookie-option__switch { background: #8fb6cd; }
.cookie-option input:focus-visible + .cookie-option__switch { box-shadow: 0 0 0 3px #4ea9e959; }

.cookie-option__text { display: block; }

.cookie-option__text b {
    display: block;
    margin-bottom: 5px;
    font: 700 13px var(--font-body);
    color: var(--ink);
}

.cookie-option__text small {
    display: block;
    color: #6d8393;
    font-size: 12px;
    line-height: 1.6;
}

.cookie-option__badge {
    grid-column: 2;
    justify-self: start;
    margin-top: 8px;
    padding: 3px 9px;
    color: #2b7fb5;
    background: #dceaf4;
    font: 700 10px/1.4 var(--font-display);
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* "Özelleştir" bağlantısı gizlendiğinde de düğmeler sağda kalsın diye
   hizalama hem justify-content hem de bağlantının auto payıyla kurulur. */
.cookie-consent__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.cookie-consent__link {
    margin-right: auto;
    padding: 0;
    color: #46707f;
    background: none;
    border: 0;
    border-bottom: 1px solid #a9c2cf;
    font: 700 13px var(--font-body);
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease;
}

.cookie-consent__link[hidden] { display: none; }

.cookie-consent__link:hover,
.cookie-consent__link:focus-visible { color: #2789c4; border-color: var(--blue); }

.cookie-consent__button {
    padding: 13px 26px;
    color: #14384c;
    background: #fff;
    border: 1px solid #b9ccd6;
    font: 700 13px var(--font-body);
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.cookie-consent__button[hidden] { display: none; }

.cookie-consent__button:hover,
.cookie-consent__button:focus-visible { border-color: var(--blue); color: #10658f; }

.cookie-consent__button.is-primary {
    color: #fff;
    background: var(--navy);
    border-color: var(--navy);
}

.cookie-consent__button.is-primary:hover,
.cookie-consent__button.is-primary:focus-visible {
    background: #10658f;
    border-color: #10658f;
    color: #fff;
}

/* Pencere açıkken arka plan kaydırılmaz. */
body.has-cookie-consent { overflow: hidden; }

/* Alt bilgideki "Çerez Tercihleri" — komşu yasal bağlantılarla aynı görünür,
   ama adres değil eylem olduğu için <button>. */
.footer-cookie-link {
    padding: 0;
    color: inherit;
    background: none;
    border: 0;
    font: inherit;
    cursor: pointer;
}

@media (max-width: 900px) {
    .cookie-consent__options { grid-template-columns: minmax(0, 1fr); }
    .cookie-consent__panel { padding: 28px 22px 24px; gap: 18px; }
    .cookie-consent__intro h2 { font-size: 23px; }
}

@media (max-width: 560px) {
    .cookie-consent__panel { bottom: 0; width: 100vw; max-height: 88vh; }
    .cookie-consent__actions > * { flex: 1 1 100%; }
    .cookie-consent__link { margin-right: 0; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
    .cookie-consent,
    .cookie-consent__panel,
    .cookie-option__switch,
    .cookie-option__switch:after { transition: none; }
}


/* --------------------------------------------------------------------------
   Digital 360 — çözüm portföyü vitrini
   -------------------------------------------------------------------------- */
.d360-hero{position:relative;min-height:min(760px,88vh);display:grid;place-items:center;overflow:hidden;background:#061824;color:#fff}
.d360-hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;filter:saturate(.8) contrast(1.08)}
.d360-hero__veil{position:absolute;inset:0;background:radial-gradient(circle at 72% 22%,rgba(34,154,215,.22),transparent 40%),linear-gradient(90deg,rgba(3,18,30,.94) 0%,rgba(3,18,30,.72) 52%,rgba(3,18,30,.44) 100%)}
.d360-hero__content{position:relative;z-index:2;width:100%;padding:140px var(--page-gutter) 100px}
.d360-hero .breadcrumbs{margin-bottom:72px}
.d360-hero .section-kicker{color:#7fd3ff}
.d360-hero h1{max-width:980px;margin:20px 0 24px;font:600 clamp(42px,6.4vw,56px)/.98 var(--font-display);letter-spacing:-.055em;text-wrap:balance}
.d360-hero p{max-width:760px;margin:0;color:#c6d7e2;font-size:clamp(17px,1.6vw,22px);line-height:1.65}
.d360-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.d360-button--glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(12px)}
.d360-button--glass:hover{background:#fff;color:#081a29}
.d360-hero__scroll{position:absolute;z-index:2;right:max(24px,calc((100% - 1180px)/2));bottom:36px;display:flex;align-items:center;gap:14px;color:#fff;font:700 12px/1 var(--font-display);letter-spacing:.12em}
.d360-hero__scroll i{display:block;width:72px;height:1px;background:rgba(255,255,255,.5);position:relative}
.d360-hero__scroll i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg)}
.d360-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:80px;align-items:end;width:100%;margin:0;padding:110px var(--page-gutter) 64px}
.d360-intro h2{margin:18px 0 0;font:600 clamp(38px,5vw,70px)/1 var(--font-display);letter-spacing:-.05em;color:#081a29}
.d360-intro h2 em{font-style:normal;color:#168bc6}
.d360-intro>p{margin:0;color:#58707e;font-size:17px;line-height:1.8}
.d360-grid{width:100%;margin:0 0 16px;padding:0 var(--page-gutter);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.d360-card{position:relative;min-height:560px;overflow:hidden;border-radius:4px;background:#e9eff2;color:#fff;isolation:isolate}
.d360-card--wide{grid-column:span 6;min-height:620px}
.d360-card--third{grid-column:span 4}
.d360-card--quarter{grid-column:span 3;min-height:520px}
.d360-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.d360-card:hover>img{transform:scale(1.045)}
.d360-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,20,30,.1) 15%,rgba(5,20,30,.92) 100%);z-index:1}
.d360-card--light,.d360-card--silver,.d360-card--ice,.d360-card--mint,.d360-card--sand{color:#0a2130}
.d360-card--light .d360-card__shade,.d360-card--silver .d360-card__shade,.d360-card--ice .d360-card__shade,.d360-card--mint .d360-card__shade,.d360-card--sand .d360-card__shade{background:linear-gradient(180deg,rgba(245,249,250,.05),rgba(240,246,248,.94))}
.d360-card--lime .d360-card__shade{background:linear-gradient(180deg,rgba(16,46,38,.04),rgba(25,58,48,.9))}
.d360-card--blue .d360-card__shade{background:linear-gradient(180deg,rgba(0,95,155,.08),rgba(1,73,124,.94))}
.d360-card--navy .d360-card__shade{background:linear-gradient(180deg,rgba(1,5,42,.06),rgba(1,5,42,.95))}
.d360-card--coral .d360-card__shade{background:linear-gradient(180deg,rgba(114,30,19,.05),rgba(137,49,31,.92))}
.d360-card--violet .d360-card__shade{background:linear-gradient(180deg,rgba(26,25,67,.04),rgba(32,31,73,.9))}
.d360-card__content{position:absolute;z-index:2;inset:auto 0 0;padding:34px;display:flex;flex-direction:column;align-items:flex-start}
.d360-card h2{max-width:620px;margin:0 0 12px;font:600 clamp(27px,2.5vw,44px)/1.06 var(--font-display);letter-spacing:-.04em;text-wrap:balance}
.d360-card--quarter h2{font-size:clamp(24px,2vw,34px)}
.d360-card p{max-width:590px;min-height:52px;margin:0;color:inherit;opacity:.78;font-size:14px;line-height:1.6}
.d360-card__actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.d360-card__actions a{padding:11px 16px;border:1px solid currentColor;border-radius:999px;color:inherit;font:700 12px/1 var(--font-body);transition:background .2s,color .2s,transform .2s}
.d360-card__actions a:first-child{background:#fff;border-color:#fff;color:#0a2130}
.d360-card__actions a:hover{transform:translateY(-2px)}
.d360-card__actions a:last-child:hover{background:currentColor}
.d360-card__actions a:last-child:hover{color:#0a2130}
.d360-card--light .d360-card__actions a:last-child:hover,.d360-card--silver .d360-card__actions a:last-child:hover,.d360-card--ice .d360-card__actions a:last-child:hover,.d360-card--mint .d360-card__actions a:last-child:hover,.d360-card--sand .d360-card__actions a:last-child:hover{background:#0a2130;color:#fff}
.d360-closing{position:relative;overflow:hidden;margin-top:16px;padding:130px var(--page-gutter);text-align:center;background:#071d2c;color:#fff}
.d360-closing .section-kicker{color:#78cdf9}
.d360-closing h2{margin:20px auto;font:600 clamp(42px,6vw,78px)/1 var(--font-display);letter-spacing:-.055em}
.d360-closing h2 em{font-style:normal;color:#6ccaff}
.d360-closing p{max-width:700px;margin:0 auto 32px;color:#a9becb;font-size:17px;line-height:1.7}

@media(max-width:1050px){
  .d360-card--third{grid-column:span 6}
  .d360-card--quarter{grid-column:span 6}
  .d360-intro{grid-template-columns:1fr;gap:30px}
}
@media(max-width:700px){
  .d360-hero{min-height:720px}
  .d360-hero__content{width:100%;padding:118px var(--page-gutter) 90px}
  .d360-hero .breadcrumbs{margin-bottom:54px}
  .d360-hero h1{font-size:clamp(39px,12vw,58px)}
  .d360-actions{flex-direction:column;align-items:stretch}
  .d360-actions .pill-button{justify-content:center}
  .d360-hero__scroll{display:none}
  .d360-intro{width:100%;padding:74px var(--page-gutter) 42px}
  .d360-grid{width:100%;padding:0 var(--page-gutter);gap:10px}
  .d360-card,.d360-card--wide,.d360-card--third,.d360-card--quarter{grid-column:1/-1;min-height:520px}
  .d360-card__content{padding:24px}
  .d360-card h2,.d360-card--quarter h2{font-size:32px}
  .d360-card p{min-height:0}
  .d360-closing{padding:90px var(--page-gutter)}
}
@media(prefers-reduced-motion:reduce){
  .d360-hero__media{display:none}
  .d360-card>img{transition:none}
}

/* Sabit WhatsApp iletişim kapsülü */
.whatsapp-fab{position:fixed;z-index:1200;right:var(--page-gutter);bottom:28px;display:flex;align-items:center;gap:15px;min-height:68px;padding:9px 9px 9px 22px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(7,29,44,.94);color:#fff;box-shadow:0 18px 45px rgba(2,17,27,.3);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px);transition:opacity .22s ease,visibility .22s ease,transform .25s ease,box-shadow .25s ease,background .25s ease}
.whatsapp-fab.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.whatsapp-fab.is-visible:hover{transform:translateY(-4px);background:#09263a;box-shadow:0 24px 55px rgba(2,17,27,.4)}
.whatsapp-fab__copy{display:flex;flex-direction:column;gap:4px;white-space:nowrap}
.whatsapp-fab__copy small{color:#79cfa0;font:700 9px/1 var(--font-display);letter-spacing:.14em}
.whatsapp-fab__copy strong{font:700 14px/1.1 var(--font-body)}
.whatsapp-fab__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#20b861;color:#fff;box-shadow:0 0 0 5px rgba(32,184,97,.13)}
.whatsapp-fab__icon svg{width:25px;height:25px}
@media(max-width:700px){
  .whatsapp-fab{right:var(--page-gutter);bottom:18px;min-height:58px;padding:4px;border-color:rgba(32,184,97,.32);background:rgba(7,29,44,.88)}
  .whatsapp-fab__copy{display:none}
  .whatsapp-fab__icon{width:50px;height:50px}
}
@media(prefers-reduced-motion:reduce){
  .whatsapp-fab{transition:none}
}

/* İç sayfa banner tipografisi — ana sayfa slider'ı bu kapsamın dışındadır. */
.page-hero h1,
.offer-page-hero h1,
.contact-page-hero h1,
.sector-hero h1,
.solutions-hub-hero h1,
.solution-hero h1,
.mr-hero h1,
.legal-hero h1,
.article-hero h1,
.webinar-show__hero h1,
.training-detail__copy h1,
.d360-hero h1 {
  font-size: 50px;
  letter-spacing: -.025em;
}

@media (max-width: 700px) {
  .article-hero h1 {
    font-size: clamp(36px, 11.3vw, 44px);
    line-height: 1.03;
  }
}

.solution-hero h2,
.mr-hero h2 {
  font-size: 26px;
  letter-spacing: -.015em;
}

/* Technical support / lifecycle services */
.support-hero{min-height:760px;align-items:center;padding-top:185px}
.support-hero:before{background:linear-gradient(90deg,#05141ffc 0%,#05141fe8 39%,#05141f4d 68%,#05141f14),var(--hero-image);background-position:center;background-size:cover}
.support-hero .page-hero-content{max-width:780px}
.support-hero h1{margin-bottom:16px}
.support-hero h2{color:var(--blue);max-width:720px;font:500 clamp(27px,3vw,40px)/1.08 var(--font-display);letter-spacing:-.035em;margin:0 0 24px}
.support-hero p{max-width:690px}
.support-hero__actions{display:flex;align-items:center;gap:28px;margin-top:36px}
.support-contact-band{background:#fff;border-bottom:1px solid #dce7ed;display:grid;grid-template-columns:1.25fr .72fr .9fr;padding:0 var(--page-gutter);position:relative}
.support-contact-band>*{min-height:175px;padding:36px clamp(24px,3vw,54px);display:flex;justify-content:center;flex-direction:column}
.support-contact-band>*+*{border-left:1px solid #dce7ed}
.support-contact-band__intro{padding-left:0}.support-contact-band__intro .section-kicker{color:#438ab3}.support-contact-band__intro p{color:#577082;max-width:580px;line-height:1.65;margin:12px 0 0;font-size:14px}
.support-contact-band>a{position:relative;transition:background .2s,color .2s}.support-contact-band>a:hover{background:#eef7fc}
.support-contact-band>a small{color:#6c899b;letter-spacing:.13em;font:600 9px var(--font-display);margin-bottom:12px}.support-contact-band>a strong{font:600 clamp(17px,1.6vw,24px) var(--font-display)}.support-contact-band>a span{color:var(--blue);position:absolute;right:28px;top:30px}
.support-content{background:#f5f9fb}
.support-section{padding:clamp(80px,9vw,140px) var(--page-gutter)}
.support-section__head{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(35px,7vw,110px);margin-bottom:clamp(48px,6vw,90px)}
.support-section__head .section-kicker{color:#438ab3;padding-top:12px}.support-section__head h2{font:500 clamp(38px,4.8vw,68px)/1 var(--font-display);letter-spacing:-.055em;margin:0}.support-section__head h2 em{display:block}.support-section__head p{color:#607888;max-width:680px;line-height:1.8;margin:24px 0 0}
.support-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cddce4;border-left:1px solid #cddce4}
.support-pillar{background:#fff;border-right:1px solid #cddce4;border-bottom:1px solid #cddce4;min-height:285px;padding:38px;position:relative;transition:transform .25s,box-shadow .25s}
.support-pillar:hover{z-index:1;transform:translateY(-6px);box-shadow:0 24px 60px rgba(15,54,78,.1)}
.support-pillar>span{color:#459bd0;font:600 11px var(--font-display)}.support-pillar h3{font:600 22px/1.15 var(--font-display);margin:42px 0 16px}.support-pillar p{color:#627b8b;font-size:14px;line-height:1.7;margin:0}
.support-process{color:#fff;background:#071d2c;position:relative;overflow:hidden}.support-process:after{content:"";background-image:linear-gradient(rgba(113,184,225,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(113,184,225,.08) 1px,transparent 1px);background-size:90px 90px;position:absolute;inset:0;pointer-events:none}.support-process>*{position:relative;z-index:1}.support-process .support-section__head p{color:#9cb2c0}
.support-steps{counter-reset:support-step;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(151,198,226,.25)}
.support-step{counter-increment:support-step;min-height:285px;border-right:1px solid rgba(151,198,226,.2);padding:34px 30px}.support-step:before{content:"0" counter(support-step);color:#69bff0;font:600 11px var(--font-display)}.support-step h3{font:600 20px var(--font-display);margin:74px 0 15px}.support-step p{color:#9eb1bd;font-size:13px;line-height:1.7;margin:0}
.support-readiness{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:start}
.support-readiness__copy h2{font:500 clamp(37px,4vw,58px)/1.02 var(--font-display);letter-spacing:-.05em;margin:20px 0 28px}.support-readiness__copy>p{color:#607888;line-height:1.8}.support-checklist{background:#fff;border:1px solid #d2e0e7;padding:12px 38px}.support-checklist li{list-style:none;border-bottom:1px solid #dce7ed;padding:24px 0 24px 36px;position:relative;font-size:14px;line-height:1.6}.support-checklist li:last-child{border-bottom:0}.support-checklist li:before{content:"✓";color:#168ccf;position:absolute;left:0;font-weight:700}
.support-models{background:#eaf3f8}.support-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.support-model{background:#fff;padding:42px;min-height:320px;display:flex;flex-direction:column}.support-model small{color:#438ab3;letter-spacing:.14em;font:600 10px var(--font-display)}.support-model h3{font:600 25px/1.15 var(--font-display);margin:38px 0 18px}.support-model p{color:#637b8b;font-size:14px;line-height:1.7}.support-model ul{border-top:1px solid #d9e5eb;margin:auto 0 0;padding:20px 0 0;list-style:none}.support-model li{font-size:12px;padding:5px 0}.support-model li:before{content:"—";color:var(--blue);margin-right:9px}
.support-faq{max-width:1180px;margin:auto}.support-faq details{border-bottom:1px solid #ccdae2;padding:0}.support-faq summary{cursor:pointer;list-style:none;font:600 clamp(17px,1.7vw,23px) var(--font-display);padding:28px 55px 28px 0;position:relative}.support-faq summary:after{content:"+";color:var(--blue);position:absolute;right:4px;font-size:26px}.support-faq details[open] summary:after{content:"−"}.support-faq details p{color:#607888;max-width:900px;line-height:1.8;margin:0;padding:0 0 30px}
@media(max-width:900px){.support-contact-band{grid-template-columns:1fr 1fr}.support-contact-band__intro{grid-column:1/-1}.support-contact-band>*{min-height:135px}.support-contact-band>*+*{border-left:0}.support-contact-band>a{border-top:1px solid #dce7ed}.support-contact-band>a:last-child{border-left:1px solid #dce7ed}.support-section__head{grid-template-columns:1fr}.support-pillars,.support-model-grid{grid-template-columns:repeat(2,1fr)}.support-steps{grid-template-columns:repeat(2,1fr)}.support-readiness{grid-template-columns:1fr}}
@media(max-width:600px){.support-hero{min-height:720px;padding-top:145px}.support-hero:before{background:linear-gradient(180deg,#05141ff7 3%,#05141fdc 62%,#05141f75),var(--hero-image);background-position:62% center}.support-hero__actions{align-items:flex-start;flex-direction:column;gap:15px}.support-contact-band{grid-template-columns:1fr}.support-contact-band__intro{padding-left:0}.support-contact-band>a:last-child{border-left:0}.support-pillars,.support-model-grid,.support-steps{grid-template-columns:1fr}.support-pillar,.support-model{min-height:auto}.support-step{min-height:235px}.support-section{padding-left:24px;padding-right:24px}.support-checklist{padding:8px 24px}}

/* Destek talebi: sade başlık ve doğrudan form odağı. */
.support-request-hero{background:#071d2c;color:#fff;padding:145px var(--page-gutter) 64px;position:relative;overflow:hidden}.support-request-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,31,.98) 0%,rgba(5,20,31,.9) 45%,rgba(5,20,31,.28) 78%,rgba(5,20,31,.12)),var(--support-hero-image);background-position:center;background-size:cover}.support-request-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(54,169,231,.12),transparent 32%);pointer-events:none}.support-request-hero__inner{max-width:900px;position:relative;z-index:1}.support-request-hero .breadcrumbs{margin-bottom:42px}.support-request-hero .section-kicker{color:#69c4f3}.support-request-hero h1{font:500 50px/1 var(--font-display);letter-spacing:-.025em;margin:18px 0}.support-request-hero p{color:#b6c8d3;max-width:720px;line-height:1.7;margin:0}
.support-request{background:#f4f8fa;padding:clamp(70px,8vw,120px) var(--page-gutter)}.support-request__heading{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;max-width:1180px;margin:0 auto 48px}.support-request__heading .section-kicker{color:#438ab3}.support-request__heading h2{font:500 clamp(34px,4vw,56px)/1.04 var(--font-display);letter-spacing:-.045em;margin:14px 0 0}.support-request__heading>p{color:#607888;line-height:1.75;margin:0}
.support-request__status,.support-request-form__message{max-width:1180px;margin:0 auto 22px;padding:15px 18px;border-radius:4px}.support-request__status.is-ok,.support-request-form__message.is-ok{background:#e2f5e9;color:#17683a}.support-request__status.is-error,.support-request-form__message.is-error{background:#fff0ef;color:#9d2c25}.support-request-form__message:empty{display:none}
.support-request-form{background:#fff;border:1px solid #d5e1e7;box-shadow:0 24px 70px rgba(8,42,62,.07);max-width:1180px;margin:auto;padding:clamp(28px,4.5vw,68px)}.support-request-form fieldset{border:0;border-bottom:1px solid #dbe6eb;margin:0 0 36px;padding:0 0 38px}.support-request-form legend{font:600 20px var(--font-display);margin-bottom:26px}.support-request-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.support-request-form__grid--three{grid-template-columns:repeat(3,1fr)}
.support-request-form label{display:flex;flex-direction:column;gap:9px}.support-request-form label>span{font:600 12px var(--font-display);letter-spacing:.02em}.support-request-form input:not([type=checkbox]):not([type=file]),.support-request-form textarea{background:#f7fafb;border:1px solid #cbd9e0;border-radius:2px;color:#071725;font:400 15px var(--font-body);outline:0;padding:15px 17px;width:100%}.support-request-form input:focus,.support-request-form textarea:focus{border-color:#168ccf;box-shadow:0 0 0 3px rgba(22,140,207,.1)}.support-request-form textarea{resize:vertical}.support-request-form label small,.support-request-form__actions small{color:#718694;font-size:11px;line-height:1.5}.support-request-form__wide,.support-request-form__upload{margin-top:24px}.support-request-form__upload{border:1px dashed #b8ccd7;background:#f8fbfc;padding:22px}
.support-request-form__consent{align-items:flex-start!important;display:flex!important;flex-direction:row!important;gap:12px!important;margin:0 0 30px}.support-request-form__consent input{margin-top:3px}.support-request-form__consent span{font-weight:400!important;line-height:1.6}.support-request-form__consent a{color:#087fbd;text-decoration:underline}
.support-request-form__consents{display:grid;gap:14px;margin:0 0 30px}.support-request-form__consents .support-request-form__consent{margin:0}
.support-request-form__notice{color:#607888;font-size:13px;line-height:1.7;margin:0 0 30px;max-width:900px}.support-request-form__notice a{color:#087fbd;text-decoration:none}.support-request-form__notice a:hover{text-decoration:underline}.support-request-form__notice strong{font-weight:700}
.support-request-form__captcha{margin:-8px 0 28px;min-height:65px}
.support-request-form__otp{align-items:center;background:#eaf5fb;border-left:3px solid #168ccf;display:grid;grid-template-columns:1fr 180px auto;gap:18px;margin:0 0 28px;padding:22px}.support-request-form__otp[hidden]{display:none}.support-request-form__otp>div{display:flex;flex-direction:column;gap:5px}.support-request-form__otp small{color:#577082}.support-request-form__resend{background:transparent;border:0;color:#087fbd;cursor:pointer;font-weight:600}.support-request-form__actions{display:flex;align-items:center;gap:24px}.support-request-form__actions .pill-button{border:0;cursor:pointer}.support-request-form__actions .pill-button[hidden]{display:none}.support-request-form.is-busy{opacity:.72;pointer-events:none}
@media(max-width:800px){.support-request-hero{padding-top:120px}.support-request-hero:before{background:linear-gradient(90deg,rgba(5,20,31,.97),rgba(5,20,31,.62)),var(--support-hero-image);background-position:62% center;background-size:cover}.support-request__heading{grid-template-columns:1fr;gap:20px}.support-request-form__grid,.support-request-form__grid--three{grid-template-columns:1fr}.support-request-form__otp{grid-template-columns:1fr}.support-request-form__actions{align-items:flex-start;flex-direction:column}.support-request-hero h1{font-size:42px}}

/* Smart Industrial IoT */
.iiot-hero{min-height:780px;align-items:center;padding-top:185px}.iiot-hero:before{background:linear-gradient(90deg,#041522fc 0%,#041522ed 41%,#04152245 70%,#04152212),var(--hero-image);background-position:center;background-size:cover}.iiot-hero .page-hero-content{max-width:790px}.iiot-hero h1{max-width:780px;margin-bottom:16px}.iiot-hero h2{color:var(--blue);max-width:720px;font:500 clamp(27px,3vw,40px)/1.08 var(--font-display);letter-spacing:-.035em;margin:0 0 24px}.iiot-hero p{max-width:690px}.iiot-hero__actions{display:flex;align-items:center;gap:28px;margin-top:36px}
.iiot-content{background:#f5f9fb}.iiot-section{padding:clamp(80px,9vw,140px) var(--page-gutter)}.iiot-section__head{display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(35px,7vw,115px);margin-bottom:clamp(50px,7vw,95px)}.iiot-section__head .section-kicker{color:#438ab3;padding-top:10px}.iiot-section__head h2{font:500 clamp(38px,4.8vw,68px)/.98 var(--font-display);letter-spacing:-.055em;margin:0}.iiot-section__head h2 em{display:block}.iiot-section__head p{color:#607888;max-width:700px;line-height:1.8;margin:25px 0 0}
.iiot-outcomes{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cbdbe3;border-left:1px solid #cbdbe3}.iiot-outcome{background:#fff;border-right:1px solid #cbdbe3;border-bottom:1px solid #cbdbe3;padding:36px;min-height:270px}.iiot-outcome>span{color:#438fbc;font:600 10px var(--font-display)}.iiot-outcome h3{font:600 21px/1.18 var(--font-display);margin:48px 0 15px}.iiot-outcome p{color:#607888;font-size:13px;line-height:1.72;margin:0}
.iiot-architecture{color:#fff;background:#061b2a;position:relative;overflow:hidden}.iiot-architecture:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(96,177,224,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(96,177,224,.08) 1px,transparent 1px);background-size:88px 88px;pointer-events:none}.iiot-architecture>*{position:relative;z-index:1}.iiot-architecture .iiot-section__head p{color:#9db2bf}.iiot-layers{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(130,193,229,.22)}.iiot-layer{min-height:330px;padding:32px 26px;border-right:1px solid rgba(130,193,229,.2);display:flex;flex-direction:column}.iiot-layer:last-child{border-right:0}.iiot-layer small{color:#66bef0;letter-spacing:.12em;font:600 9px var(--font-display)}.iiot-layer h3{font:600 20px/1.15 var(--font-display);margin:auto 0 16px}.iiot-layer p{color:#9db1bd;font-size:12px;line-height:1.7;margin:0}.iiot-layer__flow{color:#58b7ed;font-size:20px;margin-top:22px}
.iiot-protocols{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}.iiot-protocols span{background:#e7f2f8;border:1px solid #c9dce7;border-radius:99px;padding:11px 18px;color:#355c72;font:600 11px var(--font-display)}
.iiot-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.iiot-use{background:#fff;border:1px solid #d4e1e8;padding:38px;min-height:295px;transition:transform .25s,box-shadow .25s}.iiot-use:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(13,55,80,.09)}.iiot-use>span{color:#479bc9;font:600 11px var(--font-display)}.iiot-use h3{font:600 22px/1.15 var(--font-display);margin:44px 0 16px}.iiot-use p{color:#607888;font-size:13px;line-height:1.75;margin:0}
.iiot-roadmap{background:#e9f3f8}.iiot-roadmap-grid{counter-reset:iiot-step;display:grid;grid-template-columns:repeat(4,1fr)}.iiot-roadmap-step{counter-increment:iiot-step;border-top:1px solid #bfd3df;border-right:1px solid #c8dbe5;padding:32px;min-height:290px}.iiot-roadmap-step:before{content:"0" counter(iiot-step);color:#358fc4;font:600 11px var(--font-display)}.iiot-roadmap-step h3{font:600 21px var(--font-display);margin:70px 0 16px}.iiot-roadmap-step p{color:#5e7787;font-size:13px;line-height:1.72}
.iiot-security{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,8vw,130px);align-items:start}.iiot-security h2{font:500 clamp(40px,4.5vw,64px)/1 var(--font-display);letter-spacing:-.055em;margin:20px 0 25px}.iiot-security p{color:#607888;line-height:1.8}.iiot-security-list{background:#071d2c;color:#fff;padding:18px 40px}.iiot-security-list li{list-style:none;border-bottom:1px solid rgba(147,195,222,.2);padding:25px 0 25px 38px;position:relative;font-size:13px;line-height:1.65}.iiot-security-list li:last-child{border:0}.iiot-security-list li:before{content:"◆";color:#56b8ef;font-size:9px;position:absolute;left:0;top:29px}
.iiot-faq{max-width:1180px;margin:auto}.iiot-faq details{border-bottom:1px solid #cad9e1}.iiot-faq summary{cursor:pointer;list-style:none;font:600 clamp(17px,1.7vw,23px) var(--font-display);padding:28px 55px 28px 0;position:relative}.iiot-faq summary:after{content:"+";color:var(--blue);position:absolute;right:4px;font-size:26px}.iiot-faq details[open] summary:after{content:"−"}.iiot-faq details p{color:#607888;max-width:900px;line-height:1.8;margin:0;padding:0 0 30px}
@media(max-width:1000px){.iiot-outcomes,.iiot-roadmap-grid{grid-template-columns:repeat(2,1fr)}.iiot-layers{grid-template-columns:repeat(2,1fr)}.iiot-layer:last-child{grid-column:1/-1;min-height:230px}.iiot-use-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.iiot-section__head,.iiot-security{grid-template-columns:1fr}.iiot-hero__actions{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:600px){.iiot-hero{min-height:760px;padding-top:145px}.iiot-hero:before{background:linear-gradient(180deg,#041522f8 3%,#041522df 63%,#04152278),var(--hero-image);background-position:61% center}.iiot-outcomes,.iiot-layers,.iiot-use-grid,.iiot-roadmap-grid{grid-template-columns:1fr}.iiot-layer:last-child{grid-column:auto}.iiot-layer,.iiot-outcome,.iiot-use,.iiot-roadmap-step{min-height:auto}.iiot-layer{padding:30px;min-height:245px}.iiot-section{padding-left:24px;padding-right:24px}.iiot-security-list{padding:12px 25px}}

/* VLM ve VCM — teknik veriler, secim ve entegrasyon. */
.solution-hero--partner-product .solution-hero__visual { background:#dfe7eb; }
.solution-hero--partner-product .solution-hero__visual img { object-position:center 52%; filter:saturate(.82) contrast(1.04); }
.solution-hero--partner-product .solution-hero__visual:after { background:linear-gradient(90deg,#071c2b 0,rgba(7,28,43,.12) 32%,rgba(7,28,43,.02) 62%); }
.solution-hero--partner-product .solution-hero__visual figcaption span { color:#78c9f2; }

.storage-child-overview figure { background:linear-gradient(145deg,#eef5f8,#dce8ee); }
.storage-child-overview figure > img { object-fit:cover; object-position:center; min-height:0; padding:0; filter:none; }
.storage-child-overview figcaption { width:min(470px,88%); }
.storage-child-overview figcaption span { line-height:1.45; }

.storage-specs { background:#edf5f8; padding:clamp(88px,9vw,140px) var(--page-gutter); }
.storage-specs > header { grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr); gap:clamp(45px,8vw,125px); margin-bottom:55px; display:grid; }
.storage-specs > header > .section-kicker { border-right:1px solid #c8dbe4; padding:12px 38px 0 0; }
.storage-specs h2,.storage-choice h2,.storage-digital h2,.storage-options h2 { letter-spacing:-.05em; margin:0; font-size:clamp(42px,4.2vw,68px); line-height:1; }
.storage-specs h2 em,.storage-choice h2 em,.storage-digital h2 em,.storage-options h2 em { color:#45a5df; font-weight:400; }
.storage-specs header p,.storage-choice header p,.storage-options header p { color:#607786; max-width:760px; margin:24px 0 0; font-size:15px; line-height:1.75; }
.storage-specs__metrics { border-top:1px solid #c5d8e2; border-left:1px solid #c5d8e2; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); display:grid; }
.storage-specs__metrics article { background:#fff; border-right:1px solid #c5d8e2; border-bottom:1px solid #c5d8e2; min-height:205px; padding:30px clamp(22px,2.4vw,38px); display:flex; flex-direction:column; }
.storage-specs__metrics strong { color:#168dcc; letter-spacing:-.055em; font:600 clamp(37px,3.6vw,58px)/.95 var(--font-display); }
.storage-specs__metrics span { margin-top:auto; padding-top:35px; font:650 16px/1.25 var(--font-display); }
.storage-specs__metrics small { color:#6a8290; margin-top:7px; font-size:10px; line-height:1.45; }
.storage-specs__dimensions { border-top:1px solid #c5d8e2; border-left:1px solid #c5d8e2; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin:28px 0 0; display:grid; }
.storage-specs__dimensions > div { background:#f8fbfc; border-right:1px solid #c5d8e2; border-bottom:1px solid #c5d8e2; min-height:118px; padding:24px 28px; }
.storage-specs__dimensions dt { color:#627988; font-size:11px; line-height:1.45; }
.storage-specs__dimensions dd { margin:14px 0 0; font:650 16px/1.3 var(--font-display); }
.storage-specs__note { color:#496474; background:#dfeef5; border-left:4px solid #42a0df; margin:28px 0 0; padding:20px 24px; font-size:13px; line-height:1.7; }

.storage-choice { background:#fff; padding:clamp(78px,7vw,110px) var(--page-gutter); }
.storage-choice > header { grid-template-columns:minmax(210px,320px) minmax(0,1fr); gap:clamp(40px,5vw,80px); margin-bottom:44px; display:grid; }
.storage-choice > header > .section-kicker { border-right:1px solid #d0dfe6; padding:12px 32px 0 0; }
.storage-choice > header > div { max-width:1020px; }
.storage-choice h2 { font-size:clamp(40px,3.8vw,62px); line-height:1.02; }
.storage-choice header p { max-width:800px; margin-top:18px; }
.storage-choice__grid { border-top:1px solid #c9dae3; border-left:1px solid #c9dae3; grid-template-columns:repeat(2,1fr); display:grid; }
.storage-choice__card { border-right:1px solid #c9dae3; border-bottom:1px solid #c9dae3; min-height:360px; padding:clamp(32px,4vw,60px); display:flex; flex-direction:column; }
.storage-choice__card > span { color:#348fbe; letter-spacing:.12em; font-size:10px; font-weight:800; }
.storage-choice__card h3 { max-width:620px; margin:65px 0 18px; font-size:clamp(25px,2.5vw,38px); line-height:1.08; }
.storage-choice__card p { color:#607786; max-width:620px; margin:0; font-size:14px; line-height:1.75; }
.storage-choice__card > strong,.storage-choice__card > a { margin-top:auto; padding-top:36px; font-size:12px; font-weight:750; }
.storage-choice__card > a { color:#168dcc; }
.storage-choice__card > a i { margin-left:10px; font-style:normal; }
.storage-choice__card.is-active { color:#fff; background:#071c2b; border-color:#234354; }
.storage-choice__card.is-active > span { color:#68c0ef; }
.storage-choice__card.is-active p { color:#a3b8c5; }
.storage-choice__card.is-active > strong { color:#68c0ef; }

.storage-digital { color:#fff; background:#061825; padding:clamp(90px,9vw,145px) var(--page-gutter); }
.storage-digital > header { grid-template-columns:.58fr 1.42fr; gap:clamp(50px,7vw,110px); margin-bottom:65px; display:grid; }
.storage-digital > header > .section-kicker { border-right:1px solid #ffffff24; padding:12px 38px 0 0; }
.storage-digital header p { color:#9eb5c2; max-width:800px; margin:25px 0 0; font-size:14px; line-height:1.8; }
.storage-digital__flow { border-top:1px solid #ffffff24; border-left:1px solid #ffffff24; grid-template-columns:repeat(4,1fr); display:grid; }
.storage-digital__flow article { border-right:1px solid #ffffff24; border-bottom:1px solid #ffffff24; min-height:305px; padding:30px; position:relative; }
.storage-digital__flow small { color:#62b9e7; letter-spacing:.12em; font-size:9px; }
.storage-digital__flow article > span { background:#0d3247; border:1px solid #5bb7e6; border-radius:50%; place-items:center; width:58px; height:58px; margin:42px 0 28px; display:grid; box-shadow:0 0 0 10px #4ba9e312; }
.storage-digital__flow article > span i { background:#65bde9; border-radius:50%; width:14px; height:14px; box-shadow:0 0 14px #65bde9; }
.storage-digital__flow h3 { margin:0 0 12px; font-size:21px; }
.storage-digital__flow p { color:#9eb5c2; margin:0; font-size:12px; line-height:1.7; }
.storage-digital__flow article > b { color:#66bce8; background:#061825; place-items:center; width:34px; height:34px; position:absolute; z-index:2; top:92px; right:-18px; display:grid; }
.storage-digital aside { background:#0b2a3d; border-left:4px solid #4ba9e3; grid-template-columns:220px 1fr; gap:30px; align-items:start; margin-top:28px; padding:24px 28px; display:grid; }
.storage-digital aside strong { color:#73c6ee; font-size:13px; }
.storage-digital aside p { color:#9eb5c2; margin:0; font-size:12px; line-height:1.7; }

.storage-options { background:#edf5f8; padding:clamp(88px,9vw,140px) var(--page-gutter); }
.storage-options > header { grid-template-columns:.58fr 1.42fr; gap:clamp(45px,8vw,125px); margin-bottom:55px; display:grid; }
.storage-options > header > .section-kicker { border-right:1px solid #c8dbe4; padding:12px 38px 0 0; }
.storage-options__grid { border-top:1px solid #c5d8e2; border-left:1px solid #c5d8e2; grid-template-columns:repeat(3,1fr); display:grid; }
.storage-options__grid article { background:#fff; border-right:1px solid #c5d8e2; border-bottom:1px solid #c5d8e2; min-height:225px; padding:30px clamp(25px,3vw,42px); }
.storage-options__grid small { color:#388fbe; font-size:10px; font-weight:800; }
.storage-options__grid h3 { margin:42px 0 12px; font-size:21px; line-height:1.18; }
.storage-options__grid p { color:#607786; margin:0; font-size:13px; line-height:1.7; }

@media(max-width:980px){
  .storage-specs > header,.storage-choice > header,.storage-digital > header,.storage-options > header { grid-template-columns:1fr; gap:28px; }
  .storage-specs > header > .section-kicker,.storage-choice > header > .section-kicker,.storage-digital > header > .section-kicker,.storage-options > header > .section-kicker { border-right:0; border-bottom:1px solid currentColor; padding:0 0 24px; }
  .storage-choice__grid { grid-template-columns:1fr; }
  .storage-digital__flow { grid-template-columns:repeat(2,1fr); }
  .storage-digital__flow article:nth-child(2) > b { display:none; }
  .storage-options__grid { grid-template-columns:repeat(2,1fr); }
  .storage-child-workflow > header,.storage-child-applications > header { grid-template-columns:1fr; gap:28px; }
  .storage-child-workflow > header > .section-kicker,.storage-child-applications > header > .section-kicker { border-right:0; border-bottom:1px solid currentColor; min-height:0; padding:0 0 24px; }
}

@media(max-width:680px){
  .solution-hero--partner-product .solution-hero__visual img { object-position:center 55%; }
  .storage-child-overview figure { min-height:470px; }
  .storage-child-overview figure > img { padding:0; }
  .storage-specs,.storage-choice,.storage-digital,.storage-options { padding-inline:24px; }
  .storage-specs__metrics,.storage-specs__dimensions,.storage-digital__flow,.storage-options__grid { grid-template-columns:1fr; }
  .storage-choice__card { min-height:330px; padding:34px 28px; }
  .storage-choice__card h3 { margin-top:48px; }
  .storage-digital__flow article { min-height:260px; }
  .storage-digital__flow article > b { top:auto; right:50%; bottom:-17px; transform:translateX(50%) rotate(90deg); }
  .storage-digital aside { grid-template-columns:1fr; gap:10px; }
  .storage-options__grid article { min-height:0; }
  .storage-child-workflow > header h2,.storage-child-applications > header h2 { min-width:0; overflow-wrap:anywhere; }
}

/* İş ortakları mega menüsü — çözümler menüsünün kabuğunu kullanır. Panelde tek
   kart olduğu için uzmanlık maddeleri iki sütuna akar; sol raya ilişkin
   konumlandırma aşağıdaki masaüstü bloğundadır. */

/* Sekme başlığı bağlantı değil düğmedir; tarayıcı varsayılanları sıfırlanır. */
button.mega-sector-tab__trigger {
  appearance: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
}
.mega-partner-panel .mega-solution-groups {
  grid-template-columns: minmax(0, 1fr);
}

.mega-partner-panel .mega-solution-group > div {
  columns: 2;
  column-gap: 34px;
}

.mega-partner-panel .mega-solution-group a {
  break-inside: avoid;
}

/* Sol ray: çözümler menüsünde altı sekme için sabit konumlar var; iş
   ortaklarında on bir satır olduğundan adım daraltılır ve panel uzar. */
@media (min-width: 901px) {
  .mega-solutions-content .mega-partner-tabs,
  .mega-solutions-content .mega-partner-tabs .mega-sector-tabs__list,
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab__panel {
    min-height: 600px;
  }

  .mega-solutions-content .mega-partner-tabs .mega-sector-tab__trigger {
    width: 244px;
    min-height: 40px;
    padding: 6px 12px;
    font-size: 14px;
  }

  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(1) .mega-sector-tab__trigger { top: 96px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(2) .mega-sector-tab__trigger { top: 136px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(3) .mega-sector-tab__trigger { top: 176px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(4) .mega-sector-tab__trigger { top: 216px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(5) .mega-sector-tab__trigger { top: 256px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(6) .mega-sector-tab__trigger { top: 296px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(7) .mega-sector-tab__trigger { top: 336px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(8) .mega-sector-tab__trigger { top: 376px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(9) .mega-sector-tab__trigger { top: 416px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(10) .mega-sector-tab__trigger { top: 456px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(11) .mega-sector-tab__trigger { top: 496px; }
}

/* İş ortağı panelinde marka logosu ve sayfa bağlantısı sağ alt köşede durur. */
.mega-partner-panel__brand {
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 26px;
}

.mega-partner-panel__brand a {
  color: #237dab;
  font-size: 12px;
  font-weight: 750;
}

.mega-partner-panel__brand a span {
  margin-left: 6px;
}

/* Kutu sabittir: bazı logolar yalnızca viewBox taşıdığından ölçüsüz bırakılırsa
   sıfır genişlik alır. contain, her oranı bu kutunun içine sığdırır. */
.mega-partner-panel__brand img {
  width: 280px;
  height: 68px;
  object-fit: contain;
  object-position: right bottom;
}

/* Teknoloji ekosistemi ızgarasında logolardan artan son kutu. */
.partner-tile--cta {
  background: #eef5f9;
}

.partner-tile--cta b {
  color: #14405c;
  font-size: clamp(15px, 1.4vw, 19px);
  line-height: 1.25;
}

.partner-tile--cta i {
  color: #3b93c9;
  margin-top: 9px;
  font-size: 10px;
  font-weight: 800;
}

/* Entegre otomasyon çözüm ailesi: hat sonu, üretim içi malzeme taşıma ve
   brownfield modernizasyon sayfaları aynı nötr bileşen ritmini paylaşır. */
.industry-problem > header > .section-kicker {
  border-right: 1px solid #d5e2e9;
  align-self: stretch;
  min-height: 280px;
  padding-right: 38px;
}

.industry-problem .solution-problem__cards article {
  min-height: 220px;
  padding-top: 27px;
  padding-bottom: 27px;
}

.industry-problem .solution-problem__cards i {
  background: #e0f1fa;
  border: 0;
  border-radius: 0;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 18px 0 14px;
  display: grid;
}

.industry-problem .solution-problem__cards i::before {
  content: "";
  background: #3a98ce;
  width: 23px;
  height: 23px;
  display: block;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

.industry-problem article:nth-child(1) i::before {
  -webkit-mask-image: url('/assets/icons/crane/visibility.svg');
  mask-image: url('/assets/icons/crane/visibility.svg');
}

.industry-problem article:nth-child(2) i::before {
  -webkit-mask-image: url('/assets/icons/crane/route.svg');
  mask-image: url('/assets/icons/crane/route.svg');
}

.industry-problem article:nth-child(3) i::before {
  -webkit-mask-image: url('/assets/icons/crane/continuity.svg');
  mask-image: url('/assets/icons/crane/continuity.svg');
}

.industry-architecture {
  grid-template-columns: minmax(285px, .58fr) minmax(0, 1.42fr);
  gap: clamp(50px, 7vw, 110px);
}

.industry-architecture .solution-architecture__diagram {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 350px;
}

.industry-architecture .solution-architecture__rail {
  background: linear-gradient(90deg, transparent, #317ca5 7%, #61c4f4 50%, #317ca5 93%, transparent);
  top: 117px;
  left: 4%;
  right: 4%;
  box-shadow: 0 0 14px #4ba9e34d;
}

.industry-architecture .solution-architecture__diagram article {
  min-width: 0;
  padding: 0 clamp(13px, 1.8vw, 27px);
}

.industry-architecture .solution-architecture__node {
  background: radial-gradient(circle at 42% 35%, #1d5774, #0a293c 70%);
  border-color: #9bdcff;
  width: 78px;
  height: 78px;
  margin: 27px auto;
  box-shadow: 0 0 0 11px #4ba9e317, 0 0 32px #4ba9e34d, 0 12px 30px #020d1599;
}

.industry-architecture .solution-architecture__node i {
  background: #fff;
  border-radius: 0;
  width: 31px;
  height: 31px;
  box-shadow: none;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

.industry-architecture article:nth-of-type(1) .solution-architecture__node i {
  -webkit-mask-image: url('/assets/icons/crane/task.svg');
  mask-image: url('/assets/icons/crane/task.svg');
}

.industry-architecture article:nth-of-type(2) .solution-architecture__node i {
  -webkit-mask-image: url('/assets/icons/crane/route.svg');
  mask-image: url('/assets/icons/crane/route.svg');
}

.industry-architecture article:nth-of-type(3) .solution-architecture__node i {
  -webkit-mask-image: url('/assets/icons/crane/motion.svg');
  mask-image: url('/assets/icons/crane/motion.svg');
}

.industry-architecture article:nth-of-type(4) .solution-architecture__node i {
  -webkit-mask-image: url('/assets/icons/crane/approval.svg');
  mask-image: url('/assets/icons/crane/approval.svg');
}

.industry-architecture .solution-architecture__diagram h3 {
  min-height: 44px;
  margin: 0 auto 9px;
  font-size: 18px;
  line-height: 1.22;
}

.industry-architecture .solution-architecture__diagram p {
  color: #91aab8;
  max-width: 225px;
  margin: 0 auto;
  font-size: 11px;
  line-height: 1.6;
}

.industry-architecture .solution-architecture__diagram article > b {
  color: #86d6fa;
  background: #071c2b;
  border: 1px solid #438fb7;
  border-radius: 50%;
  place-items: center;
  width: 27px;
  height: 27px;
  top: 104px;
  right: -13px;
  z-index: 4;
  font-size: 13px;
  display: grid;
  box-shadow: 0 0 0 5px #071c2b, 0 0 16px #4ba9e32b;
}

.industry-capabilities .solution-capabilities__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.industry-capabilities .solution-capabilities__grid article {
  min-height: 215px;
  padding-top: 28px;
  padding-bottom: 28px;
}

.industry-capabilities .solution-capabilities__grid article:nth-child(odd) {
  border-left: 0;
}

.industry-capabilities .solution-capabilities__grid article:nth-child(3n + 1) {
  border-left: 1px solid #cfdee6;
}

.industry-capabilities .solution-capabilities__grid h3 {
  margin-top: 25px;
}

.industry-decision figure > img {
  object-position: center;
}

.industry-decision figcaption {
  max-width: 390px;
}

.industry-decision figcaption sup {
  margin-left: 6px;
  font-size: 16px;
  text-transform: uppercase;
}

.industry-related {
  border-top: 1px solid #cadbe3;
  margin-top: 28px;
  padding-top: 22px;
}

.industry-related > small {
  color: #3c91bf;
  letter-spacing: .12em;
  font-size: 9px;
  font-weight: 800;
}

.industry-related > div {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.industry-related a {
  color: #15384e;
  background: #fff;
  border: 1px solid #bfd5e0;
  align-items: center;
  gap: 10px;
  padding: 10px 13px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.industry-related a span {
  color: #3f9fd6;
}

.industry-workflow {
  color: #fff;
  background: #071c2b;
  padding: clamp(90px, 9vw, 145px) var(--page-gutter);
}

.industry-workflow > header,
.industry-applications > header {
  grid-template-columns: .7fr 1.3fr;
  gap: 60px;
  margin-bottom: 55px;
  display: grid;
}

.industry-workflow > header > .section-kicker {
  border-right: 1px solid #ffffff24;
  align-self: stretch;
  min-height: 150px;
  padding-right: 38px;
}

.industry-workflow h2,
.industry-applications h2 {
  letter-spacing: -.05em;
  margin: 0;
  font-size: clamp(42px, 4.2vw, 68px);
  line-height: 1;
}

.industry-workflow h2 em,
.industry-applications h2 em {
  color: #45a5df;
  font-weight: 400;
}

.industry-workflow ol {
  list-style: none;
  border-top: 1px solid #ffffff24;
  border-left: 1px solid #ffffff24;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  display: grid;
}

.industry-workflow li {
  border-right: 1px solid #ffffff24;
  border-bottom: 1px solid #ffffff24;
  min-width: 0;
  min-height: 204px;
  padding: 30px;
}

.industry-workflow li small {
  color: #58afe2;
  font-size: 11px;
}

.industry-workflow li b {
  margin: 30px 0 10px;
  font-size: 20px;
  display: block;
}

.industry-workflow li p {
  color: #9eb5c2;
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

.industry-applications {
  background: #fff;
  padding: clamp(90px, 9vw, 145px) var(--page-gutter);
}

.industry-applications > header > .section-kicker {
  border-right: 1px solid #d5e2e9;
  align-self: stretch;
  min-height: 150px;
  padding-right: 38px;
}

.industry-applications > div {
  border-top: 1px solid #cfdee6;
  border-left: 1px solid #cfdee6;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.industry-applications article {
  border-right: 1px solid #cfdee6;
  border-bottom: 1px solid #cfdee6;
  min-width: 0;
  min-height: 210px;
  padding: 28px 30px;
}

.industry-applications small {
  color: #388fbe;
  font-size: 10px;
  font-weight: 800;
}

.industry-applications h3 {
  margin: 20px 0 10px;
  font-size: 21px;
}

.industry-applications p {
  color: #607786;
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

@media (max-width: 980px) {
  .industry-architecture {
    grid-template-columns: minmax(0, 1fr);
    gap: 50px;
  }

  .industry-capabilities .solution-capabilities__grid,
  .industry-workflow ol,
  .industry-applications > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .industry-capabilities .solution-capabilities__grid article:nth-child(3n + 1) {
    border-left: 0;
  }

  .industry-capabilities .solution-capabilities__grid article:nth-child(odd) {
    border-left: 1px solid #cfdee6;
  }
}

@media (max-width: 680px) {
  .solution-hero--compact-title h1 {
    font-size: 42px;
    line-height: 1;
  }

  .industry-problem > header > .section-kicker,
  .industry-workflow > header > .section-kicker,
  .industry-applications > header > .section-kicker {
    border-right: 0;
    border-bottom: 1px solid currentColor;
    min-height: 0;
    padding: 0 0 24px;
  }

  .industry-architecture .solution-architecture__diagram {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }

  .industry-architecture .solution-architecture__rail {
    background: linear-gradient(#2f6684, #58b5e8, #2f6684);
    width: 2px;
    height: auto;
    top: 4%;
    bottom: 4%;
    left: 50%;
    right: auto;
  }

  .industry-architecture .solution-architecture__diagram article {
    min-height: 210px;
  }

  .industry-architecture .solution-architecture__diagram article > b {
    top: auto;
    right: 50%;
    bottom: -31px;
    transform: translateX(50%) rotate(90deg);
  }

  .industry-capabilities .solution-capabilities__grid,
  .industry-workflow ol,
  .industry-applications > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .industry-capabilities .solution-capabilities__grid article {
    border-left: 1px solid #cfdee6;
  }

  .industry-workflow,
  .industry-applications {
    padding-inline: 24px;
  }

  .industry-workflow > header,
  .industry-applications > header {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .industry-related > div {
    display: grid;
  }
}

/* İş ortakları sol rayı: mega menü açıldığında listenin fark edilmesi için
   kontrast, ayraç, ok işareti ve kısa bir giriş hareketi. Yalnız bu menüye
   uygulanır; çözümler menüsünün rayı değişmez. */
@media (min-width: 901px) {
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab__trigger {
    color: #cadbe6;
    border-bottom: 1px solid #ffffff14;
    letter-spacing: -.01em;
  }

  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:last-child .mega-sector-tab__trigger {
    border-bottom: 0;
  }

  /* Satırın sağına, yalnız etkin ve üzerine gelinen satırda beliren ok.
     Hem çözümler hem iş ortakları rayında kullanılır. */
  .mega-solutions-content .mega-sector-tab__trigger:after {
    content: "→";
    color: #55b5ef;
    opacity: 0;
    margin-left: auto;
    font-size: 13px;
    transform: translateX(-4px);
    transition: opacity .2s ease, transform .2s ease;
  }

  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:hover .mega-sector-tab__trigger,
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:focus-within .mega-sector-tab__trigger,
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab.is-active .mega-sector-tab__trigger,
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab.is-default .mega-sector-tab__trigger {
    color: #fff;
    background: #ffffff17;
    border-bottom-color: transparent;
  }

  .mega-solutions-content .mega-sector-tab:hover .mega-sector-tab__trigger:after,
  .mega-solutions-content .mega-sector-tab:focus-within .mega-sector-tab__trigger:after,
  .mega-solutions-content .mega-sector-tab.is-active .mega-sector-tab__trigger:after,
  .mega-solutions-content .mega-sector-tab.is-default .mega-sector-tab__trigger:after {
    opacity: 1;
    transform: none;
  }

  .mega-solutions-content .mega-partner-tabs .mega-sector-tab__trigger svg {
    color: #55b5ef;
  }

  /* Menü açılırken satırlar sırayla belirir; göz önce raya gider. */
  @keyframes megaPartnerRailIn {
    from { opacity: 0; transform: translateX(-12px); }
    to { opacity: 1; transform: none; }
  }

  .nav-item.is-open .mega-partner-tabs .mega-sector-tab__trigger {
    animation: megaPartnerRailIn .34s cubic-bezier(.22, .61, .36, 1) both;
  }

  .nav-item.is-open .mega-partner-tabs .mega-sector-tab:nth-child(1) .mega-sector-tab__trigger { animation-delay: .02s; }
  .nav-item.is-open .mega-partner-tabs .mega-sector-tab:nth-child(2) .mega-sector-tab__trigger { animation-delay: .05s; }
  .nav-item.is-open .mega-partner-tabs .mega-sector-tab:nth-child(3) .mega-sector-tab__trigger { animation-delay: .08s; }
  .nav-item.is-open .mega-partner-tabs .mega-sector-tab:nth-child(4) .mega-sector-tab__trigger { animation-delay: .11s; }
  .nav-item.is-open .mega-partner-tabs .mega-sector-tab:nth-child(5) .mega-sector-tab__trigger { animation-delay: .14s; }
  .nav-item.is-open .mega-partner-tabs .mega-sector-tab:nth-child(6) .mega-sector-tab__trigger { animation-delay: .17s; }
  .nav-item.is-open .mega-partner-tabs .mega-sector-tab:nth-child(7) .mega-sector-tab__trigger { animation-delay: .2s; }
  .nav-item.is-open .mega-partner-tabs .mega-sector-tab:nth-child(8) .mega-sector-tab__trigger { animation-delay: .23s; }
  .nav-item.is-open .mega-partner-tabs .mega-sector-tab:nth-child(9) .mega-sector-tab__trigger { animation-delay: .26s; }
  .nav-item.is-open .mega-partner-tabs .mega-sector-tab:nth-child(10) .mega-sector-tab__trigger { animation-delay: .29s; }
  .nav-item.is-open .mega-partner-tabs .mega-sector-tab:nth-child(11) .mega-sector-tab__trigger { animation-delay: .32s; }

  @media (prefers-reduced-motion: reduce) {
    .nav-item.is-open .mega-partner-tabs .mega-sector-tab__trigger { animation: none; }
  }
}

/* İş ortakları menüsünün sol bloğu kendi renk değişkenlerini kullanır; ton
   değişikliği tek yerden yapılır ve çözümler menüsünü etkilemez. */
@media (min-width: 901px) {
  /* Sol blok, çözümler menüsüyle aynı koyu lacivert tonunu kullanır. */
  .mega-menu--partners {
    --partner-rail-top: #0b2740;
    --partner-rail-bottom: #071827;
    background: linear-gradient(90deg, var(--partner-rail-bottom) 0, var(--partner-rail-bottom) 300px, #f8fbfd 300px, #f8fbfd 100%);
  }

  .mega-menu--partners .mega-solutions-sidebar {
    background: linear-gradient(155deg, var(--partner-rail-top) 0%, var(--partner-rail-bottom) 74%);
  }
}

/* Logolu ray: sol blok genişler, her satırda beyaz kutu içinde firma logosu. */
@media (min-width: 901px) {
  .mega-menu--partners {
    --partner-rail-width: 360px;
    background: linear-gradient(90deg, var(--partner-rail-bottom) 0, var(--partner-rail-bottom) var(--partner-rail-width), #f8fbfd var(--partner-rail-width), #f8fbfd 100%);
  }

  .mega-menu--partners .mega-solutions-shell {
    grid-template-columns: var(--partner-rail-width) minmax(0, 1fr);
  }

  .mega-solutions-content .mega-partner-tabs .mega-sector-tab__trigger {
    width: 304px;
    min-height: 38px;
    gap: 11px;
    padding: 4px 12px;
    left: -364px;
  }


  .mega-partner-tabs__logo {
    background: #fff;
    border-radius: 3px;
    flex: 0 0 auto;
    width: 74px;
    height: 24px;
    object-fit: contain;
    padding: 3px 6px;
  }

  /* Satır yüksekliği 46px olduğu için sekme konumları yeniden hesaplanır. */
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(1) .mega-sector-tab__trigger { top: 160px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(2) .mega-sector-tab__trigger { top: 198px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(3) .mega-sector-tab__trigger { top: 236px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(4) .mega-sector-tab__trigger { top: 274px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(5) .mega-sector-tab__trigger { top: 312px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(6) .mega-sector-tab__trigger { top: 350px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(7) .mega-sector-tab__trigger { top: 388px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(8) .mega-sector-tab__trigger { top: 426px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(9) .mega-sector-tab__trigger { top: 464px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(10) .mega-sector-tab__trigger { top: 502px; }
  .mega-solutions-content .mega-partner-tabs .mega-sector-tab:nth-child(11) .mega-sector-tab__trigger { top: 540px; }
}

/* Cyber ürün ailesi on dört üründen oluşur; üst gezinme beş sütuna düşer. */
.mr-family-nav--cyber { grid-template-columns: repeat(7, 1fr); }
.mr-family-nav--cyber a { min-height: 96px; padding: 20px 18px; }
.mr-family-nav--cyber a span { font-size: 13px; margin-top: 9px; }
@media (max-width: 980px) { .mr-family-nav--cyber { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 680px) { .mr-family-nav--cyber { grid-template-columns: repeat(2, 1fr); } }

/* Katalog yazılarında video kartı: üreticinin sitesinde açılan kapak görseli.
   Video yalnız kendi alan adında gömülebildiği için iframe yerine bağlantı. */
.partner-catalog-video {
  margin: 34px 0;
}

.partner-catalog-video > a {
  background: #02090e;
  aspect-ratio: 16 / 9;
  display: block;
  position: relative;
  overflow: hidden;
}

.partner-catalog-video img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  transition: transform .5s, filter .5s;
}

.partner-catalog-video > a:hover img {
  filter: brightness(.85);
  transform: scale(1.02);
}

.partner-catalog-video__play {
  color: #fff;
  background: #0009;
  border: 2px solid #ffffffd9;
  border-radius: 50%;
  place-items: center;
  width: 74px;
  height: 74px;
  padding-left: 5px;
  font-size: 24px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.partner-catalog-video figcaption {
  color: #607786;
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.7;
}

/* Yazılım platformu sayfası: şema/ekran görüntüsü taşıyan görseller kırpılmadan,
   kendi beyaz zemininde gösterilir. */
.mr-product-overview--diagram figure {
  background: #fff;
}

.mr-product-overview--diagram figure img {
  object-fit: contain;
  padding: clamp(20px, 2.6vw, 46px);
  padding-left: var(--page-gutter);
}

/* Ters yerleşimde görsel sağda kaldığı için dış boşluk sağ tarafa geçer;
   böylece şema/ekran görüntüsü sayfa konteynerinin dışına taşmaz. */
.mr-product-overview--reverse.mr-product-overview--diagram figure img {
  padding-left: clamp(20px, 2.6vw, 46px);
  padding-right: var(--page-gutter);
}

@media (max-width: 980px) {
  .mr-product-overview--diagram figure img,
  .mr-product-overview--reverse.mr-product-overview--diagram figure img {
    padding-inline: clamp(20px, 2.6vw, 46px);
  }
}

/* Platform yetenekleri: görselli kart ızgarası. */
.mr-platform-features {
  background: #fff;
  padding: clamp(90px, 9vw, 140px) var(--page-gutter);
}

.mr-platform-features header {
  max-width: 1000px;
}

.mr-platform-features h2 {
  letter-spacing: -.05em;
  margin: 26px 0 20px;
  font-size: clamp(32px, 4.2vw, 48px);
  line-height: 1.05;
}

.mr-platform-features h2 em {
  color: #45a5df;
  font-weight: 400;
}

.mr-platform-features header p {
  color: #607786;
  max-width: 720px;
  font-size: 15px;
  line-height: 1.75;
}

.mr-platform-features > div {
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 50px;
  display: grid;
}

.mr-platform-features article {
  border: 1px solid #cfdee6;
  flex-direction: column;
  display: flex;
}

.mr-platform-features figure {
  aspect-ratio: 16 / 10;
  background: #fff;
  border-bottom: 1px solid #cfdee6;
  margin: 0;
  overflow: hidden;
}

.mr-platform-features figure img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: block;
}

.mr-platform-features article > div {
  flex: 1;
  padding: 26px 28px 30px;
}

.mr-platform-features small {
  color: #388fbe;
  letter-spacing: .08em;
  font-size: 10px;
  font-weight: 800;
}

.mr-platform-features h3 {
  margin: 16px 0 10px;
  font-size: 20px;
}

.mr-platform-features p {
  color: #607786;
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

@media (max-width: 980px) {
  .mr-platform-features > div { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 680px) {
  .mr-platform-features { padding-inline: 24px; }
  .mr-platform-features > div { grid-template-columns: 1fr; }
}

/* Platform mimarisi şeması: geniş şema tam genişlikte, okunur ölçekte gösterilir. */
.mr-platform-diagram {
  background: #f2f7fa;
  padding: clamp(90px, 9vw, 140px) var(--page-gutter);
}

.mr-platform-diagram header {
  max-width: 1000px;
}

.mr-platform-diagram h2 {
  letter-spacing: -.05em;
  margin: 26px 0 20px;
  font-size: clamp(32px, 4.2vw, 48px);
  line-height: 1.05;
}

.mr-platform-diagram h2 em {
  color: #45a5df;
  font-weight: 400;
}

.mr-platform-diagram header p {
  color: #607786;
  max-width: 860px;
  font-size: 15px;
  line-height: 1.75;
}

.mr-platform-diagram figure {
  background: #fff;
  border: 1px solid #cfdee6;
  max-width: 1280px;
  margin: 46px auto 0;
  padding: clamp(18px, 2.6vw, 44px);
  overflow-x: auto;
}

.mr-platform-diagram figure img {
  width: 100%;
  min-width: 720px;
  height: auto;
  display: block;
}

.mr-platform-diagram ul {
  border-top: 1px solid #cfdee6;
  border-left: 1px solid #cfdee6;
  grid-template-columns: repeat(3, 1fr);
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: grid;
}

.mr-platform-diagram li {
  border-right: 1px solid #cfdee6;
  border-bottom: 1px solid #cfdee6;
  padding: 26px 30px;
}

.mr-platform-diagram li b {
  font-size: 15px;
  display: block;
}

.mr-platform-diagram li span {
  color: #607786;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.6;
  display: block;
}

@media (max-width: 680px) {
  .mr-platform-diagram { padding-inline: 24px; }
  .mr-platform-diagram ul { grid-template-columns: 1fr; }
}

/* CTU model kartları, teknik karşılaştırma tablosu ve ürün videosu. */
.mr-models {
  background: #fff;
  padding: clamp(90px, 9vw, 140px) var(--page-gutter);
}

.mr-models header,
.mr-spec-table header {
  max-width: 1000px;
}

.mr-models h2,
.mr-spec-table h2 {
  letter-spacing: -.05em;
  margin: 26px 0 20px;
  font-size: clamp(32px, 4.2vw, 48px);
  line-height: 1.05;
}

.mr-models h2 em,
.mr-spec-table h2 em {
  color: #45a5df;
  font-weight: 400;
}

.mr-models header p,
.mr-spec-table header p {
  color: #607786;
  max-width: 760px;
  font-size: 15px;
  line-height: 1.75;
}

.mr-models > div {
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  margin-top: 50px;
  display: grid;
}

.mr-models article {
  border: 1px solid #cfdee6;
  flex-direction: column;
  display: flex;
}

.mr-models figure {
  aspect-ratio: 3 / 4;
  background: #f2f7fa;
  border-bottom: 1px solid #cfdee6;
  margin: 0;
  overflow: hidden;
}

.mr-models figure img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 12px;
  display: block;
}

.mr-models article > div {
  flex: 1;
  padding: 22px 22px 26px;
}

.mr-models h3 {
  margin: 0 0 14px;
  font-size: 17px;
}

.mr-models ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mr-models li {
  border-top: 1px solid #e2ecf1;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  font-size: 12px;
  display: flex;
}

.mr-models li span {
  color: #607786;
}

.mr-models li b {
  text-align: right;
  white-space: nowrap;
  font-weight: 600;
}

.mr-spec-table {
  background: #edf5f8;
  padding: clamp(90px, 9vw, 140px) var(--page-gutter);
}

.mr-spec-table__scroll {
  background: #fff;
  border: 1px solid #cbdce4;
  margin-top: 46px;
  overflow-x: auto;
}

.mr-spec-table table {
  border-collapse: collapse;
  width: 100%;
  min-width: 900px;
  font-size: 13px;
}

.mr-spec-table th,
.mr-spec-table td {
  border-bottom: 1px solid #e2ecf1;
  padding: 14px 15px;
  text-align: left;
}

.mr-spec-table thead th {
  color: #fff;
  letter-spacing: .04em;
  background: #0b2740;
  font-size: 12px;
}

.mr-spec-table tbody th {
  background: #f7fbfc;
  width: 215px;
  font-weight: 600;
}

.mr-spec-table td {
  color: #607786;
  white-space: nowrap;
}

.mr-spec-table tbody tr:last-child th,
.mr-spec-table tbody tr:last-child td {
  border-bottom: 0;
}

@media (max-width: 1180px) {
  .mr-models > div { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 680px) {
  .mr-models,
  .mr-spec-table { padding-inline: 24px; }
  .mr-models > div { grid-template-columns: repeat(2, 1fr); }
}

/* Ürün videosu görsel alanında: kare kırpılmaz, kadraj bütün olarak ortalanır. */
.mr-product-overview--video figure {
  background: #02090e;
}

.mr-product-overview--video figure video {
  object-fit: contain;
  object-position: center;
}

/* Ürün rakamları bandı: iki açık renkli bölümü ayıran koyu ara içerik. */
.mr-product-figures {
  color: #fff;
  background: #061825;
  padding: clamp(80px, 8vw, 120px) var(--page-gutter);
}

.mr-product-figures header {
  grid-template-columns: .65fr 1.35fr;
  gap: 60px;
  margin-bottom: 50px;
  display: grid;
}

.mr-product-figures header .section-kicker {
  border-right: 1px solid #ffffff24;
}

.mr-product-figures h2 {
  letter-spacing: -.05em;
  margin: 0;
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.06;
}

.mr-product-figures h2 em {
  color: #61bee9;
  font-weight: 400;
}

.mr-product-figures > div {
  border-top: 1px solid #ffffff24;
  border-left: 1px solid #ffffff24;
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}

.mr-product-figures article {
  border-right: 1px solid #ffffff24;
  border-bottom: 1px solid #ffffff24;
  min-height: 160px;
  padding: 30px 28px;
}

.mr-product-figures b {
  letter-spacing: -.04em;
  font-size: clamp(28px, 2.6vw, 34px);
  font-weight: 500;
  display: block;
}

.mr-product-figures span {
  color: #9eb5c2;
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.6;
  display: block;
}

@media (max-width: 980px) {
  .mr-product-figures header { grid-template-columns: 1fr; gap: 24px; }
  .mr-product-figures header .section-kicker { border-right: 0; border-bottom: 1px solid #ffffff24; padding: 0 0 24px; }
  .mr-product-figures > div { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 680px) {
  .mr-product-figures { padding-inline: 24px; }
  .mr-product-figures > div { grid-template-columns: 1fr; }
}

/* Yatay ürün render'ları için geniş kart oranı. */
.mr-models--wide figure {
  aspect-ratio: 4 / 3;
}

/* Dört modelli ızgara. */
.mr-models--four > div {
  grid-template-columns: repeat(4, 1fr);
}

/* Proje referansı bandı: metin solda, saha görseli sağda. */
.mr-case {
  background: #fff;
  grid-template-columns: .85fr 1.15fr;
  align-items: center;
  gap: clamp(40px, 5vw, 80px);
  padding: clamp(80px, 8vw, 120px) var(--page-gutter);
  display: grid;
}

.mr-case h2 {
  letter-spacing: -.05em;
  margin: 26px 0 20px;
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.06;
}

.mr-case h2 em {
  color: #45a5df;
  font-weight: 400;
}

.mr-case p {
  color: #607786;
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
}

.mr-case figure {
  background: #f2f7fa;
  border: 1px solid #cfdee6;
  margin: 0;
  overflow: hidden;
}

.mr-case figure img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 980px) {
  .mr-case { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .mr-case { padding-inline: 24px; }
}

/* Banner künyesi: metin yerine üreticinin beyaz logosu. */
.mr-hero__source--logo {
  border-left: 0;
  padding: 0;
}

.mr-hero__source--logo img {
  width: auto;
  height: 34px;
  display: block;
}

@media (max-width: 680px) {
  .mr-hero__source--logo img { height: 26px; }
}

/* Banner yüksekliği: mobil robot ve döner raflı dikey depolama aileleri
   (.mr-hero'yu kullanan iki şablon) için ortak. Tabandaki 760px'i ve
   max-width:680px sorgusundaki 700px'i ezmesi icin dosyanin sonunda durur. */
.mr-hero { min-height: 680px; }

/* Cyber ürün sayfaları: altı kartlı seçenek ızgarası ve tek ürünlük teknik tablo. */
.mr-product-uses--three > div {
  grid-template-columns: repeat(3, 1fr);
}

.mr-spec-table--single table {
  min-width: 0;
}

.mr-spec-table--single tbody th {
  width: 40%;
}

@media (max-width: 980px) {
  .mr-product-uses--three > div { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 680px) {
  .mr-product-uses--three > div { grid-template-columns: 1fr; }
}

/* Sektör blogları: mevcut düz köşeli yan menü içinde konu grupları. */
.sector-sidebar .partner-sidebar__header { display: block; }
.sector-sidebar__group { border-bottom: 1px solid #e5edf2; }
.sector-sidebar__group summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 20px; color: #18394d; cursor: pointer; list-style: none; font: 700 13px/1.4 var(--font-body); }
.sector-sidebar__group summary::-webkit-details-marker { display: none; }
.sector-sidebar__group summary span::before { content: '+'; font-size: 18px; color: #096aa9; }
.sector-sidebar__group[open] summary { background: #f0f7fc; }
.sector-sidebar__group[open] summary span::before { content: '−'; }
.sector-sidebar__group summary:focus-visible { outline: 2px solid #1486d6; outline-offset: -3px; }
.sector-sidebar .partner-sidebar__all { border: 0; margin-top: 4px; }
.article-body .sector-process-visual img { max-height: none; }
@media (width > 1000px) and (height <= 820px) {
  .sector-sidebar__group summary { padding: 10px 20px; }
}
.sector-guide-table { width: 100%; overflow-x: auto; margin: 24px 0; }
.sector-guide-table table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.6; }
.sector-guide-table th, .sector-guide-table td { padding: 14px 16px; border: 1px solid #dbe5ec; text-align: left; vertical-align: top; }
.sector-guide-table thead { background: #edf5fa; color: #18394d; }
.sector-guide-table tbody th { width: 34%; font-weight: 600; }
.sector-guide-sources { margin-top: 36px; padding-top: 24px; border-top: 1px solid #dbe5ec; }
.article-body .sector-guide-sources h2 { font-size: 20px; }
.article-body .sector-guide-sources li { font-size: 14px; }
.mobile-nav__sector { border-bottom: 1px solid rgba(255,255,255,.12); }
.mobile-nav__sector summary { padding: 15px 8px; cursor: pointer; font-weight: 700; }
.mobile-nav__sector-heading { margin: 16px 8px 6px; font-size: 12px; font-weight: 700; color: #64c8f5; }
@media (max-width: 600px) {
    .sector-guide-table th, .sector-guide-table td { padding: 10px; font-size: 13px; }
}

/* Siemens uzmanlık yazıları ve Genel menüsünden paylaşılan çözüm grupları. */
.mega-partner-panel--grouped .mega-solution-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
.mega-partner-panel--grouped .mega-solution-group > div { columns: auto; }
.mega-partner-panel--grouped .mega-partner-panel__brand { position: static; margin: 20px 0 24px; }
.mega-partner-panel--grouped .mega-partner-panel__brand img { width: 180px; height: 44px; }
.mega-partner-panel--grouped .mega-solution-group + .mega-solution-group { margin-top: 16px; }
.mega-partner-panel--grouped .mega-solution-group a { min-height: 38px; padding-top: 5px; padding-bottom: 5px; }
.mega-partner-panel--grouped .mega-solution-group h4 { font-size: 14px; }

/* Sektör uygulama listelerinden ayrıntılı blog rehberlerine geçiş. */
.sector-rich-content li > a:is([href^="/blog/"], [href^="/en/blog/"]) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: -15px -18px;
  padding: 15px 18px;
  color: #096aa9;
  text-decoration: none;
}
.sector-rich-content li > a:is([href^="/blog/"], [href^="/en/blog/"])::after { content: '→'; flex: 0 0 auto; }
.sector-rich-content li > a:is([href^="/blog/"], [href^="/en/blog/"]):hover { background: #e0eef7; }
.sector-rich-content li > a:is([href^="/blog/"], [href^="/en/blog/"]):focus-visible { outline: 2px solid #1486d6; outline-offset: -2px; }

/* Longer translated titles must not set the minimum width of mobile grids. */
.case-detail__copy, .sector-hero__copy, .solution-hero__copy { min-width: 0; }
@media (max-width: 767px) {
  .case-detail__hero, .sector-hero, .solution-hero { grid-template-columns: minmax(0, 1fr); }
  .case-detail__copy h1, .sector-hero h1, .solution-hero h1 { overflow-wrap: anywhere; }
  .case-detail__copy .breadcrumb { max-width: 100%; min-width: 0; }
  .cyber-workflow > header, .safety-workflow > header, .safety-applications > header { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .mr-models > div, .mr-models--four > div { grid-template-columns: minmax(0, 1fr); }
  .mr-models article { min-width: 0; }
  .legal-content, .page-content { overflow-wrap: anywhere; }
}

/* Keep English headings and long policy URLs within mobile content columns. */
@media (max-width: 767px) {
    .mts-applications > header { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .article-body { overflow-wrap: anywhere; }
}

/* STRP article: retain the native size of the small product images. */
.article-body .strp-article-components {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 28px 0 32px;
}
.article-body .strp-article-component {
  display: grid;
  grid-template-rows: 181px auto;
  align-content: start;
  gap: 18px;
  min-width: 0;
  padding: 22px 16px;
  border: 1px solid #dce6ec;
  background: #fff;
  text-align: center;
}
.article-body .strp-article-component img {
  display: block;
  align-self: center;
  justify-self: center;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 181px;
  margin: 0;
  object-fit: contain;
}
.article-body .strp-article-component__title {
  display: block;
  margin: 0 0 9px;
  color: #10293a;
  font: 600 18px/1.35 var(--font-display);
}
.article-body .strp-article-component span {
  display: block;
  color: #43596a;
  font-size: 14px;
  line-height: 1.65;
}
.article-body .strp-video {
  position: relative;
  aspect-ratio: 16 / 9;
  margin: 32px 0;
  overflow: hidden;
  background: #081a29;
}
.article-body .strp-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.article-body .strp-system-visual { margin: 32px 0; }
.article-body .strp-system-visual img { display: block; margin: 0; width: 100%; height: auto; }
.article-body .strp-system-visual figcaption { margin-top: 12px; color: #647c8a; font-size: 13px; line-height: 1.6; }
@media (max-width: 640px) {
  .article-body .strp-article-components { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .article-body .strp-article-component {
    grid-template-columns: 96px minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: center;
    gap: 18px;
    padding: 16px;
    text-align: left;
  }
  .article-body .strp-article-component img { max-width: 96px; max-height: 116px; }
  .article-body .strp-article-component__title { font-size: 17px; }
}