/* Hizmetler sayfası: beyaz hero, 3D levha görseli ve 01-04 satırı */

.sv-hero { position:relative; background:#fff; overflow:hidden; }
.sv-hero-inner { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:30px; min-height:600px; padding:44px 0 36px; }
.sv-copy .crumbs { margin-bottom:54px; }
.sv-copy h1 { font-weight:600; font-size:clamp(42px,5vw,76px); line-height:1.04; letter-spacing:-.035em; color:var(--navy); margin-bottom:26px; max-width:760px; }
.sv-lead { max-width:640px; font-size:clamp(18px,1.5vw,22px); line-height:1.55; color:#5b6477; margin-bottom:36px; }
.sv-copy .btn { padding:17px 30px; border-radius:999px; font-size:17px; box-shadow:0 14px 30px rgba(11,31,69,.22); }
.sv-copy .btn .ico { font-size:17px; }
.sv-art { display:flex; justify-content:center; align-items:center; }
.sv-art img { width:100%; max-width:600px; height:auto; mix-blend-mode:multiply; }

.sv-strip { border-top:1px solid #e8ebf1; }
.sv-strip .container { display:grid; grid-template-columns:repeat(4,1fr); }
.sv-strip a { display:flex; align-items:center; gap:22px; padding:26px 30px; border-left:1px solid #d9dee8; color:var(--navy); transition:background .25s; }
.sv-strip a:first-child { border-left:0; padding-left:0; }
.sv-strip a:hover { background:var(--soft); }
.sv-strip .n { color:#8b95a9; font-size:16px; }
.sv-strip strong { font-weight:600; font-size:18px; }

@media (max-width:1060px) {
  .sv-strip .container { grid-template-columns:repeat(2,1fr); }
  .sv-strip a:nth-child(3) { border-left:0; padding-left:0; }
  .sv-strip a:nth-child(n+3) { border-top:1px solid #e8ebf1; }
}
@media (max-width:860px) {
  .sv-hero-inner { grid-template-columns:1fr; min-height:0; padding:30px 0 10px; }
  .sv-copy .crumbs { margin-bottom:30px; }
  .sv-art { order:2; }
  .sv-art img { max-width:380px; }
  .sv-strip a { padding:20px 16px; gap:14px; }
  .sv-strip a:nth-child(odd) { padding-left:0; border-left:0; }
  .sv-strip strong { font-size:16px; }
}

/* ---- hizmet bölümleri ---- */
.svc { background:#fff; padding:96px 0; }
.svc-alt { background:#f8fafd; }
.svc-grid { display:grid; grid-template-columns:1.08fr 1fr; gap:60px; align-items:start; }
.svc-left { position:relative; }
.svc-eyebrow { font-size:14px; font-weight:700; letter-spacing:.3em; text-transform:uppercase; color:#1f4be0; margin-bottom:28px; }
.svc-title { font-weight:800; font-size:clamp(40px,4.8vw,76px); line-height:1.02; letter-spacing:-.04em; color:var(--navy); margin:0 0 24px; max-width:620px; }
.svc-img { position:absolute; top:34px; right:0; width:min(42%,320px); height:auto; mix-blend-mode:multiply; pointer-events:none; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%); -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%); mask-composite:intersect; }
.svc-lead { max-width:480px; font-size:clamp(19px,1.7vw,26px); line-height:1.45; color:#5b6477; margin-bottom:34px; }
.svc-desc { max-width:560px; margin:-14px 0 30px; color:var(--text); }
.svc-facts { margin:0 0 34px; border-top:1px solid #e6e9f0; }
.svc-facts > div { display:grid; grid-template-columns:230px 1fr; align-items:center; gap:0; padding:22px 0; border-bottom:1px solid #e6e9f0; }
.svc-facts dt { font-size:19px; font-weight:700; color:var(--navy); padding-right:24px; }
.svc-facts dd { margin:0; padding-left:30px; border-left:1px solid #dde2ec; font-size:18px; line-height:1.55; color:#5b6477; }
.svc-btn { padding:18px 32px; border-radius:6px; font-size:18px; }
.svc-btn .ico { font-size:18px; }

.svc-card { background:#fff; border:1px solid #e6e9f0; border-radius:22px; padding:44px 46px 46px; box-shadow:0 10px 34px rgba(11,31,69,.05); }
.svc-card h3 { font-size:clamp(24px,2vw,30px); font-weight:800; letter-spacing:-.02em; color:var(--navy); margin:0 0 24px; }
.svc-card hr { border:0; border-top:1px solid #e6e9f0; margin:36px 0 34px; }
.svc-scope { list-style:none; display:grid; gap:14px; margin:0; padding:0; }
.svc-scope li { display:flex; align-items:center; gap:20px; padding:16px 22px 16px 20px; border:1px solid #e6e9f0; border-radius:14px; background:#fff; color:var(--navy); font-size:18px; box-shadow:0 2px 8px rgba(11,31,69,.03); }
.svc-scope .tick { flex:none; width:46px; height:46px; border-radius:50%; background:#eef2fb; color:#1f4be0; display:grid; place-items:center; }
.svc-scope .tick .ico { font-size:22px; stroke-width:2.4; }
.svc-steps { list-style:none; margin:0; padding:0; display:grid; gap:0; }
.svc-steps li { position:relative; display:grid; grid-template-columns:54px 1fr; gap:22px; padding-bottom:30px; }
.svc-steps li:last-child { padding-bottom:0; }
.svc-steps li:not(:last-child)::before { content:""; position:absolute; left:26px; top:54px; bottom:-2px; width:1px; background:#d6ddee; }
.svc-steps .num { width:54px; height:54px; border-radius:50%; background:#eef2fb; color:#1f3fa8; display:grid; place-items:center; font-weight:700; font-size:18px; }
.svc-steps strong { display:block; font-size:22px; font-weight:800; letter-spacing:-.01em; color:var(--navy); margin-bottom:4px; padding-top:2px; }
.svc-steps div > span { font-size:18px; color:#5b6477; line-height:1.5; }

@media (max-width:1060px) {
  .svc-grid { grid-template-columns:1fr; gap:40px; }
  .svc-img { width:min(34%,240px); }
}
@media (max-width:640px) {
  .svc { padding:64px 0; }
  .svc-img { position:static; display:block; width:150px; margin:0 0 16px auto; }
  .svc-facts > div { grid-template-columns:1fr; gap:8px; }
  .svc-facts dd { padding-left:0; border-left:0; }
  .svc-card { padding:28px 22px 30px; border-radius:18px; }
  .svc-scope li { padding:12px 14px; font-size:16px; gap:14px; }
  .svc-scope .tick { width:38px; height:38px; }
  .svc-steps li { grid-template-columns:44px 1fr; gap:16px; }
  .svc-steps .num { width:44px; height:44px; font-size:15px; }
  .svc-steps li:not(:last-child)::before { left:21px; top:44px; }
}

/* ---- boyutlar: bir kademe küçültüldü ---- */
.svc { padding:72px 0; }
.svc-grid { gap:48px; }
.svc-eyebrow { font-size:12px; margin-bottom:20px; }
.svc-title { font-size:clamp(32px,3.5vw,54px); margin-bottom:18px; }
.svc-lead { font-size:clamp(16px,1.3vw,20px); margin-bottom:26px; }
.svc-desc { font-size:15px; }
.svc-facts { margin-bottom:26px; }
.svc-facts > div { grid-template-columns:200px 1fr; padding:16px 0; }
.svc-facts dt { font-size:16px; padding-right:18px; }
.svc-facts dd { font-size:15px; padding-left:24px; }
.svc-btn { padding:14px 26px; font-size:16px; }
.svc-btn .ico { font-size:16px; }
.svc-card { padding:32px 34px 34px; border-radius:18px; }
.svc-card h3 { font-size:clamp(20px,1.6vw,24px); margin-bottom:18px; }
.svc-card hr { margin:26px 0 24px; }
.svc-scope { gap:10px; }
.svc-scope li { padding:12px 16px 12px 14px; gap:14px; font-size:15px; border-radius:12px; }
.svc-scope .tick { width:38px; height:38px; }
.svc-scope .tick .ico { font-size:18px; }
.svc-steps li { grid-template-columns:44px 1fr; gap:16px; padding-bottom:22px; }
.svc-steps li:not(:last-child)::before { left:21px; top:44px; }
.svc-steps .num { width:44px; height:44px; font-size:15px; }
.svc-steps strong { font-size:18px; }
.svc-steps div > span { font-size:15px; }
@media (max-width:640px) {
  .svc { padding:52px 0; }
  .svc-facts > div { grid-template-columns:1fr; gap:6px; }
  .svc-facts dd { padding-left:0; border-left:0; }
  .svc-card { padding:24px 20px 26px; }
}

/* görseli olan bölümde metin görselin soluna kalsın */
.has-img .svc-title, .has-img .svc-lead { max-width:56%; }
.has-img .svc-img { top:14px; width:min(30%,205px); -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%); }
@media (max-width:1060px) { .has-img .svc-title, .has-img .svc-lead { max-width:62%; } }
@media (max-width:640px) { .has-img .svc-title, .has-img .svc-lead { max-width:none; } }

/* görsel kenarlarını sayfa zeminine yumuşakça karıştır */
.sv-art img { -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%); -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%); mask-composite:intersect; }