:root{
  --ap-green:#16a34a;      /* logo ile uyumlu premium yeşil */
  --ap-green-ink:#0f8a3f;
  --ap-text:#0f172a;
  --ap-muted:#64748b;
  --ap-border:#e2e8f0;
  --ap-card:#ffffff;
  --ap-radius:18px;
  --ap-shadow:0 18px 40px -20px rgba(2,6,23,.28);
}

/* NAV */
.ap-nav{
  background:#fff; border-bottom:1px solid var(--ap-border);
  box-shadow: 0 10px 24px -24px rgba(2,6,23,.25);
}
.ap-nav .btn{ border-radius:12px; }

/* Spacing */
.py-6{ padding:4.8rem 0; }

/* Marka butonu (Forsid çizgisi) */
.btn-ap{
  background:var(--ap-green); color:#fff; border:1px solid var(--ap-green);
  border-radius:14px; padding:.75rem 1.1rem; transition:transform .18s ease, box-shadow .18s ease;font-weight: 600;
}
.btn-ap:hover{ box-shadow:0 16px 30px -18px rgba(22,163,74,.55); color: #ffffff;
    background: #000000; }

/* HERO */
.ap-hero{
  padding:84px 0;
  background:
    radial-gradient(700px 240px at 0% -20%, rgba(22,163,74,.18), transparent 60%),
    radial-gradient(700px 240px at 100% 0%, rgba(17,17,17,.06), transparent 60%);
}
.ap-chip{
  display:inline-flex; align-items:center; gap:.35rem; font-weight:600;
  background:#111; color:#fff; border-radius:999px; padding:.35rem .7rem; font-size:.875rem;
}
.ap-highlight{ background:linear-gradient(90deg,#b9f3cd,#fff); border-radius:6px; padding:0 .25rem; }
.ap-hero-media{
  border-radius:22px; overflow:hidden; position:relative; box-shadow:var(--ap-shadow); background:#fff;
}
.ap-hero-media img{ display:block; width:100%; height:auto; }
.ap-badge{
  position:absolute; bottom:14px; left:14px; background:#fff; border:1px solid var(--ap-border);
  border-radius:999px; padding:.35rem .7rem; font-weight:600; font-size:.8rem; box-shadow:var(--ap-shadow);
}

/* Strip */
.ap-strip{ padding:1rem 0; background:#f8fafc; border-top:1px solid var(--ap-border); border-bottom:1px solid var(--ap-border); }
.ap-strip-item{
  background:#fff; border:1px solid var(--ap-border); border-radius:14px; padding:.75rem 1rem; display:flex; align-items:center; gap:.6rem; font-weight:600;
}

/* Cards */
.ap-card{
  background:#fff; border:1px solid var(--ap-border); border-radius:var(--ap-radius);
  padding:1.1rem 1.1rem 1.25rem; box-shadow:var(--ap-shadow);
}
.ap-ico{
  width:46px; height:46px; border-radius:12px; display:grid; place-items:center; margin-bottom:.6rem;
  background:var(--ap-green); color:#fff; font-size:20px;
}

/* Steps */
.ap-step{
  background:#fff; border:1px solid var(--ap-border); border-radius:20px; padding:2rem 1.4rem; box-shadow:var(--ap-shadow);
}
.ap-step-num{
  width:42px; height:42px; border-radius:50%; background:var(--ap-green);
  display:grid; place-items:center; color:#fff; font-weight:800; margin:0 auto .5rem auto;
}

/* Price */
.ap-price{
  background:#fff; border:1px solid var(--ap-border); border-radius:24px; padding:2.2rem;
  box-shadow:var(--ap-shadow);
}

/* CTA */
.ap-cta{ padding:3.6rem 0; background:
  linear-gradient(0deg, #f8fafc, #f8fafc),
  radial-gradient(900px 260px at 100% 0%, rgba(22,163,74,.12), transparent 60%);
}
.ap-cta-card{
  background:#111; color:#fff; border-radius:24px; padding:1.6rem;
  box-shadow:0 22px 50px -26px rgba(0,0,0,.6);
}
.ap-cta .btn{ border-radius:14px; }

/* Footer */
.ap-footer{ padding:2.2rem 0; border-top:1px solid var(--ap-border); background:#fff; }

/* A11y focus */
a:focus, button:focus, .btn:focus, .form-control:focus{
  outline:3px solid #bde9c9 !important; outline-offset:2px !important; box-shadow:none !important;
}

/* Small screens */
@media (max-width: 991.98px){
  .ap-hero{ padding:64px 0; }
}


.navbar-toggler {
    padding: 5px;
    border:0;
}