/* ==========================================================================
   SOLVEX TEMPLATE - project additions
   Layout comes from the original Webflow stylesheet (solvex-core.css);
   animations are driven by js/solvex.js. Only additions live here.
   ========================================================================== */

/* Toast (contact form) */
.solvex-toast {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 99999;
  background: #111;
  border: 1px solid #22d3ee;
  color: #fff;
  padding: 1rem 1.75rem;
  border-radius: 999px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.85rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), 0 0 15px rgba(34, 211, 238, 0.3);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.solvex-toast.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* ==========================================================================
   DETAIL PAGES (career-*.html, blog-*.html)
   ========================================================================== */
.detail-page {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 3rem);
  padding: clamp(7rem, 12vw, 11rem) 0 clamp(4rem, 8vw, 8rem);
  max-width: 62rem;
  margin: 0 auto;
}
.detail-back {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  transition: color 0.3s ease;
}
.detail-back:hover { color: #22d3ee; }
.detail-head { display: flex; flex-direction: column; gap: 1.25rem; align-items: flex-start; }
.detail-head .heading-1 { font-size: clamp(2.2rem, 5vw, 4.5rem); line-height: 1.1; margin: 0; }
.detail-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1.5rem 3rem;
  padding: 1.5rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.detail-meta .detail-cta { margin-left: auto; }
.detail-cover {
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.detail-cover img { display: block; width: 100%; height: auto; max-height: 34rem; object-fit: cover; }
.detail-body { display: flex; flex-direction: column; gap: 1.1rem; }
.detail-body h2 { margin: 1.5rem 0 0; }
.detail-body p, .detail-list li { line-height: 1.7; color: rgba(255, 255, 255, 0.78); }
.detail-body .detail-lead { font-size: 1.15em; color: #fff; }
.detail-list { margin: 0; padding-left: 1.25rem; display: flex; flex-direction: column; gap: 0.6rem; }
.detail-list li::marker { color: #22d3ee; }
.detail-cta.bottom { margin-top: 2rem; }
@media (max-width: 767px) {
  .detail-meta .detail-cta { margin-left: 0; }
}

/* Service card titles coming from the database can be longer than the template's single word */
.text-title-service .text-xl.is-long {
  font-size: calc(var(--_typhography---font-xl--size-xl) * 0.55);
  line-height: calc(var(--_typhography---font-xl--height-xl) * 0.55);
}

/* ==========================================================================
   Header/menu wordmark: text logo in the Solvex style ("sol" mono grey + "vex" sans white + TM),
   drawn as SVG in the original logo's 427x136 coordinate space so it scales with .logo-header.
   ========================================================================== */
.ibex-wordmark { display: block; width: 71.2%; height: auto; overflow: visible; }
.ibex-wordmark .wm-mono { font-family: "IBM Plex Mono", monospace; font-weight: 400; fill: #797979; }
.ibex-wordmark .wm-sans { font-family: "Inter Tight", sans-serif; font-weight: 400; fill: #fff; }

/* ==========================================================================
   İbex logo: the artwork is dark on a transparent background, so on the dark UI it is
   shown as a white silhouette (header, menu, footer) or black on the light hero card.
   ========================================================================== */
.ibex-logo {
  display: block;
  width: auto;
  height: 4.5rem;
  object-fit: contain;
  filter: brightness(0) invert(1);
  mix-blend-mode: normal;
}
.icon-footer { width: auto; }
.ibex-logo-footer { height: clamp(8rem, 14vw, 13rem); }

.image-icon-card .ibex-logo { width: 100%; height: 100%; filter: brightness(0); }
.image-icon-card.icon-absolute .ibex-logo { filter: brightness(0) invert(1); }
.ibex-wordmark {
  font-family: var(--_typhography---font-family--heading-font);
  font-weight: 600;
  font-size: 1.1vw;
  letter-spacing: 0.02em;
  color: #fff;
  white-space: nowrap;
}

/* Footer contact lines (e-mail / phone) must wrap inside their narrow column */
.list-menu-footer.v2 .text-s { overflow-wrap: anywhere; }

/* Yasal sayfa metni (Gizlilik Politikası) */
.legal-body h3{font-size:1.4rem;font-weight:500;margin:2.2rem 0 .6rem;line-height:1.2}
.legal-body p,.legal-body li{font-size:1rem;line-height:1.75;opacity:.85;margin:0 0 .8rem}
.legal-body a{text-decoration:underline}

/* Hizmetler ve Referanslar sayfaları */
.page-head{padding-top:22vh;padding-bottom:6vh;max-width:64rem}
.page-head .page-title{margin-top:1rem}
.page-head .page-intro{margin-top:1.5rem;max-width:40rem;font-size:1.05rem;line-height:1.7;opacity:.8}
.page-section{padding-bottom:12vh}
.svc-list{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.14)}
.svc-row{display:grid;grid-template-columns:5rem minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,.9fr);gap:2rem;align-items:start;padding:2.5rem 0;border-bottom:1px solid rgba(255,255,255,.14)}
.svc-num{opacity:.6;padding-top:.6rem}
.svc-title{font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1.1;font-weight:400;margin:0}
.svc-tag{margin-top:.8rem;color:var(--_color---lime);font-size:.9rem}
.svc-desc{font-size:1rem;line-height:1.7;opacity:.82;margin:0}
.svc-stats{display:flex;gap:2rem;margin-top:1.4rem}
.svc-stat strong{display:block;font-size:2rem;font-weight:400;line-height:1}
.svc-stat span{display:block;margin-top:.4rem;font-size:.8rem;opacity:.65}
.svc-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.9rem;display:block}
.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.ref-card{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;min-height:15rem;padding:1.75rem;border:1px solid rgba(255,255,255,.14);border-radius:1.1rem;background:var(--_color---bg-card,#0e0e0e);transition:border-color .3s,transform .3s}
.ref-card:hover{border-color:var(--_color---lime);transform:translateY(-4px)}
.ref-name{font-size:1.5rem;line-height:1.2;font-weight:400;margin:0}
.ref-sum{margin:.9rem 0 0;font-size:.95rem;line-height:1.65;opacity:.78}
.ref-metric{color:var(--_color---lime);font-size:1.05rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}
@media (max-width:991px){.svc-row{grid-template-columns:3rem minmax(0,1fr);gap:1.25rem}.svc-row>.svc-media{grid-column:2}.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.page-head{padding-top:18vh}.svc-row{grid-template-columns:1fr}.svc-num{padding-top:0}.svc-row>.svc-media{grid-column:auto}.ref-grid{grid-template-columns:1fr}}

/* Blog yazısı */
.article-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;font-size:.9rem;opacity:.65}
.article-body{margin-top:3rem;font-size:1.1rem;line-height:1.85}
.article-body h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;line-height:1.2;margin:3rem 0 1rem}
.article-body h3{font-size:1.35rem;font-weight:500;line-height:1.3;margin:2.2rem 0 .8rem}
.article-body p{margin:0 0 1.3rem;opacity:.88;font-size:inherit;line-height:inherit}
.article-body ul,.article-body ol{margin:0 0 1.3rem;padding-left:1.4rem;opacity:.88}
.article-body li{margin-bottom:.5rem;font-size:inherit}
.article-body blockquote{margin:2rem 0;padding:.4rem 0 .4rem 1.4rem;border-left:2px solid var(--_color---lime);font-size:1.2rem;opacity:.95}
.article-body a{color:var(--_color---lime);text-decoration:underline}
.article-body img{max-width:100%;height:auto;border-radius:.9rem;margin:1.5rem 0}
.article-body pre,.article-body code{font-family:monospace;font-size:.95rem}
.article-body pre{padding:1rem 1.2rem;background:var(--_color---bg-card,#0e0e0e);border-radius:.7rem;overflow-x:auto;margin:0 0 1.3rem}

/* Referanslar: müşteri logoları */
.ref-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}
.ref-logo{display:block;border-radius:1.1rem;overflow:hidden;line-height:0;transition:transform .3s,box-shadow .3s}
a.ref-logo:hover{transform:translateY(-4px);box-shadow:0 0 0 2px var(--_color---lime)}
.ref-logo img{width:100%;height:auto;display:block}
@media (max-width:991px){.ref-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ref-logos{grid-template-columns:1fr}}

/* Kaydırıcı sayfa sayacı */
.slide-nav .slide-count{font-family:var(--_typhography---font-family--text-font);font-size:max(12px,.8vw);line-height:1;letter-spacing:.08em;white-space:nowrap;color:var(--_color---secondary,#fff)}
@media (max-width:991px){.slide-nav .slide-count{font-size:max(13px,2.2vw)}}

/* Blog yazısı kapak görseli */
.article-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:1.1rem;margin-top:2.5rem}

/* Yasal metinlerde liste ve tablo */
.legal-body ul{margin:0 0 1rem;padding-left:1.4rem}
.legal-body li{margin-bottom:.45rem}
.legal-body strong{font-weight:500;opacity:1}
.legal-body table{width:100%;border-collapse:collapse;margin:0 0 1.2rem;font-size:.95rem}
.legal-body th,.legal-body td{text-align:left;vertical-align:top;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.14)}
.legal-body th{font-weight:500;background:rgba(255,255,255,.05)}
@media (max-width:600px){.legal-body table{display:block;overflow-x:auto}}

/* ===== Ana sayfa canlı pano kartları (eski PNG kartların HTML karşılığı) =====
   Ölçüler kartın kendi genişliğine göre (cqw) verilir; kart resim gibi ekranla birlikte ölçeklenir. */
.dash-card{container-type:inline-size;display:block;width:100%;box-sizing:border-box;position:relative;overflow:hidden;
  border-radius:3.4% / calc(3.4% * var(--ar,1.5));background:#0b0b0b;border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;
  font-family:var(--_typhography---font-family--heading-font,"Inter Tight",sans-serif);line-height:1.15}
a.dash-card{cursor:pointer}
.dash-card .dc-in{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:5cqw}
.dash-card .dc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:3cqw}
.dash-card .dc-title{font-size:3.6cqw;font-weight:500;letter-spacing:-.01em;color:#fff}
.dash-card .dc-title.big{font-size:4.6cqw}
.dash-card .dc-sub{display:block;margin-top:1.4cqw;font-size:2.7cqw;color:#8d8d8d;font-family:var(--_typhography---font-family--text-font,monospace)}
.dash-card .dc-titles{display:flex;flex-direction:column}
.dash-card .dc-label{font-size:4.4cqw;color:#e8e8e8;font-weight:400}
.dash-card .dc-pill{font-size:2.7cqw;font-weight:500;color:#000;background:#fff;border-radius:2cqw;padding:1.6cqw 3.4cqw;text-decoration:none;white-space:nowrap}
.dash-card .dc-ico{flex:none;display:grid;place-items:center;width:8.4cqw;height:8.4cqw;border-radius:2cqw;background:#1b1b1b;color:#cfcfcf}
.dash-card .dc-ico svg{width:52%;height:52%}
.dash-card .dc-ico.blue{width:17cqw;height:17cqw;border-radius:4cqw;background:#3b73e6;color:#fff}
.dash-card .dc-ico.blue svg{width:56%;height:56%}

/* Donut */
.dash-donut .dc-donut-body{flex:1;display:flex;align-items:center;gap:6cqw;min-height:0;margin-top:1cqw}
.dash-donut .dc-ring-wrap{position:relative;flex:none;width:36cqw;height:36cqw}
.dash-donut .dc-ring{width:100%;height:100%;display:block;overflow:visible}
.dash-donut .dc-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.dash-donut .dc-center b{font-size:8cqw;font-weight:600;line-height:1}
.dash-donut .dc-center span{margin-top:.8cqw;font-size:2.3cqw;color:#9a9a9a;max-width:14cqw}
.dash-donut .dc-legend{list-style:none;margin:0;padding:0;flex:1;min-width:0;display:flex;flex-direction:column;gap:2.2cqw}
.dash-donut .dc-legend li{display:flex;align-items:center;gap:2cqw;font-size:2.9cqw;color:#e5e5e5;min-width:0}
.dash-donut .dc-legend i{flex:none;width:2.6cqw;height:2.6cqw;border-radius:50%}
.dash-donut .dc-legend span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-donut .dc-legend em{font-style:normal;color:#9a9a9a;font-family:var(--_typhography---font-family--text-font,monospace)}

/* Çizgi grafik */
.dash-chart .dc-title{font-size:5cqw}
.dash-chart .dc-sub{font-size:3.4cqw;margin-top:1.6cqw}
.dash-chart .dc-ico{width:11cqw;height:11cqw;border-radius:2.6cqw}
.dash-chart .dc-plot{flex:1;min-height:0;margin:3cqw -5cqw 0}
.dash-chart .dc-plot svg{display:block;width:100%;height:100%}
.dash-chart .dc-x{position:absolute;left:5cqw;right:5cqw;bottom:3cqw;display:flex;justify-content:space-between;font-size:3.4cqw;color:#7f8a99;font-family:var(--_typhography---font-family--text-font,monospace)}

/* Büyük sayı kartı */
.dash-stat .dc-big{margin-top:auto;font-size:10.5cqw;font-weight:600;line-height:1;letter-spacing:-.02em}
.dash-stat .dc-trend{display:flex;align-items:center;gap:2cqw;margin-top:4.5cqw;font-size:4cqw;color:var(--_color---lime,#a3e635)}
.dash-stat .dc-trend svg{width:5.2cqw;height:5.2cqw;flex:none}
.dash-stat .dc-in{padding-bottom:6cqw}

/* Yazı listesi */
.dash-list .dc-rows{flex:1;min-height:0;display:flex;flex-direction:column;gap:3cqw;margin-top:4cqw}
.dash-list .dc-row{flex:1;min-height:0;display:flex;flex-direction:column;gap:1.6cqw;padding:3.6cqw 4cqw;border-radius:3cqw;background:#070707;color:#fff;text-decoration:none;overflow:hidden}
.dash-list .dc-row-top{display:flex;align-items:center;gap:2cqw;font-size:3cqw}
.dash-list .dc-row-top i{flex:none;width:2.2cqw;height:2.2cqw;border-radius:50%}
.dash-list .dc-row-top b{font-weight:500;color:var(--_color---lime,#a3e635);font-family:var(--_typhography---font-family--text-font,monospace)}
.dash-list .dc-row-top em{margin-left:auto;font-style:normal;color:#6f6f6f}
.dash-list .dc-row-title{font-size:4cqw;font-weight:500;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dash-list .dc-row-sub{font-size:3cqw;color:#8d8d8d;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* İlan kartı */
.dash-event .dc-in{justify-content:space-between}
.dash-event .dc-ev-top{display:flex;gap:4cqw;align-items:flex-start}
.dash-event .dc-ev-icon{flex:none;display:grid;place-items:center;width:18cqw;height:18cqw;border-radius:4cqw;background:linear-gradient(135deg,#a3e635,#22d3ee);color:#04140a}
.dash-event .dc-ev-icon svg{width:56%;height:56%}
.dash-event .dc-ev-text{display:flex;flex-direction:column;gap:1.4cqw;min-width:0}
.dash-event .dc-ev-text b{font-size:5.6cqw;font-weight:600;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dash-event .dc-ev-text span{font-size:4cqw;color:#e2e2e2}
.dash-event .dc-ev-text small{font-size:3.7cqw;color:#7d7d7d;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-event .dc-avatars{display:flex;align-items:center}
.dash-event .dc-avatars>*{width:10.5cqw;height:10.5cqw;border-radius:50%;object-fit:cover;border:.5cqw solid #0b0b0b;margin-left:-3cqw;background:#222;display:grid;place-items:center;font-size:4.2cqw;font-weight:600;box-sizing:border-box;flex:none}
.dash-event .dc-avatars>*:first-child{margin-left:0}
.dash-event .dc-avatars .more{background:#1e3a8a;color:#93c5fd;font-size:3.6cqw}
.dash-event .dc-avatars .ini{background:#2a2a2a;color:#e5e5e5}

.dash-stat .dc-big.long{font-size:8cqw}

/* ===== Kariyer sayfası (İbex'e özel bölümler) ===== */
.cr-intro{margin:2rem 0 0;max-width:44rem;font-size:1.1rem;line-height:1.75;opacity:.85}
.image-card-hero img{object-position:70% 30%}
.cr-section{position:relative;padding-top:clamp(4rem,9vw,8rem)}
.cr-section:first-of-type{padding-top:0}
.cr-ridge{height:clamp(3rem,7vw,6rem);margin:0 -2vw 3rem;opacity:.55}
.cr-ridge svg{display:block;width:100%;height:100%}
.cr-ridge path{fill:#0b0b0b;stroke:var(--_color---lime,#a3e635);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.cr-eyebrow{color:var(--_color---lime,#a3e635);margin-bottom:1rem;letter-spacing:.06em}
.cr-h2{margin:0;font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.08;font-weight:400;letter-spacing:-.02em}
.cr-lead{margin:1.2rem 0 0;max-width:38rem;font-size:1.05rem;line-height:1.7;opacity:.8}
.cr-lead.wide{max-width:48rem;font-size:1.25rem;opacity:.9}
.cr-head{margin-bottom:3.5rem}
.cr-about{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4rem;align-items:center}
.cr-about-logo{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:1.6rem;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 50% 35%,rgba(163,230,53,.14),rgba(34,211,238,.06) 45%,#0b0b0b 75%)}
.cr-about-logo img{width:58%;height:auto;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 2.2rem rgba(163,230,53,.35))}
.cr-about-text p{margin:1.4rem 0 0;font-size:1.05rem;line-height:1.8;opacity:.85}
.cr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:4rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.12)}
.cr-stat b{display:block;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:400;line-height:1;letter-spacing:-.03em}
.cr-stat span{display:block;margin-top:.8rem;font-size:.85rem;opacity:.65;font-family:var(--_typhography---font-family--text-font,monospace);text-transform:uppercase;letter-spacing:.05em}
@media (max-width:991px){.cr-about{grid-template-columns:1fr;gap:2.5rem}.cr-about-logo{max-width:22rem}.cr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cr-head{margin-bottom:2.5rem}.cr-intro{font-size:1rem}}

/* Kariyer hero kartındaki logo küçük ekranlarda okunaklı olsun */
@media (max-width:991px){.card-hero-career .icon-card-hero{width:12vw}}
@media (max-width:600px){.card-hero-career .icon-card-hero{width:22vw}}

/* Değerler: sade tablo. Yan haklar: onay işaretli liste */
.cr-list{list-style:none;margin:0;padding:0;max-width:56rem;border-top:1px solid rgba(255,255,255,.18)}
.cr-list li{position:relative;display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:.5rem 2rem;padding:1.2rem 0 1.2rem 2.2rem;border-bottom:1px solid rgba(255,255,255,.12)}
.cr-list li::before{content:"";position:absolute;left:0;top:1.45rem;width:1.05rem;height:.55rem;border-left:2px solid var(--_color---lime,#a3e635);border-bottom:2px solid var(--_color---lime,#a3e635);transform:rotate(-45deg)}
.cr-list b{font-size:1.1rem;font-weight:500;line-height:1.35}
.cr-list span{font-size:1rem;line-height:1.65;opacity:.78}
@media (max-width:700px){
  .cr-list li{grid-template-columns:1fr}
}


/* Değerler ve yan haklar yan yana */
.cr-duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:3rem;align-items:stretch}
.cr-h3{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;font-weight:400;letter-spacing:-.02em}
.cr-duo .cr-lead{margin:1rem 0 1.8rem;font-size:1rem}
.cr-panel{padding:2rem;border:1px solid rgba(255,255,255,.14);border-radius:1.2rem;background:#0b0b0b}
.cr-panel .cr-list{max-width:none;border-top:0}
.cr-panel .cr-list li{grid-template-columns:1fr;gap:.25rem;padding:1rem 0 1rem 2rem}
.cr-panel .cr-list li:last-child{border-bottom:0}
.cr-panel .cr-list li::before{top:1.2rem}
@media (max-width:991px){.cr-duo{grid-template-columns:1fr;gap:2.5rem}.cr-panel{padding:1.4rem}}

/* Değerler piramidi + yan haklar: kaydırma çubuğuna bağlı animasyon (--p: 0..1, career-scroll.js) */
.cr-duo{--p:0}
.cr-col{display:flex;flex-direction:column}
.cr-panel{position:relative}
.cr-panel .cr-list{flex:1;display:flex;flex-direction:column}
.cr-panel .cr-list li{flex:1;align-content:center}
.cr-pyr{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:.7rem;position:relative}
.cr-pyr::before,.cr-pyr::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px}
.cr-pyr::before{background:rgba(255,255,255,.1)}
.cr-pyr::after{background:linear-gradient(#a3e635,#22d3ee);transform:scaleY(var(--p));transform-origin:top;box-shadow:0 0 .8rem rgba(163,230,53,.6)}
.cr-pyr li{position:relative;z-index:1;width:var(--w);padding:1rem 1.4rem 1.1rem;border:1px solid rgba(255,255,255,.14);border-radius:.9rem;background:#0b0b0b;text-align:center;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .5s}
.cr-pyr .n{display:block;font-family:var(--_typhography---font-family--text-font,monospace);font-size:.8rem;color:#a3e635}
.cr-pyr b{display:block;margin:.2rem 0 .35rem;font-size:1.15rem;font-weight:500}
.cr-pyr .t{display:block;font-size:.92rem;line-height:1.55;opacity:.78}
.cr-live .cr-pyr li{opacity:.25;transform:translateY(1.4rem) scale(.94)}
.cr-live .cr-pyr li.on{opacity:1;transform:none}
.cr-live .cr-pyr li.cur{border-color:#a3e635;box-shadow:0 0 1.8rem rgba(163,230,53,.28)}
.cr-panel::after{content:"";position:absolute;left:-1px;top:1.4rem;bottom:1.4rem;width:2px;background:linear-gradient(#a3e635,#22d3ee);transform:scaleY(var(--p));transform-origin:top;box-shadow:0 0 .8rem rgba(163,230,53,.6);border-radius:2px}
.cr-list li b,.cr-list li span{transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.cr-list li::before{transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.cr-live .cr-list li b,.cr-live .cr-list li span{opacity:.25;transform:translateX(1.2rem)}
.cr-live .cr-list li::before{opacity:0;transform:rotate(-45deg) scale(.2)}
.cr-live .cr-list li.on b{opacity:1;transform:none}
.cr-live .cr-list li.on span{opacity:.78;transform:none}
.cr-live .cr-list li.on::before{opacity:1;transform:rotate(-45deg)}
.cr-live .cr-list li.cur b{color:#a3e635}
@media (max-width:991px){.cr-panel::after{display:none}}
@media (max-width:700px){.cr-pyr li{width:calc(80% + var(--i) * 5%);padding:.9rem 1rem}}

/* Hakkımızda: içerikten gelen hero arka planı, teslim listesi kartı, kariyer bandı */
.main-section.about{background-image:linear-gradient(180deg,#00000066,var(--_color---primary)),var(--about-bg);background-position:0 0,70% 30%;background-size:auto,cover}
.ab-ship{position:absolute;left:12%;right:12%;top:50%;transform:translateY(-50%);padding:1.4rem 1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:rgba(10,10,10,.82);backdrop-filter:blur(6px)}
.ab-ship-title{margin-bottom:1rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65;font-family:var(--_typhography---font-family--text-font,monospace)}
.ab-ship ul{list-style:none;margin:0;padding:0}
.ab-ship li{position:relative;padding:.7rem 0 .7rem 2rem;border-top:1px solid rgba(255,255,255,.1);font-size:.95rem}
.ab-ship li::before{content:"";position:absolute;left:.1rem;top:.8rem;width:.9rem;height:.5rem;border-left:2px solid #a3e635;border-bottom:2px solid #a3e635;transform:rotate(-45deg)}
.ab-join{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:clamp(2.5rem,6vw,5rem) 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.ab-join-text p{margin:1.2rem 0 0;max-width:36rem;font-size:1.05rem;line-height:1.7;opacity:.8}
@media (max-width:767px){.ab-join{flex-direction:column;align-items:flex-start}}

/* Hakkımızda > Geliştir: ana sayfadaki yeşil kartlı İbex logosu */
.wrapper-field-build .icon-field{flex:none;width:clamp(2.6rem,3.2vw,3.4rem)}
.ab-mark{display:grid;place-items:center;width:100%;aspect-ratio:1;padding:16%;border-radius:.6rem;background:linear-gradient(135deg,#a3e635,#22d3ee);box-sizing:border-box}
.ab-mark .ibex-logo{width:100%;height:100%;object-fit:contain;filter:brightness(0)}
.wrapper-content-how .card-how{flex:1 1 0;min-width:0}
.wrapper-field-build{min-width:0}
.wrapper-field-build .icon-field{width:clamp(2.2rem,2.6vw,2.8rem)}
.wrapper-field-build .text-field-block{min-width:0;overflow:hidden}
.wrapper-field-build .text-field-block .text-xxs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.svc-img{aspect-ratio:16/10;object-position:4% 50%}
.page-section + .ab-join{border-top:0}