/* Site geneli tipografi ve yerlesim duzeltmeleri.
   React build'indeki (index-*.css) kurallarin uzerine, ayni secicilerle yazar;
   head-assets.php ile ana CSS'ten SONRA yuklenir, bu yuzden esit ozgullukte kazanir.
   Build'e dokunulmaz. Asagidaki "otomatik" bolum ana CSS'ten uretildi; build
   yenilenirse yeniden uretilmeli (secici adlari degisebilir). */

/* Ortalanmis bolum basliklarinda alt metin basliga yapisik duruyordu (margin 0) */
.section-heading.centered > p {
  margin: 18px auto 0;
}

/* Ozellik kartlari: baslik margin-top:auto ile kartin dibine itiliyordu; aciklama
   uzunlugu farkli kartlarda ayni satirdaki basliklar 23-58px kayiyordu. Sabit
   bosluk ile hepsi ayni hizadan baslar. Yalnizca kaymanin olctugu gruplar;
   tek sutuna dustugu dar ekranlarda hizalanacak bir sey yok, dokunulmaz. */
@media (width >= 721px) {
  .telephone-bento h3,
  .voice-usecase-grid h3,
  .fax-feature-grid h3,
  .sms-tariff-feature-grid h3,
  .sth-capability-grid h3 {
    margin-top: 28px;
  }
}

/* Anasayfa hero'sundaki kampanya karti: deger metinleri (alici, kisi adi,
   basari mesaji) renk tanimlamadigi icin hero'nun beyaz yazi rengini aliyor ve
   beyaz kartin uzerinde gorunmuyordu. */
.static-sms-hero .sms-campaign-card strong,
.static-sms-hero .sms-success-card strong {
  color: var(--ink);
}

/* Iletisim formu basligindaki "Cevrim ici" rozeti dar ekranda iki satira
   bolunup yuvarlak bir lekeye donusuyordu */
.contact-form-head > span {
  flex: none;
  white-space: nowrap;
}

/* Ic sayfa hero gorselindeki akis karti: 2. adimin ikonu (duotone) 35px
   cizildigi icin 42px'lik kutusunun ic alanina (22px) sigmiyor, asagi tasip
   kayik duruyordu. 1. adimdaki ikonla ayni boyuta cekildi. */
.inner-flow-node .duotone-icon {
  display: grid;
  place-items: center;
}
.inner-flow-node .duotone-icon > svg {
  width: 22px;
  height: 22px;
}

/* Referanslar bolumundeki sektor sekmeleri row-reverse ile 06 -> 01 diziliyordu.
   Soldan saga 01 -> 06 olsun. div. oneki: build'deki (media dahil) tum
   .reference-tab-list kurallarindan daha ozgul olsun diye. */
div.reference-tab-list {
  flex-direction: row;
}

/* Iletisim kanallari: e-posta olarak yalnizca destek@ kaldi, kart sayisi tek
   oldu. Tek kalan son kart satirin tamamini kaplasin, yaninda bosluk kalmasin. */
.contact-channel-grid > :last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

/* Ic sayfa hero'su, akis kartinin son adimi ("Mesajiniz basariyla ulasti"):
   lacivert zemin paletle catisiyor, kucuk gri telefon ikonu anlamsiz duruyor,
   metin uc satira bolunuyordu. Sade bir "teslim edildi" bildirimi olarak:
   orijinal lacivert zemin, etikette yesil onay isareti; telefon ikonu yok.
   Orta adima da biraz daha yer: "Is Ortaklari" gibi adlar tek satira sigsin. */
.inner-flow-node {
  gap: 8px;
}
.inner-flow-node > svg,
.inner-flow-brand > .duotone-icon {
  width: 38px !important;
  height: 38px !important;
  padding: 8px;
}
.inner-flow-path {
  grid-template-columns: 0.9fr 20px 1.2fr 20px 1.7fr;
  gap: 8px;
  width: calc(100% - 32px);
  margin: auto 16px 16px;
  padding: 16px;
}
.inner-flow-phone {
  gap: 0;
  padding: 11px 10px;
  border: 1px solid #ffffff38;
  border-radius: 15px;
  background: #101923;
  color: #fff;
  box-shadow: 0 14px 32px #0000004d;
}
.inner-flow-phone > svg {
  display: none;
}
.inner-flow-phone > div {
  gap: 9px;
}
/* Sembol 205x181 (kare degil); kare kutuya basilinca eziliyordu. Kendi
   oraniyla, kirpmadan. */
.inner-flow-phone img {
  flex: none;
  width: 30px;
  height: 27px;
  padding: 0;
  border-radius: 0;
  background: none;
  object-fit: contain;
}
.inner-flow-phone small {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #2f9e62;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 800;
}
.inner-flow-phone small::before {
  content: "";
  flex: none;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #2f9e62 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 9px no-repeat;
}
.inner-flow-phone strong {
  margin-top: 3px;
  color: #fff;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.3;
}
@media (width <= 720px) {
  .inner-flow-path {
    grid-template-columns: 1fr;
  }
}

/* ---------------------------------------------------------------- otomatik --
   Asiri dar harf araligi (< -0.035em) ve basliklarda 1.06'dan dar satir
   yuksekligi: harfler birbirine giriyor, Turkce noktali harfler (I, U, O)
   ust satira carpiyordu. */
.hero h1{letter-spacing:-0.035em;line-height:1.06}
:where(.hero h1) *{letter-spacing:-0.035em}
.phone-content h3{letter-spacing:-0.035em;line-height:1.06}
:where(.phone-content h3) *{letter-spacing:-0.035em}
.floating-right strong{letter-spacing:-0.035em}
:where(.floating-right strong) *{letter-spacing:-0.035em}
.hero-bottom strong{letter-spacing:-0.035em}
:where(.hero-bottom strong) *{letter-spacing:-0.035em}
.section-heading h2,.solutions-copy h2,.api-copy h2,.contact-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.section-heading h2,.solutions-copy h2,.api-copy h2,.contact-copy h2) *{letter-spacing:-0.035em}
.product-showcase-heading h2{letter-spacing:-0.035em;line-height:1.06}
:where(.product-showcase-heading h2) *{letter-spacing:-0.035em}
.product-motion-content h3{letter-spacing:-0.035em}
:where(.product-motion-content h3) *{letter-spacing:-0.035em}
.payment-card-chip strong{letter-spacing:-0.035em}
:where(.payment-card-chip strong) *{letter-spacing:-0.035em}
.tariff-card h3{letter-spacing:-0.035em}
:where(.tariff-card h3) *{letter-spacing:-0.035em}
.reference-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.reference-copy h2) *{letter-spacing:-0.035em}
.signup-modal-heading h2,.signup-success h2{letter-spacing:-0.035em;line-height:1.06}
:where(.signup-modal-heading h2,.signup-success h2) *{letter-spacing:-0.035em}
.reference-tabs-heading h2{letter-spacing:-0.035em;line-height:1.06}
:where(.reference-tabs-heading h2) *{letter-spacing:-0.035em}
.reference-active-copy h3{letter-spacing:-0.035em}
:where(.reference-active-copy h3) *{letter-spacing:-0.035em}
.reference-brands-intro h1{letter-spacing:-0.035em;line-height:1.06}
:where(.reference-brands-intro h1) *{letter-spacing:-0.035em}
.inner-hero-copy h1{letter-spacing:-0.035em;line-height:1.06}
:where(.inner-hero-copy h1) *{letter-spacing:-0.035em}
:where(.inner-device>strong) *{letter-spacing:-0.03em}
.inner-stats strong{letter-spacing:-0.035em}
:where(.inner-stats strong) *{letter-spacing:-0.035em}
.inner-intro h2,.use-case-grid h2,.api-doc-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.inner-intro h2,.use-case-grid h2,.api-doc-copy h2) *{letter-spacing:-0.035em}
.cta-panel h2{letter-spacing:-0.035em;line-height:1.06}
:where(.cta-panel h2) *{letter-spacing:-0.035em}
.footer-cta h2{letter-spacing:-0.035em;line-height:1.06}
:where(.footer-cta h2) *{letter-spacing:-0.035em}
.footer-fall-tag{letter-spacing:-0.035em}
:where(.footer-fall-tag) *{letter-spacing:-0.035em}
.hero-stat-copy strong{letter-spacing:-0.035em}
:where(.hero-stat-copy strong) *{letter-spacing:-0.035em}
:where(.application-heading>span) *{letter-spacing:-0.035em}
.application-heading h2{letter-spacing:-0.035em;line-height:1.06}
:where(.application-heading h2) *{letter-spacing:-0.035em}
:where(.inner-application-benefits .inner-feature-grid h3) *{letter-spacing:-0.035em}
.inner-start-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.inner-start-copy h2) *{letter-spacing:-0.035em}
.why-eko-heading h2{letter-spacing:-0.035em;line-height:1.06}
:where(.why-eko-heading h2) *{letter-spacing:-0.035em}
.why-stat>strong{letter-spacing:-0.035em}
:where(.why-stat>strong) *{letter-spacing:-0.035em}
.why-stat>strong em{letter-spacing:-0.035em}
:where(.why-stat>strong em) *{letter-spacing:-0.035em}
.why-donut i:before{letter-spacing:-0.035em}
:where(.why-donut i:before) *{letter-spacing:-0.035em}
.why-chart-total strong{letter-spacing:-0.035em}
:where(.why-chart-total strong) *{letter-spacing:-0.035em}
.start-cta:after{letter-spacing:-0.035em}
:where(.start-cta:after) *{letter-spacing:-0.035em}
.start-cta h2{letter-spacing:-0.035em;line-height:1.06}
:where(.start-cta h2) *{letter-spacing:-0.035em}
.use-cases-showcase-heading h2{letter-spacing:-0.035em}
:where(.use-cases-showcase-heading h2) *{letter-spacing:-0.035em}
:where(.use-cases-tabs button span) *{letter-spacing:-0.035em}
.use-case-active-copy h3{letter-spacing:-0.035em}
:where(.use-case-active-copy h3) *{letter-spacing:-0.035em}
.mms-belief-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.mms-belief-copy h2) *{letter-spacing:-0.035em}
.payment-request-amount strong{letter-spacing:-0.035em}
:where(.payment-request-amount strong) *{letter-spacing:-0.035em}
:where(.payment-success-card strong) *{letter-spacing:-0.035em}
:where(.telephone-caller-copy strong) *{letter-spacing:-0.03em}
.telephone-features-head h2{letter-spacing:-0.035em;line-height:1.06}
:where(.telephone-features-head h2) *{letter-spacing:-0.035em}
.telephone-bento h3{letter-spacing:-0.035em}
:where(.telephone-bento h3) *{letter-spacing:-0.035em}
.telephone-tariff-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.telephone-tariff-copy h2) *{letter-spacing:-0.035em}
.mms-scenario-copy h3{letter-spacing:-0.035em;line-height:1.06}
:where(.mms-scenario-copy h3) *{letter-spacing:-0.035em}
.mms-design-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.mms-design-copy h2) *{letter-spacing:-0.035em}
:where(.mms-design-features h3) *{letter-spacing:-0.035em}
.voice-impact-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.voice-impact-copy h2) *{letter-spacing:-0.035em}
:where(.voice-campaign-metrics strong) *{letter-spacing:-0.03em}
.voice-difference-heading h2{letter-spacing:-0.035em;line-height:1.06}
:where(.voice-difference-heading h2) *{letter-spacing:-0.035em}
.voice-usecase-grid h3{letter-spacing:-0.035em;line-height:1.06}
:where(.voice-usecase-grid h3) *{letter-spacing:-0.035em}
.voice-survey-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.voice-survey-copy h2) *{letter-spacing:-0.035em}
.twoway-boundaries-heading h2{letter-spacing:-0.035em;line-height:1.06}
:where(.twoway-boundaries-heading h2) *{letter-spacing:-0.035em}
.twoway-live-copy h3{letter-spacing:-0.035em;line-height:1.06}
:where(.twoway-live-copy h3) *{letter-spacing:-0.035em}
.twoway-difference-heading h2{letter-spacing:-0.035em;line-height:1.06}
:where(.twoway-difference-heading h2) *{letter-spacing:-0.035em}
.twoway-usecase-grid h3{letter-spacing:-0.035em;line-height:1.06}
:where(.twoway-usecase-grid h3) *{letter-spacing:-0.035em}
.survey-trust-heading h2{letter-spacing:-0.035em;line-height:1.06}
:where(.survey-trust-heading h2) *{letter-spacing:-0.035em}
.survey-methods-head strong{letter-spacing:-0.035em}
:where(.survey-methods-head strong) *{letter-spacing:-0.035em}
.survey-methods article h3{letter-spacing:-0.035em}
:where(.survey-methods article h3) *{letter-spacing:-0.035em}
.survey-phone-question h3{letter-spacing:-0.035em;line-height:1.06}
:where(.survey-phone-question h3) *{letter-spacing:-0.035em}
.survey-results-summary>strong{letter-spacing:-0.035em}
:where(.survey-results-summary>strong) *{letter-spacing:-0.035em}
.survey-benefits-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.survey-benefits-copy h2) *{letter-spacing:-0.035em}
.fax-everywhere-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.fax-everywhere-copy h2) *{letter-spacing:-0.035em}
:where(.fax-paper-preview strong) *{letter-spacing:-0.035em}
.fax-console-progress b{letter-spacing:-0.035em}
:where(.fax-console-progress b) *{letter-spacing:-0.035em}
.fax-features-head h2{letter-spacing:-0.035em;line-height:1.06}
:where(.fax-features-head h2) *{letter-spacing:-0.035em}
.fax-feature-grid h3{letter-spacing:-0.035em}
:where(.fax-feature-grid h3) *{letter-spacing:-0.035em}
.fax-number-copy h2{letter-spacing:-0.035em;line-height:1.06}
:where(.fax-number-copy h2) *{letter-spacing:-0.035em}
.fax-number-card strong{letter-spacing:-0.035em}
:where(.fax-number-card strong) *{letter-spacing:-0.035em}
.sms-tariff-intro-copy h2,.sms-tariff-features h2,.sms-pricing h2{letter-spacing:-0.035em;line-height:1.06}
:where(.sms-tariff-intro-copy h2,.sms-tariff-features h2,.sms-pricing h2) *{letter-spacing:-0.035em}
.sms-tariff-volume strong{letter-spacing:-0.035em}
:where(.sms-tariff-volume strong) *{letter-spacing:-0.035em}
:where(.sms-tariff-feature-grid h3) *{letter-spacing:-0.035em}
.mms-tariff-story-copy h2,.mms-format-section h2,.mms-pricing h2{letter-spacing:-0.035em;line-height:1.06}
:where(.mms-tariff-story-copy h2,.mms-format-section h2,.mms-pricing h2) *{letter-spacing:-0.035em}
.mms-format-grid h3{letter-spacing:-0.035em}
:where(.mms-format-grid h3) *{letter-spacing:-0.035em}
.voice-tariff-copy h2,.voice-tariff-pricing h2,.voice-tariff-terms h2{letter-spacing:-0.035em;line-height:1.06}
:where(.voice-tariff-copy h2,.voice-tariff-pricing h2,.voice-tariff-terms h2) *{letter-spacing:-0.035em}
.telephone-tariff-intro h2,.telephone-rate-section h2,.telephone-tariff-benefits h2{letter-spacing:-0.035em;line-height:1.06}
:where(.telephone-tariff-intro h2,.telephone-rate-section h2,.telephone-tariff-benefits h2) *{letter-spacing:-0.035em}
.telephone-number-showcase>strong{letter-spacing:-0.035em}
:where(.telephone-number-showcase>strong) *{letter-spacing:-0.035em}
:where(.telephone-rate-grid h3) *{letter-spacing:-0.035em}
.telephone-rate-grid strong{letter-spacing:-0.035em}
:where(.telephone-rate-grid strong) *{letter-spacing:-0.035em}
.fax-tariff-copy h2,.fax-tariff-rate h2,.fax-tariff-details h2{letter-spacing:-0.035em;line-height:1.06}
:where(.fax-tariff-copy h2,.fax-tariff-rate h2,.fax-tariff-details h2) *{letter-spacing:-0.035em}
.fax-number-badge>strong{letter-spacing:-0.035em}
:where(.fax-number-badge>strong) *{letter-spacing:-0.035em}
.fax-rate-card>b{letter-spacing:-0.035em}
:where(.fax-rate-card>b) *{letter-spacing:-0.035em}
.fax-free-number>strong{letter-spacing:-0.035em}
:where(.fax-free-number>strong) *{letter-spacing:-0.035em}
.sth-overview-copy h2,.sth-capabilities h2,.sth-mnp h2{letter-spacing:-0.035em;line-height:1.06}
:where(.sth-overview-copy h2,.sth-capabilities h2,.sth-mnp h2) *{letter-spacing:-0.035em}
.sth-capability-grid h3{letter-spacing:-0.035em}
:where(.sth-capability-grid h3) *{letter-spacing:-0.035em}
.sth-route-number{letter-spacing:-0.035em}
:where(.sth-route-number) *{letter-spacing:-0.035em}
.sth-full-features>header h2{letter-spacing:-0.035em;line-height:1.06}
:where(.sth-full-features>header h2) *{letter-spacing:-0.035em}
.sth-full-feature-grid h3{letter-spacing:-0.035em}
:where(.sth-full-feature-grid h3) *{letter-spacing:-0.035em}
.special-solutions-copy h2,.special-projects>header h2{letter-spacing:-0.035em;line-height:1.06}
:where(.special-solutions-copy h2,.special-projects>header h2) *{letter-spacing:-0.035em}
.special-project-copy h3{letter-spacing:-0.035em;line-height:1.06}
:where(.special-project-copy h3) *{letter-spacing:-0.035em}
.partners-intro-copy h2,.partner-directory h2,.dealer-directory h2{letter-spacing:-0.035em;line-height:1.06}
:where(.partners-intro-copy h2,.partner-directory h2,.dealer-directory h2) *{letter-spacing:-0.035em}
:where(.partner-card h3) *{letter-spacing:-0.035em}
.contact-experience-heading h2,.contact-map-copy h2,.contact-channel-section h2{letter-spacing:-0.035em;line-height:1.06}
:where(.contact-experience-heading h2,.contact-map-copy h2,.contact-channel-section h2) *{letter-spacing:-0.035em}

/* tek kolonlu grid tasmasi */
@media (width<=900px){
:where(.hero-grid)>*{min-width:0}
:where(.split-heading,.solutions-grid,.api-grid,.contact-grid)>*{min-width:0}
:where(.tariff-grid)>*{min-width:0}
:where(.reference-panel)>*{min-width:0}
:where(.reference-brands-intro)>*{min-width:0}
:where(.inner-hero-grid,.inner-intro-grid,.use-case-grid,.inner-api-grid)>*{min-width:0}
:where(.mms-belief-layout)>*{min-width:0}
:where(.mms-scenario-card,.mms-design-grid)>*{min-width:0}
:where(.telephone-features-head)>*{min-width:0}
:where(.telephone-tariff)>*{min-width:0}
}
@media (width<=620px){
:where(.form-row)>*{min-width:0}
:where(.sector-grid-3d)>*{min-width:0}
:where(.intro-checks,.inner-feature-grid,.use-case-list,.location-grid)>*{min-width:0}
:where(.steps-line)>*{min-width:0}
:where(.creative-footer .footer-top)>*{min-width:0}
:where(.footer-contact-strip)>*{min-width:0}
}
@media (width<=1050px){
:where(.static-sms-hero .hero-grid)>*{min-width:0}
:where(.special-solutions-intro,.special-projects>header,.special-project)>*{min-width:0}
:where(.partners-intro,.partner-directory>header,.dealer-directory>header)>*{min-width:0}
:where(.contact-experience,.contact-map-section,.contact-channel-section>header)>*{min-width:0}
}
@media (width<=560px){
:where(.signup-modal .form-row)>*{min-width:0}
:where(.reference-logo-grid)>*{min-width:0}
}
@media (width<=720px){
:where(.inner-flow-path)>*{min-width:0}
:where(.inner-application-benefits .inner-feature-grid)>*{min-width:0}
:where(.why-eko-heading)>*{min-width:0}
:where(.why-eko-dashboard)>*{min-width:0}
:where(.telephone-bento)>*{min-width:0}
:where(.voice-usecase-grid)>*{min-width:0}
:where(.voice-survey-options)>*{min-width:0}
:where(.twoway-usecase-grid)>*{min-width:0}
:where(.twoway-process-strip)>*{min-width:0}
:where(.survey-methods)>*{min-width:0}
:where(.survey-benefit-list)>*{min-width:0}
:where(.fax-feature-grid)>*{min-width:0}
:where(.sms-tariff-feature-grid)>*{min-width:0}
:where(.mms-format-grid)>*{min-width:0}
:where(.voice-tariff-copy>div,.voice-tariff-terms ul)>*{min-width:0}
:where(.telephone-rate-grid)>*{min-width:0}
:where(.fax-rate-layout)>*{min-width:0}
:where(.sth-capability-grid)>*{min-width:0}
:where(.sth-mnp-points)>*{min-width:0}
:where(.sth-full-feature-grid)>*{min-width:0}
:where(.partner-card-grid)>*{min-width:0}
:where(.dealer-list>article)>*{min-width:0}
:where(.dealer-contact)>*{min-width:0}
:where(.contact-form-row)>*{min-width:0}
:where(.contact-channel-grid)>*{min-width:0}
}
@media (width<=740px){
:where(.use-cases-stage)>*{min-width:0}
}
@media (width<=1020px){
:where(.voice-impact-layout,.voice-survey)>*{min-width:0}
:where(.voice-difference-heading)>*{min-width:0}
:where(.twoway-live-layout)>*{min-width:0}
:where(.twoway-difference-heading)>*{min-width:0}
:where(.survey-trust-layout,.survey-insights-layout)>*{min-width:0}
:where(.fax-everywhere,.fax-features-head,.fax-number)>*{min-width:0}
:where(.sms-tariff-intro,.sms-tariff-features header,.sms-pricing header)>*{min-width:0}
:where(.mms-tariff-story,.mms-format-section header,.mms-pricing header)>*{min-width:0}
:where(.voice-tariff-intro,.voice-tariff-pricing header,.voice-tariff-terms)>*{min-width:0}
:where(.telephone-tariff-intro,.telephone-rate-section header,.telephone-tariff-benefits)>*{min-width:0}
:where(.fax-tariff-intro,.fax-tariff-rate>header,.fax-tariff-details)>*{min-width:0}
:where(.sth-full-features>header,.sth-infrastructure-notes)>*{min-width:0}
}
@media (width<=1100px){
:where(.sth-overview,.sth-capabilities>header,.sth-mnp)>*{min-width:0}
}