/* Demo talebi sayfası */

.dk-demo-hero { background: var(--forest); color: #fff; }
.dk-demo-hero-in { max-width: 1440px; margin: 0 auto; padding: 64px 32px 56px; text-align: center; }
.dk-demo-hero h1 { font-size: 46px; line-height: 1.08; letter-spacing: -1.4px; margin: 20px 0 0; color: #fff; text-wrap: balance; }
.dk-demo-hero p { font-size: 18px; line-height: 1.6; opacity: .85; margin: 16px auto 0; max-width: 640px; }

.dk-demo-grid { padding-top: 52px; padding-bottom: 72px; align-items: start; }

.dk-demo-includes { display: flex; flex-direction: column; gap: 16px; margin-top: 22px; }
.dk-demo-inc { display: flex; gap: 14px; align-items: flex-start; }
.dk-demo-inc .dk-check-ico { width: 30px; height: 30px; }
.dk-demo-inc h3 { font-weight: 700; font-size: 16px; margin: 2px 0 0; }
.dk-demo-inc p { font-size: 14px; line-height: 1.55; color: var(--muted); margin: 5px 0 0; }

.dk-demo-steps { display: flex; flex-direction: column; gap: 14px; margin-top: 22px; }
.dk-demo-step { display: flex; gap: 16px; align-items: flex-start; }
.dk-demo-step .dk-how-n { width: 38px; height: 38px; font-size: 15px; }
.dk-demo-step h3 { font-weight: 700; font-size: 16px; margin: 6px 0 0; }
.dk-demo-step p { font-size: 14px; line-height: 1.55; color: var(--muted); margin: 5px 0 0; }

.dk-demo-card {
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-card);
  padding: 30px; position: sticky; top: 84px;
}
.dk-demo-card h3 { font-weight: 800; font-size: 22px; }
.dk-demo-card-sub { font-size: 14px; color: var(--muted); margin: 8px 0 22px; }
.dk-demo-form { display: flex; flex-direction: column; gap: 12px; }
.dk-demo-form .dk-btn-accent { margin-top: 4px; padding: 14px; border-radius: 11px; font-weight: 700; }
.dk-demo-fineprint { font-size: 12px; color: var(--muted); text-align: center; margin: 2px 0 0; }
.dk-demo-error { display: none; font-size: 13px; color: #B03030; text-align: center; margin: 6px 0 0; }
.dk-demo-error.is-visible { display: block; }

/* Başarı durumu */
.dk-demo-success { display: none; text-align: center; padding: 16px 0; }
.dk-demo-success.is-visible { display: block; }
.dk-demo-card.is-sent .dk-demo-form-wrap { display: none; }
.dk-demo-success-icon {
  width: 64px; height: 64px; border-radius: 50%; background: var(--accent); color: var(--accent-ink);
  display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 800;
  margin: 0 auto 18px;
}
.dk-demo-success h3 { font-weight: 800; font-size: 22px; }
.dk-demo-success p { font-size: 15px; line-height: 1.6; color: var(--muted); margin: 10px 0 22px; }