*{box-sizing:border-box}
body{margin:0;font-family:'Manrope',system-ui,sans-serif;background:#ffffff;color:#0c0c1d;-webkit-font-smoothing:antialiased}
a{color:#5b4df0;text-decoration:none}
a:hover{color:#2563eb}
.wd-btn-grad:hover{filter:brightness(1.08);color:#ffffff}
.wd-btn-outline:hover{border-color:#7c3aed!important;color:#5b4df0!important}
@keyframes wd-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.wd-mu-hero{display:grid;grid-template-columns:1fr 440px;gap:64px;align-items:center;max-width:1240px;margin:0 auto;padding:64px 56px 80px}
.wd-mu-hero-tel{position:relative;display:flex;justify-content:center}
.wd-mu-rozet{position:absolute;top:150px;right:-30px;background:#ffffff;border:1px solid #ececf5;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 16px 40px rgba(20,10,60,0.18)}

/* Telefon çerçevesi: önizleme 390x800 çizilir, çerçeveye sığması için ölçeklenir. */
.wd-mu-tel{--olcek:0.8;position:relative;width:calc(390px*var(--olcek) + 20px);height:calc(800px*var(--olcek) + 20px);padding:10px;background:#0c0c1d;border-radius:44px;box-shadow:0 30px 70px rgba(20,10,60,0.28);flex-shrink:0;overflow:hidden}
.wd-mu-tel iframe{width:390px;height:800px;border:0;border-radius:calc(34px/var(--olcek));background:#ffffff;transform:scale(var(--olcek));transform-origin:top left;display:block}

.wd-mu-ekranlar{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 440px;gap:64px;align-items:center}
.wd-mu-liste{display:flex;flex-direction:column;gap:10px}
.wd-mu-ekran{display:flex;gap:16px;align-items:flex-start;width:100%;padding:16px 18px;background:#ffffff;border:1.5px solid #e8e8f2;border-radius:16px;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.wd-mu-ekran:hover{border-color:#c9c3f5}
.wd-mu-ekran:focus-visible{outline:2px solid #5b4df0;outline-offset:2px}
.wd-mu-ekran.is-secili{border-color:#5b4df0;box-shadow:0 10px 26px rgba(91,77,240,0.16)}
.wd-mu-no{width:34px;height:34px;border-radius:50%;background:#f1f0fb;color:#5b4df0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}
.wd-mu-ekran.is-secili .wd-mu-no{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#ffffff}

.wd-mu-ozellikler{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wd-mu-surec{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}

@media (max-width:1180px){
  .wd-mu-hero{grid-template-columns:1fr;gap:44px}
  .wd-mu-ekranlar{grid-template-columns:1fr;gap:44px}
  .wd-mu-ozellikler{grid-template-columns:repeat(2,1fr)}
  .wd-mu-surec{grid-template-columns:1fr;gap:44px}
  .wd-mu-rozet{right:calc(50% - 240px)}
}
@media (max-width:760px){
  section{padding-left:20px!important;padding-right:20px!important}
  h1{font-size:36px!important}
  h2{font-size:27px!important}
  .wd-mu-hero{padding:36px 20px 48px}
  .wd-mu-ozellikler{grid-template-columns:1fr}
  .wd-mu-tel{--olcek:0.72;border-radius:40px}
  .wd-mu-rozet{display:none}
}
@media (prefers-reduced-motion:reduce){
  .wd-mu-tel{animation:none!important}
}