#referanslar{scroll-margin-top:100px;background:#fff}
#referanslar .section-head{max-width:790px}
.dp-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.dp-reference{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dbe8e4;border-radius:18px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.dp-reference:hover{border-color:#91c6b9;box-shadow:0 16px 38px #102a4310}
.dp-reference-preview{display:block;background:#edf4f2;border-bottom:1px solid #dbe8e4;overflow:hidden}
.dp-reference-browser{display:flex;align-items:center;gap:5px;padding:11px 14px;background:#f4f8f7;border-bottom:1px solid #e1ebe8}
.dp-reference-browser span{width:7px;height:7px;background:#bdcec9;border-radius:50%}
.dp-reference-browser small{margin-left:8px;color:#526d64;font:500 12px Inter,sans-serif}
.dp-reference-preview img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:cover;object-position:top;transition:transform .3s}
.dp-reference-preview:hover img{transform:scale(1.025)}
.dp-reference-info{padding:26px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.dp-reference-type{font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--green);margin-bottom:10px}
.dp-reference h3{font:700 21px/1.4 Sora,sans-serif;color:var(--navy);margin:0 0 9px}
.dp-reference-info p{font-size:15px;line-height:1.7;margin-bottom:22px}
.dp-reference-link{margin-top:auto;font-size:14px;font-weight:700;color:var(--green);text-decoration:none;display:inline-flex;gap:12px;align-items:center;min-height:44px}
.dp-reference-link:hover{color:var(--navy)}
.dp-reference a:focus-visible{outline:3px solid var(--green);outline-offset:-3px}
@media(max-width:991px){.dp-reference-grid{grid-template-columns:1fr;max-width:620px;margin:auto}.dp-reference-info{padding:24px}.dp-reference h3{font-size:22px}}
@media(min-width:992px) and (max-width:1199px){.navbar-nexora .nav-link{padding-left:8px!important;padding-right:8px!important;font-size:14px}.navbar-nexora .btn{padding-left:12px;padding-right:12px}.dp-brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){.dp-reference,.dp-reference-preview img{transition:none}.dp-reference-preview:hover img{transform:none}}