/* Palet — kurumsal koyu tema: gece laciverti, camgöbeği vurgu, kehribar çağrı rengi, IBM Plex, keskin köşeler */
:root {
    color-scheme: dark;
    --ink: #eef4fb; --text: #b3c1d6; --muted: #8496b0;
    --bg: #0a1424; --bg-alt: #0e1b30; --line: #213252; --card: #112139;
    --r: 6px; --r-sm: 4px; --r-lg: 8px; --btn-r: 4px;
    --shadow: 0 14px 34px rgba(0, 0, 0, .35); --shadow-lg: 0 26px 60px rgba(0, 0, 0, .5);
    --head: 'IBM Plex Sans', system-ui, sans-serif; --body: 'IBM Plex Sans', system-ui, sans-serif; --head-w: 600; --header: 76px;
    --mono: 'IBM Plex Mono', ui-monospace, monospace; --navy: #0a1424;
}
body { background: var(--bg); color: var(--text); }
h1 { font-size: clamp(2.3rem, 4.6vw, 3.9rem); letter-spacing: -.02em; line-height: 1.08; }
h2, .h2 { letter-spacing: -.015em; }
.kicker { font-family: var(--mono); font-weight: 600; color: var(--primary); letter-spacing: .14em; font-size: .74rem; }
.kicker::before { content: '// '; opacity: .6; }
.lead { color: var(--text); }
.btn { font-weight: 600; letter-spacing: .01em; }
.btn-accent { background: var(--accent); color: #111a2a; }
.btn-accent:hover { background: #ffb83d; color: #111a2a; }
.btn-primary { background: var(--primary); color: #07121f; }
.btn-primary:hover { color: #07121f; background: #4cc9f0; }
.btn-soft { background: transparent; border-color: var(--line); color: var(--ink); }
.btn-soft:hover { border-color: var(--primary); color: var(--primary); background: transparent; }
.btn-outline { background: transparent; border-color: var(--line); color: var(--ink); }
.btn-ghost { border-color: rgba(255, 255, 255, .35); }

/* Menü: koyu, düz */
.site-header { background: rgba(10, 20, 36, .96); border-bottom: 1px solid var(--line); backdrop-filter: blur(8px); }
.site-header.scrolled { box-shadow: 0 10px 30px rgba(0, 0, 0, .4); }
.brand, .brand:hover { color: var(--ink); }
.brand-mark { background: transparent; border: 2px solid var(--primary); color: var(--primary); border-radius: 4px; }
.brand-text strong { font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.brand-text small { font-family: var(--mono); color: var(--primary); letter-spacing: .1em; }
.nav-list > li > a { color: var(--text); font-weight: 500; }
.nav-list > li > a:hover, .nav-list > li > a.on { color: #fff; box-shadow: inset 0 -2px 0 var(--primary); border-radius: 0; }
.phone-chip { color: var(--ink); font-family: var(--mono); font-weight: 600; }
.drop { background: var(--card); border-color: var(--line); }
.drop a { color: var(--text); }
.drop a:hover { background: var(--bg-alt); color: var(--primary); }
.drop-ic { background: var(--bg-alt); }
.nav-toggle { background: var(--card); }
.nav-toggle span { background: var(--ink); }

/* Hero: tam ekran fotoğraf + mod seçici */
.p-hero { position: relative; min-height: min(92vh, 860px); display: flex; flex-direction: column; justify-content: flex-end; padding: 120px 0 0; background: #07101d; overflow: hidden; }
.p-hero::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(7, 16, 29, .95) 0%, rgba(7, 16, 29, .72) 45%, rgba(7, 16, 29, .25) 100%), linear-gradient(0deg, rgba(7, 16, 29, .95) 0%, transparent 40%); }
.p-hero-in { position: relative; z-index: 2; max-width: 1220px; padding-bottom: 60px; }
.p-hero h1 { color: #fff; max-width: 760px; margin-bottom: 18px; }
.p-hero .lead { color: rgba(238, 244, 251, .82); max-width: 620px; }
.p-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: var(--mono); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: var(--primary); margin-bottom: 22px; }
.p-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(245, 165, 36, .2); }
.p-modes { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(255, 255, 255, .12); border-bottom: 0; background: rgba(10, 20, 36, .72); backdrop-filter: blur(10px); }
.p-mode { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 14px; align-items: center; padding: 22px 24px; color: var(--ink); border-right: 1px solid rgba(255, 255, 255, .1); transition: background .25s; }
.p-mode:last-child { border-right: 0; }
.p-mode:hover { background: rgba(34, 184, 230, .12); color: #fff; }
.p-mode-no { position: absolute; top: 10px; right: 14px; font-family: var(--mono); font-size: .72rem; color: var(--muted); }
.p-mode-ic { grid-row: span 2; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 4px; background: rgba(34, 184, 230, .14); color: var(--primary); }
.p-mode strong { font-size: .98rem; line-height: 1.3; }
.p-mode small { font-family: var(--mono); font-size: .76rem; color: var(--accent); }

/* Rakamlar */
.stats-band.p-stats { background: var(--bg-alt); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--ink); }
.p-stats .stat-item strong { font-family: var(--mono); color: var(--primary); font-weight: 600; }
.p-stats .stat-item span { color: var(--muted); }
.p-stats .stat-item + .stat-item { border-left: 1px solid var(--line); }

/* Kartlar */
.card { background: var(--card); border: 1px solid var(--line); box-shadow: none; }
.card:hover { border-color: var(--primary); box-shadow: var(--shadow); }
.c-body h3 a { color: var(--ink); }
.c-ic { background: rgba(34, 184, 230, .12); color: var(--primary); border-radius: 4px; }
.svc-card.has-img .c-ic { background: var(--primary); color: #07121f; box-shadow: none; }
.c-meta { background: var(--bg-alt); color: var(--text); font-family: var(--mono); font-weight: 500; }
.c-more { color: var(--accent); }
.c-cat { color: var(--primary); font-family: var(--mono); }
.c-badge { background: var(--accent); color: #111a2a; border-radius: 3px; }
.c-attrs { border-color: var(--line); }
.c-attrs b { color: var(--ink); font-family: var(--mono); font-weight: 500; font-size: .84rem; }
.c-tags li { background: var(--bg-alt); color: var(--text); }
.p-routes .item-card .c-media { aspect-ratio: 16 / 9; }
.p-routes .c-body > p:not(.c-loc) { display: none; }
.c-loc { color: var(--text); }
.p-initials { background: linear-gradient(150deg, #16345a, #0e1b30); }
.p-initials span { color: var(--primary); font-family: var(--mono); font-weight: 600; }
.team-card .c-media { aspect-ratio: 4 / 3; }
.c-role { color: var(--accent); }

/* Konteyner tablosu */
.p-cont-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 34px; flex-wrap: wrap; }
.p-cont-head h2 { margin: 0; }
.p-cont-head p { max-width: 460px; margin: 0; color: var(--muted); }
.p-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r); }
.p-table { width: 100%; border-collapse: collapse; font-size: .95rem; min-width: 720px; }
.p-table th, .p-table td { padding: 16px 18px; text-align: left; border-bottom: 1px solid var(--line); }
.p-table thead th { background: #0c192c; font-family: var(--mono); font-size: .74rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--muted); }
.p-table tbody th { color: var(--ink); font-weight: 600; white-space: nowrap; }
.p-table tbody tr:last-child > * { border-bottom: 0; }
.p-table tbody tr:hover { background: rgba(34, 184, 230, .06); }
.p-table .mono { font-family: var(--mono); color: var(--primary); white-space: nowrap; }

/* Adımlar, hakkımızda, yorumlar */
.steps li { background: var(--card); border-color: var(--line); border-top: 3px solid var(--primary); border-radius: 0 0 var(--r) var(--r); }
.st-ic, .f-ic { background: rgba(34, 184, 230, .12); color: var(--primary); border-radius: 4px; }
.st-no { color: #1b2f4f; font-family: var(--mono); }
.about-media img { border-radius: var(--r); filter: saturate(.9); }
.about-badge { background: var(--accent); color: #111a2a; border-radius: 4px; }
.about-badge strong { font-family: var(--mono); }
.tick-list li { color: var(--ink); }
.tick-list li > span { background: transparent; border: 1px solid var(--primary); color: var(--primary); border-radius: 3px; }
.quote-card { background: var(--card); border: 1px solid var(--line); border-left: 3px solid var(--accent); }
.quote-card blockquote { color: var(--text); }
.quote-card figcaption b { color: var(--ink); }
.q-stars { color: var(--accent); }
.q-ic { color: rgba(34, 184, 230, .5); }
.post-card .c-date { font-family: var(--mono); font-size: .76rem; }

/* SSS + form */
.faq { background: var(--card); border-color: var(--line); border-radius: var(--r); }
.faq summary { color: var(--ink); font-weight: 500; }
.faq summary i { background: var(--bg-alt); }
.faq[open] summary i { background: var(--primary); color: #07121f; }
.faq-a { color: var(--text); }
.form-card { background: var(--card); border: 1px solid var(--line); border-top: 3px solid var(--accent); box-shadow: none; }
.field label { color: var(--ink); }
.field input, .field select, .field textarea { background: #0b1729; border-color: var(--line); color: var(--ink); border-radius: 4px; }
.field input::placeholder, .field textarea::placeholder { color: #5d6f8a; }
.check { color: var(--text); }
.c-card { background: var(--card); border: 1px solid var(--line); }
.c-card > span { background: var(--bg-alt); }
.c-card strong { color: var(--ink); }

/* İç sayfalar */
.page-hero { background: linear-gradient(120deg, #0c1a2e, #0a1424 60%); border-bottom: 1px solid var(--line); }
.page-hero h1 { color: #fff; }
.crumbs { font-family: var(--mono); font-weight: 500; font-size: .78rem; }
.crumbs a { color: var(--muted); }
.crumbs [aria-current] { color: var(--primary); }
.ph-deco { color: rgba(34, 184, 230, .08); }
.fact { background: var(--card); border: 1px solid var(--line); }
.fact > span { background: var(--bg-alt); }
.toc { border-color: var(--line); }
.toc a { background: var(--bg-alt); }
.topic-box, .side-list, .spec-box, .note { background: var(--card); border: 1px solid var(--line); }
.side-list a { color: var(--text); }
.side-list a span { background: var(--bg-alt); }
.side-list a:hover { background: var(--bg-alt); }
.side-call { background: var(--accent); color: #111a2a; }
.side-call:hover { color: #111a2a; }
.prose strong { color: var(--ink); }
.prose th { background: var(--card); }
.filter-pills a { background: var(--card); border-color: var(--line); color: var(--text); }
.filter-pills a.on, .filter-pills a:hover { background: var(--primary); border-color: var(--primary); color: #07121f; }
.profile-card { background: var(--card); border: 1px solid var(--line); }
.pill-links a, .pill-links span { background: var(--card); border: 1px solid var(--line); color: var(--text); }
.post-top { background: var(--bg-alt); }
.post-cat { background: var(--card); }
.post-cta { background: var(--card); border: 1px solid var(--line); }
.pagination a, .pagination span { background: var(--card); color: var(--ink); }
.map-box iframe { filter: invert(.9) hue-rotate(180deg) saturate(.6); }
.cta-band { background: #0c1a2e; }
.cta-band.has-img::before { background: linear-gradient(90deg, rgba(7, 16, 29, .95), rgba(7, 16, 29, .6)); }
.site-footer { background: #060e1a; border-top: 1px solid var(--line); }
.site-footer .brand-mark { color: var(--primary); }
.float-bar { background: var(--card); }
.float-bar a { background: var(--bg-alt); }
.float-bar .fb-main { background: var(--accent); color: #111a2a; }
.demo-toast { background: var(--card); border: 1px solid var(--line); }
.empty { color: var(--muted); }

@media (max-width: 1100px) {
    .p-modes { grid-template-columns: repeat(2, 1fr); }
    .p-mode:nth-child(2) { border-right: 0; }
    .p-mode:nth-child(-n+2) { border-bottom: 1px solid rgba(255, 255, 255, .1); }
}
@media (max-width: 960px) {
    .main-nav { background: var(--bg); }
    .nav-list > li > a { border-color: var(--line); }
    .nav-list > li > a.on { box-shadow: none; }
    .p-stats .stat-item + .stat-item { border-left: 0; }
}
@media (max-width: 640px) {
    .p-hero { min-height: 0; padding-top: 70px; }
    .p-hero-in { padding-bottom: 40px; }
    .p-mode { padding: 16px 14px; column-gap: 10px; }
    .p-mode-ic { width: 38px; height: 38px; }
    .p-mode strong { font-size: .86rem; }
    .p-mode-no { display: none; }
    .hero-actions .btn { width: 100%; }
    .p-table-wrap { border: 0; overflow: visible; }
    .p-table { min-width: 0; }
    .p-table thead { display: none; }
    .p-table, .p-table tbody, .p-table tr, .p-table th, .p-table td { display: block; }
    .p-table tr { border: 1px solid var(--line); border-radius: var(--r); background: var(--card); margin-bottom: 12px; padding: 6px 0; }
    .p-table th, .p-table td { border: 0; padding: 6px 16px; }
    .p-table tbody th { font-size: 1.02rem; padding-top: 10px; }
    .p-table td { display: flex; justify-content: space-between; gap: 16px; text-align: right; white-space: normal; }
    .p-table td::before { content: attr(data-l); font-family: var(--mono); font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); text-align: left; flex-shrink: 0; padding-top: 2px; }
}