/* Bobo Yazılım — detail pages */
.dhero{background:radial-gradient(900px 500px at 85% 0,rgba(31,94,255,.35),transparent 60%),var(--navy);color:#fff;padding:calc(var(--hh) + 64px) 0 80px}
.dhero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:rgba(255,255,255,.6);margin-bottom:28px}
.crumb a:hover{color:#fff}
.crumb b{color:rgba(255,255,255,.9);font-weight:600}
.dhero .badge{position:static;margin-bottom:22px;display:grid}
.dhero h1{font-size:clamp(32px,4.6vw,54px);line-height:1.08;margin-bottom:20px}
.dhero .lead{font-size:18px;line-height:1.65;color:rgba(255,255,255,.8);max-width:58ch}
.dhero .btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.dhero-ph{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.dhero-ph img{width:100%;height:100%;object-fit:cover}
.dsec{padding:96px 0}
.dsec.alt{background:var(--bg2)}
.dsec h2,.dcta h2{font-size:clamp(28px,3.4vw,42px);line-height:1.12;margin:14px 0 40px}
.dfeat{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.df{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--sh)}
.df .ck{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(31,94,255,.1);color:var(--blue);margin-bottom:16px}
.df h3{font-size:18.5px;margin-bottom:8px}
.df p{color:var(--muted);font-size:15.5px;line-height:1.6}
.dtwo{display:grid;grid-template-columns:1.2fr .8fr;gap:64px}
.dsteps{list-style:none;display:grid;gap:22px}
.dsteps li{display:flex;gap:18px;align-items:flex-start}
.dsteps .n{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800}
.dsteps h3{font-size:19px;margin:6px 0 4px}
.dsteps p{color:var(--muted);line-height:1.6}
.dwho{display:grid;gap:12px}
.dwho li{display:flex;gap:12px;align-items:center;font-weight:600;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.dwho .ic{color:var(--blue);width:18px;height:18px;stroke-width:2.4}
.dnote{margin-top:20px;color:var(--muted);font-size:15px}
.dcta{background:linear-gradient(135deg,#1f5eff,#0a2a8a);color:#fff;text-align:center;padding:84px 0}
.dcta h2{margin:0 0 12px}
.dcta p{color:rgba(255,255,255,.85);margin-bottom:30px;font-size:17px}
.drel .card{opacity:1;transform:none}
@media (max-width:980px){
  .dhero-in,.dtwo{grid-template-columns:1fr;gap:40px}
  .dfeat,.drel{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .dhero{padding:calc(var(--hh) + 36px) 0 56px}
  .dsec{padding:64px 0}
  .dfeat,.drel{grid-template-columns:1fr}
  .dhero .btn{width:100%}
}
.dcta .dcta-addr{margin:28px 0 0;font-size:14.5px;color:rgba(255,255,255,.8);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.dcta-addr a{text-decoration:underline;font-weight:700;color:#fff}