/* ==========================================================================
   TamDesk tanitim sitesi
   BEEZUI (tema, dugme, rozet, akordeon) uzerine sitenin kendi bolumleri.
   Renkler tek yerde, jeton olarak; koyu tema data-theme="blue-dark" ile
   (portal ile ayni anahtar ve ayni tercih: "bxt-tema").
   ========================================================================== */

:root {
    --s-bg: #f6f8fc;
    --s-yuzey: #ffffff;
    --s-yuzey-2: #eef2f9;
    --s-metin: #0f172a;
    --s-soluk: #56627e;
    --s-cizgi: #dfe6f1;
    --s-mavi: #2f6fed;
    --s-mavi-yumusak: #e6eeff;
    --s-turkuaz: #0891b2;
    --s-turkuaz-yumusak: #dcf6fb;
    --s-mor: #6d4fe0;
    --s-mor-yumusak: #ece7ff;
    --s-yesil: #16a34a;
    --s-gece: #0b1220;
    --s-gece-2: #111b31;
    --s-golge: 0 1px 2px rgba(15, 23, 42, .05), 0 12px 32px -12px rgba(15, 23, 42, .14);
    --s-golge-buyuk: 0 30px 80px -24px rgba(8, 15, 35, .55);
    --s-kose: 18px;
    --s-genislik: 1180px;

    /* BEEZUI: tanitim sayfasinda daha yumusak koseler */
    --bz-radius: 10px;
    --bz-radius-lg: 14px;
}

:root[data-theme="blue-dark"] {
    --s-bg: #0b1220;
    --s-yuzey: #111a2e;
    --s-yuzey-2: #0e1628;
    --s-metin: #e6ecf7;
    --s-soluk: #9aa7c2;
    --s-cizgi: #1f2b46;
    --s-mavi: #6b98ff;
    --s-mavi-yumusak: rgba(91, 140, 255, .14);
    --s-turkuaz: #22d3ee;
    --s-turkuaz-yumusak: rgba(34, 211, 238, .12);
    --s-mor: #a78bfa;
    --s-mor-yumusak: rgba(167, 139, 250, .14);
    --s-yesil: #22c55e;
    --s-golge: 0 1px 2px rgba(0, 0, 0, .3), 0 16px 40px -16px rgba(0, 0, 0, .6);
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }

html { scroll-behavior: smooth; scroll-padding-top: calc(84px + var(--dil-serit, 0px)); -webkit-text-size-adjust: 100%; }
/* --dil-serit: dil oneri seridi gorunurken yuksekligi (site.js); yoksa 0. */
body { padding-top: var(--dil-serit, 0px); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
    margin: 0;
    font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--s-metin);
    background: var(--s-bg);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 { margin: 0; line-height: 1.2; letter-spacing: -.015em; }
p { margin: 0; }
a { color: var(--s-mavi); }
img, svg { display: block; }

/* Cizgi simgeler: sembollerin kendi rengi yok, bulunduklari yerin rengini alir. */
svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

:focus-visible { outline: 3px solid var(--s-mavi); outline-offset: 3px; border-radius: 6px; }

.kap { width: 100%; max-width: var(--s-genislik); margin: 0 auto; padding: 0 24px; }
.kap.dar { max-width: 820px; }

.atla {
    position: absolute; left: 16px; top: -60px; z-index: 100;
    padding: 10px 16px; border-radius: 10px;
    background: var(--s-mavi); color: #fff; text-decoration: none; font-weight: 600;
}
.atla:focus { top: 12px; }

/* BEEZUI dugmeleri: tanitim sayfasinda biraz daha iri ve yumusak */
.bz-btn { font-weight: 600; }
.bz-btn-lg { height: 42px; padding: 0 20px; font-size: 15px; }
.bz-btn-xl { height: 52px; padding: 0 28px; font-size: 16px; border-radius: 12px; }
.bz-btn .ok { width: 18px; height: 18px; transition: transform .2s; }
.bz-btn:hover .ok { transform: translateX(3px); }

/* --------------------------------------------------------------- Ust serit */
.ust {
    position: fixed; inset: var(--dil-serit, 0px) 0 auto 0; z-index: 50;
    transition: background .25s, box-shadow .25s, border-color .25s;
    border-bottom: 1px solid transparent;
    color: #e8eef9;
}
.ust.dolu {
    background: color-mix(in srgb, var(--s-yuzey) 82%, transparent);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
    backdrop-filter: saturate(160%) blur(14px);
    border-bottom-color: var(--s-cizgi);
    color: var(--s-metin);
}
/* Ust serit icerikten genis (1360): en/de menu etiketleri 1180'e sigmiyordu (olculdu:
   de 1331 px, en 1267 px gerekiyordu). */
.ust-ic { display: flex; align-items: center; gap: 28px; height: 72px; max-width: 1360px; }

.marka {
    display: inline-flex; align-items: center; gap: 10px;
    color: inherit; text-decoration: none;
    font-size: 19px; font-weight: 650; letter-spacing: -.01em;
}
.marka b { font-weight: 800; color: var(--s-turkuaz); }
.ust:not(.dolu) .marka b { color: #22d3ee; }
.marka-isaret { width: 34px; height: 34px; flex: none; object-fit: contain; }

.menu { display: flex; align-items: center; gap: 4px; margin-left: auto; }
/* Menu ogeleri KIRILMAZ: en/de etiketleri uzun, sikisinca "Who it's for" uc satira
   dusup menunun altindan tasiyordu (2026-09-30). Sigmiyorsa kirilma degil hamburger:
   esik asagidaki @media'da (1365: en uzun dil olan de, 1366'da sigacak sekilde olculdu). */
.menu > a {
    padding: 8px 10px; border-radius: 8px; white-space: nowrap;
    color: inherit; opacity: .82; text-decoration: none; font-size: 15px; font-weight: 500;
    transition: opacity .15s, background .15s;
}
.menu > a:hover { opacity: 1; background: color-mix(in srgb, currentColor 9%, transparent); }
.menu-dugmeler { display: flex; gap: 10px; margin-left: 14px; }
.ust:not(.dolu) .menu .bz-btn-ghost { color: #fff; border-color: rgba(255, 255, 255, .28); }
.ust:not(.dolu) .menu .bz-btn-ghost:hover { background: rgba(255, 255, 255, .1); }
.ust.dolu .menu .bz-btn-ghost { color: var(--s-metin); border-color: var(--s-cizgi); }
.ust.dolu .menu .bz-btn-ghost:hover { background: var(--s-yuzey-2); }

.ust-sag { display: flex; align-items: center; gap: 6px; }
.simge-dugme {
    display: inline-grid; place-items: center;
    width: 40px; height: 40px; padding: 0;
    border: 1px solid transparent; border-radius: 10px;
    background: transparent; color: inherit; cursor: pointer;
}
.simge-dugme:hover { background: color-mix(in srgb, currentColor 10%, transparent); }
.simge-dugme svg { width: 20px; height: 20px; }
.tema-ay { display: none !important; }
:root[data-theme="blue-dark"] .tema-ay { display: block !important; }
:root[data-theme="blue-dark"] .tema-gunes { display: none !important; }
.menu-ac { display: none; }

.menu > a svg { display: none; }

/* Hamburger: uc cizgi, acilinca X'e donusur. */
.hamburger { position: relative; display: block; width: 20px; height: 14px; }
.hamburger i {
    position: absolute; left: 0; width: 100%; height: 2px; border-radius: 2px;
    background: currentColor;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s, top .3s cubic-bezier(.4, 0, .2, 1);
}
.hamburger i:nth-child(1) { top: 0; }
.hamburger i:nth-child(2) { top: 6px; }
.hamburger i:nth-child(3) { top: 12px; }
[aria-expanded="true"] .hamburger i:nth-child(1) { top: 6px; transform: rotate(45deg); }
[aria-expanded="true"] .hamburger i:nth-child(2) { opacity: 0; transform: scaleX(.3); }
[aria-expanded="true"] .hamburger i:nth-child(3) { top: 6px; transform: rotate(-45deg); }

.menu-perde { display: none; }

@media (max-width: 1365px) {
    .menu-ac { display: inline-grid; }
    .ust-ic { justify-content: space-between; }
    .ust-sag { margin-left: auto; position: relative; z-index: 2; }
    /* backdrop-filter sabit konumlu paneli seride hapseder; dar ekranda opak zemin. */
    .ust.dolu {
        -webkit-backdrop-filter: none; backdrop-filter: none;
        background: color-mix(in srgb, var(--s-yuzey) 97%, transparent);
    }
    .marka { position: relative; z-index: 2; }

    /* Sagdan kayan panel; ust serit ustte kalir, kapatma dugmesi hep erisilir. */
    .menu {
        position: fixed; top: 0; right: 0; z-index: 1;
        width: min(360px, 88vw); height: 100vh; height: 100dvh;
        flex-direction: column; align-items: stretch; gap: 4px;
        margin: 0; padding: 84px 18px 16px;
        overflow-y: auto; overscroll-behavior: contain;
        background: var(--s-yuzey); color: var(--s-metin);
        border-left: 1px solid var(--s-cizgi);
        box-shadow: -30px 0 80px -30px rgba(8, 15, 35, .45);
        transform: translateX(104%); visibility: hidden;
        transition: transform .34s cubic-bezier(.4, 0, .2, 1), visibility .34s;
    }
    .menu.acik { transform: none; visibility: visible; }

    .menu > a {
        display: flex; align-items: center; gap: 12px;
        padding: 6px 10px; border-radius: 12px;
        font-size: 16.5px; font-weight: 600; opacity: 1;
        opacity: 0; transform: translateX(16px);
        transition: background .15s, opacity .3s, transform .3s;
    }
    .menu.acik > a { opacity: 1; transform: none; }
    .menu.acik > a:nth-child(1) { transition-delay: .05s; }
    .menu.acik > a:nth-child(2) { transition-delay: .08s; }
    .menu.acik > a:nth-child(3) { transition-delay: .11s; }
    .menu.acik > a:nth-child(4) { transition-delay: .14s; }
    .menu.acik > a:nth-child(5) { transition-delay: .17s; }
    .menu.acik > a:nth-child(6) { transition-delay: .20s; }
    .menu.acik > a:nth-child(7) { transition-delay: .23s; }
    .menu > a:hover, .menu > a[aria-current="page"] { background: var(--s-yuzey-2); }
    .menu > a svg {
        display: block; flex: none;
        width: 34px; height: 34px; padding: 8px; border-radius: 10px;
        background: var(--s-mavi-yumusak); color: var(--s-mavi);
    }
    .menu > a::after {
        content: ""; margin-left: auto; width: 8px; height: 8px;
        border-right: 2px solid var(--s-soluk); border-top: 2px solid var(--s-soluk);
        transform: rotate(45deg); opacity: .5;
    }

    /* Giris/Hesap ac panelin ustunde, yan yana: kisa ekranda kaydirmadan gorunsun
       (375x667'de altta kaliyordu). Yalniz oge listesi kayar. */
    .menu-dugmeler {
        order: -1; flex-direction: row; gap: 10px;
        margin: 0 0 8px; padding: 0 0 14px; border-bottom: 1px solid var(--s-cizgi);
    }
    .menu-dugmeler .bz-btn { flex: 1 1 0; min-width: 0; width: auto; height: 46px; font-size: 15.5px; }
    .ust:not(.dolu) .menu .bz-btn-ghost { color: var(--s-metin); border-color: var(--s-cizgi); }

    .menu-perde {
        display: block; position: fixed; inset: 0; z-index: 40;
        background: rgba(8, 15, 35, .42);
        -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
        opacity: 0; visibility: hidden;
        transition: opacity .3s, visibility .3s;
    }
    body.menu-acik .menu-perde { opacity: 1; visibility: visible; }
    body.menu-acik { overflow: hidden; }
    /* Panel aciksa ust serit panelle ayni zemine gecer. */
    body.menu-acik .ust { background: var(--s-yuzey); border-bottom-color: var(--s-cizgi); color: var(--s-metin); }
}
/* Telefon: ust serit icerigi ekrana daralir (marka + 3 dugme sabit ~397 px tutuyordu,
   hamburger 360'ta ekran disina tasiyordu). Dugmeler 40x40 kalir, marka ve bosluklar daralir. */
@media (max-width: 480px) {
    .ust-ic { gap: 8px; padding: 0 14px; }
    .marka { gap: 8px; min-width: 0; font-size: 18px; }
    .marka-isaret { width: 32px; height: 32px; }
    .marka .beta-rozet { margin-left: 0; padding: 1px 6px; font-size: 10px; }
    .ust-sag { gap: 2px; flex: none; }
    .dil-dugme { padding: 0 8px !important; }
}
@media (max-width: 349px) {
    .marka .beta-rozet { display: none; }
}
@media (max-width: 1365px) and (prefers-reduced-motion: reduce) {
    .menu, .menu > a, .menu-perde, .hamburger i { transition: none; }
}

/* ------------------------------------------------------------- Kahraman */
.kahraman {
    position: relative; overflow: hidden; isolation: isolate;
    display: flex; align-items: center;
    min-height: 100vh; min-height: 100svh;
    padding: 112px 0 72px;
    color: #e8eef9;
    background:
        radial-gradient(900px 520px at 78% 18%, rgba(59, 123, 255, .30), transparent 62%),
        radial-gradient(700px 480px at 8% 92%, rgba(34, 211, 238, .16), transparent 60%),
        linear-gradient(180deg, #0b1220 0%, #0d1628 100%);
}
.kahraman::after {
    /* bolum gecisi: altta sayfa rengine yumusak inis */
    content: ""; position: absolute; inset: auto 0 0 0; height: 90px; z-index: -1;
    background: linear-gradient(180deg, transparent, rgba(11, 18, 32, .6));
}
.kahraman-sahne { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; opacity: .9; }
.kahraman-ic { display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; }
/* Tek sutunlu kahraman (urun sayfalari): icerik ortada. */
.kahraman-ic.tek { grid-template-columns: 1fr; justify-items: center; text-align: center; }
.kahraman-ic.tek .giris-yazi, .kahraman-ic.tek .kahraman-metin { margin-left: auto; margin-right: auto; }
.kahraman-ic.tek .kahraman-dugmeler { justify-content: center; }

.ust-rozet {
    background: rgba(34, 211, 238, .12) !important;
    color: #7ee8f7 !important;
    border: 1px solid rgba(34, 211, 238, .3);
    letter-spacing: .02em;
}
.kahraman h1 {
    margin: 22px 0 20px;
    font-size: clamp(2.25rem, 4.6vw, 3.85rem);
    line-height: 1.07; letter-spacing: -.028em; font-weight: 750;
    color: #fff;
}
.vurgu {
    background: linear-gradient(92deg, #7aa5ff 0%, #22d3ee 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.giris-yazi { max-width: 560px; font-size: 1.14rem; line-height: 1.65; color: #b6c2da; }
.kahraman-dugmeler { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.kahraman-dugmeler .bz-btn-primary { box-shadow: 0 10px 30px -8px rgba(47, 111, 237, .75); }
.kahraman-maddeler {
    display: flex; flex-wrap: wrap; gap: 10px 24px;
    margin: 30px 0 0; padding: 0; list-style: none;
    font-size: 14.5px; color: #a9b6cf;
}
.kahraman-maddeler li { display: inline-flex; align-items: center; gap: 8px; }
.kahraman-maddeler svg { width: 18px; height: 18px; color: #22d3ee; stroke-width: 2.4; }

/* Urun vitrini */
.vitrin { position: relative; padding: 20px 10px 40px 30px; }
.pencere {
    position: relative;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04));
    border: 1px solid rgba(255, 255, 255, .13);
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
    box-shadow: var(--s-golge-buyuk), inset 0 1px 0 rgba(255, 255, 255, .08);
    overflow: hidden;
}
.pencere-ust {
    display: flex; align-items: center; gap: 7px;
    padding: 13px 16px; border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-size: 13px; color: #9fb0cf;
}
.pencere-ust i { width: 11px; height: 11px; border-radius: 50%; background: rgba(255, 255, 255, .16); }
.pencere-ust i:nth-child(1) { background: #f87171; }
.pencere-ust i:nth-child(2) { background: #fbbf24; }
.pencere-ust i:nth-child(3) { background: #34d399; }
.pencere-ust span { margin-left: 10px; font-weight: 600; }
.pencere-govde { padding: 18px; display: grid; gap: 10px; }

.ajan-bas { display: flex; align-items: center; gap: 12px; padding: 4px 4px 10px; }
.ajan-bas > svg {
    width: 42px; height: 42px; padding: 9px; border-radius: 12px;
    background: rgba(91, 140, 255, .16); color: #8fb0ff;
}
.ajan-bas strong { display: block; color: #fff; font-size: 15px; letter-spacing: .02em; }
.ajan-bas small, .klasor small, .yuzen small { display: flex; align-items: center; gap: 6px; color: #8d9bb8; font-size: 12.5px; }
.nokta { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.nokta.yesil { background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, .2); }
.nokta.mor { background: #a78bfa; box-shadow: 0 0 0 3px rgba(167, 139, 250, .22); }

.klasor {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 12px 14px; border-radius: 12px;
    background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .06);
}
.klasor-ad { flex: 1; min-width: 0; }
.klasor-ad b { display: block; color: #eef3fc; font-size: 14px; font-weight: 600; }
.cubuk { height: 5px; margin-top: 8px; border-radius: 99px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.cubuk span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #3b7bff, #22d3ee); animation: cubuk 3.2s ease-in-out infinite alternate; }
@keyframes cubuk { from { width: 38%; } to { width: 86%; } }
.durum { flex: none; padding: 4px 10px; border-radius: 99px; font-size: 12px; font-weight: 600; }
.durum.yesil { background: rgba(34, 197, 94, .14); color: #4ade80; }
.durum.mavi { background: rgba(91, 140, 255, .16); color: #9ab8ff; }
.durum.gri { background: rgba(255, 255, 255, .07); color: #a3b0c8; }

.surumler {
    margin-top: 4px; padding: 12px 14px; border-radius: 12px;
    border: 1px dashed rgba(255, 255, 255, .12);
}
.surumler > small { display: block; margin-bottom: 6px; color: #8d9bb8; font-size: 12px; }
.surum { display: flex; justify-content: space-between; padding: 5px 0; font-size: 13px; color: #c9d4e8; }
.surum em { font-style: normal; font-size: 12px; color: #4ade80; font-weight: 600; }
.surum em.geri { color: #7ee8f7; }

.yuzen {
    position: absolute; display: flex; align-items: center; gap: 12px;
    padding: 12px 16px; border-radius: 14px;
    background: rgba(17, 27, 49, .88);
    border: 1px solid rgba(255, 255, 255, .12);
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .6);
    font-size: 13px; color: #dfe7f5;
    animation: yuz 6s ease-in-out infinite;
}
.yuzen strong { display: block; color: #fff; font-size: 14px; }
.yuzen-destek { left: -8px; bottom: 0; }
.yuzen-ag { right: -6px; top: -4px; animation-delay: -3s; }
.yuzen-ag svg { width: 20px; height: 20px; color: #22d3ee; }
.mini-ekran {
    display: grid; grid-template-columns: 1fr 1fr; gap: 3px;
    width: 52px; height: 36px; padding: 4px; border-radius: 6px;
    background: linear-gradient(135deg, #1f3b76, #16264a); border: 1px solid rgba(255, 255, 255, .15);
}
.mini-ekran i { border-radius: 2px; background: rgba(255, 255, 255, .22); }
.mini-ekran i:first-child { grid-row: span 2; background: rgba(34, 211, 238, .45); }
@keyframes yuz { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

@media (max-width: 960px) {
    .kahraman { padding: 104px 0 64px; }
    .kahraman-ic { grid-template-columns: 1fr; gap: 48px; }
    .vitrin { max-width: 560px; padding: 20px 8px 44px; }
}
@media (max-width: 520px) {
    .kahraman-dugmeler .bz-btn { flex: 1 1 100%; }
    .yuzen-ag { right: 0; top: -10px; }
    .yuzen-destek { left: 0; }
}

/* --------------------------------------------------------------- Bolumler */
.bolum { padding: 104px 0; }
.bolum-ikincil { background: var(--s-yuzey-2); }
.bolum-bas { max-width: 740px; margin: 0 auto 56px; text-align: center; }
.bolum-bas h2, .iki-sutun h2 { font-size: clamp(1.75rem, 3.2vw, 2.55rem); font-weight: 750; letter-spacing: -.022em; }
.bolum-bas p, .iki-sutun > div > p { margin-top: 16px; font-size: 1.08rem; color: var(--s-soluk); }
.ust-baslik {
    display: inline-block; margin-bottom: 14px;
    font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    color: var(--s-mavi);
}

.kart {
    position: relative;
    padding: 30px;
    border-radius: var(--s-kose);
    background: var(--s-yuzey);
    border: 1px solid var(--s-cizgi);
    box-shadow: var(--s-golge);
    transition: transform .25s, box-shadow .25s, border-color .25s;
}
.kart:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--s-mavi) 35%, var(--s-cizgi)); }
.kart h3 { font-size: 1.3rem; font-weight: 700; }
.kart > p { margin-top: 10px; color: var(--s-soluk); }

.kart-simge {
    display: grid; place-items: center;
    width: 52px; height: 52px; margin-bottom: 20px; border-radius: 15px; flex: none;
}
.kart-simge svg { width: 26px; height: 26px; }
.kart-simge.mavi { background: var(--s-mavi-yumusak); color: var(--s-mavi); }
.kart-simge.turkuaz { background: var(--s-turkuaz-yumusak); color: var(--s-turkuaz); }
.kart-simge.mor { background: var(--s-mor-yumusak); color: var(--s-mor); }

.uclu { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ikili { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.dortlu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }

.tikli { margin: 22px 0 0; padding: 0; list-style: none; display: grid; gap: 11px; }
.tikli li { position: relative; padding-left: 30px; color: var(--s-metin); font-size: 15.5px; }
.tikli li::before {
    content: ""; position: absolute; left: 0; top: 3px;
    width: 20px; height: 20px; border-radius: 50%;
    background: var(--s-mavi-yumusak);
}
.tikli li::after {
    content: ""; position: absolute; left: 5px; top: 8px;
    width: 10px; height: 10px;
    background: var(--s-mavi);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12.5 5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12.5 5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.tikli li.yakinda-madde { padding-left: 0; color: var(--s-soluk); }
.tikli li.yakinda-madde::before, .tikli li.yakinda-madde::after { display: none; }
.tikli li.yakinda-madde .bz-badge { margin-right: 6px; vertical-align: 1px; }

.izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ozellik {
    padding: 28px; border-radius: var(--s-kose);
    background: var(--s-yuzey); border: 1px solid var(--s-cizgi);
}
.ozellik > svg { width: 30px; height: 30px; color: var(--s-mavi); margin-bottom: 18px; }
.ozellik h3 { font-size: 1.1rem; font-weight: 700; }
.ozellik p { margin-top: 8px; color: var(--s-soluk); font-size: 15.5px; }

@media (max-width: 960px) {
    .bolum { padding: 80px 0; }
    .uclu, .izgara { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
    .bolum { padding: 64px 0; }
    .bolum-bas { margin-bottom: 40px; }
    .uclu, .izgara, .ikili, .dortlu { grid-template-columns: 1fr; }
    .kart, .ozellik { padding: 24px; }
}

/* ---------------------------------------------------------------- Yerel ag */
.iki-sutun { display: grid; grid-template-columns: 1fr 1.05fr; gap: 64px; align-items: center; }
.yakinda {
    display: flex; gap: 12px; align-items: flex-start;
    margin-top: 28px; padding: 16px 18px; border-radius: 14px;
    background: var(--s-turkuaz-yumusak); border: 1px solid color-mix(in srgb, var(--s-turkuaz) 25%, transparent);
}
.yakinda p { margin: 0; font-size: 15px; color: var(--s-metin); }
.yakinda .bz-badge { flex: none; margin-top: 2px; }

.ag-cizim {
    margin: 0; padding: 26px; border-radius: 22px;
    background: var(--s-yuzey); border: 1px solid var(--s-cizgi); box-shadow: var(--s-golge);
}
.ag-cizim svg { width: 100%; height: auto; }
.ag-cizim figcaption { margin-top: 14px; font-size: 14px; color: var(--s-soluk); text-align: center; }
.ag-bulut text { fill: #fff; stroke: none; font-size: 15px; font-weight: 700; }
.ag-ofis { fill: var(--s-yuzey-2); stroke: var(--s-cizgi); stroke-width: 1.5; stroke-dasharray: 6 6; }
.ag-ofis-ad { fill: var(--s-soluk); stroke: none; font-size: 13px; font-weight: 600; }
.ag-hat { stroke-width: 2.5; stroke-dasharray: 7 7; animation: hat 1.6s linear infinite; }
.ag-hat-yerel { stroke: var(--s-turkuaz); }
.ag-hat-bulut { stroke: var(--s-mavi); opacity: .55; }
@keyframes hat { to { stroke-dashoffset: -28; } }
.ag-makine rect { fill: var(--s-yuzey); stroke: var(--s-mavi); stroke-width: 2; }
.ag-makine path { stroke: var(--s-mavi); stroke-width: 2.5; }
.ag-makine text { fill: var(--s-metin); stroke: none; font-size: 15px; font-weight: 700; }
.ag-paket { fill: var(--s-turkuaz); stroke: none; }
.ag-paket-bulut { fill: var(--s-mavi); }

@media (max-width: 960px) {
    .iki-sutun { grid-template-columns: 1fr; gap: 40px; }
}

/* ------------------------------------------------------------------ Adimlar */
.adimlar {
    position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;
    margin: 0; padding: 0; list-style: none; counter-reset: none;
}
.adimlar::before {
    content: ""; position: absolute; top: 27px; left: 16%; right: 16%; height: 2px;
    background: linear-gradient(90deg, var(--s-mavi), var(--s-turkuaz)); opacity: .35;
}
.adimlar li { position: relative; text-align: center; padding: 0 12px; }
.adim-no {
    position: relative; display: inline-grid; place-items: center;
    width: 56px; height: 56px; margin-bottom: 20px; border-radius: 50%;
    background: var(--s-yuzey); border: 2px solid var(--s-mavi);
    color: var(--s-mavi); font-size: 22px; font-weight: 800;
    box-shadow: 0 0 0 8px var(--s-yuzey-2);
}
.adimlar h3 { font-size: 1.2rem; font-weight: 700; }
.adimlar p { margin-top: 8px; color: var(--s-soluk); }

@media (max-width: 760px) {
    .adimlar { grid-template-columns: 1fr; gap: 36px; }
    .adimlar::before { display: none; }
}

/* ------------------------------------------------------------ Kimler icin */
.kitle { display: flex; flex-direction: column; }
.kitle-bas { display: flex; gap: 18px; align-items: center; }
.kitle-bas .kart-simge { margin-bottom: 0; }
.kitle-bas p { margin-top: 4px; color: var(--s-soluk); }
.kitle .tikli { flex: 1; margin-bottom: 28px; }
.kitle .bz-btn { align-self: flex-start; }
.kitle-kurum {
    background:
        linear-gradient(var(--s-yuzey), var(--s-yuzey)) padding-box,
        linear-gradient(135deg, color-mix(in srgb, var(--s-turkuaz) 60%, transparent), color-mix(in srgb, var(--s-mavi) 50%, transparent)) border-box;
    border: 1.5px solid transparent;
}

/* ---------------------------------------------------------------- Guvenlik */
.bolum-koyu {
    color: #e8eef9;
    background:
        radial-gradient(800px 420px at 85% 0%, rgba(59, 123, 255, .22), transparent 60%),
        linear-gradient(180deg, #0b1220, #0e1729);
}
.bolum-koyu .bolum-bas p { color: #a9b6cf; }
.bolum-koyu .ust-baslik { color: #7ee8f7; }
.bolum-koyu .ozellik { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .09); }
.bolum-koyu .ozellik > svg { color: #22d3ee; }
.bolum-koyu .ozellik p { color: #a9b6cf; }
.bolum-koyu .izgara { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1080px) { .bolum-koyu .izgara { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) { .bolum-koyu .izgara { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------- Paketler */
.paketler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
.paket { display: flex; flex-direction: column; }
.paket .tikli { flex: 1; margin-bottom: 28px; }
.paket-alt { margin-top: 6px; color: var(--s-soluk); }
.paket-fiyat {
    margin-top: 22px; padding-bottom: 22px; border-bottom: 1px solid var(--s-cizgi);
    font-size: 1.7rem; font-weight: 800; letter-spacing: -.02em;
}
.paket-one {
    border: 2px solid var(--s-mavi);
    box-shadow: 0 24px 60px -24px color-mix(in srgb, var(--s-mavi) 55%, transparent);
}
.paket-rozet { position: absolute; top: -12px; left: 30px; }
@media (max-width: 960px) {
    .paketler { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
}

/* --------------------------------------------------------------------- SSS */
.sss .bz-accordion-item { background: var(--s-yuzey); border-color: var(--s-cizgi) !important; }
.sss .bz-accordion-header { padding: 20px 24px; font-size: 16.5px; color: var(--s-metin); }
.sss .bz-accordion-item.open > .bz-accordion-header { color: var(--s-mavi); }
.sss .bz-accordion-body p { padding: 0 24px 22px; color: var(--s-soluk); font-size: 15.5px; }

/* ------------------------------------------------------------------ Cagri */
.cagri { padding: 0 24px; margin: 0 0 104px; background: transparent; }
.cagri-ic {
    display: flex; align-items: center; justify-content: space-between; gap: 32px;
    padding: 56px; border-radius: 26px; color: #fff;
    background:
        radial-gradient(600px 300px at 90% 0%, rgba(34, 211, 238, .35), transparent 60%),
        linear-gradient(120deg, #1f5fd9 0%, #173e9a 55%, #0f2a6b 100%);
    box-shadow: 0 30px 70px -30px rgba(31, 95, 217, .8);
    max-width: calc(var(--s-genislik) - 48px); margin: 0 auto;
}
.cagri h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 750; }
.cagri p { margin-top: 10px; color: #d3e0ff; font-size: 1.08rem; max-width: 560px; }
.cagri-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; flex: none; }
.cagri .bz-btn-light { background: #fff; border-color: #fff; color: #173e9a; }
.cagri .bz-btn-light:hover { background: #e8efff; }
@media (max-width: 860px) {
    .cagri { padding: 0 16px; margin-bottom: 72px; }
    .cagri-ic { flex-direction: column; align-items: flex-start; padding: 36px 28px; }
    .cagri-dugmeler { width: 100%; }
    .cagri-dugmeler .bz-btn { flex: 1 1 220px; }
}

/* ------------------------------------------------------------------- Alt */
.alt { border-top: 1px solid var(--s-cizgi); background: var(--s-yuzey); }
.alt-ic { display: flex; justify-content: space-between; gap: 48px; padding-top: 56px; padding-bottom: 40px; }
.alt-marka p { margin-top: 12px; color: var(--s-soluk); max-width: 280px; }
.alt .marka { color: var(--s-metin); }
/* "TamDesk, bir xTicari urunudur" satiri (urun ailesine baglanti). */
.alt-marka .alt-aile { margin-top: 8px; font-size: 14px; }
.alt-aile a { color: var(--s-metin); font-weight: 600; text-decoration: none; }
.alt-aile a:hover { text-decoration: underline; }
.alt-menu { display: grid; grid-template-columns: repeat(4, minmax(120px, auto)); gap: 32px; }
@media (max-width: 1080px) { .alt-ic { flex-direction: column; gap: 32px; } }
.alt-menu h4 { margin-bottom: 12px; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--s-soluk); }
.alt-menu a { display: block; padding: 4px 0; color: var(--s-metin); text-decoration: none; font-size: 15px; }
.alt-menu a:hover { color: var(--s-mavi); }
.alt-son {
    display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
    padding-top: 20px; padding-bottom: 28px; border-top: 1px solid var(--s-cizgi);
    font-size: 14px; color: var(--s-soluk);
}
@media (max-width: 760px) {
    .alt-ic { flex-direction: column; gap: 32px; }
    .alt-menu { grid-template-columns: 1fr 1fr; }
}

/* --------------------------------------------------- Kaydirirken belirme */
.belir { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.belir.gorundu { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    .belir { opacity: 1; transform: none; transition: none; }
    .yuzen, .cubuk span, .ag-hat { animation: none; }
}

/* ---------------------------------------------------------- Indirme sayfasi */
.menu > a[aria-current="page"] { opacity: 1; font-weight: 650; }

.sayfa-bas {
    position: relative; overflow: hidden; isolation: isolate;
    padding: 148px 0 88px; text-align: center; color: #e8eef9;
    background:
        radial-gradient(800px 420px at 50% 0%, rgba(59, 123, 255, .30), transparent 65%),
        linear-gradient(180deg, #0b1220 0%, #0d1628 100%);
}
.sayfa-bas h1 {
    margin: 20px 0 16px; color: #fff;
    font-size: clamp(2rem, 4.2vw, 3.2rem); font-weight: 750; letter-spacing: -.025em;
}
.sayfa-bas .giris-yazi { margin: 0 auto; }
.bolum-sikisik { padding-top: 0; }
.bolum-sikisik .platformlar { margin-top: -48px; position: relative; }

.platformlar { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 24px; align-items: start; }
.platform { display: flex; flex-direction: column; }
.platform h2 { font-size: 1.5rem; font-weight: 750; }
.platform-alt { margin: 4px 0 22px; color: var(--s-soluk); }
.platform-simge {
    display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 18px;
    border-radius: 16px; background: var(--s-yuzey-2); color: var(--s-soluk);
}
.platform-simge svg { width: 28px; height: 28px; }
.platform-ana .platform-simge { background: var(--s-mavi-yumusak); color: var(--s-mavi); }
.platform-ana .platform-simge svg { fill: currentColor; stroke: none; }
.platform-ana { border: 2px solid var(--s-mavi); box-shadow: 0 24px 60px -24px color-mix(in srgb, var(--s-mavi) 55%, transparent); }
.platform-rozet { position: absolute; top: 22px; right: 22px; }
.platform-not { margin-top: 12px; font-size: 14px; color: var(--s-soluk); }
.platform .bz-btn[disabled], .platform .bz-btn[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.platform .tikli { margin-top: 24px; }

.adim-baglanti {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 12px;
    font-weight: 600; text-decoration: none; color: var(--s-mavi);
}
.adim-baglanti svg { width: 16px; height: 16px; transition: transform .2s; }
.adim-baglanti:hover svg { transform: translateX(3px); }

.iki-sutun-ust { align-items: start; }
.gereksinim { margin: 28px 0 0; display: grid; gap: 0; border-top: 1px solid var(--s-cizgi); }
.gereksinim > div {
    display: grid; grid-template-columns: 160px 1fr; gap: 16px;
    padding: 16px 0; border-bottom: 1px solid var(--s-cizgi);
}
.gereksinim dt { font-weight: 650; }
.gereksinim dd { margin: 0; color: var(--s-soluk); }
.bilgi-kartlari { display: grid; gap: 20px; }

@media (max-width: 960px) {
    .platformlar { grid-template-columns: 1fr; max-width: 560px; margin-left: auto; margin-right: auto; }
}
@media (max-width: 520px) {
    .sayfa-bas { padding: 120px 0 80px; }
    .gereksinim > div { grid-template-columns: 1fr; gap: 4px; }
}

/* ---------------------------------------------------- Metin sayfalari */
.taslak-not {
    margin: 0 0 32px; padding: 16px 20px; border-radius: 14px;
    background: #fef3c7; border: 1px solid #f59e0b; color: #92400e;
    font-weight: 600; font-size: 15px;
}
:root[data-theme="blue-dark"] .taslak-not { background: rgba(245, 158, 11, .14); border-color: rgba(245, 158, 11, .45); color: #fbbf24; }

.metin section { margin-top: 48px; }
.metin section h2 { font-size: 1.3rem; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid var(--s-cizgi); }
.metin section > p { margin-top: 14px; color: var(--s-soluk); }
.metin section > p > strong { color: var(--s-metin); }
.metin ul { margin: 14px 0 0; padding-left: 22px; }
.metin li { margin-top: 8px; color: var(--s-soluk); }

/* ------------------------------------------------------- Dil secici */
.dil-secici { position: relative; }
.dil-dugme { display: inline-flex !important; align-items: center; width: auto !important; padding: 0 10px !important; gap: 6px; font-size: 13px; font-weight: 700; letter-spacing: .04em; }
.dil-dugme svg { width: 18px; height: 18px; }
.dil-menu {
    position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; min-width: 180px; padding: 6px;
    border-radius: 12px; border: 1px solid var(--s-cizgi); background: var(--s-yuzey, #fff);
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .35);
}
.dil-menu[hidden] { display: none; }
.dil-menu a {
    display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px;
    color: var(--s-metin); text-decoration: none; font-size: 14.5px; font-weight: 500;
}
.dil-menu a:hover, .dil-menu a:focus-visible { background: color-mix(in srgb, currentColor 8%, transparent); outline: none; }
.dil-menu a[aria-current="true"] { font-weight: 700; }
.dil-menu a[aria-current="true"]::after { content: "✓"; margin-left: auto; color: var(--s-mavi); }
.dil-menu .bayrak { stroke: none; width: 22px; height: 15px; flex: none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .12); }

/* Dil oneri seridi (site.js): arama motoru yanlis dildeki surumu gosterdiginde
   kullaniciya kendi diline gecme onerisi. YONLENDIRME DEGIL -- oneri; secim
   kullanicinin, arama motoru botu etkilenmez. Kapatilinca secim hatirlanir. */
.dil-serit {
    position: fixed; inset: 0 0 auto 0; z-index: 60;
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 10px 16px; background: #eaf2fb; color: #12305c;
    border-bottom: 1px solid #c9dcf3; font-size: 14.5px;
}
.dil-serit-dugme {
    color: #0e61fc; font-weight: 600; text-decoration: underline; white-space: nowrap;
}
.dil-serit-kapat {
    margin-left: auto; background: none; border: 0; cursor: pointer;
    font-size: 20px; line-height: 1; color: #5a6673; padding: 0 4px;
}
.dil-serit-kapat:hover { color: #12305c; }
@media (prefers-color-scheme: dark) {
    .dil-serit { background: #16243a; color: #cfe0ff; border-bottom-color: #2a3550; }
    .dil-serit-kapat { color: #8fa0bd; }
    .dil-serit-kapat:hover { color: #cfe0ff; }
}

/* ------------------------------------------------------------------ Iletisim */
/* Ana sayfa bolumu ve iletisim.html: solda kunye (sirket bilgisi), sagda form.
   Kunye degerlerinden telefon ve saatler yayin sirasinda gomulur (build/site-kunye.py). */
.iletisim-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: 28px; align-items: start; }
.iletisim-izgara.tekli { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }

.kunye { display: flex; flex-direction: column; }
.kunye .kart-simge { margin-bottom: 18px; }
.kunye h3 { font-size: 1.25rem; font-weight: 750; }
.kunye > p { margin-top: 8px; color: var(--s-soluk); font-size: 15px; }
.kunye-liste { margin: 22px 0 0; display: grid; gap: 0; border-top: 1px solid var(--s-cizgi); }
.kunye-liste > div { display: grid; grid-template-columns: 128px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--s-cizgi); }
.kunye-liste dt { font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--s-soluk); padding-top: 2px; }
.kunye-liste dd { margin: 0; color: var(--s-metin); font-size: 15px; overflow-wrap: anywhere; }
.kunye-liste dd a { color: var(--s-mavi); text-decoration: none; font-weight: 600; }
.kunye-liste dd a:hover { text-decoration: underline; }
.kunye-unvan { font-weight: 700; }
.kunye-not { margin-top: 18px; font-size: 13.5px; color: var(--s-soluk); }
.kunye-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }

.iletisim-form { display: grid; gap: 16px; }
.iletisim-form .alan-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.iletisim-form label { display: grid; gap: 6px; font-size: 14.5px; font-weight: 600; color: var(--s-metin); }
.iletisim-form label > span.ek { font-weight: 400; color: var(--s-soluk); font-size: 13px; }
.iletisim-form input, .iletisim-form select, .iletisim-form textarea {
    width: 100%; font: inherit; font-size: 15px; color: var(--s-metin);
    padding: 11px 14px; border-radius: 12px;
    border: 1px solid var(--s-cizgi); background: var(--s-yuzey-2);
    transition: border-color .15s, box-shadow .15s, background .15s;
}
.iletisim-form textarea { resize: vertical; min-height: 140px; line-height: 1.5; }
.iletisim-form select { appearance: none; -webkit-appearance: none; padding-right: 38px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356627e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 18px; }
.iletisim-form input:focus, .iletisim-form select:focus, .iletisim-form textarea:focus {
    outline: none; border-color: var(--s-mavi); background: var(--s-yuzey);
    box-shadow: 0 0 0 4px var(--s-mavi-yumusak);
}
.iletisim-form .hatali input, .iletisim-form .hatali select, .iletisim-form .hatali textarea { border-color: #dc2626; }
.iletisim-form .alan-hata { display: none; font-size: 13px; font-weight: 500; color: #dc2626; }
.iletisim-form .hatali .alan-hata { display: block; }
/* Bal kupu: gorsel olarak ve erisilebilirlik agacinda yok; bot yine de doldurur. */
.iletisim-form .bk { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.iletisim-form .onay { grid-template-columns: auto 1fr; align-items: start; gap: 10px; font-weight: 400; font-size: 14px; color: var(--s-soluk); cursor: pointer; }
.iletisim-form .onay input { width: 18px; height: 18px; margin-top: 2px; padding: 0; accent-color: var(--s-mavi); }
.iletisim-form .onay a { color: var(--s-mavi); font-weight: 600; }
.iletisim-form .form-alt { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.iletisim-form .form-alt small { color: var(--s-soluk); font-size: 13px; }
.form-durum {
    margin: 0; padding: 12px 16px; border-radius: 12px; font-size: 14.5px; font-weight: 500;
    border: 1px solid var(--s-cizgi); background: var(--s-yuzey-2); color: var(--s-metin);
}
.form-durum.basari { background: rgba(22, 163, 74, .10); border-color: rgba(22, 163, 74, .35); color: #15803d; }
.form-durum.hata { background: rgba(220, 38, 38, .08); border-color: rgba(220, 38, 38, .35); color: #b91c1c; }
:root[data-theme="blue-dark"] .form-durum.basari { color: #4ade80; }
:root[data-theme="blue-dark"] .form-durum.hata { color: #f87171; }
.iletisim-form button[disabled] { opacity: .6; cursor: progress; }

@media (max-width: 960px) {
    .iletisim-izgara, .iletisim-izgara.tekli { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .iletisim-form .alan-ikili { grid-template-columns: 1fr; }
    .kunye-liste > div { grid-template-columns: 1fr; gap: 4px; }
    .iletisim-form .form-alt .bz-btn { width: 100%; }
}

/* Alt bilgi kunyesi: unvan sicildeki gibi, adres, e-posta, telefon (gomulu). */
.alt-kunye {
    flex-basis: 100%; font-size: 13.5px; color: var(--s-soluk); line-height: 1.6;
}
.alt-kunye b { color: var(--s-metin); font-weight: 650; }
.alt-kunye a { color: var(--s-metin); text-decoration: none; }
.alt-kunye a:hover { text-decoration: underline; }
@media (max-width: 1365px) { .menu.acik > a:nth-child(8) { transition-delay: .26s; } }

/* ------------------------------------------------ Erken erisim (beta) donemi
   2026-09-30: imza sertifikasi gelene kadar durust isaretler. Kaldirirken: HTML'deki
   .beta-rozet, .erken-erisim, .imza-notu bloklari ve SSS antivirus maddesi. */
.beta-rozet {
    display: inline-block; margin-left: 8px; padding: 2px 7px; border-radius: 999px;
    font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
    line-height: 1.4; vertical-align: middle;
    border: 1px solid currentColor; opacity: .75;
}
.erken-erisim { margin-top: 12px; color: var(--s-soluk); font-size: 15px; }
.erken-erisim .beta-rozet { margin: 0 8px 0 0; color: var(--s-mavi); opacity: 1; }
.imza-notu h2 { font-size: 1.15rem; font-weight: 750; }
.imza-notu > p { margin-top: 8px; color: var(--s-soluk); }
.kurulum-ozet { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--s-cizgi); }
.kurulum-ozet-bas { font-size: 13px; color: var(--s-soluk); }
.kurulum-sha {
    display: block; margin-top: 6px; padding: 10px 12px; border-radius: 10px;
    background: var(--s-yuzey-2); font-size: 13px; word-break: break-all; user-select: all;
}
.kurulum-komut { margin-top: 12px; font-size: 13px; }
.kurulum-komut code { padding: 2px 6px; border-radius: 6px; background: var(--s-yuzey-2); }
.kurulum-komut-not { margin-top: 4px; font-size: 13px; color: var(--s-soluk); }