/* Site geneli görsel ince ayarlar — derlenmiş Tailwind'in üstüne, içerik değiştirmeden */

/* Tipografi: başlıklarda tek kelimelik yetim satır kalmasın, paragraflar dengeli kırılsın */
h1, h2, h3, h4 { text-wrap: balance; }
p, li { text-wrap: pretty; }
::selection { background: rgba(249, 115, 22, .22); color: inherit; }

/* Klavye ile gezinmede görünür odak */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible, summary:focus-visible {
    outline: 2px solid #F97316;
    outline-offset: 3px;
    border-radius: 6px;
}

/* Footer: sütunlar sıkışmasın, linkler okunur olsun */
.site-footer-grid a, .site-footer-grid li > span { color: #9CA3AF; }
.site-footer-grid a:hover { color: #FB923C; }
.site-footer-grid h3 { font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #F3F4F6; margin-bottom: .75rem; }
.site-footer-grid li { line-height: 1.5; }
@media (min-width: 1024px) {
    .site-footer-grid { grid-template-columns: 1.5fr 1.25fr 1.25fr 1fr 1fr 1.35fr; column-gap: 2rem; }
    .site-footer-grid > * { grid-column: auto !important; }
    .site-footer-grid li a, .site-footer-grid li > span { white-space: nowrap; }
}

/* Ana sayfa blog ızgarası: öne çıkan yazı solda iki satır, diğerleri sağda alt alta */
@media (min-width: 1024px) {
    .home-blog-grid > :first-child { grid-row: span 2; }
    .home-blog-grid > :first-child h3 { font-size: 1.875rem; line-height: 1.25; letter-spacing: -.01em; }
}

/* Vurgulu başlık kelimesi: işaretleyici çizgi metnin altında dursun (üstü çizili görünmesin) */
.heading-marker { bottom: -.12em !important; height: .32em !important; opacity: .85; }

/* Referans logoları: tek tip beyaz kart, renkli logo */
.ref-chip{margin-right:14px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:14px;transition:transform .2s ease,box-shadow .2s ease}
.ref-chip--sm{height:48px;min-width:120px;padding:8px 16px}
.ref-chip--md{height:72px;min-width:160px;padding:12px 22px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.ref-chip img{display:block;width:auto;height:auto;object-fit:contain}
.ref-chip--sm img{max-height:30px;max-width:120px}
.ref-chip--md img{max-height:46px;max-width:150px}
.ref-chip-text{font-weight:800;letter-spacing:.06em;color:#0f172a;white-space:nowrap;font-size:13px}
.ref-chip--md .ref-chip-text{font-size:15px}
a.ref-chip:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(15,23,42,.12)}

/* ===== Header menüsü ===== */
.site-nav{display:flex;width:100%;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;font-size:.875rem}
.nav-item{position:relative}
.nav-trigger{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .6rem;border-radius:.5rem;font-weight:500;color:#374151;transition:color .15s,background-color .15s}
.nav-trigger:hover,.nav-item:focus-within>.nav-trigger{color:#f97316;background:#fff7ed}
.nav-trigger--accent{color:#f97316}
.nav-chevron{width:.85rem;height:.85rem;flex-shrink:0;transition:transform .2s}
.nav-item:hover .nav-chevron,.nav-item:focus-within .nav-chevron{transform:rotate(180deg)}
.nav-panel{position:absolute;top:100%;left:50%;z-index:40;padding-top:.6rem;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;white-space:normal}
.nav-item:hover>.nav-panel,.nav-item:focus-within>.nav-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-panel-inner{background:#fff;border:1px solid #eef0f3;border-radius:1rem;box-shadow:0 24px 48px -16px rgba(15,23,42,.22)}
.nav-mega{width:min(880px,calc(100vw - 2rem));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem 1rem;padding:1.25rem 1.25rem .75rem}
.nav-col-title{margin:0;padding:0 .6rem .5rem;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#94a3b8}
.nav-link{display:flex;align-items:flex-start;gap:.7rem;padding:.55rem .6rem;border-radius:.65rem;transition:background-color .15s}
.nav-link:hover,.nav-link:focus-visible{background:#fff7ed}
.nav-ico{display:flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.55rem;background:#fff7ed;color:#ea580c;transition:background-color .15s,color .15s}
.nav-link:hover .nav-ico{background:#f97316;color:#fff}
.nav-link-title{display:block;font-size:.875rem;font-weight:600;line-height:1.3;color:#0f172a}
.nav-link:hover .nav-link-title{color:#ea580c}
.nav-link-desc{display:block;margin-top:.15rem;font-size:.76rem;line-height:1.35;color:#64748b}
.nav-mega-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;margin-top:.5rem;padding:.8rem .6rem .25rem;border-top:1px solid #f1f5f9;font-size:.8rem;color:#475569}
.nav-mega-foot a:hover{color:#ea580c}
.nav-mega-foot-label{font-weight:600;color:#0f172a}
.nav-mega-all{margin-left:auto;font-weight:600;color:#ea580c}
.nav-list{width:22rem;padding:.5rem}
.nav-list--narrow{width:15rem}
.nav-link--row{align-items:center;justify-content:space-between}
.nav-price{flex-shrink:0;border-radius:999px;background:#fff7ed;padding:.12rem .5rem;font-size:.72rem;font-weight:700;color:#ea580c}
.nav-list-all{display:block;margin-top:.25rem;padding:.6rem .6rem .35rem;border-top:1px solid #f1f5f9;font-size:.8rem;font-weight:600;color:#ea580c}
@media (min-width:1280px){.site-nav{gap:.5rem}}
@media (max-width:1150px){.nav-trigger{padding:.5rem .4rem}}

/* Mobil menü */
.mobile-nav-group{border-bottom:1px solid #f1f5f9}
.mobile-nav-group summary{display:flex;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;padding:.7rem .75rem;font-weight:600;color:#1f2937}
.mobile-nav-group summary::-webkit-details-marker{display:none}
.mobile-nav-group[open] summary{color:#ea580c}
.mobile-nav-group[open] .nav-chevron{transform:rotate(180deg)}
.mobile-nav-label{margin:.4rem 0 .15rem;padding:0 .75rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}
.mobile-nav-sub{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-left:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.9rem;color:#4b5563}
.mobile-nav-sub:hover{background:#fff7ed;color:#ea580c}
.mobile-nav-more{margin-bottom:.5rem;font-weight:600;color:#ea580c}
.mobile-nav-link{display:block;padding:.7rem .75rem;border-bottom:1px solid #f1f5f9;font-weight:600;color:#1f2937}
.mobile-nav-link:hover{color:#ea580c}
.mobile-nav-link--accent{color:#f97316}
.site-nav{position:relative}
.nav-item--mega{position:static}

/* ===== Header tipi: iletişim şeridi + cam efektli, kaydırınca incelen bar ===== */
.site-topbar{background:#0b0f19;color:rgba(255,255,255,.66);font-size:.75rem;line-height:1}
.site-topbar>div{height:2.25rem}
.site-topbar-note{display:flex;align-items:center;gap:.5rem;margin:0}
.site-topbar-dot{width:.4rem;height:.4rem;border-radius:999px;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.site-topbar-links{display:flex;align-items:center;gap:1.25rem}
.site-topbar-links a{color:rgba(255,255,255,.72);transition:color .15s}
.site-topbar-links a:hover{color:#fff}
.site-topbar-links .site-topbar-strong{color:#fdba74;font-weight:600}
.site-header{background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(15,23,42,.06);transition:box-shadow .25s ease,background-color .25s ease}
.site-header.is-scrolled{background:rgba(255,255,255,.94);box-shadow:0 8px 30px -12px rgba(15,23,42,.18)}
.site-header-bar{height:4.5rem;transition:height .25s ease}
.site-header.is-scrolled .site-header-bar{height:3.75rem}
@media (max-width:1023px){.site-header-bar{height:4rem}}
.site-header .site-logo{transition:transform .25s ease;transform-origin:left center}
.site-header.is-scrolled .site-logo{transform:scale(.92)}
.nav-trigger{position:relative;font-weight:600;letter-spacing:-.005em;color:#1f2937}
.nav-trigger::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:.2rem;height:2px;border-radius:2px;background:linear-gradient(90deg,#f97316,#fb923c);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.nav-trigger:hover::after,.nav-trigger.is-active::after,.nav-item:focus-within>.nav-trigger::after{transform:scaleX(1)}
.nav-trigger:hover,.nav-item:focus-within>.nav-trigger{background:transparent;color:#ea580c}
.nav-trigger.is-active{color:#ea580c}
.nav-trigger--accent{color:#f97316}
.nav-phone{display:inline-flex;width:2.4rem;height:2.4rem;align-items:center;justify-content:center;border-radius:999px;border:1px solid #e5e7eb;color:#475569;transition:border-color .15s,color .15s,background-color .15s}
.nav-phone:hover{border-color:#fdba74;color:#ea580c;background:#fff7ed}
.nav-cta{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;border-radius:999px;padding:.55rem 1rem;font-size:.8rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 8px 20px -8px rgba(234,88,12,.65),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s ease,box-shadow .15s ease}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(234,88,12,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.nav-cta-arrow{width:.95rem;height:.95rem;transition:transform .15s ease}
.nav-cta:hover .nav-cta-arrow{transform:translateX(2px)}
@media (min-width:640px){.nav-cta{padding:.65rem 1.25rem;font-size:.875rem}}
@media (max-width:420px){.nav-cta-arrow{display:none}.nav-cta{padding:.5rem .8rem;font-size:.72rem}}
.nav-panel{padding-top:.9rem}

/* Referans bandı kenar geçişi: üst katman yerine maske (beyaz kart kenarı çizgi gibi görünmesin) */
.references-marquee-viewport{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3rem,#000 calc(100% - 3rem),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3rem,#000 calc(100% - 3rem),transparent 100%)}
.references-marquee-viewport>.pointer-events-none{display:none}

/* Logosu olmayan referanslar: logo görünümlü yazı */
.ref-wordmark{display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap}
.ref-wm-mark{display:inline-flex;width:1.9rem;height:1.9rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;color:#fff;font-weight:800;font-size:.95rem;letter-spacing:0;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.ref-wm-text{display:flex;flex-direction:column;line-height:1}
.ref-wm-brand{font-weight:800;font-size:.86rem;letter-spacing:.04em;text-transform:uppercase;color:#0f172a}
.ref-wm-desc{margin-top:.22rem;font-weight:600;font-size:.56rem;letter-spacing:.32em;text-transform:uppercase;color:#64748b}
.ref-chip--sm .ref-wm-mark{width:1.55rem;height:1.55rem;font-size:.8rem;border-radius:.4rem}
.ref-chip--sm .ref-wm-brand{font-size:.74rem}
.ref-chip--sm .ref-wm-desc{font-size:.5rem;letter-spacing:.26em}