/* =========================================================================
   Futurecode CRM — Futurecode'un kendi dili: beyaz, mürekkep, lime vurgu.
   Gerçek ekran gelene kadar soyut görsel; numaralı özellik kartları.
   ========================================================================= */
body.fv-crm {
	--display: 'Schibsted Grotesk', 'Segoe UI', system-ui, sans-serif;
	--govde: 'Schibsted Grotesk', 'Segoe UI', system-ui, sans-serif;
	--c-murekkep: #0E1513;
	--c-lime: #B4D457;
	--c-tas: #F3F4F2;
	--c-cizgi: #E1E4E1;
	--c-gri: #4F5A55;
	--odak: #0E1513;
	color: var(--c-murekkep);
	background: #fff;
}
.cr-ust { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 60; background: rgba(255, 255, 255, .92); backdrop-filter: blur(12px); transition: box-shadow .3s; }
.cr-ust.is-kaydi { box-shadow: 0 1px 0 var(--c-cizgi); }
.cr-ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 70px; }
.cr-marka { display: flex; align-items: center; gap: 10px; flex: none; font: 600 1.1rem var(--display); }
.cr-marka b { font-weight: 800; }
.cr-ikon { width: 34px; height: 34px; border-radius: 9px; background: var(--c-lime); color: var(--c-murekkep); display: grid; place-items: center; font: 800 .85rem var(--display); }
body.fv-crm .fv-menu a { color: var(--c-gri); }
body.fv-crm .fv-menu a:hover { background: var(--c-tas); color: var(--c-murekkep); }
@media (max-width: 960px) { .fv-ust-sag .cr-ust-cta { display: none; } }
.cr-btn { display: inline-flex; align-items: center; justify-content: center; padding: .95em 1.5em; border-radius: 99px; font: 600 .97rem/1 var(--govde); border: 1.5px solid transparent; transition: background .2s, border-color .2s; white-space: nowrap; min-height: 48px; }
.cr-btn-koyu { background: var(--c-murekkep); color: #fff; }
.cr-btn-koyu:hover { background: #26302C; }
.cr-btn-cizgi { border-color: #C9CFCB; background: #fff; }
.cr-btn-cizgi:hover { border-color: var(--c-murekkep); }
.cr-btn-kucuk { padding: .7em 1.1em; min-height: 0; font-size: .9rem; }
.cr-h1 { font: 700 clamp(2.4rem, 4.4vw, 4rem)/1.03 var(--display); letter-spacing: -.035em; text-wrap: balance; }
.cr-h2 { font: 700 clamp(1.85rem, 3vw, 2.6rem)/1.1 var(--display); letter-spacing: -.025em; text-wrap: balance; }
.cr-hero { padding-block: clamp(40px, 6vw, 84px) clamp(64px, 8vw, 110px); background: radial-gradient(60% 80% at 85% 30%, rgba(180, 212, 87, .22), transparent 70%), #fff; overflow: hidden; }
.cr-hero-ic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 4vw, 64px); align-items: center; }
.cr-hero-metin { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; min-width: 0; }
.cr-cip { padding: .45em 1em; border-radius: 99px; background: #F1F5E6; color: #2F4410; font-size: .9rem; font-weight: 600; }
.cr-alt { font-size: 1.12rem; color: var(--c-gri); max-width: 34em; }
.cr-btnler { display: flex; flex-wrap: wrap; gap: 12px; }
.cr-gorsel { margin: 0; border-radius: 28px; overflow: hidden; background: var(--c-tas); box-shadow: 0 0 0 1px var(--c-cizgi); }
.cr-gorsel img { display: block; width: 100%; height: auto; }
@media (max-width: 960px) { .cr-hero-ic { grid-template-columns: minmax(0, 1fr); } }
.cr-bolum { padding-block: clamp(70px, 8vw, 112px); }
.cr-acik { background: var(--c-tas); }
.cr-bas { display: flex; flex-direction: column; gap: 12px; max-width: 44em; margin-bottom: 34px; }
.cr-bas p { color: var(--c-gri); font-size: 1.06rem; }
.cr-kartlar { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.cr-kartlar li { display: flex; flex-direction: column; gap: 10px; padding: 26px; border-radius: 24px; background: #fff; box-shadow: 0 0 0 1px var(--c-cizgi); }
.cr-kartlar span { width: 30px; height: 30px; border-radius: 8px; background: var(--c-lime); display: grid; place-items: center; font-weight: 700; font-size: .9rem; }
.cr-kartlar b { font: 600 1.2rem var(--display); }
.cr-kartlar p { color: var(--c-gri); font-size: .98rem; }
@media (max-width: 960px) { .cr-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .cr-kartlar { grid-template-columns: minmax(0, 1fr); } }
.cr-iki { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.cr-iki > div { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.cr-iki > div p { color: var(--c-gri); font-size: 1.06rem; }
.cr-liste { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
.cr-liste li { padding: 16px 0 16px 28px; border-top: 1px solid #D9DDD9; position: relative; font-weight: 500; }
.cr-liste li::before { content: ''; position: absolute; left: 0; top: 1.45em; width: 12px; height: 2px; background: var(--c-murekkep); }
.cr-ozet { margin: 0; background: var(--c-tas); border-radius: 22px; padding: 6px 24px; }
.cr-ozet div { display: grid; grid-template-columns: 8em 1fr; gap: 12px; padding: 14px 0; border-top: 1px solid var(--c-cizgi); }
.cr-ozet div:first-child { border-top: 0; }
.cr-ozet dt { color: var(--c-gri); }
.cr-ozet dd { margin: 0; font-weight: 500; }
@media (max-width: 900px) { .cr-iki { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .cr-ozet div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }