/* ============================================================
   Araç sayfaları
   ============================================================ */
.ar-alt{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.15rem;
  color:var(--sv,#2140F0);margin:-8px 0 20px}

/* Uygulama logoları */
.ar-logo{width:56px;height:56px;object-fit:contain;border-radius:14px;
  background:#fff;border:2px solid var(--ink,#141633);padding:6px;
  box-shadow:3px 3px 0 var(--ink,#141633);margin-bottom:14px}
.ar-logo-buyuk{width:84px;height:84px;object-fit:contain;border-radius:20px;
  background:#fff;border:2px solid var(--ink,#141633);padding:8px;
  box-shadow:5px 5px 0 var(--ink,#141633);margin-bottom:16px;display:block}
.ar-kart:hover .ar-logo{transform:rotate(-4deg)}
.ar-logo{transition:transform .25s var(--ease-pop,cubic-bezier(.2,.9,.3,1.4))}
@media(max-width:600px){.ar-logo{width:48px;height:48px}.ar-logo-buyuk{width:68px;height:68px}}

/* geniş ekran görüntüsü (web araçları) */
.ar-genis img{width:100%;height:auto;display:block;border:2px solid var(--ink,#141633);
  border-radius:20px;box-shadow:8px 8px 0 var(--ink,#141633)}
.ar-genis img+img{margin-top:18px}

/* telefon ekranları yan yana */
.ar-tel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:18px;align-items:start}
.ar-tel img{width:100%;height:auto;display:block;border:2px solid var(--ink,#141633);
  border-radius:20px;box-shadow:5px 5px 0 var(--ink,#141633);
  transition:transform .25s var(--ease-pop,cubic-bezier(.2,.9,.3,1.4))}
.ar-tel img:hover{transform:translateY(-6px)}

.ar-not{margin-top:16px;font-size:.94rem;line-height:1.65;color:#5A5D7C;max-width:80ch}
.ar-not b{color:var(--ink,#141633)}

/* merkez sayfa kartları */
.ar-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:22px}
.ar-kart{position:relative;display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:2px solid var(--ink,#141633);border-radius:24px;
  padding:28px 26px 24px;color:var(--ink,#141633);text-decoration:none;
  box-shadow:7px 7px 0 var(--ink,#141633);transition:transform .22s,box-shadow .22s}
.ar-kart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:var(--sv,#2140F0)}
.ar-kart:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--sv,#2140F0)}
.ar-etiket{align-self:flex-start;background:var(--sv,#2140F0);color:var(--sv-on,#fff);
  border:2px solid var(--ink,#141633);border-radius:999px;padding:5px 13px;
  font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}
.ar-etiket.ozel{background:#FFC531;color:#141633}
.ar-kart h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.5rem;
  letter-spacing:-.02em;margin:0 0 2px;line-height:1.1}
.ar-kart-alt{color:var(--sv,#2140F0);font-weight:700;font-size:.92rem;margin:0 0 12px!important}
.ar-kart p{flex:1;color:#5A5D7C;font-size:.96rem;line-height:1.6;margin:0 0 16px}
.ar-go{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.93rem;
  color:var(--ink,#141633);margin-top:auto}
.ar-go i{font-style:normal;transition:transform .2s}
.ar-kart:hover .ar-go i{transform:translateX(5px)}

@media(max-width:600px){
  .ar-kart{padding:24px 20px 20px;box-shadow:5px 5px 0 var(--ink,#141633)}
  .ar-genis img{box-shadow:5px 5px 0 var(--ink,#141633)}
  .ar-tel{grid-template-columns:repeat(2,1fr);gap:12px}
}