/*
 * Inner-page layout only.
 * Navigation, buttons, tags, cards, accordion, footer, dock, type and motion
 * come directly from the homepage styles.css and script.js sources.
 */

orn-site-header,
orn-site-footer,
orn-contact-dock{display:contents}

.orn-skip-link{
  position:fixed;
  z-index:1000;
  left:20px;
  top:16px;
  padding:11px 16px;
  border-radius:999px;
  color:#fff;
  background:#050505;
  opacity:0;
  pointer-events:none;
  transform:translateY(-18px);
  transition:opacity .2s,transform .2s;
}
.orn-skip-link:focus{opacity:1;pointer-events:auto;transform:none}
.nav-links a[aria-current="page"]{opacity:.48}
@supports not selector(:focus-visible){
  body[data-page-key] :is(a,button,input,textarea,select):focus{
    outline:3px solid #3476ed;
    outline-offset:4px;
  }
}
body[data-page-key] :is(a,button,input,textarea,select):focus-visible{
  outline:3px solid #3476ed;
  outline-offset:4px;
}
body[data-page-key] button.button{border:0;cursor:pointer}
.orn-page-main{
  min-height:70vh;
  overflow:hidden;
  background:#fff;
}
.orn-page-main>.orn-section{margin-top:0!important}

/* Hero: the homepage hero component with page-specific media variants. */
.section.orn-page-hero{min-height:710px;padding-top:145px;padding-bottom:125px}
/* Kolonlar minmax(0,...) ile sabitlendi. Duz "1.02fr .98fr" aslinda
   minmax(auto,1.02fr) demek; basliktaki uzun tek kelime (ornegin
   "donusturuyoruz.") metin kolonunun min-content genisligini buyutup
   gorsel kolonunu eziyordu. Sonuc: ayni hero kutusu /iletisim/'de 571px,
   /cozumler/'de 251px (1200px ekranda 197px) genisligindeydi ve gorsel
   ince bir seride sikisip konusu kirpiliyordu. */
.orn-page-hero .orn-hero-grid{align-items:start;min-height:440px;gap:34px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
/* styles.css'teki .hero h1 kurali white-space:nowrap kullaniyor; bu, ana
   sayfada metin kolonu genis oldugu icin sorun degil. Uretilen sayfalarda
   kolon oranini sabitledikten sonra uzun Turkce basliklar ("akilli akislara
   donusturuyoruz.") satira sigmayip gorselin altina tasiyordu. Burada sarma
   aciliyor. Genis ekranda anasayfanin 72px olcegi kullanilir; dar iki kolonlu
   gorunumde uzun kelimeleri bolmeden sigdirmak icin olcek akiskan kalir. */
.orn-page-hero .hero-copy h1{
  white-space:normal;
  overflow-wrap:break-word;
  font-size:clamp(56px,5.85vw,72px);
  line-height:1.05;
  margin:28px 0 24px;
}
.orn-page-hero .hero-copy{padding-top:3px;min-width:0}
.orn-page-hero .hero-copy>p{max-width:400px;font-size:18px;line-height:1.4}
.orn-page-hero .orn-hero-actions{
  justify-content:flex-start;
  gap:16px;
  margin-top:30px;
}
.orn-page-hero .orn-hero-actions .button{flex:0 0 auto}
.orn-page-hero .neo-overview-primary,
.orn-form-submit .neo-overview-primary{
  width:max-content;
  min-width:233px;
}
.orn-page-hero .neo-overview-button-surface,
.orn-form-submit .neo-overview-button-surface{
  width:calc(100% - 12px);
  min-width:221px;
}
.orn-page-hero .neo-overview-button-label,
.orn-form-submit .neo-overview-button-label{
  left:38px;
  width:calc(100% - 76px);
  overflow:hidden;
  text-overflow:ellipsis;
}
.orn-page-hero .orn-hero-art{
  min-height:440px;
  overflow:hidden;
  border-radius:12px;
  background:#edf2f5;
}
/* Fotoğraflı hero varyantı: görsel kutuyu tümüyle doldurur, açık gri zemin
   ve logo yerleşimi devre dışı kalır. Yalnızca art veren sayfalar kullanır. */
.orn-page-hero .orn-hero-art-photo{
  background:#0b0e11;
}
.orn-hero-art-photo>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
/* /hakkimizda/ hero'su: gri kutu tamamen kaldirildi ve logo, yanindaki metin
   blogunun tam boyuna buyutuldu. align-self:stretch, gridin align-items:center
   degerini bu hucre icin gecersiz kiliyor; satir yuksekligini en uzun oge olan
   metin kolonu belirledigi icin logonun ust ve alt kenari metinle hizalaniyor.
   min-height:0 olmasi sart: .orn-hero-art'in 430px tabani satiri metinden
   bagimsiz sekilde yukseltip hizayi bozuyordu. */
.orn-page-hero .orn-hero-art-logo{
  position:relative;
  min-height:0;
  align-self:stretch;
  background:none;
  border-radius:0;
  overflow:visible;
}
/* Mutlak konum sart: akista kalsaydi gorselin dogal yuksekligi hucrenin
   min-content olcusunu belirleyip satiri metinden 18px uzun yapiyordu. */
.orn-hero-art-logo>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 24px 34px rgba(28,45,58,.2));
}
.orn-hero-mark{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:138px;
  height:138px;
  object-fit:contain;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 20px 26px rgba(28,45,58,.2));
}

.orn-product-stack{background:linear-gradient(145deg,#dff3f8,#cfddfb)!important}
.orn-product-stack img{
  position:absolute;
  z-index:2;
  width:66%;
  aspect-ratio:4/3;
  border-radius:10px;
  object-fit:cover;
  box-shadow:0 18px 35px rgba(33,47,58,.2);
}
.orn-product-stack img:nth-child(1){left:4%;top:8%;z-index:5;transform:rotate(-7deg)}
.orn-product-stack img:nth-child(2){right:3%;top:15%;z-index:4;transform:rotate(7deg)}
.orn-product-stack img:nth-child(3){left:7%;bottom:8%;z-index:3;transform:rotate(5deg)}
.orn-product-stack img:nth-child(4){right:3%;bottom:5%;z-index:2;transform:rotate(-5deg)}

.orn-product-hero-art,
.orn-industry-hero-art{background:#090909!important}
.orn-product-hero-art::before,
.orn-product-hero-art::after,
.orn-industry-hero-art::before,
.orn-industry-hero-art::after{display:none}
.orn-product-hero-art>img,
.orn-industry-hero-art>img{
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
  transition:transform .68s var(--ease),filter .35s;
}
.orn-product-hero-art:hover>img,
.orn-industry-hero-art:hover>img{transform:scale(1.035);filter:saturate(1.06)}
.orn-product-art-label,
.orn-industry-hero-art>div{
  position:absolute;
  z-index:3;
  left:24px;
  right:24px;
  bottom:24px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  padding:14px 20px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:12px;
  color:#fff;
  background:rgba(10,10,10,.7);
  backdrop-filter:blur(14px);
}
.orn-product-art-label span,
.orn-industry-hero-art>div span{color:#d2d9df;font-size:13px;font-weight:600}
.orn-product-art-label strong,
.orn-industry-hero-art>div strong{font-size:24px;font-weight:600}
.orn-product-hero-art-construction,
.orn-product-hero-art-education{background:#edf2f5!important}
.orn-product-hero-art-construction .orn-product-art-label,
.orn-product-hero-art-education .orn-product-art-label{
  color:#1e1e1e;
  background:rgba(255,255,255,.82);
  border-color:rgba(255,255,255,.9);
}
.orn-product-hero-art-construction .orn-product-art-label span,
.orn-product-hero-art-education .orn-product-art-label span{color:#53606a}

/* Page sections keep the homepage shell, rhythm and typography. */
.orn-section{padding:110px 0;background:#fff}
.orn-section-soft{background:#edf2f5}
.orn-section-dark{color:#fff;background:#111}
.orn-section-dark p{color:#c5cbd0}
.orn-section-blue{color:#fff;background:#3476ed}
.orn-section-blue p{color:#eaf2ff}
.orn-section-divider{border-top:1px solid var(--neo-line)}

.orn-section-head{
  grid-template-columns:575px 575px;
  gap:50px;
  min-height:0;
  margin-bottom:50px;
}
.orn-section-head h2{margin-top:14px}
.orn-section-head .neo-intro-side{padding-top:35px}
.orn-section-head .neo-intro-side p{margin:0}
.orn-section-head-centered{display:block;text-align:center}
.orn-section-head-centered>div,
.orn-section-head-centered .neo-intro-side{margin-inline:auto;text-align:center}

/* Cards reuse .neo-feature-card; these classes only define inner-page layout. */
.orn-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.orn-card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.orn-card-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.orn-module-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.orn-module-grid>*{grid-column:span 2}
.orn-module-grid>*:nth-child(1),
.orn-module-grid>*:nth-child(2){grid-column:span 3}
.neo-feature-card.orn-module{
  min-height:180px;
  padding:32px;
  border:1px solid var(--neo-line);
  background:#fff;
  transition:transform .68s var(--neo-ease),box-shadow .42s var(--neo-ease),border-color .3s;
}
.neo-feature-card.orn-module:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 20px 48px rgba(42,58,70,.12)}
.orn-module>span{display:block;margin-bottom:14px;color:#53606a;font-size:13px;font-weight:600}
.orn-module h3{margin:0 0 10px;font-size:22px;line-height:1.2}
.orn-module p{margin:0;font-size:16px;line-height:1.45}
.orn-module-blue{color:#fff!important;background:#3476ed!important;border-color:transparent!important}
.orn-module-blue>span,.orn-module-blue p{color:#eaf2ff!important}
.orn-module-dark{color:#fff!important;background:#111!important;border-color:transparent!important}
.orn-module-dark>span,.orn-module-dark p{color:#c5cbd0!important}
.neo-feature-card.orn-card{
  min-height:300px;
  padding:32px;
  border:1px solid var(--neo-line);
  background:#fff;
  transition:transform .68s var(--neo-ease),box-shadow .42s var(--neo-ease),border-color .3s;
}
.neo-feature-card.orn-card:hover,
.neo-feature-card.orn-panel:hover,
.neo-feature-card.orn-step:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 20px 48px rgba(42,58,70,.12)}
.neo-feature-card.orn-card h3{
  margin:64px 0 13px;
  text-align:left;
  font-size:28px;
  line-height:1.15;
}
.neo-feature-card.orn-card p{margin:0;font-size:16px;line-height:1.45}
.orn-card-icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:50%;
  color:#fff;
  background:#1e1e1e;
  font-size:13px;
  font-weight:600;
}
.orn-card-dark{color:#fff!important;background:#111!important;border-color:transparent!important}
.orn-card-dark p{color:#c5cbd0!important}
.orn-card-blue{color:#fff!important;background:#3476ed!important;border-color:transparent!important}
.orn-card-blue p{color:#eaf2ff!important}
.orn-card-blue .orn-card-icon{color:#1e1e1e;background:#fff}

.orn-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
/* SSS deseninde (başlık solda, akordeon sağda) soru sayısı/boyutuna
   göre iki kolonun dikey ortası hizalı dursun diye eklendi — .orn-split'in
   kendisi başka yerlerde (eşit yükseklikli kart çiftleri) stretch ile
   doğru çalıştığı için global değiştirilmedi. */
.orn-split-center{align-items:center}
.neo-feature-card.orn-panel{
  min-height:480px;
  padding:48px;
  border:1px solid var(--neo-line);
  background:#fff;
  transition:transform .68s var(--neo-ease),box-shadow .42s var(--neo-ease),border-color .3s;
}
.neo-feature-card.orn-panel h2{
  margin:18px 0;
  text-align:left;
  font-size:48px;
  line-height:1.08;
}
.neo-feature-card.orn-panel p{font-size:18px;line-height:1.4}
.orn-panel-dark{color:#fff;background:#111!important;border-color:transparent!important}
.orn-panel-dark p,.orn-panel-dark .orn-list{color:#c5cbd0}
.orn-panel-dark .neo-tag{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.orn-panel-media{padding:0!important;background:#090909!important}
.orn-panel-media img{display:block;width:100%;height:100%;min-height:480px;object-fit:contain}

.orn-list{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:13px;color:#53606a}
.orn-list li{position:relative;padding-left:24px}
.orn-list li::before{content:"›";position:absolute;left:0;top:-3px;color:#3476ed;font-size:25px;line-height:1}
.orn-list-check li::before{content:"✓";top:0;font-size:15px;font-weight:700}

/* Product directory uses the homepage project card verbatim. */
.orn-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 12px}
.orn-product-card{min-width:0;background:#fff}
.orn-product-card .orn-product-media{height:auto;aspect-ratio:1.335}
.orn-product-card .orn-product-copy{align-items:flex-start;gap:20px;padding-top:12px}
.orn-product-copy>div{max-width:75%}
.orn-product-copy .orn-product-description{margin-top:8px;font-size:14px;line-height:1.4;color:#53606a}
.orn-product-copy>a{flex:0 0 auto;margin-top:0}

.orn-more-panel,
.orn-inline-cta{
  min-height:220px;
  padding:40px;
  border-radius:20px;
  background:#edf2f5;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}
.orn-more-panel>div,
.orn-inline-cta>div{max-width:720px;min-width:0}
.orn-more-panel h2,
.orn-inline-cta h2{margin:18px 0 0;font-size:48px;line-height:1.08}
.orn-section-blue .orn-inline-cta{background:rgba(255,255,255,.1)}
.orn-section-blue .neo-tag{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.orn-section-dark .neo-tag{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}

.orn-side-title{margin-top:18px;font-size:48px;line-height:1.08}

/* Process cards reuse the homepage card surface and motion. */
.orn-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:orn-step}
.orn-steps-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.orn-steps-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.neo-feature-card.orn-step{
  min-height:360px;
  padding:30px;
  border:1px solid var(--neo-line);
  background:#fff;
  counter-increment:orn-step;
  transition:transform .68s var(--neo-ease),box-shadow .42s var(--neo-ease),border-color .3s;
}
.neo-feature-card.orn-step::before{
  content:counter(orn-step,decimal-leading-zero);
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  color:#fff;
  background:#1e1e1e;
  font-size:12px;
  font-weight:600;
}
.neo-feature-card.orn-step h3{margin:150px 0 12px;text-align:left;font-size:26px;line-height:1.15}
.neo-feature-card.orn-step p{margin:0;font-size:16px;line-height:1.45}

/* Only the three solution-process cards: diagrams replace the empty spacer. */
.orn-solution-steps .orn-step{min-height:0;padding:28px;display:flex;flex-direction:column}
.orn-solution-steps .orn-step::before{position:absolute;top:24px;left:24px;z-index:1}
.orn-solution-step-art{margin:0 0 26px;padding:20px 0 0;border-radius:14px;background:linear-gradient(145deg,#f6f8fa,#eef4ff)}
.orn-solution-step-art svg{display:block;width:100%;height:150px}
.orn-solution-steps .orn-step h3{margin:0 0 12px}

.orn-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.neo-feature-card.orn-metric{
  min-height:220px;
  padding:28px;
  border:1px solid var(--neo-line);
  background:#fff;
  display:flex;
  flex-direction:column-reverse;
  justify-content:space-between;
}
.orn-metric strong{font-size:36px;line-height:1.05}
.orn-metric span{color:#53606a;font-size:14px}

.orn-quote blockquote{max-width:900px;margin:0;font-size:48px;line-height:1.12;letter-spacing:-.04em}
.orn-quote footer{margin-top:30px;color:#aeb8bf}

.orn-role-row{display:flex;flex-wrap:wrap;gap:14px}
.orn-role-row span{padding:12px 18px;border-radius:999px;color:#fff;background:rgba(255,255,255,.1)}

/* The visual appearance stays canonical; only the responsive width is local. */
.orn-page-main .neo-accordion{width:100%;height:auto}
.orn-page-main .neo-accordion article,
.orn-page-main .neo-accordion button{width:100%}

/* Contact and form layouts have no homepage equivalent, so only these remain local. */
.orn-contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.orn-contact-cards .orn-card{min-height:340px}
.orn-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-weight:600}
.orn-consent a.orn-text-link{margin-top:0}
.orn-text-link i{font-style:normal;transition:transform .4s var(--neo-ease)}
.orn-text-link:hover i{transform:translate(3px,-3px)}
.orn-card-dark .orn-text-link,.orn-card-blue .orn-text-link{color:#fff}

.orn-form-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}
.orn-form-layout>div h2{margin:18px 0;font-size:48px;line-height:1.08}
.orn-form-layout>div>p{font-size:18px;line-height:1.4}
.orn-form-panel{padding:36px;border:1px solid var(--neo-line);border-radius:20px;background:#fff}
.orn-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.orn-form-editor{display:grid;grid-template-columns:subgrid;gap:20px;grid-column:1/-1;min-width:0}
.orn-form [hidden]{display:none!important}
.orn-form-submit [data-form-status]:empty{display:none}
.orn-form[data-submit-state="sending"] .orn-form-submit .button{cursor:wait;opacity:.8}
.orn-form[data-submit-state="sending"] .orn-form-submit .button img{display:none}
.orn-form[data-submit-state="sending"] .orn-form-submit .button::before{content:"";width:19px;height:19px;flex-shrink:0;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:orn-submit-spin .8s linear infinite}
.orn-form[data-submit-state="error"] [data-form-status]{padding:14px 16px;border-left:3px solid #b42318;border-radius:8px;background:#fff4f2;color:#8c2119;line-height:1.5}
.orn-form[data-submit-state="error"] .orn-form-submit{flex-wrap:wrap}
.orn-demo-receipt{grid-column:1/-1;text-align:center;padding:16px 0 8px;min-width:0;scroll-margin:110px;animation:orn-receipt-enter .55s ease-out both}
.orn-receipt-art{position:relative;display:grid;place-items:center;width:210px;height:174px;margin:0 auto 20px}
.orn-receipt-orbit{position:absolute;width:168px;height:168px;border:1px solid #dce9f5;border-radius:50%;animation:orn-receipt-ring 1.1s ease-out both}
.orn-receipt-orbit-inner{width:128px;height:128px;background:#f3f8fd;animation-delay:.1s}
.orn-receipt-envelope{z-index:1;width:100px;height:84px;display:grid;place-items:center;background:#fff;border:1px solid #d6e3ed;border-radius:22px;box-shadow:0 12px 30px #17375712;transform:rotate(-8deg);animation:orn-receipt-letter .8s cubic-bezier(.2,.7,.2,1) both}
.orn-receipt-envelope svg{width:66px;stroke:#1b76e9;stroke-width:2.5}
.orn-receipt-check{position:absolute;z-index:2;right:42px;bottom:34px;width:42px;height:42px;display:grid;place-items:center;background:#1976ed;border:4px solid #fff;border-radius:50%;animation:orn-receipt-enter .4s .4s ease-out both}
.orn-receipt-check svg{width:28px;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.orn-receipt-check path{stroke-dasharray:26;stroke-dashoffset:26;animation:orn-receipt-tick .4s .65s ease-out forwards}
.orn-receipt-art i{position:absolute;width:6px;height:6px;border-radius:50%;background:#8ab6ec;left:25px;top:52px;animation:orn-receipt-enter .4s .25s both}
.orn-receipt-art i:nth-last-child(2){left:auto;right:26px;top:30px;width:4px;height:4px}
.orn-receipt-art i:last-child{left:48px;top:auto;bottom:21px;width:4px;height:4px}
.orn-receipt-label{font-size:11px;font-weight:700;letter-spacing:.13em;color:#27639c}
.orn-demo-receipt h3{font-size:clamp(27px,3vw,37px);line-height:1.15;letter-spacing:-.04em;margin:16px 0}
.orn-demo-receipt h3 span{color:#596a77}
.orn-demo-receipt>p{font-size:16px;line-height:1.5;color:#53606a;margin:0}
.orn-receipt-next{display:flex;gap:14px;text-align:left;background:#f2f6f9;border:1px solid #e1e9f0;border-radius:16px;padding:20px;margin:28px 0;animation:orn-receipt-enter .5s .15s both}
.orn-receipt-next>span{color:#1976ed;font-size:24px;line-height:1.2}
.orn-receipt-next strong{font-size:16px}
.orn-receipt-next p{font-size:14px;line-height:1.5;color:#53606a;margin:6px 0 0}
.orn-receipt-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 22px}
.orn-receipt-actions .button{gap:20px;min-height:48px;font-size:14px}
.orn-receipt-actions button{appearance:none;border:0;background:transparent;color:#53606a;font:inherit;font-size:14px;min-height:44px;cursor:pointer;padding:8px}
.orn-receipt-actions button:hover{color:#161616;text-decoration:underline}
.orn-receipt-actions :focus-visible{outline:2px solid #1976ed;outline-offset:5px;border-radius:8px}
.orn-demo-receipt h3:focus{outline:none}
@keyframes orn-submit-spin{to{transform:rotate(360deg)}}
@keyframes orn-receipt-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes orn-receipt-letter{from{opacity:0;transform:translateY(20px) rotate(-16deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}
@keyframes orn-receipt-ring{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes orn-receipt-tick{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.orn-demo-receipt,.orn-demo-receipt *,.orn-form[data-submit-state="sending"] .orn-form-submit .button::before{animation:none!important}.orn-receipt-check path{stroke-dashoffset:0}}
.orn-field{display:grid;gap:9px}
.orn-field-full{grid-column:1/-1}
.orn-field label{font-weight:600}
.orn-field input,
.orn-field textarea,
.orn-field select{
  width:100%;
  min-height:54px;
  padding:14px 16px;
  border:1px solid #d9e2e8;
  border-radius:12px;
  color:#1e1e1e;
  background:#fff;
  font:inherit;
  outline:0;
  transition:border-color .2s,box-shadow .2s;
}
.orn-field textarea{min-height:150px;resize:vertical}
.orn-field input:focus,
.orn-field textarea:focus,
.orn-field select:focus{border-color:#3476ed;box-shadow:0 0 0 4px rgba(52,118,237,.12)}
.orn-consent label{display:flex;align-items:flex-start;gap:12px;font-weight:500;line-height:1.55}
.orn-consent input[type="checkbox"]{flex:0 0 auto;width:20px;min-height:20px;margin-top:2px}
.orn-form-submit{display:flex;align-items:center;gap:20px}
.orn-form-submit>p{margin:0;font-size:14px}
.orn-mini-note{margin-top:40px;padding:22px;border-radius:18px;background:#fff;display:grid;gap:6px}
.orn-mini-note span{color:#53606a}

@media(max-width:1100px){
  .orn-section-head{grid-template-columns:1fr 1fr}
  .orn-card-grid-4,.orn-steps-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .orn-form-layout{gap:42px}
}
/* Keep the enlarged two-column panels readable on small desktop windows. */
@media(min-width:1001px) and (max-width:1100px){
  .neo-feature-card.orn-panel{padding:32px}
}

@media(max-width:900px){
  .section.orn-page-hero{min-height:0;padding-top:92px;padding-bottom:72px}
  .orn-page-hero .orn-hero-grid{grid-template-columns:minmax(0,1fr);gap:34px;min-height:0}
  .orn-page-hero .hero-copy h1{font-size:72px}
  .orn-page-hero .orn-hero-art{min-height:clamp(260px,62vw,470px)}
  .orn-section{padding:90px 0}
  .orn-section-head{grid-template-columns:1fr;gap:22px}
  .orn-section-head .neo-intro-side{padding-top:0;text-align:left}
  .orn-split,.orn-form-layout{grid-template-columns:minmax(0,1fr)}
  .orn-card-grid,.orn-steps,.orn-metrics,.orn-contact-cards,.orn-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .orn-module-grid>*,
  .orn-module-grid>*:nth-child(1),
  .orn-module-grid>*:nth-child(2){grid-column:span 1}
  .orn-form-layout{gap:36px}
}

@media(max-width:600px){
  .orn-page-hero .orn-hero-actions{align-items:stretch;flex-direction:column;margin-top:28px}
  .orn-page-hero .orn-hero-actions .button,
  .orn-page-hero .orn-hero-actions .neo-button{width:100%}
  .orn-page-hero .orn-hero-actions .button-light{min-height:48px}
  .orn-product-hero-art>img,
  .orn-industry-hero-art>img{min-height:330px}
  .orn-section{padding:78px 0}
  .orn-section-head{margin-bottom:36px}
  .orn-section-head h2,
  .orn-side-title,
  .orn-more-panel h2,
  .orn-inline-cta h2,
  .orn-form-layout>div h2,
  .neo-feature-card.orn-panel h2{font-size:34px;line-height:1.08}
  .orn-card-grid,
  .orn-card-grid-2,
  .orn-card-grid-4,
  .orn-product-grid,
  .orn-steps,
  .orn-steps-4,
  .orn-steps-6,
  .orn-metrics,
  .orn-contact-cards,
  .orn-module-grid{grid-template-columns:1fr}
  .orn-module-grid>*,
  .orn-module-grid>*:nth-child(1),
  .orn-module-grid>*:nth-child(2){grid-column:span 1}
  .neo-feature-card.orn-card{min-height:270px;padding:28px}
  .neo-feature-card.orn-card h3{font-size:24px}
  .neo-feature-card.orn-module{padding:28px}
  .neo-feature-card.orn-panel{min-height:0;padding:30px}
  .orn-panel-media{padding:0!important}
  .orn-product-card .orn-product-copy{display:block}
  .orn-product-copy>div{max-width:none}
  .orn-product-copy>a{display:inline-block;margin-top:12px}
  .orn-more-panel,.orn-inline-cta{align-items:flex-start;flex-direction:column;padding:30px}
  .orn-quote blockquote{font-size:34px}
  .orn-form{grid-template-columns:minmax(0,1fr)}
  .orn-field-full{grid-column:auto}
  .orn-form-panel{padding:24px}
  .orn-form-submit{align-items:flex-start;flex-direction:column}
  .orn-form-submit .button,.orn-form-submit .neo-button{width:100%}
  .orn-page-main .neo-accordion button{height:auto;min-height:70px;font-size:17px}
}

@media(max-width:560px){
  .section.orn-page-hero{padding-top:123px;padding-bottom:60px}
  .orn-page-hero .hero-copy{padding:0;margin:0}
  .orn-page-hero .hero-copy h1{font-size:42px}
  .orn-page-hero .hero-copy>p{max-width:346px;font-size:16px}
  .orn-page-hero .orn-hero-art{margin-top:34px}
  .orn-page-hero .orn-product-hero-art>img{min-height:clamp(260px,62vw,470px)}
}

/* About-page workflow explorer. Native radios support touch and arrow keys. */
.orn-sector-workflow{padding:40px;background:radial-gradient(ellipse at 100% 85%,#dceafa70,transparent 70%),#f2f6f9;color:#1c2833;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;border:1px solid #e1e9ef;box-shadow:none}
.orn-sector-options{border:0;border-bottom:1px solid #d4dfe8;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.orn-sector-options legend{padding:0;margin-bottom:16px;font-size:12px;line-height:1.4;color:#5b6b78}
.orn-sector-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.orn-sector-options label{display:grid;place-items:center;min-height:48px;border-bottom:2px solid transparent;background:transparent;color:#637281;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px}
.orn-sector-options label:hover{color:#175bb5}
.orn-sector-input:checked+label{border-color:#1979ed;color:#125ebd}
.orn-sector-input:focus-visible+label{outline:2px solid #1979ed;outline-offset:3px;border-radius:3px}
.orn-sector-panel{grid-area:2/1;display:flex;flex-direction:column;visibility:hidden;pointer-events:none}
.orn-sector-workflow:has(#about-sector-editron:checked) #about-workflow-editron,
.orn-sector-workflow:has(#about-sector-reach-and-touch:checked) #about-workflow-reach-and-touch,
.orn-sector-workflow:has(#about-sector-baks-insaat:checked) #about-workflow-baks-insaat,
.orn-sector-workflow:has(#about-sector-hukuk:checked) #about-workflow-hukuk,
.orn-sector-workflow:has(#about-sector-kiduca:checked) #about-workflow-kiduca{visibility:visible;pointer-events:auto;animation:ornSectorEnter .28s ease-out}
.orn-sector-panel header{margin:38px 0 34px}
.orn-sector-panel header>span{font-size:12px;color:#5b6b78;letter-spacing:.01em}
.orn-sector-panel header h3{margin:10px 0 12px;text-align:left;font-size:44px;line-height:1.08;letter-spacing:-.045em;font-weight:600}
.orn-sector-panel header p{font-size:18px;line-height:1.45;color:#536576;margin:0;max-width:400px}
.orn-sector-journey>span{font-size:11px;color:#607182}
.orn-sector-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:18px 0 32px;padding:0}
.orn-sector-route li{position:relative;padding:0 12px 0 0;display:flex;flex-direction:column;gap:16px}
.orn-sector-route li:not(:last-child)::after{content:'';position:absolute;top:4px;left:10px;width:calc(100% - 10px);height:1px;background:#bbcede}
.orn-sector-route i{height:9px;width:9px;border-radius:50%;background:#adc5df;position:relative;z-index:1}
.orn-sector-route li:last-child i{background:#1979ed;box-shadow:0 0 0 4px #1979ed14}
.orn-sector-route strong{font-size:13px;line-height:1.45;font-weight:500;color:#344b60}
.orn-sector-panel footer{display:flex;align-items:center;padding-top:4px;margin-top:auto}
.orn-sector-panel footer a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;padding:0;color:#125ebd;font-size:14px;font-weight:600;white-space:nowrap}
.orn-sector-panel footer a svg{width:19px;height:19px;transition:transform .2s}
.orn-sector-panel footer a:hover svg{transform:translateX(4px)}
@keyframes ornSectorEnter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:901px){.orn-sector-workflow{padding:28px}.orn-sector-panel header h3{font-size:38px}.orn-sector-options{gap:8px}}
@media(max-width:600px){.orn-sector-workflow{padding:26px}.orn-sector-options{gap:8px}.orn-sector-options label{font-size:12px}.orn-sector-panel header{margin:30px 0}.orn-sector-panel header h3{font-size:38px}.orn-sector-panel header p{font-size:16px}.orn-sector-route{margin-bottom:26px}.orn-sector-route strong{font-size:12px}.orn-sector-route li{padding-right:10px}}
@media(prefers-reduced-motion:reduce){.orn-sector-workflow .orn-sector-panel{animation:none!important}.orn-sector-options label,.orn-sector-panel footer a svg{transition:none}}

/* Product-specific integration routes; expanding one card never stretches its peers. */
.orn-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.orn-integration-grid .orn-integration-card{padding:28px;min-height:0}
.orn-integration-grid .orn-integration-card:hover{transform:none}
.orn-integration-product{display:inline-flex;padding:6px 12px;border:1px solid #d9e3ec;border-radius:999px;font-size:12px;font-weight:600}
.orn-integration-grid .orn-integration-card h3{margin:24px 0;font-size:28px}
.orn-integration-route{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:start;gap:8px;padding:22px 12px;margin-bottom:24px;border-radius:14px;background:#f2f6fb}
.orn-integration-route>div{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:12px;line-height:1.35}
.orn-integration-endpoint{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid #d9e3ec;color:#2e65ab}
.orn-integration-endpoint svg{width:25px;height:25px}
.orn-integration-direction{width:28px;height:24px;margin-top:14px;color:#58769b}
.orn-integration-card.orn-card-blue .orn-integration-route,.orn-integration-card.orn-card-dark .orn-integration-route{background:#ffffff10}
.orn-integration-card.orn-card-blue .orn-integration-product,.orn-integration-card.orn-card-dark .orn-integration-product{border-color:#ffffff50}
.orn-integration-card.orn-card-blue .orn-integration-direction,.orn-integration-card.orn-card-dark .orn-integration-direction{color:#fff}
.orn-integration-card.orn-card-blue .orn-integration-endpoint,.orn-integration-card.orn-card-dark .orn-integration-endpoint{border-color:#ffffff35;background:#ffffff15;color:#fff}
.orn-integration-card.orn-card-blue summary,.orn-integration-card.orn-card-dark summary{border-color:#ffffff45}
.orn-integration-card .orn-flow-detail-content p{padding-top:12px;font-size:15px;line-height:1.5}
.orn-integration-card .orn-flow-detail-content a{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:12px;font-size:14px;font-weight:600;color:inherit}
.orn-integration-request{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:24px 28px;border:1px solid var(--neo-line);border-radius:16px}
.orn-integration-request p{margin:0;font-size:14px;line-height:1.6;color:#53616e}
.orn-integration-request strong{color:#202020;font-weight:600}
.orn-integration-request a{display:inline-flex;align-items:center;gap:16px;min-height:44px;flex-shrink:0;font-size:14px;font-weight:600}
@media(max-width:1100px){.orn-integration-grid{grid-template-columns:minmax(0,1fr)}.orn-integration-grid .orn-integration-card{padding:28px}.orn-integration-route{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}}
@media(max-width:600px){.orn-integration-request{align-items:flex-start;flex-direction:column;gap:12px;padding:24px}.orn-integration-grid .orn-integration-card{padding:24px}}

/* Product principles: native radio selection, one readable detail panel. */
.orn-principle-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;margin:0;border:0;min-width:0}
.orn-principle-options legend{font-size:14px;color:#53616e;padding:0;margin-bottom:20px}
.orn-principle-input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.orn-principle-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:220px;padding:26px;background:#fff;border:1px solid var(--neo-line);border-radius:20px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.orn-principle-choice .orn-card-icon svg{width:24px;height:24px}
.orn-principle-choice strong{font-size:24px;line-height:1.15;margin:26px 0 10px;font-weight:600;letter-spacing:-.03em}
.orn-principle-short{font-size:14px;line-height:1.4;color:#53616e;max-width:95%}
.orn-principle-choice.orn-card-dark .orn-principle-short,.orn-principle-choice.orn-card-blue .orn-principle-short{color:#fff}
.orn-principle-input:checked+label{box-shadow:0 0 0 3px #edf2f5,0 0 0 5px #3278f6}
.orn-principle-input:focus-visible+label{outline:3px solid #171717;outline-offset:7px}
.orn-principle-choice:hover{transform:translateY(-3px)}
.orn-principle-panel{display:none;grid-template-columns:1.25fr 1fr;align-items:center;gap:48px;margin-top:26px;padding:36px;background:#fff;border:1px solid var(--neo-line);border-radius:20px}
.orn-principles:has(#principle-model:checked) #principle-panel-model,
.orn-principles:has(#principle-integration:checked) #principle-panel-integration,
.orn-principles:has(#principle-review:checked) #principle-panel-review,
.orn-principles:has(#principle-setup:checked) #principle-panel-setup{display:grid}
.orn-principle-eyebrow{color:#426184;font-size:12px}
.orn-principle-panel h3{font-size:28px;line-height:1.15;margin:10px 0 14px;letter-spacing:-.03em}
.orn-principle-panel p{font-size:16px;line-height:1.5;margin:0;color:#53616e;max-width:560px}
.orn-principle-panel a{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:14px;font-size:14px;font-weight:600}
.orn-principle-example{padding:26px;border-radius:14px;background:#f4f7fb}
.orn-principle-example>span{color:#53616e;font-size:12px}
.orn-principle-example ol{display:grid;gap:24px;list-style:none;margin:18px 0 0;padding:0}
.orn-principle-example li{position:relative;background:#fff;padding:12px 16px;border:1px solid #d9e4ef;border-radius:10px;font-size:14px;line-height:1.3}
.orn-principle-example li+li::before{content:'↓';position:absolute;left:calc(50% - 5px);top:-23px;color:#3278f6;font-size:18px}
.orn-principle-example li:last-child{color:#1855bd;border-color:#bdd2f3}
@media(max-width:1100px){.orn-principle-options{grid-template-columns:repeat(2,minmax(0,1fr))}.orn-principle-choice{min-height:200px}}
@media(max-width:600px){
  .orn-principle-options{gap:14px}
  .orn-principle-choice{min-height:180px;padding:18px}
  .orn-principle-choice strong{font-size:19px;margin:18px 0 8px}
  .orn-principle-short{font-size:12px}
  .orn-principle-panel{grid-template-columns:1fr;gap:24px;padding:24px}
  .orn-principle-panel h3{font-size:25px}
  .orn-principle-example{padding:20px}
}
@media(prefers-reduced-motion:reduce){.orn-principle-choice{transition:none}.orn-principle-choice:hover{transform:none}}

/* Connected solution layers; source and keyboard order always remain logical. */
.orn-solution-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none}
.orn-flow-node{position:relative;min-width:0;display:flex;align-items:flex-start}
.orn-flow-node:nth-child(4){grid-column:3;grid-row:2}
.orn-flow-node:nth-child(5){grid-column:2;grid-row:2}
.orn-flow-node:nth-child(6){grid-column:1;grid-row:2}
.orn-solution-flow .orn-card{width:100%;min-height:300px;display:flex;flex-direction:column;padding:28px}
.orn-solution-flow .orn-card h3{margin:28px 0 12px;font-size:26px}
.orn-solution-flow .orn-card-icon svg{width:24px;height:24px}
.orn-flow-connector{position:absolute;z-index:2;right:-36px;top:calc(50% - 16px);width:32px;height:32px;color:#76899b;pointer-events:none}
.orn-flow-connector svg{width:100%;height:100%;display:block}
.orn-flow-node:nth-child(3) .orn-flow-connector{top:auto;bottom:-36px;right:calc(50% - 16px);transform:rotate(90deg)}
.orn-flow-node:nth-child(4) .orn-flow-connector,.orn-flow-node:nth-child(5) .orn-flow-connector{right:auto;left:-36px;transform:rotate(180deg)}
.orn-flow-node:last-child .orn-flow-connector{display:none}
.orn-flow-node:focus-within .orn-flow-connector,.orn-flow-node:hover .orn-flow-connector{color:#3278f6}
.orn-solution-flow .orn-card:hover{transform:none}
.orn-flow-detail{margin-top:24px;overflow:hidden;overflow-anchor:none}
.orn-flow-detail-content{display:flow-root}
.orn-flow-detail summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none;border-top:1px solid #d5dfe7;font-size:14px;font-weight:600}
.orn-flow-detail summary::-webkit-details-marker{display:none}
.orn-flow-detail summary svg{width:18px;height:18px;flex-shrink:0;transition:transform .2s ease}
.orn-flow-detail[open] summary svg{transform:rotate(90deg)}
.orn-flow-detail summary:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:4px}
.orn-solution-flow .orn-flow-detail p{font-size:15px;padding-top:12px}
.orn-solution-flow .orn-card-blue summary,.orn-solution-flow .orn-card-dark summary{border-color:#ffffff45}
.orn-flow-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){
  .orn-solution-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .orn-flow-node:nth-child(n){grid-column:auto;grid-row:auto}
  .orn-flow-node:nth-child(3){grid-column:2;grid-row:2}
  .orn-flow-node:nth-child(4){grid-column:1;grid-row:2}
  .orn-flow-node:nth-child(n) .orn-flow-connector{left:auto;right:-36px;top:calc(50% - 16px);bottom:auto;transform:none}
  .orn-flow-node:nth-child(2) .orn-flow-connector,.orn-flow-node:nth-child(4) .orn-flow-connector{top:auto;bottom:-36px;right:calc(50% - 16px);transform:rotate(90deg)}
  .orn-flow-node:nth-child(3) .orn-flow-connector{right:auto;left:-36px;transform:rotate(180deg)}
}
@media(max-width:600px){
  .orn-solution-flow{grid-template-columns:minmax(0,1fr)}
  .orn-flow-node:nth-child(n){grid-column:auto;grid-row:auto}
  .orn-flow-node:nth-child(n) .orn-flow-connector{left:auto;top:auto;bottom:-36px;right:calc(50% - 16px);transform:rotate(90deg)}
  .orn-solution-flow .orn-card{min-height:0;padding:26px}
  .orn-solution-flow .orn-card h3{font-size:24px;margin-top:24px}
}
@media(prefers-reduced-motion:reduce){
  .orn-solution-flow .orn-card,.orn-flow-detail summary svg{transition:none}
  .orn-solution-flow .orn-card:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  .orn-product-hero-art>img,
  .orn-industry-hero-art>img{transition:none}
}
/* --------------------------------------------------------------------------
   Yasal metin sayfaları — Apple'ın legal sayfa düzeni
   Pazarlama sayfalarının aksine burada hero, görsel, CTA ve kart ızgarası
   yok. Okunabilirlik için tek dar kolon (~692px ölçü), belge tipografisi ve
   bölümler arasında geniş nefes payı var. İçerik .neo-site içinde basıldığı
   için .neo-site h2 / .neo-site p gibi pazarlama ölçüleri buradan eziliyor;
   page-system.css styles.css'ten sonra yüklendiği için bu geçerli oluyor.
   -------------------------------------------------------------------------- */
.orn-legal{
  width:min(692px,calc(100% - 40px));
  margin:0 auto;
  padding:136px 0 104px;
  color:#1d1d1f;
  font-family:"Inter Display Neo",Inter,sans-serif;
  text-align:left;
}
.orn-legal-head{
  padding-bottom:30px;
  border-bottom:1px solid #e3e9ed;
}
.orn-legal .orn-legal-kicker{
  margin:0 0 16px;
  color:#6e7a82;
  font-size:15px;
  font-weight:600;
  letter-spacing:-.01em;
}
.orn-legal h1{
  margin:0;
  font-family:"Bricolage Neo",Inter,sans-serif;
  font-size:clamp(31px,3.3vw,40px);
  line-height:1.1;
  font-weight:600;
  letter-spacing:-.03em;
}
.orn-legal .orn-legal-updated{
  margin:16px 0 0;
  color:#6e7a82;
  font-size:15px;
  line-height:1.5;
}
.orn-legal .orn-legal-lede{
  margin:36px 0 0;
  color:#39424a;
  font-size:19px;
  line-height:1.58;
  letter-spacing:-.01em;
}
.orn-legal-note{
  margin:32px 0 0;
  padding:18px 20px;
  border:1px solid #e3e9ed;
  border-radius:12px;
  background:#f6f8fa;
}
.orn-legal .orn-legal-note p{
  margin:0;
  color:#4d585f;
  font-size:15px;
  line-height:1.6;
}
.orn-legal-body>section{
  margin-top:46px;
}
.orn-legal-body h2{
  margin:0 0 12px;
  font-family:"Bricolage Neo",Inter,sans-serif;
  font-size:22px;
  line-height:1.28;
  font-weight:600;
  letter-spacing:-.02em;
  color:#1d1d1f;
}
.orn-legal-body p{
  margin:0;
  color:#39424a;
  font-size:17px;
  line-height:1.62;
  letter-spacing:-.005em;
}
.orn-legal a{
  color:#2f6fe4;
  text-decoration:none;
  border-bottom:1px solid rgba(47,111,228,.34);
}
.orn-legal a:hover,
.orn-legal a:focus-visible{
  border-bottom-color:#2f6fe4;
}
.orn-legal-more{
  margin-top:68px;
  padding-top:28px;
  border-top:1px solid #e3e9ed;
}
.orn-legal-more h2{
  margin:0 0 16px;
  font-family:"Inter Display Neo",Inter,sans-serif;
  font-size:15px;
  font-weight:600;
  letter-spacing:-.01em;
  color:#6e7a82;
}
.orn-legal-more ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:12px 30px;
}
.orn-legal-more a{
  font-size:16px;
  letter-spacing:-.01em;
}
@media(max-width:760px){
  .orn-legal{padding:108px 0 76px}
  .orn-legal-body>section{margin-top:38px}
  .orn-legal .orn-legal-lede{font-size:18px}
  .orn-legal-body p{font-size:16px}
}
/* --------------------------------------------------------------------------
   Yasal sayfalarda footer'daki satış CTA'sı gösterilmiyor
   "Size uygun ürün için birlikte konuşalım" başlığı, açıklaması ve iki
   butonu bir yasal metnin sonunda yeri olmayan bir pazarlama bloğu.
   body[data-page-group="legal"] seçicisi page-builder'ın bastığı gruptan
   geliyor, yani JS veya bileşen değişikliği gerekmiyor.

   CTA gidince footer'ın sabit 1149px yüksekliği panelin altında ~985px boş
   alan bırakıyordu. Yükseklikleri auto'ya çevirip üst padding'i 150px'te
   tutuyoruz: beyaz panel gökyüzü/gradyan bandının içine hafifçe biniyor,
   tepeler de panelin yanlarından ve altından görünmeye devam ediyor.
   -------------------------------------------------------------------------- */
body[data-page-group="legal"] .neo-footer>.neo-shell>header{
  display:none;
}
body[data-page-group="legal"] .neo-footer{
  height:auto;
  min-height:0;
  padding:150px 0 80px;
  /* Tepeler gorseli "auto 55%" ile olceklendigi icin footer kisalinca
     gorsel de kuculuyordu: 1149px footer'da 632px yuksek / 2402px genis
     olan gorsel, 803px footer'da 442px / 1679px'e dusup 1920px ekranda
     saga ve sola beyaz bosluk birakiyordu (gorselin en-boy orani 3.8).
     Genisligi tabana baglayip her ekranda tam kaplamasini garantiliyoruz;
     1680px alt sinir dar ekranlarda gorselin fazla kuculmesini onluyor. */
  background-size:max(100%,1680px) auto;
}
body[data-page-group="legal"] .neo-footer>.neo-shell{
  height:auto;
  gap:0;
}
@media(max-width:760px){
  body[data-page-group="legal"] .neo-footer{
    padding:96px 0 60px;
  }
  body[data-page-group="legal"] .neo-footer-panel{
    margin-top:0;
  }
}
/* Zengin yasal metin ogeleri: icindekiler, numarali bolumler, listeler,
   tanim listeleri ve doldurulmayi bekleyen alan isaretleri. */
.orn-legal-toc{
  margin:36px 0 0;
  padding:22px 24px;
  border:1px solid #e3e9ed;
  border-radius:12px;
}
.orn-legal-toc h2{
  margin:0 0 12px;
  font-family:"Inter Display Neo",Inter,sans-serif;
  font-size:14px;
  font-weight:600;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#6e7a82;
}
.orn-legal-toc ol{
  margin:0;
  padding:0 0 0 22px;
  display:grid;
  gap:7px;
  color:#39424a;
  font-size:16px;
  line-height:1.5;
}
.orn-legal-toc a{border-bottom-color:transparent}
.orn-legal-toc a:hover{border-bottom-color:rgba(47,111,228,.34)}
.orn-legal .orn-legal-num{
  display:inline-block;
  min-width:28px;
  color:#8a949b;
  font-weight:500;
}
.orn-legal-body h2{
  scroll-margin-top:112px;
}
.orn-legal-ul,
.orn-legal-ol{
  margin:14px 0 0;
  padding-left:22px;
  display:grid;
  gap:9px;
  color:#39424a;
  font-size:17px;
  line-height:1.6;
}
.orn-legal-ul{list-style:disc}
.orn-legal-ol{list-style:decimal}
.orn-legal-ul li::marker,
.orn-legal-ol li::marker{color:#9aa3aa}
.orn-legal-dl{
  margin:18px 0 0;
  display:grid;
  gap:0;
  border-top:1px solid #eef2f5;
}
.orn-legal-dl>div{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:8px 24px;
  padding:14px 0;
  border-bottom:1px solid #eef2f5;
}
.orn-legal-dl dt{
  margin:0;
  color:#1d1d1f;
  font-size:15px;
  font-weight:600;
  line-height:1.45;
  letter-spacing:-.005em;
}
.orn-legal-dl dd{
  margin:0;
  color:#39424a;
  font-size:16px;
  line-height:1.58;
}
.orn-legal-body p+p{margin-top:14px}
.orn-legal code{
  padding:2px 6px;
  border-radius:5px;
  background:#f0f3f5;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.9em;
}
/* Sirket bilgisi veya hukuki karar bekleyen alanlar. Gorunur olmalari
   bilincli: metin yayina alinmadan once doldurulmalari gerekiyor. */
.orn-legal-todo{
  display:inline-block;
  padding:2px 8px;
  border:1px dashed #b6c0c7;
  border-radius:6px;
  background:#f4f6f8;
  color:#5b666d;
  font-size:14px;
  font-weight:500;
  line-height:1.5;
}
@media(max-width:760px){
  .orn-legal-dl>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .orn-legal-ul,.orn-legal-ol{font-size:16px}
  .orn-legal-toc{padding:18px 20px}
  .orn-legal .orn-legal-num{min-width:24px}
}

/*
 * Guven sayfalari (/fiyatlandirma/, /musteri-hikayeleri/, /referanslar/,
 * /ortakliklar/, /basin-odasi/, /marka-materyalleri/).
 *
 * Bu sayfalarin icerigi yazilmisti ama gorunumu yoktu: kullandiklari 12 class
 * hicbir stil dosyasinda tanimli degildi. Asagidaki blok o boslugu kapatir.
 *
 * KURAL: yeni token veya bagimlilik eklenmez. Renk, kenarlik ve gecisler
 * mevcut --neo-* degiskenlerinden gelir; kart davranisi yukaridaki
 * .orn-module desenini birebir izler, boylece sayfalar sitenin geri kalaniyla
 * ayni dili konusur.
 *
 * .orn-shell ve .orn-tag, aktif sayfalardaki .neo-shell / .neo-tag ile ayni
 * isi yapar; ayri isim tasidiklari icin burada yeniden tanimlaniyorlar.
 */
.orn-shell{position:relative;width:min(1200px,calc(100% - 40px));margin:0 auto}
.orn-tag{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:0 18px;
  border:1px solid var(--neo-line);border-radius:999px;
  background:var(--neo-soft);font-size:14px;letter-spacing:-.015em;
}

/* Numarali bilgi kartlari: <span>01</span> + <h3> + <p> */
.orn-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.orn-info-card{
  min-height:180px;padding:32px;
  border:1px solid var(--neo-line);border-radius:20px;background:#fff;
  transition:transform .68s var(--neo-ease),box-shadow .42s var(--neo-ease),border-color .3s;
}
.orn-info-card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 20px 48px rgba(42,58,70,.12)}
.orn-info-card>span{display:block;margin-bottom:14px;color:var(--neo-muted);font-size:13px;font-weight:600}
.orn-info-card h3{margin:0 0 10px;font-size:22px;line-height:1.2}
.orn-info-card p{margin:0;font-size:16px;line-height:1.45}
.orn-info-card-soft{background:var(--neo-soft)}
.orn-info-card-dark{color:#fff;background:#111;border-color:transparent}
.orn-info-card-dark>span,.orn-info-card-dark p{color:#c5cbd0}

/* Bilgilendirme kutusu: <i>i</i> + <div><strong>..</strong><p>..</p></div> */
.orn-notice{
  display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;align-items:start;
  padding:26px 28px;border:1px solid var(--neo-line);border-radius:20px;background:var(--neo-soft);
}
.orn-notice>i{
  display:grid;place-items:center;width:34px;height:34px;
  border-radius:50%;background:#111;color:#fff;
  font-style:normal;font-size:15px;font-weight:600;line-height:1;
}
/* Yalnizca DOGRUDAN cocuk olan baslik strong'u blok olur. Once secici
   ".orn-notice strong" idi ve paragraf icindeki vurgulari da yakalayip
   her birini ayri satira dusuruyordu. */
.orn-notice>div>strong{display:block;margin-bottom:6px;font-size:17px}
/* Ard arda gelen iki bilgilendirme kutusu birlesik gorunuyordu; aralarina
   bosluk. Tek basina duran kutulari etkilemez. */
.orn-notice+.orn-notice{margin-top:20px}
.orn-notice p{margin:0;font-size:16px;line-height:1.45}

/* Baglanti listesi: <a><div><h3>+<p></div><span>Etiket</span></a> */
.orn-directory{border-top:1px solid var(--neo-line)}
.orn-directory-item{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:26px 4px;border-bottom:1px solid var(--neo-line);
  transition:padding-inline .42s var(--neo-ease),background-color .3s;
}
.orn-directory-item:hover{padding-inline:18px 14px;background:var(--neo-soft)}
.orn-directory-item h3{margin:0 0 6px;font-size:22px;line-height:1.2}
.orn-directory-item p{margin:0;color:var(--neo-muted);font-size:16px;line-height:1.45}
.orn-directory-item>span{
  flex:0 0 auto;padding:7px 16px;
  border:1px solid var(--neo-line);border-radius:999px;
  background:#fff;font-size:13px;font-weight:600;white-space:nowrap;
}

/* Indirilebilir marka dosyalari */
.orn-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.orn-asset-card{
  display:flex;flex-direction:column;padding:28px;
  border:1px solid var(--neo-line);border-radius:20px;background:#fff;
  transition:transform .68s var(--neo-ease),box-shadow .42s var(--neo-ease),border-color .3s;
}
.orn-asset-card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 20px 48px rgba(42,58,70,.12)}
.orn-asset-card h3{margin:0 0 8px;font-size:20px;line-height:1.2}
.orn-asset-card p{margin:0;color:var(--neo-muted);font-size:15px;line-height:1.45}
.orn-asset-card .orn-text-link{margin-top:auto;padding-top:18px}
.orn-asset-preview{
  display:grid;place-items:center;margin-bottom:20px;padding:22px;
  aspect-ratio:16/10;border-radius:14px;background:var(--neo-soft);
}
.orn-asset-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

@media(max-width:1100px){
  .orn-shell{width:calc(100% - 40px)}
  .orn-info-grid,.orn-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .orn-info-grid,.orn-asset-grid{grid-template-columns:minmax(0,1fr)}
  .orn-directory-item{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(max-width:600px){
  .orn-shell{width:calc(100% - 28px)}
  .orn-info-card,.orn-asset-card{padding:24px}
  .orn-notice{padding:22px 20px;grid-template-columns:30px minmax(0,1fr);gap:12px}
  .orn-notice>i{width:30px;height:30px}
}
@media(prefers-reduced-motion:reduce){
  .orn-info-card,.orn-asset-card,.orn-directory-item{transition:none}
  .orn-info-card:hover,.orn-asset-card:hover{transform:none}
}

/*
 * Guven sayfalarinin hero bolumu.
 *
 * .orn-page-hero-compact : bu sayfalarda hero kisa tutulur - tek basliktan
 *   sonra dogrudan icerige gecilir, urun sayfalarindaki 710px'lik yuksek
 *   hero'ya gerek yok.
 * .orn-system-art : hero'nun sag kutusu. .orn-hero-art'in zeminini devralir,
 *   uzerine bir etiket + baslik + ozet listesi yerlestirir.
 *   Varyantlar sayfaya gore zemini degistirir; metin renkleri zeminle
 *   birlikte tanimlanir ki iki temada da okunur kalsin.
 */
.section.orn-page-hero.orn-page-hero-compact{min-height:0;padding-top:120px;padding-bottom:80px}
.orn-page-hero-compact .orn-hero-grid{min-height:0}
.orn-page-hero-compact .orn-hero-art{min-height:360px}

.orn-page-hero .orn-system-art{
  display:flex;flex-direction:column;padding:36px;
}
.orn-system-art>span{
  display:inline-flex;align-self:flex-start;align-items:center;
  min-height:32px;padding:0 14px;margin-bottom:auto;
  border-radius:999px;background:rgba(17,17,17,.06);
  font-size:13px;font-weight:600;letter-spacing:-.015em;
}
.orn-system-art>strong{
  display:block;margin:28px 0 22px;
  font-size:28px;font-weight:600;line-height:1.15;letter-spacing:-.03em;
}
.orn-system-art ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.orn-system-art li{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 18px;border-radius:12px;
  background:rgba(255,255,255,.72);font-size:15px;font-weight:500;
}
.orn-system-art li>i{
  flex:0 0 auto;width:8px;height:8px;border-radius:50%;
  background:currentColor;opacity:.35;
}
/* Zemin varyantlari .orn-page-hero altinda yazilmak ZORUNDA: taban kural
   ".orn-page-hero .orn-hero-art" iki sinifli oldugu icin tek sinifli bir
   varyanti yener. Tek sinifla yazilinca zemin acik gri kalip yazi beyaza
   donuyor ve panel okunmaz hale geliyordu. */
.orn-page-hero .orn-system-art-dark{color:#fff;background:#111}
.orn-page-hero .orn-system-art-dark>span{background:rgba(255,255,255,.14)}
.orn-page-hero .orn-system-art-dark li{background:rgba(255,255,255,.08)}
.orn-page-hero .orn-system-art-blue{color:#fff;background:#3476ed}
.orn-page-hero .orn-system-art-blue>span{background:rgba(255,255,255,.18)}
.orn-page-hero .orn-system-art-blue li{background:rgba(255,255,255,.14)}
.orn-page-hero .orn-system-art-warm{color:#241a12;background:#f0e4d8}
.orn-page-hero .orn-system-art-warm>span{background:rgba(36,26,18,.09)}
.orn-page-hero .orn-system-art-warm li{background:rgba(255,255,255,.62)}

@media(max-width:900px){
  .section.orn-page-hero.orn-page-hero-compact{padding-top:104px;padding-bottom:64px}
}
@media(max-width:600px){
  .orn-page-hero .orn-system-art{padding:26px}
  .orn-system-art>strong{margin:22px 0 18px;font-size:24px}
  .orn-system-art li{padding:12px 14px;font-size:14px}
}

/* Odeme bildirimi (fiyatlandirma ve iletisim sayfalari).
   .orn-notice tabanini devralir; yalnizca kart rozetleri ve baglanti
   satiri icin ek kural gerekir. */
/* Kart bandi iyzico'nun resmi SVG'si; oranini bozmamak icin yalnizca
   genislik sinirlaniyor, yukseklik otomatik. */
.orn-payment .orn-payment-cards{margin-top:16px}
.orn-payment .orn-payment-cards img{display:block;width:429px;max-width:100%;height:auto}
.orn-payment .orn-payment-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:13px}
.orn-payment .orn-payment-links a{text-decoration:underline}
@media(max-width:600px){
  .orn-payment .orn-payment-cards{gap:6px}
  .orn-payment .orn-payment-cards span{padding:4px 10px;font-size:11px}
}

/* Iletisim sayfasindaki tescilli adres aciklamasi: ofis adresinin altinda,
   ondan ayirt edilebilecek kadar sonuk ve kucuk. */
.orn-card .orn-registered-address{
  margin-top:14px;padding-top:12px;border-top:1px solid var(--neo-line);
  font-size:12px;line-height:1.6;color:var(--neo-muted);
}
/* Koyu kartta (e-posta karti) ayirici cizgi acik gri oldugu icin
   kayboluyordu; ayni cizgiyi zemine gore saydam beyazla ciziyoruz. */
.orn-card-dark .orn-registered-address{border-top-color:#ffffff24}
.orn-card-dark .orn-registered-address strong{color:#fff}

/* Hizmet listesindeki baslangic fiyati. Duz "meta" rozeti tek satirlik bir
   hapti; fiyat + KDV notu iki satir istedigi icin ayri bir bicim kullaniliyor.
   Ozgulluk: ".orn-directory-item>span" (0,1,1) kuralini ezmesi gerekiyor. */
.orn-directory-item>.orn-directory-price{
  flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;
  padding:10px 16px;border:1px solid var(--neo-line);border-radius:14px;
  background:#fff;white-space:nowrap;
}
.orn-directory-price strong{font-size:14px;font-weight:700;color:#1d1d1d;letter-spacing:-.01em}
.orn-directory-price em{font-style:normal;font-size:11px;font-weight:500;color:var(--neo-muted)}
@media(max-width:760px){
  .orn-directory-item>.orn-directory-price{align-items:flex-start}
}

/* Urun sayfalarindaki baslangic fiyati blogu. */
.orn-price-note strong:first-child{font-size:17px}
.orn-price-note a{color:#155db6;text-decoration:underline;text-underline-offset:3px}

/* Uyari tonlu bildirim kutusu (doland\u0131r\u0131c\u0131l\u0131k uyarisi). */
.orn-notice-warning{border-color:#e8c88a;background:#fdf7ec}
.orn-notice-warning>i{background:#b8791a;color:#fff}
.orn-notice-warning>div>strong{color:#7a4e07}

/* /fiyatlandirma/ sayfasindan /odeme/ sayfasina gecis baglantisi. */
.orn-payment-more{margin:18px 0 0;font-size:14px;font-weight:600}
.orn-payment-more a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#155db6}
.orn-payment-more a:hover{text-decoration:underline}

/* ---------------------------------------------------------------------------
   /odeme/ sayfasi.

   Tasarim yaklasimi: AZ KUTU, COK TIPOGRAFI. Sayfa once dev hero ve ust uste
   kart izgaralariyla kurulmustu; her bolum ayni kalibi tekrarladigi icin bir
   odeme sayfasindan cok blog yazisi gibi duruyordu. Apple, Microsoft ve
   Amazon'un odeme/faturalandirma sayfalarinda ortak olan sey cerceve degil,
   ince ayrac cizgileri ve net tipografik hiyerarsi. Burada da oyle: HERO YOK,
   bolum ic bosluklari 110px'ten 64px'e cekildi, olgular ve kosullar
   cercevesiz satirlar halinde.
   --------------------------------------------------------------------------- */

/* --- Kompakt sayfa basligi (dev hero'nun yerine) ------------------------- */
.orn-pay-head{padding:104px 0 56px}
.orn-pay-head-grid{
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:56px;align-items:center;
}
.orn-pay-head-copy h1{
  margin:20px 0 16px;font-weight:600;
  font-size:clamp(36px,4.2vw,56px);line-height:1.05;letter-spacing:-.04em;
}
.orn-pay-page .orn-pay-lede{margin:0;max-width:430px;color:var(--neo-muted);font-size:17px;line-height:1.5}
.orn-pay-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.orn-pay-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#155db6;font-size:15px;font-weight:600}
.orn-pay-link:hover{text-decoration:underline;text-underline-offset:3px}

/* Olgu seridi: cerceve yok, yalnizca ince ayrac. */
.orn-pay-facts{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  margin:52px 0 0;border-top:1px solid var(--neo-line);
}
.orn-pay-facts>div{padding:22px 26px 0 0}
.orn-pay-facts>div+div{border-left:1px solid var(--neo-line);padding-left:26px}
.orn-pay-facts dt{margin:0 0 7px;color:var(--neo-muted);font-size:13px;line-height:1.3}
.orn-pay-facts dd{margin:0;font-size:23px;font-weight:700;letter-spacing:-.025em;line-height:1.1}

/* --- Temsili fatura karti ------------------------------------------------ */
.orn-pay-doc-wrap{
  display:flex;flex-direction:column;align-items:center;gap:14px;
  margin:0;padding:38px;border-radius:20px;background:#eef2f5;
}
.orn-pay-doc{
  width:min(340px,100%);padding:22px 22px 18px;
  border-radius:16px;background:#fff;color:#2b3740;
  box-shadow:0 18px 44px rgba(31,48,64,.16);
}
.orn-pay-doc-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding-bottom:14px;border-bottom:1px solid #e7edf2;
}
.orn-pay-doc-brand{font-size:15px;font-weight:700;letter-spacing:-.02em}
.orn-pay-doc-no{font-size:11px;color:#8b98a3;font-variant-numeric:tabular-nums}
.orn-pay-doc-lines{margin:0}
.orn-pay-doc-lines>div{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:11px 0;border-bottom:1px solid #f1f5f8;
}
.orn-pay-doc-lines dt{font-size:12px;line-height:1.4;color:#52606a}
.orn-pay-doc-lines dd{margin:0;font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.orn-pay-doc .orn-pay-doc-total{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:15px 0 0}
.orn-pay-doc-total span{font-size:12px;color:#52606a}
.orn-pay-doc-total i{font-style:normal;font-size:11px;color:#8b98a3}
.orn-pay-doc-total strong{font-size:21px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.orn-pay-doc .orn-pay-doc-cta{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:16px 0 0;padding:13px 18px;border-radius:999px;
  background:#176bd6;color:#fff;font-size:13px;font-weight:700;
}
.orn-pay-doc .orn-pay-doc-cta i{font-style:normal}
.orn-pay-doc .orn-pay-doc-foot{margin:12px 0 0;text-align:center;font-size:11px;color:#8b98a3}
.orn-pay-doc-wrap figcaption{color:#6d7a84;font-size:11px}

/* --- Kompakt bolum basligi (sectionHead'in dev kalibi yerine) ------------ */
.orn-pay-page .orn-section{padding:64px 0}
.orn-pay-section-head{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:32px;flex-wrap:wrap;margin-bottom:30px;
}
.orn-pay-section-head h2{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.035em}
.orn-pay-page .orn-pay-section-head p{margin:0;max-width:430px;color:var(--neo-muted);font-size:15px;line-height:1.5}

/* --- Odeme akisi rayi (cam yuzeyler, oksuz) ------------------------------ */
/* Bolum zemini hafif renkli: cam yuzeyin kirilacak bir sey olmasi gerekiyor. */
.orn-pay-page #odeme-akisi{background:linear-gradient(180deg,#eaf1f7 0%,#f6f9fb 62%,#fff 100%)}
.orn-pay-rail{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;
  margin:0;padding:0;list-style:none;
  /* align-items:start SART: varsayilan "stretch" ile bir kart acilinca
     dordu birden uzuyordu. Artik yalnizca acilan kart buyuyor. */
  align-items:start;
}
.orn-pay-stop{position:relative;display:flex;min-width:0}
.orn-pay-stop>article{
  display:flex;flex-direction:column;width:100%;padding:24px;
  border:1px solid rgba(255,255,255,.72);border-radius:20px;
  background:rgba(255,255,255,.62);
  backdrop-filter:blur(20px) saturate(1.18);
  -webkit-backdrop-filter:blur(20px) saturate(1.18);
  box-shadow:0 10px 30px rgba(40,62,84,.08);
}
.orn-pay-stop.is-accent>article{
  border-color:rgba(23,107,214,.22);
  background:rgba(23,107,214,.09);
  box-shadow:0 12px 34px rgba(23,107,214,.12);
}
.orn-pay-stop-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.orn-pay-stop-icon{
  display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;
  border-radius:13px;background:rgba(31,48,64,.08);color:#2b3a47;
}
.orn-pay-stop.is-accent .orn-pay-stop-icon{background:rgba(23,107,214,.16);color:#14539f}
.orn-pay-stop-icon svg{width:20px;height:20px}
.orn-pay-stop-no{color:#8d9aa6;font-size:13px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.orn-pay-stop-no i{font-style:normal;font-weight:500;opacity:.6}
.orn-pay-page .orn-pay-stop h3{margin:0 0 8px;font-size:19px;line-height:1.2;letter-spacing:-.02em}
.orn-pay-page .orn-pay-stop>article>p{margin:0 0 16px;color:#55636d;font-size:14px;line-height:1.5}

/* Acilir ayrinti. Kartin en altina yapisir, boylece kapali kartlarin
   "Ayrinti" satirlari ayni hizada durur. */
.orn-pay-stop-more{margin-top:14px;padding-top:14px;border-top:1px solid rgba(40,62,84,.12)}
/* Yumusak acilis. interpolate-size, "auto" yuksekligin animasyonlanabilmesi
   icin gerekiyor ve yalnizca bu ogeye veriliyor - genele acilirsa sitedeki
   butun auto yukseklik gecislerini etkilerdi. Destegi olmayan tarayicida
   bolum aninda aciliyor, islev degismiyor. */
.orn-pay-stop-more{interpolate-size:allow-keywords}
.orn-pay-stop-more::details-content{
  block-size:0;overflow:hidden;
  transition:block-size .34s var(--neo-ease,ease),content-visibility .34s allow-discrete;
}
.orn-pay-stop-more[open]::details-content{block-size:auto}
.orn-pay-stop-more>summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:34px;cursor:pointer;list-style:none;
  color:#33404a;font-size:13px;font-weight:600;
}
.orn-pay-stop-more>summary::-webkit-details-marker{display:none}
.orn-pay-stop-more>summary::marker{content:""}
.orn-pay-stop-more>summary:focus-visible{outline:2px solid #1976ed;outline-offset:3px;border-radius:8px}
/* Arti/carpi isareti: iki cizgi, acilinca doner. */
.orn-pay-stop-more>summary>i{
  position:relative;width:14px;height:14px;flex:0 0 14px;
  transition:transform .28s var(--neo-ease,ease);
}
.orn-pay-stop-more>summary>i::before,
.orn-pay-stop-more>summary>i::after{
  content:"";position:absolute;left:0;top:6px;width:14px;height:2px;
  border-radius:2px;background:currentColor;
}
.orn-pay-stop-more>summary>i::after{transform:rotate(90deg)}
.orn-pay-stop-more[open]>summary>i{transform:rotate(135deg)}
.orn-pay-stop-more>div{padding-top:12px}
.orn-pay-page .orn-pay-stop-more p{margin:0;color:#55636d;font-size:13px;line-height:1.55}

@media(prefers-reduced-motion:reduce){
  .orn-pay-stop-more>summary>i{transition:none}
}

/* --- Odeme yontemleri ---------------------------------------------------- */
.orn-pay-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.orn-pay-methods>.orn-card{display:flex;flex-direction:column;padding:30px}
.orn-pay-methods>.neo-feature-card.orn-card{min-height:0}
.orn-pay-methods>.neo-feature-card.orn-card h3{margin:0 0 12px;font-size:24px;line-height:1.15}
.orn-pay-methods>.neo-feature-card.orn-card p{margin:0 0 14px;font-size:15px;line-height:1.5}
.orn-pay-methods>.neo-feature-card.orn-card p:last-of-type{margin-bottom:0}
.orn-pay-method-tag{
  display:inline-flex;align-self:flex-start;align-items:center;min-height:28px;
  margin-bottom:18px;padding:0 13px;border-radius:999px;
  background:rgba(17,17,17,.06);font-size:12px;font-weight:600;
}
.orn-card-dark .orn-pay-method-tag{background:rgba(255,255,255,.16)}
/* Beyaz plaka sart: iyzico bandindaki yazi koyu, koyu kartta okunmazdi. */
.orn-pay-methods .orn-pay-brands{margin:auto 0 0!important;padding:14px 16px;border-radius:12px;background:#fff}
.orn-pay-brands img{display:block;width:100%;max-width:300px;height:auto}

/* --- Kosul tablosu ------------------------------------------------------- */
.orn-pay-terms{margin-top:0}
.orn-pay-terms dt{font-size:14px}
.orn-pay-terms dd{font-size:15px;line-height:1.5}
.orn-pay-terms a{color:#155db6;text-decoration:underline;text-underline-offset:3px}
.orn-split .orn-pay-terms-note{margin:18px 0 26px;color:#7b8791;font-size:13px;line-height:1.6}

@media(max-width:1100px){
  .orn-pay-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media(max-width:900px){
  .orn-pay-head{padding-top:88px;padding-bottom:40px}
  .orn-pay-head-grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .orn-pay-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:38px}
  .orn-pay-facts>div{padding:20px 20px 0 0}
  .orn-pay-facts>div:nth-child(odd){border-left:0;padding-left:0}
  .orn-pay-facts>div:nth-child(n+3){border-top:1px solid var(--neo-line)}
  .orn-pay-methods{grid-template-columns:minmax(0,1fr)}
  .orn-pay-page .orn-section{padding:52px 0}
  .orn-pay-section-head h2{font-size:26px}
}
@media(max-width:640px){
  .orn-pay-rail{grid-template-columns:minmax(0,1fr)}
  .orn-pay-doc-wrap{padding:24px}
}

/* /iletisim/ ile /demo/ arasindaki yonlendirme satiri. Iki sayfa farkli is
   yapiyor (biri iletisim kanallari, digeri dokuz alanli talep formu) ama
   ziyaretci hangisine gitmesi gerektigini bilmiyordu. */
.orn-route-note{
  display:block;margin:0 0 30px;padding:16px 20px;
  border:1px solid var(--neo-line);border-radius:14px;background:#f4f8fb;
  color:#52606a;font-size:15px;line-height:1.55;
}
.orn-route-note strong{color:#1f2b33;font-weight:600}
.orn-route-note a{color:#155db6;font-weight:600;text-decoration:underline;text-underline-offset:3px}