.contact-actions{display: grid;
  gap: 15px;
  position: relative;
  z-index: 1;}
.phone-link{color: #dce8fb;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: 0.04em;
  text-align: center;}
.contact-methods{padding-top: 64px;}
.contact-methods-heading{display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 26px;}
.contact-methods-heading .eyebrow{margin-bottom: 0;}
.contact-methods-heading h3{margin: 0;
  color: var(--ink);
  font-family: var(--font-display);
  font-size: clamp(42px, 5vw, 64px);
  font-weight: 700;
  line-height: 0.86;
  letter-spacing: -0.035em;
  text-align: right;}
.contact-methods-heading h3 em{color: var(--blue);
  font-style: normal;}
.contact-method-grid{display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid rgba(9, 43, 93, 0.14);
  background: #fff;}
.contact-method{display: flex;
  min-height: 208px;
  padding: 25px 23px;
  flex-direction: column;
  color: var(--ink);
  text-decoration: none;
  transition: background 220ms ease, color 220ms ease, transform 220ms ease;}
.contact-method + .contact-method{border-left: 1px solid rgba(9, 43, 93, 0.14);}
.contact-method:hover{position: relative;
  z-index: 1;
  background: var(--ink);
  color: #fff;
  transform: translateY(-5px);}
.method-index,.method-label{display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.15em;}
.method-index{color: var(--blue);
  font-family: var(--font-display);
  font-size: 18px;
  letter-spacing: 0.04em;}
.method-label{margin-top: 22px;
  color: #6d8198;}
.contact-method strong{margin-top: 9px;
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1;}
.method-detail{margin-top: 8px;
  color: #71839a;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.55;}
.method-action{margin-top: auto;
  color: #59708c;
  font-size: 11px;
  font-weight: 800;}
.method-action b{color: var(--blue);
  font-size: 17px;
  vertical-align: -1px;}
.contact-method:hover .method-label,.contact-method:hover .method-action,.contact-method:hover .method-detail{color: #b6cbe5;}
.quote-modal{position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 28px;
  overflow-y: auto;
  background: rgba(2, 12, 26, 0.78);
  backdrop-filter: blur(10px);}
.quote-modal[hidden]{display: none;}
.quote-dialog{position: relative;
  width: min(720px, 100%);
  padding: clamp(32px, 5vw, 54px);
  background: #f7f9fc;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.34);}
.quote-close{position: absolute;
  top: 18px;
  right: 18px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(9, 43, 93, 0.16);
  border-radius: 50%;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  font-size: 27px;
  font-weight: 400;
  line-height: 1;}
.quote-close:hover{color: #fff;
  background: var(--ink);}
.quote-dialog h2{margin: 0 0 18px;
  color: var(--ink);
  font-family: var(--font-display);
  font-size: clamp(46px, 6vw, 68px);
  font-weight: 700;
  line-height: 0.86;
  letter-spacing: -0.035em;}
.quote-dialog h2 em{color: var(--blue);
  font-style: normal;}
.quote-intro{max-width: 540px;
  margin: 0 0 28px;
  color: #566a81;
  font-size: 13px;
  line-height: 1.7;}
.quote-form{display: grid;
  gap: 17px;}
.quote-field-grid{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px;}
.quote-form label{display: grid;
  gap: 8px;
  color: #3f5873;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;}
.quote-form input,.quote-form select,.quote-form textarea{width: 100%;
  border: 1px solid rgba(9, 43, 93, 0.18);
  border-radius: 0;
  outline: none;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  letter-spacing: 0;
  padding: 13px 14px;}
.quote-form textarea{min-height: 102px;
  line-height: 1.6;
  resize: vertical;}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(22, 108, 255, 0.11);}
.quote-form-footer{display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding-top: 7px;}
.quote-form-footer p{max-width: 270px;
  margin: 0;
  color: #6a7d92;
  font-size: 11px;
  line-height: 1.55;}
body.quote-open{overflow: hidden;}
@media (max-width: 800px){.contact-actions{margin-top: 28px;}.contact-methods{padding-top: 48px;}.contact-methods-heading{display: block;}.contact-methods-heading h3{margin-top: 17px; text-align: left;}.quote-modal{padding: 16px;}.quote-dialog{padding: 42px 24px 28px;}.quote-field-grid{grid-template-columns: 1fr;}.quote-form-footer{align-items: flex-start; flex-direction: column;}.quote-form-footer .button{width: 100%;}}
.about-expanded{padding-bottom: 120px;}
.about-expanded .about-layout{padding-bottom: 82px; border-bottom: 1px solid rgba(10, 35, 69, 0.14);}
.about-contact{padding-top: 64px;}
.about-contact h2{font-family: var(--font-display); font-size: 58px; font-weight: 700; line-height: .86; letter-spacing: -.035em; margin: 0;}
.about-contact h2 em{font-style: normal; color: var(--blue);}
@media (max-width: 800px){.about-expanded{padding-bottom: 82px;}.about-expanded .about-layout{padding-bottom: 54px;}.about-contact{padding-top: 48px;}.about-contact h2{font-size: 48px;}}
.why-grid{display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255, 255, 255, 0.18);}
.why-grid article{padding: 28px 26px; border-bottom: 1px solid rgba(255, 255, 255, 0.18);}
.why-grid article:nth-child(odd){border-right: 1px solid rgba(255, 255, 255, 0.18);}
.why-grid span,.expertise-grid > article > span{color: var(--orange); font-family: var(--font-display); font-size: 21px; font-weight: 700;}
.why-grid h3{font-family: var(--font-display); font-size: 27px; line-height: 1; margin: 9px 0;}
.why-grid p{color: #b6c6dc; font-size: 12px; line-height: 1.75; margin: 0;}
.why-system-visual{position: relative;
  overflow: hidden;
  margin: 82px 0 0;
  border: 1px solid rgba(116, 161, 224, 0.3);
  background: #081b35;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.22);}
.why-system-visual::after{content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(4, 18, 39, 0.24), transparent 45%, rgba(4, 18, 39, 0.16));}
.why-system-visual img{display: block;
  width: 100%;
  aspect-ratio: 1.95 / 1;
  object-fit: cover;
  object-position: center 28%;}
.why-system-visual figcaption,.about-system-visual figcaption{position: absolute;
  z-index: 1;
  left: 22px;
  bottom: 18px;
  margin: 0;
  color: #eff6ff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;}
.about-story p{max-width: 680px;
  margin: 0 0 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;}
.about-system-visual{position: relative;
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(10, 35, 69, 0.13);
  background: #dfe6ef;
  box-shadow: 0 20px 44px rgba(10, 35, 69, 0.1);}
.about-system-visual::after{content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 65%, rgba(6, 23, 48, 0.44));}
.about-system-visual img{display: block; width: 100%; aspect-ratio: 1.95 / 1; object-fit: cover; object-position: center;}
.about-system-visual figcaption{color: #fff;}
.expertise{padding-top: 82px;}
.expertise-heading{margin-bottom: 42px;}
.expertise-heading h2{margin: 0;}
.expertise-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.expertise-grid > article{background: #fff; border: 1px solid rgba(9, 43, 93, 0.1); padding: 30px;}
.expertise-grid h3{font-family: var(--font-display); font-size: 28px; line-height: .98; margin: 14px 0;}
.expertise-grid p{color: #596b80; font-size: 12px; line-height: 1.72; min-height: 106px;}
.expertise-grid ul{list-style: none; padding: 0; margin: 22px 0 0; border-top: 1px solid rgba(9, 43, 93, 0.12);}
.expertise-grid li{color: #31475f; font-size: 11px; line-height: 1.5; padding: 10px 0 10px 17px; border-bottom: 1px solid rgba(9, 43, 93, 0.1); position: relative;}
.expertise-grid li::before{content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--blue); position: absolute; left: 0; top: 17px;}
@media (max-width: 800px){.why-grid,.expertise-grid{grid-template-columns: 1fr;}.why-grid article:nth-child(odd){border-right: 0;}.why-system-visual{margin-top: 56px;}.why-system-visual img{aspect-ratio: 1.16 / 1; object-position: center 25%;}.about-system-visual img{aspect-ratio: 1.16 / 1;}.why-system-visual figcaption,.about-system-visual figcaption{left: 16px; bottom: 14px; font-size: 9px; letter-spacing: .08em;}.expertise{padding-top: 54px;}.expertise-grid p{min-height: 0;}}
.hero-scene{position: absolute; inset: 0; background-position: center; background-size: cover; opacity: 0; transform: scale(1.025); transition: opacity .9s ease, transform 7s ease;}
.scene-primary{background-image: url("../img/catalog-agv-to-rack-flow.webp");}
.scene-operation{background-image: url("../img/catalog-operational-benefits-agv.webp");}
.hero-scene.is-active{opacity: 1; transform: scale(1);}
.operation-layer{position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: 0; transition: opacity .7s ease; overflow: hidden;}
.hero.is-operation .operation-layer{opacity: 1;}
.energy-route{position: absolute; width: 27%; height: 2px; background: linear-gradient(90deg, transparent, rgba(20, 122, 255, .1), #3d96ff, transparent); filter: drop-shadow(0 0 8px #1770ff); animation: energy-flow 2.1s linear infinite;}
.route-one{top: 62%; right: 16%; transform: rotate(-27deg);}
.route-two{top: 48%; right: 5%; transform: rotate(18deg); animation-delay: .75s;}
.work-pulse{position: absolute; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #6db2ff; box-shadow: 0 0 12px #1c79ff; animation: work-pulse 1.7s ease-out infinite;}
.pulse-one{right: 17%; top: 34%;}
.pulse-two{right: 39%; top: 51%; animation-delay: .8s;}
@keyframes energy-flow { from { opacity: 0; margin-left: -25%; } 30% { opacity: 1; } to { opacity: 0; margin-left: 30%; } }
@keyframes work-pulse { 0% { transform: scale(.35); opacity: 1; } 100% { transform: scale(3.7); opacity: 0; } }
@media (max-width: 800px){.hero-scene{background-position: 62% center;}.route-one{right: -3%; width: 45%;}.route-two{right: -14%; width: 52%;}}
@media (prefers-reduced-motion: reduce){.scene-operation,.operation-layer{display: none;}}
.asrs-showcase{position: relative; overflow: hidden; background: #e8edf3;}
.asrs-showcase-grid{display: grid; grid-template-columns: minmax(300px, .92fr) minmax(0, 1.08fr); gap: clamp(42px, 7vw, 104px); align-items: center;}
.asrs-showcase-media{min-height: 620px; background: url("../img/catalog-custom-architecture-portrait.webp") center / cover no-repeat; box-shadow: 0 20px 44px rgba(6, 25, 50, .16);}
.asrs-showcase-copy > p:last-of-type{max-width: 600px; margin: 24px 0 0; color: #40576d; font-size: 14px; line-height: 1.8; font-weight: 650;}
.asrs-system-grid{display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 34px; border-top: 1px solid rgba(9, 43, 93, .15); border-left: 1px solid rgba(9, 43, 93, .15);}
.asrs-system-grid article{min-height: 132px; padding: 20px; border-right: 1px solid rgba(9, 43, 93, .15); border-bottom: 1px solid rgba(9, 43, 93, .15); background: rgba(255, 255, 255, .45);}
.asrs-system-grid span{display: block; color: var(--orange); font-family: var(--font-display); font-size: 15px; font-weight: 800;}
.asrs-system-grid strong{display: block; margin-top: 7px; color: var(--ink); font-family: var(--font-display); font-size: 23px; font-weight: 700; line-height: 1;}
.asrs-system-grid p{margin: 8px 0 0; color: #526a81; font-size: 11px; font-weight: 650; line-height: 1.55;}
.asrs-link{display: inline-flex; align-items: center; gap: 14px; margin-top: 28px; color: var(--ink); font-size: 13px; font-weight: 800; text-decoration: none;}
.asrs-link b{color: var(--orange); font-size: 19px;}
@media (max-width: 800px){.asrs-showcase-grid{grid-template-columns: 1fr; gap: 32px;}.asrs-showcase-media{min-height: 460px;}.asrs-system-grid{grid-template-columns: 1fr;}.asrs-system-grid article{min-height: 0;}}

/* İletişim kartları: tablette 2x2, telefonda tek kolon. */
@media (max-width: 1100px){.contact-method-grid{grid-template-columns: 1fr 1fr;}.contact-method:nth-child(3){border-left: 0;}.contact-method:nth-child(n+3){border-top: 1px solid rgba(9, 43, 93, 0.14);}}
@media (max-width: 600px){.contact-method-grid{grid-template-columns: 1fr;}.contact-method + .contact-method{border-left: 0; border-top: 1px solid rgba(9, 43, 93, 0.14);}.contact-method{min-height: 0; padding: 20px;}.contact-method:hover{transform: none;}.method-label{margin-top: 12px;}.method-action{margin-top: 16px;}.contact-method strong{font-size: 22px; overflow-wrap: anywhere;}}
/* Hakkımızda — GET Otomasyon bloğu */
.about-parent{display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 88px); align-items: start; margin-top: 72px; padding-top: 56px; border-top: 1px solid rgba(9, 43, 93, 0.12);}
.about-parent-logo{display: inline-block; margin-bottom: 22px;}
.about-parent-logo img{display: block; width: 180px; height: auto;}
.about-parent-intro h3{margin: 0 0 18px; color: var(--ink); font-family: var(--font-display); font-size: clamp(34px, 3.4vw, 48px); font-weight: 700; line-height: .95; letter-spacing: -.03em;}
.about-parent-intro h3 em{color: var(--blue); font-style: normal;}
.about-parent-intro p{margin: 0 0 14px; color: #50657d; font-size: 14px; line-height: 1.85;}
.about-parent-tags{display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 26px; padding: 0; list-style: none;}
.about-parent-tags li{padding: 8px 12px; border: 1px solid rgba(9, 43, 93, 0.14); background: #fff; color: #1b3859; font-size: 12px; font-weight: 700;}
.about-parent-cards{display: grid; gap: 14px;}
.about-parent-cards article{padding: 24px 26px; border-left: 3px solid var(--orange); background: #fff; box-shadow: 0 10px 30px rgba(6, 31, 66, 0.06);}
.about-parent-cards span{color: var(--orange); font-size: 10px; font-weight: 800; letter-spacing: .16em;}
.about-parent-cards h4{margin: 8px 0 8px; color: var(--ink); font-family: var(--font-display); font-size: 25px; line-height: 1;}
.about-parent-cards p{margin: 0; color: #586f88; font-size: 13px; line-height: 1.75;}
@media (max-width: 900px){.about-parent{grid-template-columns: 1fr; margin-top: 48px; padding-top: 40px;}}
/* Ana sayfa — katalog bandı */
.catalog-teaser{position: relative; overflow: hidden; padding: 110px 0; background: radial-gradient(circle at 20% 30%, rgba(22, 108, 255, .28), transparent 55%), linear-gradient(125deg, #0b2d5f, #07172d 60%); color: #fff;}
.catalog-teaser::before{content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(157, 189, 233, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(157, 189, 233, .06) 1px, transparent 1px); background-size: 48px 48px;}
.catalog-teaser-grid{position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(40px, 7vw, 100px); align-items: center;}
.catalog-fan{position: relative; display: block; height: 440px; perspective: 1400px;}
.catalog-fan img{position: absolute; top: 20px; left: 50%; width: 260px; height: auto; box-shadow: 0 30px 60px rgba(0, 8, 20, .55); transition: transform .5s cubic-bezier(.2, .7, .2, 1);}
.catalog-fan .fan-3{transform: translateX(-10%) rotate(12deg) translateY(18px);}
.catalog-fan .fan-2{transform: translateX(-35%) rotate(5deg) translateY(6px);}
.catalog-fan .fan-1{transform: translateX(-70%) rotate(-5deg);}
.catalog-fan:hover .fan-3{transform: translateX(8%) rotate(16deg) translateY(22px);}
.catalog-fan:hover .fan-2{transform: translateX(-30%) rotate(6deg) translateY(4px);}
.catalog-fan:hover .fan-1{transform: translateX(-82%) rotate(-8deg) translateY(-8px);}
.fan-badge{position: absolute; z-index: 2; top: 0; left: calc(50% - 170px); display: grid; place-items: center; width: 88px; height: 88px; border-radius: 50%; background: var(--orange); box-shadow: 0 12px 28px rgba(255, 121, 15, .45); color: #fff; font-family: var(--font-display); font-size: 16px; font-weight: 700; line-height: 1; text-align: center; animation: fan-pulse 2.4s ease-in-out infinite;}
@keyframes fan-pulse{50%{transform: scale(1.07);}}
.catalog-teaser-copy h2{margin: 0 0 18px; font-family: var(--font-display); font-size: clamp(44px, 4.6vw, 66px); font-weight: 700; line-height: .92; letter-spacing: -.035em;}
.catalog-teaser-copy h2 em{color: #8ab6ff; font-style: normal;}
.catalog-teaser-copy > p{max-width: 520px; margin: 0; color: #c7d7eb; font-size: 15px; line-height: 1.8;}
.catalog-points{display: grid; gap: 10px; margin: 26px 0 32px; padding: 0; list-style: none;}
.catalog-points li{display: flex; align-items: center; gap: 12px; color: #e6effa; font-size: 14px; font-weight: 700;}
.catalog-points li::before{content: ""; width: 22px; height: 3px; background: var(--orange);}
.catalog-teaser-actions{display: flex; flex-wrap: wrap; gap: 14px;}
.catalog-teaser-actions .button{gap: 10px;}
.catalog-teaser-actions .rg-icon{font-size: 17px;}
.catalog-teaser-actions small{margin-left: 4px; font-size: 11px; opacity: .75;}
@media (max-width: 900px){.catalog-teaser{padding: 72px 0;}.catalog-teaser-grid{grid-template-columns: 1fr;}.catalog-fan{height: 340px;}.catalog-fan img{width: 200px;}.fan-badge{left: calc(50% - 140px); width: 72px; height: 72px; font-size: 13px;}}
@media (prefers-reduced-motion: reduce){.fan-badge{animation: none;}}
/* Telefonda hero sahneleri için küçük görseller */
@media (max-width: 800px){.scene-primary{background-image: url("../img/catalog-agv-to-rack-flow-900.webp");}.scene-operation{background-image: url("../img/catalog-operational-benefits-agv-900.webp");}}