/* Referanslar sayfası: hero, istatistikler, proje kartları ve müşteri yorumları */

.rf-eyebrow { font-size:13px; font-weight:700; letter-spacing:.32em; text-transform:uppercase; color:#1f4be0; margin-bottom:16px; }

/* hero */
.rf-hero { position:relative; overflow:hidden; background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%); border-bottom:1px solid #eef1f6; }
.rf-hero-inner { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:24px; padding:44px 0 56px; }
.rf-hero .crumbs { margin-bottom:46px; }
.rf-hero h1 { font-weight:800; font-size:clamp(36px,4.4vw,64px); line-height:1.04; letter-spacing:-.04em; color:var(--navy); margin-bottom:20px; }
.rf-lead { max-width:620px; font-size:clamp(17px,1.4vw,20px); line-height:1.6; color:#5b6477; margin-bottom:44px; }
.rf-stats { display:flex; flex-wrap:wrap; row-gap:20px; }
.rf-stats div { display:flex; flex-direction:column; gap:4px; padding:4px 50px 4px 0; margin-right:50px; border-right:1px solid #d9dfea; }
.rf-stats div:last-child { border-right:0; margin-right:0; padding-right:0; }
.rf-stats strong { font-size:clamp(30px,2.6vw,40px); font-weight:800; letter-spacing:-.03em; color:var(--navy); line-height:1.1; }
.rf-stats span { font-size:16px; color:#5b6477; }
.rf-hero-visual { margin-right:-40px; }
.rf-hero-visual img { display:block; width:100%; height:auto; mix-blend-mode:multiply; }

/* projeler */
.rf-projects { background:#fcfcfd; }
.rf-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:34px; }
.rf-head h2 { font-size:clamp(28px,3vw,40px); color:var(--navy); letter-spacing:-.03em; }
.rf-tags { display:flex; flex-wrap:wrap; gap:8px; }
.rf-tags span { padding:7px 16px; font-size:14px; font-weight:600; color:#1f4be0; background:#eef2ff; border-radius:999px; }
.rf-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.rf-card { position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid #e8ecf3; border-radius:26px; overflow:hidden; box-shadow:0 8px 26px rgba(11,31,69,.05); transition:transform .3s, box-shadow .3s, border-color .3s; }
a.rf-card:hover { transform:translateY(-6px); box-shadow:0 26px 54px rgba(11,31,69,.12); border-color:#cdd8ee; }
.rf-num { position:absolute; left:22px; top:18px; z-index:1; font-size:14px; font-weight:700; letter-spacing:.1em; color:#8b95a9; }
.rf-logo { display:grid; place-items:center; min-height:220px; padding:44px 36px 28px; background:radial-gradient(circle at 50% 40%,#fff 0%,#f1f5fb 100%); border-bottom:1px solid #eef1f6; }
.rf-logo img { mix-blend-mode:multiply; max-width:78%; max-height:110px; width:auto; height:auto; object-fit:contain; transition:transform .4s; }
a.rf-card:hover .rf-logo img { transform:scale(1.06); }
.rf-logo-name { font-size:24px; font-weight:800; color:var(--navy); text-align:center; }
.rf-info { display:flex; flex-direction:column; gap:8px; flex:1; padding:26px 28px 30px; }
.rf-type { align-self:flex-start; padding:5px 14px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#1f4be0; background:#eef2ff; border-radius:999px; }
.rf-info h3 { font-size:22px; font-weight:700; letter-spacing:-.02em; color:var(--navy); }
.rf-info p { font-size:15px; line-height:1.55; color:#5b6477; }
.rf-link { display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:14px; font-weight:600; color:#1f4be0; }
.rf-link .ico { font-size:16px; transition:transform .25s; }
a.rf-card:hover .rf-link .ico { transform:translate(3px,-3px); }

/* müşteri yorumları */
.rf-voices { background:#fff; }
.rf-voices h2 { font-size:clamp(28px,3.4vw,46px); letter-spacing:-.03em; color:var(--navy); max-width:760px; margin-bottom:40px; }
.rf-quotes { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:24px; }
.rf-quote { margin:0; position:relative; display:flex; flex-direction:column; gap:22px; padding:34px 32px 30px; background:linear-gradient(180deg,#f6f8fd 0%,#fff 100%); border:1px solid #e3e8f1; border-radius:26px; transition:transform .3s, box-shadow .3s; }
.rf-quote:hover { transform:translateY(-4px); box-shadow:0 22px 46px rgba(11,31,69,.09); }
.rf-qmark { display:block; font-family:Georgia,serif; font-size:84px; line-height:.6; height:36px; color:#1f4be0; }
.rf-quote blockquote { font-size:clamp(18px,1.5vw,21px); line-height:1.6; color:var(--navy); flex:1; }
.rf-quote figcaption { display:flex; align-items:center; gap:14px; padding-top:20px; border-top:1px solid #e3e8f1; }
.rf-quote figcaption img, .rf-avatar { flex:none; width:48px; height:48px; border-radius:50%; object-fit:cover; }
.rf-avatar { display:grid; place-items:center; font-weight:700; color:#fff; background:linear-gradient(135deg,#1f4be0,#0b1f45); }
.rf-quote figcaption span:not(.rf-avatar) { display:grid; gap:1px; }
.rf-quote figcaption strong { color:var(--navy); font-size:16px; }
.rf-quote figcaption small { color:#5b6477; font-size:14px; }
.rf-play { margin-left:auto; flex:none; width:44px; height:44px; border-radius:50%; border:1.5px solid #1f4be0; display:grid; place-items:center; transition:background .25s; }
.rf-play svg { width:18px; height:18px; fill:#1f4be0; transition:fill .25s; }
.rf-play:hover { background:#1f4be0; }
.rf-play:hover svg { fill:#fff; }

.rf-empty { display:flex; flex-direction:column; align-items:flex-start; gap:18px; max-width:760px; padding:38px 40px 40px; background:linear-gradient(135deg,#f4f7fd 0%,#e9eff8 100%); border:1px dashed #b9c6e2; border-radius:28px; }
.rf-empty p { font-size:clamp(17px,1.4vw,20px); line-height:1.6; color:var(--navy); }

.rf-voices-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px 32px; margin-bottom:40px; }
.rf-voices .rf-voices-head h2 { margin-bottom:0; }
.rf-voices-note { margin-top:10px; font-size:17px; color:#6b7385; }
.rf-voices-head .btn { flex:none; }
.rf-samples { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.rf-sample { margin:0; display:flex; flex-direction:column; align-items:flex-start; padding:30px 32px 32px; background:#fff; border:1px solid #e3e8f1; border-radius:18px; transition:transform .3s, box-shadow .3s; }
.rf-sample:hover { transform:translateY(-4px); box-shadow:0 22px 46px rgba(11,31,69,.09); }
.rf-sample-ic { display:grid; place-items:center; width:56px; height:56px; margin-bottom:22px; border-radius:12px; background:#eef2fb; color:#1f4be0; font-size:30px; }
.rf-sample figcaption { margin-bottom:14px; font-size:13px; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:var(--navy); }
.rf-sample blockquote { padding-left:.45em; text-indent:-.45em; font-size:clamp(18px,1.6vw,22px); line-height:1.5; color:var(--navy); }
.rf-sample.is-dark { background:var(--navy); border-color:var(--navy); }
.rf-sample.is-dark .rf-sample-ic { background:#1f4be0; color:#fff; }
.rf-sample.is-dark figcaption, .rf-sample.is-dark blockquote { color:#fff; }

@media (max-width:1060px) {
  .rf-grid { grid-template-columns:repeat(2,1fr); }
  .rf-hero-inner { grid-template-columns:1fr; }
  .rf-samples { grid-template-columns:repeat(2,1fr); }
  .rf-hero-visual { margin:0 auto; max-width:640px; }
}
@media (max-width:640px) {
  .rf-hero-inner { padding:30px 0 40px; }
  .rf-hero .crumbs { margin-bottom:26px; }
  .rf-grid { grid-template-columns:1fr; }
  .rf-samples { grid-template-columns:1fr; }
  .rf-sample { padding:26px 24px 28px; }
  .rf-stats div { padding-right:24px; margin-right:24px; }
  .rf-empty { padding:28px 24px; }
}