/* IPCONIQ bolumu — ortak stiller
 *
 * TASARIM DILI: ICC Dijital'in mevcut sayfalariyla AYNI.
 * Bilesenler partials/brand_page.php (AAEON, IBASE, Kunbus, Panelmate, TXOne, UP
 * marka sayfalari) ve Home/Sektorler.php dosyalarindan birebir alindi:
 *   .container-ic .eyebrow .page-title .hero-brand .sec-title .sec-card
 *   .sec-num .sec-icon .glass-card .feature-block .result-box .back-link
 * Renk paleti ICC turkuazidir: #14b8a6 / #0f766e / #0d9488.
 * Ureticinin kendi turkuazi (#35CFC4) SADECE urun logosunda kullanilir.
 *
 * Yeni eklenenler (tablo, sekme, alt gezinme) ayni dile gore tasarlandi:
 * beyaz zemin, ince #0f172a/6 kenarlik, 1.25rem yaricap, turkuaz vurgu.
 */

html, body { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    font-feature-settings: 'ss01','cv11'; }
.container-ic { max-width: 110rem; }

/* ===== Eyebrow — nabiz atan noktali hap (ICC imzasi) ===== */
.eyebrow { display:inline-flex; align-items:center; gap:.5rem; font-size:.7rem; font-weight:700;
    letter-spacing:.14em; text-transform:uppercase; color:#0f766e; padding:.35rem .75rem;
    border-radius:9999px; background:linear-gradient(135deg,rgba(20,184,166,.1),rgba(15,118,110,.04));
    border:1px solid rgba(13,148,136,.2); }
.eyebrow::before { content:""; width:.35rem; height:.35rem; border-radius:9999px; background:#14b8a6;
    box-shadow:0 0 0 3px rgba(20,184,166,.2); animation:eyebrowPulse 2.4s ease-in-out 3; }
@keyframes eyebrowPulse { 0%,100%{box-shadow:0 0 0 3px rgba(20,184,166,.18)} 50%{box-shadow:0 0 0 5px rgba(20,184,166,.05)} }

/* ===== Sayfa basligi — gradient metin ===== */
.page-title { font-weight:800; letter-spacing:-.025em; line-height:1.15; padding-bottom:.15em;
    background:linear-gradient(180deg,#0f172a 0%,#334155 100%); -webkit-background-clip:text;
    background-clip:text; color:transparent; -webkit-text-fill-color:transparent; display:block; margin:0; }

/* ===== Hero — acik zemin, turkuaz radial parilti ===== */
.hero-brand { position:relative; overflow:hidden;
    background:radial-gradient(80% 60% at 20% 0%,rgba(20,184,166,.2),transparent 60%),
               radial-gradient(70% 60% at 100% 0%,rgba(15,118,110,.15),transparent 60%),
               linear-gradient(180deg,#f8fafc,#ffffff);
    border-bottom:1px solid rgba(15,23,42,.06); }
.hero-brand__inner { padding-top:4rem; padding-bottom:4.5rem; }
.hero-brand__logo { display:inline-flex; align-items:center; justify-content:center; background:#fff;
    border:1px solid rgba(13,148,136,.2); padding:1.25rem 2rem; border-radius:1.15rem;
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 16px 36px -18px rgba(13,148,136,.2); margin-bottom:1.75rem; }

/* ===== Bolum basligi — solunda turkuaz dikey cizgi ===== */
.sec-title { display:flex; align-items:center; gap:.85rem; font-size:1.5rem; font-weight:800;
    letter-spacing:-.02em; color:#0f172a; margin:0 0 1.25rem; }
.sec-title::before { content:""; width:4px; height:1.5rem; border-radius:6px;
    background:linear-gradient(180deg,#14b8a6,#0f766e); box-shadow:0 0 12px rgba(13,148,136,.35); flex-shrink:0; }

/* ===== Kart — hover'da soldan acilan turkuaz cizgi + sirali giris ===== */
.sec-card { position:relative; border-radius:1.25rem; overflow:hidden;
    background:linear-gradient(180deg,#ffffff,#f8fafc); border:1px solid rgba(15,23,42,.06);
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 18px 44px -24px rgba(15,23,42,.16);
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
    animation:slideInUp .6s ease-out both; height:100%; }
.sec-card::before { content:""; position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg,#14b8a6,#0f766e); transform:scaleX(0); transform-origin:left;
    transition:transform .4s ease; }
.sec-card:hover { transform:translateY(-4px); border-color:rgba(13,148,136,.3);
    box-shadow:0 4px 8px rgba(15,23,42,.05),0 24px 52px -22px rgba(13,148,136,.32); }
.sec-card:hover::before { transform:scaleX(1); }
@keyframes slideInUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }

/* Karti link olarak kullanirken */
a.sec-card { display:block; text-decoration:none; }
a.sec-card:hover .card-more { gap:.6rem; }
.card-more { display:inline-flex; align-items:center; gap:.4rem; margin-top:1rem; color:#0f766e;
    font-weight:700; font-size:.9rem; transition:gap .22s ease; }

/* ===== Numara rozeti ===== */
.sec-num { display:inline-flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem;
    border-radius:.75rem; background:linear-gradient(135deg,#0f766e,#115e59); color:#fff; font-weight:900;
    font-size:.95rem; letter-spacing:-.01em; box-shadow:0 8px 18px -6px rgba(13,148,136,.45);
    flex-shrink:0; font-variant-numeric:tabular-nums; }

/* ===== Ikon kutusu ===== */
.sec-icon { display:inline-flex; align-items:center; justify-content:center; width:3.5rem; height:3.5rem;
    border-radius:.95rem; background:linear-gradient(135deg,rgba(20,184,166,.16),rgba(15,118,110,.06));
    border:1px solid rgba(13,148,136,.22); color:#0f766e; flex-shrink:0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 14px -6px rgba(13,148,136,.25); }
/* Yanindaki .sec-num ile ayni yukseklikte (2.5rem) olmasi icin; daha buyuk
   oldugunda satir hizasi kayiyordu. */
.sec-icon--sm { width:2.5rem; height:2.5rem; border-radius:.75rem; font-size:.95rem; }

/* Rozet + baslik satiri.
   .sec-num 2.5rem (40px), baslik satir yuksekligi 1.5rem (24px).
   Rozet ustten hizalanir; basligin ilk satirini rozetin merkezine getirmek
   icin .5rem (8px) ust bosluk verilir:  8 + 24/2 = 20 = 40/2.
   Boylece baslik iki satira dustugunde de rozet ILK satirla hizali kalir —
   items-center kullanildiginda rozet bloklarin ortasinda kaliyor ve ayni
   izgaradaki tek satirlik kartlardan kayik gorunuyordu. */
.rozet-satiri { display:flex; align-items:flex-start; gap:.75rem; }
.rozet-satiri > h3 { padding-top:.5rem; margin:0; }

/* ===== Govde metni ===== */
.sec-desc { color:#475569; line-height:1.75; font-size:.96rem; }

/* ===== Sonuc kutusu — turkuaz gradient dolgu, donen parilti ===== */
.result-box { position:relative; padding:1.1rem 1.35rem; border-radius:.95rem;
    background:linear-gradient(135deg,#115e59 0%,#0f766e 100%); color:#fff; overflow:hidden;
    box-shadow:0 10px 24px -8px rgba(13,148,136,.5); }
.result-box::before { content:""; position:absolute; top:-50%; right:-50%; width:200%; height:200%;
    background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 70%);
    animation:pulse-glow 4.5s ease-in-out infinite; pointer-events:none; }
@keyframes pulse-glow { 0%,100%{opacity:1} 50%{opacity:.65} }
.result-box__ico { flex-shrink:0; width:2rem; height:2rem; border-radius:9999px;
    background:rgba(255,255,255,.2); backdrop-filter:blur(8px); display:flex; align-items:center;
    justify-content:center; }
/* Ozgulluk notu: bu kutu cogu zaman .glass-card icinde duruyor ve oradaki
   ".glass-card p { color:#475569 }" kurali (0,1,1) tek sinifli (0,1,0) bir
   kurali ezip yaziyi koyu griye ceviriyordu — koyu turkuaz zeminde okunmuyordu.
   Bu yuzden secicilere .result-box on eki verildi (0,2,0). */
.result-box .result-box__txt,
.result-box p { font-weight:600; font-size:.92rem; line-height:1.55; color:#fff; margin:0; }
.result-box .result-box__lbl { font-weight:800; letter-spacing:.02em; color:#fff; }

/* ===== Cam kart ===== */
.glass-card { border:1px solid rgba(15,23,42,.06); border-radius:1.25rem; background:#fff;
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 16px 48px -24px rgba(15,23,42,.14); }
.glass-card p { color:#475569; line-height:1.75; font-size:1rem; margin:0 0 1rem; }
.glass-card p:last-child { margin-bottom:0; }

/* ===== Iki sutunlu anlatim blogu ===== */
.feature-block { display:grid; grid-template-columns:1fr; gap:2rem; align-items:center; padding:2rem 0; }
@media(min-width:768px){
    .feature-block { grid-template-columns:1fr 1fr; gap:3rem; padding:3rem 0; }
    .feature-block.image-right > div:first-child { order:2; }
    .feature-block.image-right > div:last-child  { order:1; }
}
.feature-text p { color:#475569; line-height:1.75; font-size:1rem; margin:0 0 1rem; }
.feature-text p:last-child { margin-bottom:0; }
.feature-image { position:relative; }
.feature-image::before { content:""; position:absolute; inset:-12px; border-radius:1.5rem;
    background:linear-gradient(135deg,rgba(20,184,166,.15),rgba(15,118,110,.05)); z-index:0; }
.feature-image img { position:relative; z-index:1; border-radius:1.15rem; width:100%; height:auto;
    object-fit:contain; background:#fff;
    box-shadow:0 1px 2px rgba(15,23,42,.06),0 20px 40px -16px rgba(15,23,42,.25); }

.section-separator { border-top:1px solid rgba(15,23,42,.06); margin-top:4rem; padding-top:4rem; }

/* ===== Geri baglantisi ===== */
.back-link { display:inline-flex; align-items:center; gap:.55rem; color:#0f766e; font-weight:700;
    font-size:.92rem; text-decoration:none; padding:.55rem 1.1rem; border-radius:.65rem;
    background:rgba(20,184,166,.08); border:1px solid rgba(13,148,136,.22); transition:all .22s ease; }
.back-link:hover { background:rgba(20,184,166,.15); border-color:#0f766e; transform:translateX(-3px); }

/* ===== Butonlar ===== */
.btn-ic { display:inline-flex; align-items:center; gap:.6rem; padding:.85rem 1.6rem; border-radius:9999px;
    font-weight:700; font-size:.95rem; text-decoration:none; transition:all .3s cubic-bezier(.4,0,.2,1);
    position:relative; overflow:hidden; }
.btn-ic--pri { background:linear-gradient(135deg,#0f766e,#115e59); color:#fff;
    box-shadow:0 14px 32px -8px rgba(13,148,136,.55),0 6px 14px -4px rgba(13,148,136,.4);
    border:1px solid rgba(255,255,255,.15); }
.btn-ic--pri::before { content:""; position:absolute; top:0; left:-100%; width:100%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transition:left .6s; }
.btn-ic--pri:hover::before { left:100%; }
.btn-ic--pri:hover { transform:translateY(-2px); color:#fff;
    box-shadow:0 20px 40px -10px rgba(13,148,136,.65),0 10px 20px -5px rgba(13,148,136,.5); }
.btn-ic--gho { background:rgba(20,184,166,.08); color:#0f766e; border:1px solid rgba(13,148,136,.22); }
.btn-ic--gho:hover { background:rgba(20,184,166,.15); border-color:#0f766e; transform:translateY(-2px); }

/* ===== Rakam seridi ===== */
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.stat-box { background:#fff; border:1px solid rgba(15,23,42,.06); border-radius:1.15rem; padding:1.35rem 1.2rem;
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 16px 40px -26px rgba(15,23,42,.16); }
.stat-box b { display:block; font-size:1.5rem; font-weight:800; letter-spacing:-.02em; color:#0f766e;
    line-height:1.15; }
.stat-box span { display:block; margin-top:.35rem; font-size:.82rem; color:#64748b; font-weight:500; }
@media(max-width:768px){ .stat-row{grid-template-columns:repeat(2,1fr)} .stat-box b{font-size:1.25rem} }

/* ===== Teknik tablo ===== */
.tbl-ic-wrap { overflow-x:auto; border:1px solid rgba(15,23,42,.06); border-radius:1.25rem; background:#fff;
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 16px 48px -24px rgba(15,23,42,.14); }
.tbl-ic { width:100%; border-collapse:collapse; font-size:.93rem; }
.tbl-ic th, .tbl-ic td { text-align:left; padding:.9rem 1.15rem; border-bottom:1px solid rgba(15,23,42,.06);
    vertical-align:top; }
.tbl-ic th { background:linear-gradient(135deg,rgba(20,184,166,.1),rgba(15,118,110,.04)); font-weight:800;
    color:#0f766e; font-size:.76rem; letter-spacing:.1em; text-transform:uppercase; }
.tbl-ic td:first-child { font-weight:700; color:#0f172a; width:34%; }
.tbl-ic td { color:#475569; line-height:1.65; }
.tbl-ic tr:last-child td { border-bottom:0; }
@media(max-width:640px){ .tbl-ic td:first-child{width:auto} }

/* ===== Tikli liste ===== */
.list-ic li { display:flex; gap:.7rem; align-items:flex-start; padding:.45rem 0; color:#475569;
    line-height:1.7; font-size:.96rem; }
.list-ic li::before { content:""; flex-shrink:0; width:1.15rem; height:1.15rem; margin-top:.28rem;
    border-radius:9999px; background:linear-gradient(135deg,#14b8a6,#0f766e);
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M16.7 5.3a1 1 0 010 1.4l-7 7a1 1 0 01-1.4 0l-3-3a1 1 0 111.4-1.4L9 11.6l6.3-6.3a1 1 0 011.4 0z'/></svg>") center/contain no-repeat;
            mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M16.7 5.3a1 1 0 010 1.4l-7 7a1 1 0 01-1.4 0l-3-3a1 1 0 111.4-1.4L9 11.6l6.3-6.3a1 1 0 011.4 0z'/></svg>") center/contain no-repeat; }
.list-ic li strong { color:#0f172a; font-weight:700; }

/* ===== Sekmeler ===== */
.tab-ic { padding:.7rem 1.15rem; border-radius:.8rem; font-weight:700; font-size:.9rem;
    border:1px solid rgba(15,23,42,.08); background:#fff; color:#475569; cursor:pointer;
    transition:all .22s ease; white-space:nowrap; text-align:left; }
.tab-ic:hover { border-color:rgba(13,148,136,.35); color:#0f766e; }
.tab-ic[aria-selected="true"] { background:linear-gradient(135deg,#0f766e,#115e59); color:#fff;
    border-color:transparent; box-shadow:0 10px 22px -8px rgba(13,148,136,.5); }
.tab-ic[aria-selected="true"] span { color:rgba(255,255,255,.92); }
.tab-ic span { display:block; font-size:.72rem; font-weight:600; color:#64748b; margin-top:.15rem; }

/* ===== Bilgi kutusu ===== */
.note-ic { display:flex; align-items:flex-start; gap:.8rem; padding:1rem 1.2rem; border-radius:.95rem;
    font-size:.92rem; line-height:1.7; }
.note-ic--teal { background:linear-gradient(135deg,rgba(20,184,166,.1),rgba(15,118,110,.04));
    border:1px solid rgba(13,148,136,.22); color:#334155; }
.note-ic--teal i { color:#0f766e; margin-top:.2rem; }
.note-ic--amber { background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(180,83,9,.04));
    border:1px solid rgba(180,83,9,.22); color:#334155; }
.note-ic--amber i { color:#b45309; margin-top:.2rem; }
.note-ic strong { color:#0f172a; font-weight:700; }

/* Ornek kartinda numara rozeti (2.5rem) ile yanindaki etiket satiri ayni
   hizada dursun: satira rozet yuksekligi verilip icerigi dikeyde ortalanir.
   Aksi halde rozet tek satirlik etiketlerden ~4px asagi kayik gorunuyordu. */
.etiket-satiri { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; min-height:2.5rem; }

/* ===== Etiket hapi ===== */
.pill-ic { display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.05em;
    text-transform:uppercase; padding:.3rem .7rem; border-radius:9999px; color:#0f766e;
    background:linear-gradient(135deg,rgba(20,184,166,.1),rgba(15,118,110,.04));
    border:1px solid rgba(13,148,136,.2); }

/* ===== Alt gezinme seridi ===== */
/* ICC header'i sticky/top:0 ve z-50. Serit onun ALTINA oturmali, yoksa arkasinda
   kaybolur. --i4c-hdr degerini partials/ipconiq_foot.php olcup yazar;
   64px, JS calismazsa gecerli olan makul varsayilandir. */
/* Serit zemini markanin kendi laciverti (#0A1622) — logonun koyu zemin
   surumu tam bu renk icin cizildi. Onceki hali ICC kurumsal mavisiydi
   (#09476d); o renk sitenin geri kalaninda duruyor, yalniz bu serit
   degisti (25 Eyl 2026). */
.subnav-ic { position:sticky; top:var(--i4c-hdr,64px); z-index:30; background:#0A1622;
    border-bottom:1px solid rgba(255,255,255,.10); }
/* Asagi kaydirinca ICC header'i yukari kayar, serit en uste oturur; yukari
   kaydirinca ikisi birlikte geri iner. Sinifi partials/ipconiq_foot.php ekler
   (yalniz IPCONIQ sayfalari — sitenin geri kalaninda header aynen kalir). */
.iq-sayfa #icc-header { transition:transform .28s cubic-bezier(.2,.7,.2,1); will-change:transform; }
.iq-sayfa .subnav-ic { transition:top .28s cubic-bezier(.2,.7,.2,1); }
.iq-baslik-gizli #icc-header { transform:translateY(-100%); }
.iq-baslik-gizli .subnav-ic { top:0; }
@media (prefers-reduced-motion: reduce) {
    .iq-sayfa #icc-header, .iq-sayfa .subnav-ic { transition:none; }
}

/* Dar ekranda serit yatay kayar ama bu gorunmuyordu — kullanici saginda/solunda
   baska sayfalar oldugunu anlamiyordu. Kenarlarda solma + ok gostergesi:
   yalnizca o yonde kaydirilacak icerik varken gorunur (JS sinif ekler).
   Bu solma dekoratif bir gradient degil, kaydirma gostergesidir. */
/* Gostergeler listeyi saran kutuya bagli, seride DEGIL. Serit kenarina
   sabitlenmislerdi; marka isareti eklenince sol gosterge logonun ustune
   dusuyor, onu karartiyordu — kaydirilan liste ise cok daha sagda
   basliyor. (25 Eyl 2026) */
.subnav-ic__liste { position:relative; flex:1 1 auto; min-width:0; align-self:stretch; }
.subnav-ic__liste::before, .subnav-ic__liste::after {
    content:""; position:absolute; top:0; bottom:0;
    width:3rem; pointer-events:none; opacity:0; transition:opacity .22s ease; z-index:2; }
.subnav-ic__liste::before { left:0;
    background:linear-gradient(90deg,rgba(10,22,34,.98) 35%,rgba(10,22,34,0)); }
.subnav-ic__liste::after { right:0;
    background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M9 5l7 7-7 7'/></svg>")
        no-repeat right .5rem center / .75rem .75rem,
      linear-gradient(270deg,rgba(10,22,34,.98) 45%,rgba(10,22,34,0)); }
.subnav-ic.kaydir-sol .subnav-ic__liste::before { opacity:1; }
.subnav-ic.kaydir-sag .subnav-ic__liste::after  { opacity:1; }

/* ===== Alt gezinme — 2026 endustriyel yazilim dili (24 Eyl 2026) =====
   Onceki hali beyaz hap seklinde bir aktif sekmeydi; cubugun icinde duran
   ayri bir dugme gibi gorunuyordu ve SaaS sekme cubugu hissi veriyordu.
   Yeni hal: baglantilar cubugun tam yuksekligini kaplar, aktif sayfa
   cubugun alt kenarina oturan 2px cyan cizgiyle isaretlenir. Hap, yuvarlak
   kose, golge ve parilti yok. */
.subnav-ic__in { display:flex; align-items:center; justify-content:center;
    height:3.75rem; gap:1.75rem; }

/* Marka isareti (25 Eyl 2026). Seridin solunda sabit durur, baglantilar
   kalan alanda ortalanir. Logo kaydirma alaninin DISINDA — dar ekranda
   baglantilar kayarken marka yerinde kalir. */
.subnav-ic__marka { flex:0 0 auto; display:flex; align-items:center;
    text-decoration:none; }
.subnav-ic__marka img { display:block; height:1.85rem; width:auto; }
.subnav-ic__marka:focus-visible { outline:2px solid #22d3ee; outline-offset:3px; }

.subnav-ic ul { display:flex; align-items:stretch; gap:0; height:100%;
    justify-content:center;
    /* Tasma halinde ortalama, baslangici erisilemez hale getirir ("safe"
       destekleyen tarayicida bu satir onu duzeltir, digerleri yok sayar). */
    justify-content:safe center;
    list-style:none; margin:0; padding:0; overflow-x:auto; scrollbar-width:none; }
.subnav-ic ul::-webkit-scrollbar { display:none; }
.subnav-ic li { display:flex; }

.subnav-ic li a {
    position:relative; display:flex; align-items:center;
    padding:0 1.35rem; border-radius:0; white-space:nowrap;
    font-size:.9rem; font-weight:600; letter-spacing:-.005em;
    color:rgba(255,255,255,.66); text-decoration:none;
    transition:color .18s ease;
}
/* Aktif isaret: cubugun alt kenarinda, yazinin genisliginde */
.subnav-ic li a::after {
    content:""; position:absolute; left:1.35rem; right:1.35rem; bottom:0; height:2px;
    background:#22d3ee; transform:scaleX(0); transform-origin:center;
    transition:transform .2s ease;
}
.subnav-ic li a:hover { color:#ffffff; }
.subnav-ic li a:hover::after { transform:scaleX(1); background:rgba(255,255,255,.30); }
.subnav-ic li a:focus-visible { color:#ffffff; outline:2px solid #22d3ee; outline-offset:-3px; }

.subnav-ic li a.on { color:#ffffff; }
.subnav-ic li a.on::after { transform:scaleX(1); background:#22d3ee; }

@media(max-width:900px){
    .subnav-ic__in { justify-content:flex-start; gap:1rem; }
    .subnav-ic ul { justify-content:flex-start; }
    .subnav-ic li a { padding:0 1rem; }
    .subnav-ic li a::after { left:1rem; right:1rem; }
}
@media(max-width:640px){
    .subnav-ic__in { gap:.75rem; }
    .subnav-ic__marka img { height:1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
    .subnav-ic li a, .subnav-ic li a::after { transition:none; }
}

/* ===== Mobile safety (ICC sayfalarindaki ile ayni) ===== */
@media(max-width:640px){
    .page-title { letter-spacing:0 !important; word-break:break-word; overflow-wrap:break-word;
        hyphens:auto; -webkit-hyphens:auto; max-width:100%; line-height:1.18 !important;
        font-size:clamp(1.65rem,7.5vw,2.25rem) !important; }
    .sec-title { letter-spacing:0 !important; word-break:break-word; line-height:1.25 !important;
        font-size:1.25rem !important; }
    .eyebrow { font-size:.65rem; padding:.3rem .65rem; }
    main, .hero-brand__inner { padding-left:1.35rem !important; padding-right:1.35rem !important; }
    .hero-brand__logo { padding:1rem 1.4rem; }
}

/* ============================================================
   Hero sema — verinin sahadan kurumsal katmana akisi
   ------------------------------------------------------------
   Bilerek "canli veri" taklidi YAPMAZ: sahte sayac, rastgele
   deger veya "CANLI" rozeti yok. Anlattigi sey mimarinin kendisi;
   hareket yalnizca akis yonunu okutmak icin var.
   Hareketi azaltma tercihi acikken tamamen durur.
   ============================================================ */
/* Hero: solda metin, sagda sema. Tailwind'in arbitrary grid-cols degeri
   derlenmis tailwind-build.css icinde olmadigi icin kendi sinifimiz. */
.hero-grid { display:grid; grid-template-columns:1fr; gap:2.5rem; align-items:center; }
@media(min-width:1024px){
    .hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,34rem); gap:3.5rem; }
}
.i4c-sema { width:100%; max-width:34rem; height:auto; display:block; margin-inline:auto; }

/* Katmanlar arasinda yukari dogru akan veri noktalari */
.i4c-sema .akis { animation:i4cAkis 3.2s linear infinite; }
.i4c-sema .akis-2 { animation-delay:.8s; }
.i4c-sema .akis-3 { animation-delay:1.6s; }
.i4c-sema .akis-4 { animation-delay:2.4s; }
@keyframes i4cAkis {
    0%   { opacity:0; transform:translateY(0); }
    12%  { opacity:1; }
    88%  { opacity:1; }
    100% { opacity:0; transform:translateY(-58px); }
}

/* Ust katmandaki proses egrisi — soldan saga cizilir, sonra solar */
/* Egrinin olculen uzunlugu 416px; dasharray bundan buyuk olmali ki
   tamami cizilsin, yoksa bir bolumu hep gorunur kalir. */
.i4c-sema .egri { stroke-dasharray:430; stroke-dashoffset:430;
    animation:i4cEgri 7s ease-in-out infinite; }
@keyframes i4cEgri {
    0%   { stroke-dashoffset:430; opacity:.3; }
    45%  { stroke-dashoffset:0;   opacity:1; }
    85%  { stroke-dashoffset:0;   opacity:1; }
    100% { stroke-dashoffset:0;   opacity:.3; }
}

/* Toplama dugumunde yavas nabiz — halka, dolgu degil */
.i4c-sema .nabiz { animation:i4cNabiz 3.2s ease-in-out infinite; transform-origin:center; }
@keyframes i4cNabiz {
    0%,100% { opacity:.55; r:26; }
    50%     { opacity:0;   r:34; }
}

@media (prefers-reduced-motion: reduce) {
    .i4c-sema .akis, .i4c-sema .egri, .i4c-sema .nabiz { animation:none; }
    .i4c-sema .egri { stroke-dashoffset:0; opacity:1; }
    .i4c-sema .akis { opacity:.9; }
}

/* --- Sema animasyon sozlugu (tum IPCONIQ hero semalari kullanir) ---
   Her sema kendi konusunu anlatir; hareket yalnizca akis/sira okutmak icin.
   Ortak gecikme siniflari .d1..d6 her animasyonla birlikte kullanilabilir. */
.i4c-sema .d1 { animation-delay:.45s; } .i4c-sema .d2 { animation-delay:.9s; }
.i4c-sema .d3 { animation-delay:1.35s; } .i4c-sema .d4 { animation-delay:1.8s; }
.i4c-sema .d5 { animation-delay:2.25s; } .i4c-sema .d6 { animation-delay:2.7s; }

/* Yatay akis — soldan saga giden veri noktalari */
.i4c-sema .akis-y { animation:i4cAkisY 3.4s linear infinite; }
@keyframes i4cAkisY {
    0%   { opacity:0; transform:translateX(0); }
    14%  { opacity:1; }
    86%  { opacity:1; }
    100% { opacity:0; transform:translateX(104px); }
}

/* Sirayla belirme — bir listeyi/adimi sirayla one cikarir */
.i4c-sema .belir { animation:i4cBelir 5.4s ease-in-out infinite; }
@keyframes i4cBelir { 0%,100% { opacity:.3; } 38%,58% { opacity:1; } }

/* Iki yonlu mesajlasma — ekipman ile host arasinda gidip gelen mesaj */
.i4c-sema .gel-git { animation:i4cGelGit 4.2s ease-in-out infinite; }
@keyframes i4cGelGit {
    0%,100% { opacity:0; transform:translateX(0); }
    12%,44% { opacity:1; }
    50%     { opacity:0; transform:translateX(118px); }
    62%,88% { opacity:1; transform:translateX(118px); }
    99%     { opacity:0; transform:translateX(0); }
}

/* Yavas nabiz — bir dugumun calistigini belirtir (dolgu degil, halka) */
.i4c-sema .nabiz-sm { animation:i4cNabizSm 3.6s ease-in-out infinite; transform-origin:center; }
@keyframes i4cNabizSm {
    0%,100% { opacity:.5; r:17; }
    50%     { opacity:0;  r:24; }
}

@media (prefers-reduced-motion: reduce) {
    .i4c-sema .akis-y, .i4c-sema .belir, .i4c-sema .gel-git, .i4c-sema .nabiz-sm { animation:none; }
    .i4c-sema .akis-y, .i4c-sema .belir, .i4c-sema .gel-git { opacity:.9; }
}

/* ============================================================
   Bolum ici gecis (kismi yukleme)
   ------------------------------------------------------------
   Serit baglantilarina tiklandiginda sayfa sifirdan yeniden
   yuklenmez; yalnizca hero ve govde degistirilir. Adres cubugu,
   geri/ileri tuslari ve baglantiyi yeni sekmede acma normal calisir.
   JS kapali veya istek basarisizsa tarayici normal gecisi yapar.
   ============================================================ */
.i4c-yukleme { position:fixed; top:0; left:0; height:2px; width:0; z-index:60;
    background:linear-gradient(90deg,#14b8a6,#0f766e); opacity:0;
    transition:width .25s ease, opacity .25s ease; pointer-events:none; }
.i4c-yukleme.acik { opacity:1; }

/* Yeni icerik yerine otururken kisa bir yumusama */
.i4c-gecis { animation:i4cGecis .28s ease-out both; }
@keyframes i4cGecis { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }

@media (prefers-reduced-motion: reduce) {
    .i4c-gecis { animation:none; }
    .i4c-yukleme { transition:opacity .25s ease; }
}

/* ==========================================================================
   IQ — /ipconiq tasarim sistemi (24 Eyl 2026, ikinci tur)
   --------------------------------------------------------------------------
   Yon: Ignition (urun onde), Siemens WinCC Unified (muhendislik disiplini),
   AVEVA Operations Control (edge/kurumsal), 2026 B2B urun tasarimi.
   Temel fikir: urun arayuzu sayfanin ana gorseli; sayfa urunun etrafina
   suslenmez.  Yaklasik %65 acik notr yuzey, %35 koyu lacivert.
   Vurgu rengi yalnizca aktif durum, onemli veri, baglanti, mimari yol, CTA.
   Monospace yalnizca protokol adi, sayisal deger, teknik kunye, diyagram
   dugumu icin — sistem yazi tipi kullanilir, ek font indirilmez.
   ========================================================================== */

.iq {
    --iq-yuzey:#fbfbfa;          /* ilik beyaz */
    --iq-yuzey-2:#ffffff;
    --iq-koyu:#0c1622;           /* derin lacivert, neredeyse siyah-mavi */
    --iq-koyu-2:#122031;
    --iq-metin:#10151c;
    --iq-ikincil:#4b5563;
    --iq-soluk:#737b85;
    --iq-cizgi:#e3e5e8;
    --iq-cizgi-2:#cdd1d6;
    --iq-vurgu:#0e7490;          /* acik zeminde endustriyel mavi */
    --iq-vurgu-p:#22d3ee;        /* koyu zeminde elektrik cyan */
    /* Dolu butonlarin zemini. Once --iq-vurgu kullaniliyordu; 25 Eyl 2026'da
       markanin laciverti oldu ve ayri bir degiskene alindi. Boylece buton
       rengi degisirken mono etiketler, mimari semasi ve animasyon cizgileri
       kendi vurgu rengini korur — onlar navi olsaydi govde metninden
       ayirt edilemezlerdi. */
    --iq-dugme:#0A1622;
    --iq-dugme-h:#16283A;        /* uzerine gelince bir tik acilir */
    --iq-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
    --iq-kap:1360px;
    color:var(--iq-metin);
    background:var(--iq-yuzey);
}

.iq-kap { max-width:var(--iq-kap); margin-inline:auto; padding-inline:1.25rem; }
@media(min-width:768px){ .iq-kap { padding-inline:2.5rem; } }
@media(min-width:1280px){ .iq-kap { padding-inline:3.5rem; } }

/* ---------- Tipografi ---------- */
.iq-h1 {
    margin:0; font-weight:640; letter-spacing:-.025em; line-height:1.06;
    font-size:clamp(2.25rem, 1.2rem + 3.1vw, 3.9rem);   /* ~36 -> 62px */
    color:var(--iq-metin);
}
.iq-h2 {
    margin:0; font-weight:640; letter-spacing:-.022em; line-height:1.14;
    font-size:clamp(1.75rem, 1.1rem + 1.9vw, 2.85rem);  /* ~28 -> 46px */
    color:inherit;
}
.iq-h3 { margin:0; font-size:1.2rem; font-weight:620; letter-spacing:-.012em; line-height:1.35; }
.iq-h4 { margin:0; font-size:1.0625rem; font-weight:620; letter-spacing:-.008em; }
.iq-lead { margin:0; font-size:1.0625rem; line-height:1.65; color:var(--iq-ikincil); }
.iq-aciklama { margin:1rem 0 0; font-size:1rem; line-height:1.7; color:var(--iq-ikincil); max-width:46rem; }
.iq p { margin:0 0 1rem; font-size:1rem; line-height:1.72; color:var(--iq-ikincil); }
.iq p:last-child { margin-bottom:0; }

.iq-mono { font-family:var(--iq-mono); font-feature-settings:"tnum" 1; }
.iq-mono-etiket {
    margin:0 0 .85rem; font-family:var(--iq-mono);
    font-size:.72rem; letter-spacing:.11em; text-transform:uppercase;
    color:var(--iq-soluk);
}

/* ---------- Baglanti ve buton ---------- */
.iq a { color:inherit; }
.iq-daha { margin:1.5rem 0 0; font-size:.95rem; font-weight:600; }
.iq-daha a {
    color:var(--iq-vurgu); text-decoration:none;
    border-bottom:1px solid currentColor; padding-bottom:2px;
    transition:opacity .18s ease;
}
.iq-daha a:hover { opacity:.7; }

.iq-btn {
    display:inline-block; padding:.8rem 1.5rem; border-radius:6px;
    border:1px solid var(--iq-cizgi-2); background:var(--iq-yuzey-2);
    font-size:.95rem; font-weight:600; text-decoration:none;
    transition:border-color .18s ease, background-color .18s ease, color .18s ease;
}
.iq a.iq-btn { color:var(--iq-metin); }
.iq a.iq-btn:hover { border-color:var(--iq-metin); }
.iq a.iq-btn--pri { background:var(--iq-dugme); border-color:var(--iq-dugme); color:#fff; }
.iq a.iq-btn--pri:hover { background:var(--iq-dugme-h); border-color:var(--iq-dugme-h); }
.iq-eylem { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.75rem 0 0; }

/* ---------- Bolum iskeleti ---------- */
.iq-bolum { padding:5rem 0; border-top:1px solid var(--iq-cizgi); }
@media(min-width:1024px){ .iq-bolum { padding:6.5rem 0; } }
.iq-bas { max-width:46rem; margin:0 0 3rem; }
.iq-bas--orta { max-width:none; }

/* Mimari bolumu: cok ince teknik izgara zemin */
.iq-bolum--izgara {
    background-color:var(--iq-yuzey-2);
    background-image:linear-gradient(var(--iq-cizgi) 1px, transparent 1px),
                     linear-gradient(90deg, var(--iq-cizgi) 1px, transparent 1px);
    background-size:32px 32px;
    background-position:center center;
}

/* ---------- HERO ---------- */
.iq-hero { padding:4rem 0 0; background:var(--iq-yuzey); }
@media(min-width:1024px){ .iq-hero { padding-top:5.5rem; } }
.iq-hero__ust { display:grid; grid-template-columns:1fr; gap:2rem; align-items:end; }
@media(min-width:1024px){
    .iq-hero__ust { grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:4rem; }
}
.iq-hero__yan { padding-bottom:.35rem; }

/* Ekran goruntusu hero'nun altina tasar; arkasinda cok hafif teknik izgara */
.iq-hero__ekran {
    margin-top:3.5rem; padding:3rem 0;   /* alt bosluk ustle esit: cerceve izgara zeminin ortasinda (30 Eyl 2026) */
    background-image:linear-gradient(var(--iq-cizgi) 1px, transparent 1px),
                     linear-gradient(90deg, var(--iq-cizgi) 1px, transparent 1px);
    background-size:32px 32px;
    background-position:center top;
    border-bottom:1px solid var(--iq-cizgi);
}

/* ---------- Ekran cercevesi ---------- */
.iq-cerceve { margin:0; border:1px solid var(--iq-cizgi-2); background:var(--iq-koyu);
    border-radius:6px; overflow:hidden; }
.iq-cerceve img { display:block; width:100%; height:auto; }
.iq-cerceve figcaption {
    display:flex; align-items:center; gap:.6rem;
    padding:.65rem .85rem; background:var(--iq-yuzey-2);
    border-top:1px solid var(--iq-cizgi);
    font-size:.8125rem; color:var(--iq-soluk);
}
.iq-cerceve figcaption .iq-mono {
    font-size:.68rem; letter-spacing:.09em; color:var(--iq-vurgu);
}
.iq-cerceve--buyuk { box-shadow:0 26px 60px -42px rgba(16,21,28,.55); }
.iq-cerceve--koyu { border-color:rgba(255,255,255,.14); }

/* ---------- Sayisal serit ---------- */
.iq-serit { background:var(--iq-yuzey); }
.iq-serit__ic {
    display:grid; grid-template-columns:repeat(2,1fr); margin:0;
    border-bottom:1px solid var(--iq-cizgi);
}
@media(min-width:900px){ .iq-serit__ic { grid-template-columns:repeat(4,1fr); } }
.iq-serit__ic > div { padding:2rem 1.5rem 2.25rem 0; }
@media(min-width:900px){
    .iq-serit__ic > div + div { padding-left:2.25rem; border-left:1px solid var(--iq-cizgi); }
}
.iq-serit dt { font-size:2rem; font-weight:600; letter-spacing:-.02em; color:var(--iq-metin); }
@media(min-width:1024px){ .iq-serit dt { font-size:2.4rem; } }
.iq-serit dd { margin:.35rem 0 0; font-size:.85rem; color:var(--iq-soluk); }

/* ---------- Platform: dort urun alt alta ----------
   Onceki hal sekmeliydi; icerigin ucte ucu gizliydi ve ziyaretcinin
   tiklamasi gerekiyordu. Alt alta dizilince dort urun de tek kaydirmada
   goruluyor. Tekduzelik olmasin diye ekran ile bilgi sutunu her urunde
   yer degistiriyor. */
.iq-urun-dizi { border-top:1px solid var(--iq-cizgi); }
.iq-urun {
    display:grid; grid-template-columns:1fr; gap:1.75rem;
    padding:3rem 0; border-bottom:1px solid var(--iq-cizgi);
}
@media(min-width:1024px){
    .iq-urun {
        grid-template-columns:minmax(0,7fr) minmax(0,5fr);
        gap:3.5rem; padding:4rem 0; align-items:center;
    }
    /* Tek sirada bilgi solda, ekran sagda */
    .iq-urun--ters .iq-cerceve { order:2; }
    .iq-urun--ters .iq-urun__bilgi { order:1; }
    .iq-urun--ters { grid-template-columns:minmax(0,5fr) minmax(0,7fr); }
}
.iq-urun__bilgi .iq-mono-etiket { margin-bottom:.4rem; }
.iq-urun__bilgi .iq-h3 { margin-bottom:.85rem; }
.iq-oz { font-size:1.0625rem; color:var(--iq-metin); line-height:1.6; }

.iq-kunye { margin:1.75rem 0 0; }
.iq-kunye dt {
    margin-top:1.15rem; font-size:.7rem; letter-spacing:.09em;
    text-transform:uppercase; color:var(--iq-soluk);
}
.iq-kunye dt:first-of-type { margin-top:0; }
.iq-kunye dd { margin:.3rem 0 0; font-size:.95rem; line-height:1.6; color:var(--iq-ikincil); }

.iq-diger {
    display:flex; flex-wrap:wrap; align-items:baseline; gap:.75rem;
    margin:2.5rem 0 0; padding-top:1.5rem;
    border-top:1px solid var(--iq-cizgi);
    font-size:.95rem;
}
.iq-diger .iq-mono-etiket { margin:0; }
.iq-diger a {
    color:var(--iq-metin); text-decoration:none;
    border-bottom:1px solid var(--iq-cizgi-2); padding-bottom:1px;
    transition:border-color .18s ease, color .18s ease;
}
.iq-diger a:hover { color:var(--iq-vurgu); border-bottom-color:var(--iq-vurgu); }

/* ---------- Koyu bolum: canli urun ---------- */
.iq-koyu { background:var(--iq-koyu); color:#e7ecf2; padding:5rem 0; }
@media(min-width:1024px){ .iq-koyu { padding:7rem 0; } }
.iq-koyu .iq-h2 { color:#fff; }
.iq-koyu .iq-mono-etiket { color:var(--iq-vurgu-p); }
.iq-koyu p { color:#9fb0c2; }

.iq-canli { display:grid; grid-template-columns:1fr; gap:1.75rem; align-items:start; }
@media(min-width:1024px){
    .iq-canli { grid-template-columns:minmax(0,1fr) 14rem; gap:3rem; }
}
/* Teknik notlar: ekranin yanindaki sakin ray, ince baglanti cizgisiyle */
.iq-notlar { margin:0; padding:0; list-style:none; }
.iq-notlar li {
    position:relative; padding:.85rem 0 .85rem 2.25rem;
    font-size:.78rem; letter-spacing:.06em; text-transform:uppercase;
    color:#b9c7d6; border-bottom:1px solid rgba(255,255,255,.10);
}
.iq-notlar li:last-child { border-bottom:0; }
.iq-notlar li::before {
    content:""; position:absolute; left:0; top:50%; width:1.5rem; height:1px;
    background:var(--iq-vurgu-p); opacity:.65;
}
.iq-koyu__not {
    margin-top:2.5rem; padding-top:1.5rem;
    border-top:1px solid rgba(255,255,255,.10);
    font-size:.82rem; line-height:1.65; color:#8496a8 !important; max-width:52rem;
}

/* ---------- Baglanabilirlik ---------- */
.iq-protokol {
    display:flex; flex-wrap:wrap; gap:0; margin:0 0 2.5rem; padding:0; list-style:none;
    border-top:1px solid var(--iq-cizgi); border-bottom:1px solid var(--iq-cizgi);
}
.iq-protokol li {
    padding:1.1rem 1.5rem 1.1rem 0; margin-right:1.5rem;
    font-size:.9rem; letter-spacing:.04em; color:var(--iq-metin);
}
.iq-protokol li + li { padding-left:1.5rem; border-left:1px solid var(--iq-cizgi); }
.iq-iddia {
    margin:0 0 3rem !important; font-size:clamp(1.15rem,.95rem + .7vw,1.5rem) !important;
    font-weight:600; letter-spacing:-.015em; color:var(--iq-metin) !important;
    line-height:1.45 !important; max-width:34rem;
}
/* ---------- Destek ekranlari (koyu bolumdeki baskin ekrani tamamlar) ---------- */
.iq-vitrin { display:grid; grid-template-columns:1fr; gap:1.75rem; }
@media(min-width:800px){ .iq-vitrin { grid-template-columns:repeat(2,1fr); gap:2.5rem; } }
.iq-vitrin__oge { display:block; text-decoration:none; }
.iq-vitrin__gorsel {
    display:block; overflow:hidden; background:var(--iq-koyu);
    border:1px solid var(--iq-cizgi-2); border-radius:6px; aspect-ratio:16/9;
}
.iq-vitrin__gorsel img {
    display:block; width:100%; height:100%; object-fit:cover; object-position:top center;
    transition:transform .25s ease;
}
.iq-vitrin__oge:hover .iq-vitrin__gorsel img { transform:scale(1.015); }
.iq-vitrin__alt { display:block; padding-top:.9rem; }
.iq-vitrin__alt .iq-mono-etiket { margin:0 0 .25rem; }
.iq-vitrin__ad { display:block; font-size:.95rem; font-weight:600; color:var(--iq-metin); }

/* ---------- Yetenek satirlari ---------- */
.iq-yetenek { border-top:1px solid var(--iq-cizgi); }
.iq-yetenek__satir {
    display:grid; grid-template-columns:1fr; gap:1.25rem;
    padding:2.5rem 0; border-bottom:1px solid var(--iq-cizgi);
}
@media(min-width:900px){
    .iq-yetenek__satir {
        grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,4fr);
        gap:3rem; padding:3.25rem 0; align-items:start;
    }
}
.iq-yetenek__no {
    margin:0; font-size:.75rem; letter-spacing:.12em; color:var(--iq-vurgu);
    padding-top:.35rem;
}
.iq-yetenek__govde h3 { margin-bottom:.75rem; }
.iq-yetenek__govde p { font-size:.98rem; }
.iq-yetenek__spec { margin:0; padding:0; list-style:none; }
.iq-yetenek__spec li {
    padding:.6rem 0; font-size:.78rem; line-height:1.55; color:var(--iq-soluk);
    border-bottom:1px solid var(--iq-cizgi);
}
.iq-yetenek__spec li:first-child { padding-top:0; }
.iq-yetenek__spec li:last-child { border-bottom:0; }

/* ---------- Mimari cizimi ---------- */
.iq-mimari { margin:0; overflow-x:auto; }
.iq-mimari svg { width:100%; min-width:760px; height:auto; display:block; }
.iq-mimari__kutu rect { fill:#fff; stroke:var(--iq-cizgi-2); stroke-width:1; }
.iq-mimari__kutu--vurgu rect { stroke:var(--iq-vurgu); stroke-width:1.25; }
.iq-mimari__kutu text {
    font-size:13px; font-weight:560; fill:var(--iq-metin);
    text-anchor:middle; stroke:none;
}
.iq-mimari__baslik text {
    font-family:var(--iq-mono); font-size:10.5px; letter-spacing:.11em;
    fill:var(--iq-soluk); text-anchor:middle; stroke:none;
}
.iq-mimari__etiket text {
    font-family:var(--iq-mono); font-size:10px; fill:var(--iq-vurgu);
    text-anchor:middle; stroke:none;
}
.iq-mimari__ayrac { stroke:var(--iq-cizgi); stroke-width:1; }
.iq-mimari__yol path { stroke:var(--iq-vurgu); stroke-width:1; fill:none; opacity:.55; }
.iq-mimari marker path { fill:var(--iq-vurgu); stroke:none; opacity:.55; }

/* ---------- Uygulama ornekleri ---------- */
.iq-vaka { display:grid; grid-template-columns:1fr; gap:1.75rem; padding:3rem 0; }
.iq-vaka:first-of-type { padding-top:0; }
.iq-vaka + .iq-vaka { border-top:1px solid var(--iq-cizgi); }
@media(min-width:900px){
    .iq-vaka { grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:3.5rem; align-items:start; }
}
.iq-vaka__gorsel { border:1px solid var(--iq-cizgi); background:#fff;
    border-radius:6px; overflow:hidden; }
.iq-vaka__gorsel img { display:block; width:100%; height:auto; }
.iq-vaka__govde h3 { margin:.35rem 0 1rem; }
.iq-sonuc {
    margin:1.5rem 0 0 !important; padding-left:1rem;
    border-left:2px solid var(--iq-vurgu);
    font-size:1rem !important; color:var(--iq-metin) !important;
}
.iq-meta { display:flex; flex-wrap:wrap; gap:.5rem; margin:1.5rem 0 0; padding:0; list-style:none; }
.iq-meta li {
    padding:.3rem .6rem; border:1px solid var(--iq-cizgi-2); border-radius:6px;
    font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:var(--iq-soluk);
}

/* ---------- Hizmetler ---------- */
.iq-hizmet { margin:0; padding:0; border-top:1px solid var(--iq-cizgi); }
.iq-hizmet > div { padding:1.75rem 0; border-bottom:1px solid var(--iq-cizgi); }
@media(min-width:900px){
    .iq-hizmet { display:grid; grid-template-columns:repeat(2,1fr); column-gap:4rem; }
}
.iq-hizmet dt { font-size:1rem; font-weight:620; color:var(--iq-metin); }
.iq-hizmet dd { margin:.4rem 0 0; font-size:.92rem; line-height:1.65; color:var(--iq-ikincil); }

/* ---------- Ekosistem ---------- */
.iq-ortak { display:grid; grid-template-columns:1fr; gap:2rem; }
@media(min-width:900px){ .iq-ortak { grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:4rem; } }
.iq-ortak .iq-mono-etiket { margin:.5rem 0 .9rem; }
.iq-liste { margin:0; padding:0; list-style:none; }
.iq-liste li {
    padding:.85rem 0; border-bottom:1px solid var(--iq-cizgi);
    font-size:.95rem; line-height:1.6; color:var(--iq-ikincil);
}
.iq-liste li:first-child { padding-top:0; }
.iq-liste li:last-child { border-bottom:0; }

/* ---------- Paylasilan CTA blogunu sakinlestirme ---------- */
/* main yalniz kapanis kartini tasiyor. Ustteki bolum zaten 104 px alt bosluk
   birakiyor; burada bir de 80 px ust bosluk + ayiricinin 128 px'i toplaninca
   kartin ustunde 312 px bos alan kaliyordu (30 Eyl 2026). */
.iq main { padding:0 0 5rem; }
.iq .glass-card { border-radius:6px; box-shadow:none; border-color:var(--iq-cizgi); background:var(--iq-yuzey-2); }
.iq .btn-ic { border-radius:6px; box-shadow:none; }
.iq .btn-ic--pri { background:var(--iq-dugme); border-color:var(--iq-dugme); }
.iq .btn-ic--pri::before { display:none; }
/* Yazi beyaz olmali. .btn-ic--pri zaten color:#fff diyor ama .iq a { color:inherit }
   ondan guclu oldugu icin govde metni rengi miras kaliyordu. Turkuaz zeminde de
   yanlisti (kontrast 3,1:1); zemin lacivert olunca yazi buton icinde kayboldu.
   Ayni ozgulluk (0,1,1) ama daha sonra geldigi icin bu kazanir. */
.iq a.btn-ic--pri, .iq a.btn-ic--pri:hover, .iq a.btn-ic--pri:focus { color:#fff; }
.iq a.btn-ic--pri:hover { background:var(--iq-dugme-h); border-color:var(--iq-dugme-h); }
.iq .eyebrow { border-radius:6px; background:none; border:0; padding:0;
    font-family:var(--iq-mono); letter-spacing:.11em; color:var(--iq-soluk); }
.iq .eyebrow::before { display:none; }
.iq .section-separator { border-top:0; }

/* ---------- Kapanis karti (partials/ipconiq_cta.php) ---------- */
.iq-cta__kart {
    position:relative; overflow:hidden; isolation:isolate;
    display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:2.5rem; align-items:center;
    padding:3rem 3.25rem; border-radius:14px; color:#fff;
    background-color:var(--iq-dugme);
    background-image:
        radial-gradient(ellipse 45% 85% at 92% 15%, rgba(34,211,238,.18), rgba(34,211,238,0) 70%),
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:auto, 48px 48px, 48px 48px;
    box-shadow:0 30px 60px -35px rgba(10,22,34,.55);
}
/* sag ustte IPCONIQ halkasi — markanin Q'sundan */
.iq-cta__kart::after {
    content:""; position:absolute; z-index:-1; right:-110px; top:-120px;
    width:340px; height:340px; border-radius:50%;
    border:38px solid rgba(34,211,238,.07); pointer-events:none;
}
.iq-cta__etiket {
    display:flex; align-items:center; gap:.65rem;
    font-family:var(--iq-mono); font-size:.72rem; font-weight:600; letter-spacing:.18em;
    text-transform:uppercase; color:var(--iq-vurgu-p);
}
.iq-cta__etiket::before { content:""; width:26px; height:2px; background:var(--iq-vurgu-p); box-shadow:0 0 10px rgba(34,211,238,.7); }
.iq .iq-cta__baslik {
    margin:1rem 0 0; color:#fff; font-weight:650; letter-spacing:-.022em; line-height:1.14;
    font-size:clamp(1.6rem, 1.05rem + 1.5vw, 2.4rem);
}
.iq .iq-cta__metin { margin:1rem 0 0; max-width:36rem; color:#9fb0c2; font-size:1rem; line-height:1.7; }
.iq-cta__rozetler { margin:1.5rem 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:.5rem; }
.iq-cta__rozetler li {
    font-size:.8rem; font-weight:600; color:#cfeaf1; padding:.38rem .8rem; border-radius:999px;
    border:1px solid rgba(34,211,238,.28); background:rgba(34,211,238,.07);
}
.iq-cta__sag { display:flex; flex-direction:column; gap:.75rem; }
.iq a.iq-cta__btn {
    display:flex; align-items:center; justify-content:center; gap:.65rem;
    padding:1.05rem 1.5rem; border-radius:8px; font-size:1.02rem; font-weight:700;
    text-decoration:none; transition:transform .2s ease, background-color .2s ease, border-color .2s ease;
}
.iq a.iq-cta__btn svg { width:1.15rem; height:1.15rem; flex:none; }
.iq a.iq-cta__btn--pri { background:var(--iq-vurgu-p); color:var(--iq-dugme); }
.iq a.iq-cta__btn--pri:hover { background:#67e8f9; color:var(--iq-dugme); transform:translateY(-2px); }
.iq a.iq-cta__btn--ikincil { color:#fff; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.04); }
.iq a.iq-cta__btn--ikincil:hover { color:#fff; border-color:var(--iq-vurgu-p); background:rgba(34,211,238,.08); transform:translateY(-2px); }
.iq-cta__eposta { text-align:center; font-size:.86rem; color:#9fb0c2; }
.iq .iq-cta__eposta a { color:#fff; text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(255,255,255,.35); }
.iq .iq-cta__eposta a:hover { text-decoration-color:var(--iq-vurgu-p); }
/* yasal not: ince cizgiyle ayrilmis, kucuk ve sakin */
.iq-cta__not {
    display:flex; align-items:flex-start; gap:1.1rem;
    margin-top:1.75rem; padding-top:1.35rem; border-top:1px solid var(--iq-cizgi);
}
.iq-cta__not img { flex:none; width:74px; height:auto; margin-top:.2rem; opacity:.8; }
.iq .iq-cta__not p { margin:0; max-width:62rem; font-size:.78rem; line-height:1.7; color:var(--iq-soluk); }
@media (max-width:900px) {
    .iq-cta__kart { grid-template-columns:1fr; gap:2rem; padding:2.25rem 1.5rem; }
    .iq-cta__kart::after { width:220px; height:220px; right:-90px; top:-90px; border-width:28px; }
    .iq-cta__not { flex-direction:column; gap:.7rem; }
}

@media (prefers-reduced-motion: reduce) {
    .iq * { transition:none !important; }
    .iq-vitrin__oge:hover .iq-vitrin__gorsel img { transform:none; }
}

/* ==========================================================================
   IQ — ucuncu tur duzeltmeler (24 Eyl 2026)
   Sayfa "AI ile modernize edilmis kurumsal site" hissini surduruyordu.
   Yapilanlar: tekrar eden veri akisi semasi tekile indirildi, mimari bolumu
   platformun hemen arkasina alindi, vitrin iki destek ekranina dusuruldu,
   gec bolumler pazarlama basligi yerine dokuman basligi aldi, kose yaricapi
   2 -> 6px, gereksiz kaplar kaldirildi.
   ========================================================================== */

/* Dokumantasyon dilindeki bolumler: kucuk baslik, dar bosluk */
.iq-h2--kucuk {
    font-size:clamp(1.3rem, 1.05rem + .75vw, 1.75rem);
    font-weight:620; letter-spacing:-.016em;
}
.iq-bas--sade { margin-bottom:2.25rem; }
.iq-bas--sade .iq-mono-etiket { margin-bottom:.5rem; }


/* Protokol rayi artik mimari bolumunun icinde; cizimden once duruyor */
.iq-bolum--izgara .iq-protokol { margin-bottom:2.75rem; background:var(--iq-yuzey-2); }

/* Mimari cizimi altindaki kunye: sayilar sema ile ayni dilde */
.iq-mimari figcaption {
    display:flex; flex-wrap:wrap; gap:0 1.5rem;
    margin-top:1.25rem; padding-top:1rem;
    border-top:1px solid var(--iq-cizgi);
    font-size:.74rem; letter-spacing:.07em; text-transform:uppercase;
    color:var(--iq-soluk);
}
.iq-mimari figcaption span + span { position:relative; padding-left:1.5rem; }
.iq-mimari figcaption span + span::before {
    content:""; position:absolute; left:0; top:50%; width:1px; height:.85em;
    transform:translateY(-50%); background:var(--iq-cizgi-2);
}

/* Mimari altindaki dort madde: iki sutun, kapsiz */
.iq-liste--iki { margin-top:2.5rem; }
@media(min-width:800px){
    .iq-liste--iki { display:grid; grid-template-columns:repeat(2,1fr); column-gap:3.5rem; }
    .iq-liste--iki li:nth-child(-n+2) { padding-top:0; }
    .iq-liste--iki li:nth-last-child(-n+2) { border-bottom:0; }
}

/* ==========================================================================
   IQ — urun sayfasi bilesenleri (24 Eyl 2026)
   /ipconiq'te olusan tasarim dili urun sayfalarina tasinirken ortaya cikan
   iki yeni bilesen. Geri kalan her sey (tipografi, bosluk, izgara, renk,
   buton, cerceve, tablo, mimari cizimi) aynen paylasiliyor.
   ========================================================================== */

/* Hero altindaki 2-4 teknik olcu — sayfa genelindeki sayi seridinden daha
   dar; kart degil, ince cizgiyle bolunmus satir. */
.iq-olcu {
    display:grid; grid-template-columns:repeat(2,1fr); margin:2.75rem 0 0;
    border-top:1px solid var(--iq-cizgi);
}
@media(min-width:800px){ .iq-olcu { grid-template-columns:repeat(auto-fit,minmax(0,1fr)); } }
.iq-olcu > div { padding:1.5rem 1.25rem 1.5rem 0; border-bottom:1px solid var(--iq-cizgi); }
@media(min-width:800px){
    .iq-olcu > div { border-bottom:0; }
    .iq-olcu > div + div { padding-left:2rem; border-left:1px solid var(--iq-cizgi); }
}
.iq-olcu dt { font-size:1.4rem; font-weight:600; letter-spacing:-.015em; color:var(--iq-metin); }
@media(min-width:1024px){ .iq-olcu dt { font-size:1.65rem; } }
.iq-olcu dd { margin:.3rem 0 0; font-size:.82rem; line-height:1.45; color:var(--iq-soluk); }

/* Sayfa sonundaki urun baglantilari — dort dev kart degil, sakin satirlar */
.iq-urunler {
    display:grid; grid-template-columns:1fr; margin:0; padding:0; list-style:none;
    border-top:1px solid var(--iq-cizgi);
}
@media(min-width:700px){ .iq-urunler { grid-template-columns:repeat(2,1fr); column-gap:3.5rem; } }
@media(min-width:1100px){ .iq-urunler { grid-template-columns:repeat(3,1fr); } }
.iq-urunler li { border-bottom:1px solid var(--iq-cizgi); }
.iq-urunler a {
    display:flex; align-items:baseline; justify-content:space-between; gap:1rem;
    padding:1.1rem 0; text-decoration:none;
    transition:color .18s ease;
}
.iq-urunler a:hover { color:var(--iq-vurgu); }
.iq-urunler a:hover .iq-urunler__ad { color:var(--iq-vurgu); }
.iq-urunler__ad { font-size:1rem; font-weight:620; color:var(--iq-metin); transition:color .18s ease; }
.iq-urunler .iq-mono-etiket { margin:0; text-align:right; }

/* Urun sayfasi hero'sunda baslik solda tek basina durur */
.iq-hero__metin .iq-h1 { max-width:20ch; }

/* ---------- Tanitim filmi (24 Eyl 2026) ----------
   Ekran cercevesiyle ayni dil: ince kenarlik, 6px yaricap, koyu zemin.
   Otomatik oynatma, dongu, sessiz-arka-plan-video yok; ziyaretci baslatir. */
.iq-film { margin:0; border:1px solid var(--iq-cizgi-2); border-radius:6px;
    overflow:hidden; background:var(--iq-koyu); }
.iq-film video { display:block; width:100%; height:auto; background:var(--iq-koyu); }
.iq-film figcaption {
    display:flex; align-items:center; gap:.6rem;
    padding:.65rem .85rem; background:var(--iq-yuzey-2);
    border-top:1px solid var(--iq-cizgi);
    font-size:.8125rem; color:var(--iq-soluk);
}
.iq-film figcaption .iq-mono {
    font-size:.68rem; letter-spacing:.09em; color:var(--iq-vurgu);
}

/* ==========================================================================
   IQ — sayfa ici teknik animasyonlar (24 Eyl 2026)
   Video yerine SVG: agirlik yok, her ekranda net, CSS degiskenleriyle ayni
   renk. Hareket yalnizca statik semanin anlatamadigi yerde kullanilir.
   JS yok. prefers-reduced-motion aciksa hareket durur, icerik okunur kalir.
   ========================================================================== */

.iq-anim { margin:0; border:1px solid var(--iq-cizgi); border-radius:6px;
    background:var(--iq-yuzey-2); padding:1.75rem 1.25rem 0; }
.iq-anim svg { display:block; width:100%; height:auto; }
.iq-anim figcaption {
    margin-top:1.25rem; padding:.75rem 0; border-top:1px solid var(--iq-cizgi);
    font-size:.72rem; letter-spacing:.09em; text-transform:uppercase;
    color:var(--iq-soluk);
}

/* Ortak sema tipografisi — mimari cizimiyle ayni dil */
.iq-anim__etiket { font-family:var(--iq-mono); font-size:15px; fill:var(--iq-ikincil); }
.iq-anim__etiket--sag { font-size:16px; fill:var(--iq-metin); font-weight:600; }
.iq-anim__alt { font-family:var(--iq-mono); font-size:12px; fill:var(--iq-soluk); }
.iq-anim__ad { font-size:15px; font-weight:620; fill:var(--iq-metin); text-anchor:middle; }
.iq-anim__kutu { fill:none; stroke:var(--iq-vurgu); stroke-width:1.5; }

/* ---------- Protokol birlesmesi ---------- */
/* Akis, kesikli cizginin kaymasiyla anlatilir — ok veya parlayan nokta yok. */
.iq-anim__yol {
    fill:none; stroke:var(--iq-cizgi-2); stroke-width:1.5;
    stroke-dasharray:7 9;
    animation:iqAkis 1.6s linear infinite;
}
.iq-anim__yol--cikis { stroke:var(--iq-vurgu); stroke-width:2; stroke-dasharray:9 7; }
@keyframes iqAkis { to { stroke-dashoffset:-16; } }

/* ---------- Olcek buyumesi ---------- */
.iq-anim--olcek rect { fill:none; stroke:var(--iq-cizgi-2); stroke-width:1.5; }
.iq-anim--olcek line { stroke:var(--iq-cizgi-2); stroke-width:1.5; }
.iq-anim--olcek text { font-size:14px; fill:var(--iq-ikincil); text-anchor:middle;
    font-family:var(--iq-mono); }
.iq-olcek__sunucu rect { stroke:var(--iq-vurgu); stroke-width:2; }
.iq-olcek__sunucu text { fill:var(--iq-metin); font-weight:600; }
.iq-olcek__yedek { stroke-dasharray:5 4; }
.iq-olcek__senk { stroke:var(--iq-vurgu); stroke-dasharray:4 4; }

/* Dort asama 16 saniyede bir dolanir; her asama bir oncekinin uzerine eklenir */
.iq-olcek__grup { opacity:0; animation:iqAsama 16s ease-in-out infinite; }
.iq-olcek__grup--2 { animation-delay:0s; }
.iq-olcek__grup--3 { animation-delay:4s; }
.iq-olcek__grup--4 { animation-delay:8s; }
@keyframes iqAsama {
    0%    { opacity:0; }
    14%   { opacity:1; }
    68%   { opacity:1; }
    80%   { opacity:0; }
    100%  { opacity:0; }
}

/* Alt satirdaki asama adlari sirayla vurgulanir */
.iq-anim__asama { display:flex; flex-wrap:wrap; gap:0 1.5rem; }
.iq-anim__asama span { opacity:.42; animation:iqAsamaAd 16s ease-in-out infinite; }
.iq-anim__asama span:nth-child(1) { animation-delay:-4s; }
.iq-anim__asama span:nth-child(2) { animation-delay:0s; }
.iq-anim__asama span:nth-child(3) { animation-delay:4s; }
.iq-anim__asama span:nth-child(4) { animation-delay:8s; }
@keyframes iqAsamaAd {
    0%,14%  { opacity:1; color:var(--iq-vurgu); }
    25%,100%{ opacity:.42; color:var(--iq-soluk); }
}

@media (prefers-reduced-motion: reduce) {
    .iq-anim__yol { animation:none; }
    .iq-olcek__grup { animation:none; opacity:1; }
    .iq-anim__asama span { animation:none; opacity:1; }
}

/* ---------- Hero filmi (24 Eyl 2026) ----------
   Hero gorseli artik film. Cerceve ekran goruntusuyle ayni dilde kalir;
   tek fark kunyedeki duraklatma dugmesi. */
.iq-cerceve--film video { display:block; width:100%; height:auto; background:var(--iq-koyu); }
.iq-cerceve--film { position:relative; }
/* Duraklat/oynat: filmin sag alt kosesinde yuvarlak, yari saydam ikon.
   Fare filmin uzerine gelince belirginlesir; klavyeyle odaklaninca da. */
.iq-film-dugme {
    position:absolute; right:14px; bottom:14px; z-index:2;
    width:38px; height:38px; padding:0; display:flex; align-items:center; justify-content:center;
    appearance:none; cursor:pointer; border-radius:999px;
    border:1px solid rgba(255,255,255,.22); background:rgba(10,22,34,.55); color:#fff;
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
    opacity:.55; transition:opacity .18s ease, background-color .18s ease, border-color .18s ease;
}
.iq-film-dugme[hidden] { display:none; }
.iq-cerceve--film:hover .iq-film-dugme, .iq-film-dugme:focus-visible, .iq-film-dugme.is-durdu { opacity:1; }
.iq-film-dugme:hover { background:rgba(10,22,34,.8); border-color:rgba(34,211,238,.6); }
.iq-film-dugme:focus-visible { outline:2px solid var(--iq-vurgu-p); outline-offset:2px; }
.iq-film-dugme svg { width:16px; height:16px; fill:currentColor; }
.iq-film-dugme .iq-film-dugme__oynat { display:none; margin-left:2px; }
.iq-film-dugme.is-durdu .iq-film-dugme__dur { display:none; }
.iq-film-dugme.is-durdu .iq-film-dugme__oynat { display:block; }

/* ---------- Tek bakista dort urun (24 Eyl 2026) ----------
   Tamer Bey'in istegi: dort urun ayni anda gorunsun. Ortadaki ekran
   sol (gorsellestirme) ve sag (veri) sutunlarini birlestirir. Kart yok;
   ogeler ince cizgiyle ayrilir, ekranin kendisi merkezde durur. */
.iq-harita {
    display:grid; grid-template-columns:1fr; gap:1.5rem;
    margin:0 0 3.5rem; padding-bottom:3.5rem;
    border-bottom:1px solid var(--iq-cizgi);
}
@media(min-width:1000px){
    .iq-harita {
        grid-template-columns:minmax(0,4fr) minmax(0,7fr) minmax(0,4fr);
        gap:2.5rem; align-items:center;
    }
}
.iq-harita__yan { display:grid; gap:1.25rem; }
@media(min-width:600px) and (max-width:999px){
    .iq-harita__yan { grid-template-columns:repeat(2,1fr); }
}

.iq-harita__oge {
    display:block; padding:1.1rem 0; text-decoration:none;
    border-top:1px solid var(--iq-cizgi);
    transition:border-color .18s ease;
}
.iq-harita__oge:hover { border-top-color:var(--iq-vurgu); }
.iq-harita__ad {
    display:block; font-size:1.0625rem; font-weight:620; letter-spacing:-.01em;
    color:var(--iq-metin); transition:color .18s ease;
}
.iq-harita__oge:hover .iq-harita__ad { color:var(--iq-vurgu); }
.iq-harita__oge .iq-mono-etiket { margin:.3rem 0 .45rem; }
.iq-harita__not { display:block; font-size:.82rem; line-height:1.5; color:var(--iq-ikincil); }

.iq-harita__ekran {
    margin:0; border:1px solid var(--iq-cizgi-2); border-radius:6px;
    overflow:hidden; background:var(--iq-koyu);
}
.iq-harita__ekran img { display:block; width:100%; height:auto; }
.iq-harita__ekran figcaption {
    padding:.6rem .8rem; background:var(--iq-yuzey-2);
    border-top:1px solid var(--iq-cizgi);
    font-size:.7rem; letter-spacing:.09em; text-transform:uppercase;
    color:var(--iq-soluk); text-align:center;
}

/* ---------- IPC4PRO panelde calisan IPCONIQ (24 Eyl 2026) ----------
   Ekran alani gercek urun fotografindan olculdu; yuzdeler o olcumden
   geliyor, tahmin degil. Uc ekran 12 saniyede bir dolanir. */
.iq-panel { margin:0; }
.iq-panel__kasa { position:relative; }
.iq-panel__cerceve { display:block; width:100%; height:auto; }

.iq-panel__ekran {
    position:absolute;
    left:8.068%; top:10.124%; width:83.977%; height:73.712%;
    overflow:hidden; background:#0b1220;
}
.iq-panel__kare {
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; object-position:top center;
    opacity:0; animation:iqPanelKare 12s ease-in-out infinite;
}
@keyframes iqPanelKare {
    0%     { opacity:0; }
    4%     { opacity:1; }
    30%    { opacity:1; }
    36%    { opacity:0; }
    100%   { opacity:0; }
}
.iq-panel figcaption {
    margin-top:1rem; padding-top:.85rem; border-top:1px solid var(--iq-cizgi);
    font-size:.72rem; letter-spacing:.09em; text-transform:uppercase;
    color:var(--iq-soluk);
}

@media (prefers-reduced-motion: reduce) {
    .iq-panel__kare { animation:none; opacity:0; }
    .iq-panel__kare:first-child { opacity:1; }
}

/* ===== Tablolar ve metin bloklari (25 Eyl 2026) =====
   Bu siniflar sayfalarda kullaniliyordu ama CSS'leri hic yazilmamisti;
   tarayicinin varsayilanina dusuyorlardi. Tablolar cercevesiz ve sikisik,
   iki sutunlu bloklar alt alta, lisans listeleri ic ice gecmis
   gorunuyordu. .iq dili: dolgu yok, yalniz ince cizgi ve bosluk. */

/* --- Iki sutunlu metin (7 sayfada) --- */
.iq-iki { display:grid; gap:1.5rem 3.5rem; }
@media(min-width:768px){ .iq-iki { grid-template-columns:1fr 1fr; } }
.iq-iki p { margin:0 0 1rem; color:var(--iq-ikincil); line-height:1.7; }
.iq-iki > * > :first-child { margin-top:0; }
.iq-iki > * > :last-child { margin-bottom:0; }

/* --- Tablo (5 sayfada) --- */
.iq-tablo-sar { overflow-x:auto; }
.iq-tablo { width:100%; border-collapse:collapse; font-size:.95rem; line-height:1.6; }
.iq-tablo thead th {
    text-align:left; padding:0 1.5rem .7rem 0;
    font-family:var(--iq-mono); font-size:.68rem; font-weight:600;
    letter-spacing:.09em; text-transform:uppercase; color:var(--iq-soluk);
    border-bottom:1px solid var(--iq-cizgi-2); white-space:nowrap;
}
.iq-tablo tbody th, .iq-tablo tbody td {
    padding:.9rem 0; vertical-align:top;
    border-bottom:1px solid var(--iq-cizgi);
}
.iq-tablo tbody th {
    text-align:left; font-weight:600; color:var(--iq-metin);
    padding-right:2rem; min-width:9rem;
}
.iq-tablo tbody td { color:var(--iq-ikincil); }
.iq-tablo tbody tr:last-child th,
.iq-tablo tbody tr:last-child td { border-bottom:0; }

/* --- Yan yana teknik bloklar (lisans tipleri / kosullari) --- */
.iq-spec { display:grid; gap:2.5rem 3.5rem; }
@media(min-width:900px){ .iq-spec { grid-template-columns:1fr 1fr; } }
.iq-spec__blok > .iq-h4 { margin:0 0 .5rem; }
.iq-spec__blok > .iq-tablo { margin-top:0; }

/* --- Kunye notu / sorumluluk aciklamasi --- */
.iq-not {
    max-width:52rem; margin:0; padding:.2rem 0 .2rem 1.25rem;
    border-left:2px solid var(--iq-cizgi-2);
    font-size:.9rem; line-height:1.7; color:var(--iq-ikincil);
}
.iq-not strong { color:var(--iq-metin); font-weight:600; }