/* VİZOVA — Shared Inner Page Styles v3 — Light Premium */

.page-hero { padding:140px 0 64px; text-align:center; background:var(--off-white); border-bottom:1px solid var(--gray-light); }
.page-hero__title { font-family:var(--font-display); font-weight:800; font-size:44px; color:var(--navy); margin-bottom:12px; line-height:1.15; }
.page-hero__sub { font-size:16px; color:var(--gray-text); max-width:480px; margin:0 auto; line-height:1.6; }

/* Step Rows */
.step-row { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding:48px 0; border-bottom:1px solid var(--gray-light); }
.step-row:last-child { border-bottom:none; }
.step-row--reverse { direction:rtl; }
.step-row--reverse > * { direction:ltr; }
.step-num { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:var(--gold-bg); border:1px solid rgba(184,150,58,0.15); color:var(--gold); font-family:var(--font-display); font-weight:800; font-size:18px; margin-bottom:14px; }
.step-title { font-family:var(--font-display); font-weight:700; font-size:24px; color:var(--navy); margin-bottom:10px; }
.step-desc { font-size:14px; color:var(--gray-text); line-height:1.7; margin-bottom:14px; }
.step-example { background:var(--off-white); border:1px solid var(--gray-light); color:var(--navy); padding:10px 14px; border-radius:var(--radius-sm); font-size:13px; font-style:italic; display:inline-block; }
.step-chips { display:flex; gap:6px; flex-wrap:wrap; }
.step-row__visual { display:flex; justify-content:center; }
.step-visual-card { background:var(--off-white); border:1px solid var(--gray-light); border-radius:var(--radius-lg); padding:40px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:12px; width:180px; height:180px; justify-content:center; }
.step-visual-label { font-size:12px; font-weight:600; color:var(--gray-text); }

/* Arch chips (reused from home) */
.arch-chip { display:inline-block; padding:3px 9px; border-radius:100px; font-size:11px; font-weight:500; border:1px solid var(--gray-light); background:var(--off-white); color:var(--navy); }
.arch-chip--step { background:var(--navy); color:var(--white); border:none; font-size:9px; padding:2px 7px; }

/* Security Grid */
.security-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.security-grid .card { text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px; }
.card-title { font-family:var(--font-display); font-weight:600; font-size:18px; color:var(--navy); }
.card-desc { font-size:13px; color:var(--gray-text); line-height:1.6; }

/* ── Pricing Value Props ── */
.pricing-value-row {
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
  margin-bottom:48px; text-align:center;
}
.pricing-value-item {
  background:var(--off-white); border:1px solid var(--gray-light);
  border-radius:var(--radius-md); padding:28px 16px;
  transition:transform var(--transition-fast), box-shadow var(--transition-fast);
}
.pricing-value-item:hover { transform:translateY(-2px); box-shadow:var(--shadow-hover); }
.pricing-value-num {
  font-family:var(--font-display); font-weight:800; font-size:36px;
  color:var(--gold); margin-bottom:4px;
}
.pricing-value-label { font-size:13px; color:var(--gray-text); font-weight:500; }

/* Pricing Grid */
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:start; }
.pricing-card {
  background:var(--white); border:1px solid var(--gray-light); border-radius:var(--radius-lg);
  padding:32px; box-shadow:var(--shadow-card);
  transition:all var(--transition-fast); position:relative; display:flex; flex-direction:column;
}
.pricing-card:hover { box-shadow:var(--shadow-hover); transform:translateY(-3px); }
.pricing-card--featured { border:2px solid var(--gold); }
.pricing-card__badge { position:absolute; top:-11px; left:50%; transform:translateX(-50%); background:var(--gold); color:var(--white); font-size:10px; font-weight:700; padding:3px 14px; border-radius:100px; white-space:nowrap; }
.pricing-card__header { margin-bottom:20px; }
.pricing-card__name { font-family:var(--font-display); font-weight:700; font-size:22px; color:var(--navy); margin-bottom:4px; }
.pricing-card__for { font-size:12px; color:var(--gray-text); }
.pricing-card__features { flex:1; margin-bottom:20px; list-style:none; padding:0; }
.pricing-feature { font-size:13px; padding:5px 0; color:var(--navy); }
.pricing-feature--disabled { color:var(--gray-text); opacity:0.5; }
.pricing-note { text-align:center; margin-top:40px; padding:16px 20px; background:var(--gold-bg); border:1px solid rgba(184,150,58,0.12); border-radius:var(--radius-md); font-size:13px; color:var(--gray-text); }

/* ── FAQ ── */
.faq-list { max-width:680px; margin:0 auto; }
.faq-item {
  padding:24px 0; border-bottom:1px solid var(--gray-light);
}
.faq-item:last-child { border-bottom:none; }
.faq-q {
  font-family:var(--font-display); font-weight:700; font-size:16px;
  color:var(--navy); margin-bottom:8px;
}
.faq-a { font-size:14px; color:var(--gray-text); line-height:1.7; }

/* Contact Grid */
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.contact-info__title { font-family:var(--font-display); font-weight:700; font-size:24px; color:var(--navy); margin-bottom:20px; }
.contact-item { display:flex; gap:10px; align-items:flex-start; margin-bottom:16px; }
.contact-item__label { font-size:11px; font-weight:600; color:var(--gray-text); text-transform:uppercase; letter-spacing:0.5px; }
.contact-item__value { font-size:14px; color:var(--navy); font-weight:500; }
.contact-info__desc { margin-top:20px; font-size:14px; color:var(--gray-text); line-height:1.6; }

.contact-form-wrap { background:var(--off-white); padding:32px; border-radius:var(--radius-lg); border:1px solid var(--gray-light); }
.form-group { margin-bottom:16px; }
.form-label { display:block; font-size:12px; font-weight:600; color:var(--navy); margin-bottom:5px; }
.form-input { width:100%; padding:10px 12px; border:1px solid var(--gray-light); border-radius:var(--radius-sm); font-size:14px; background:var(--white); transition:border-color var(--transition-fast); font-family:var(--font-body); }
.form-input:focus { border-color:var(--gold); outline:none; }
.form-textarea { resize:vertical; min-height:100px; }

@media (max-width:768px) {
  .page-hero__title { font-size:28px; }
  .page-hero__sub { font-size:14px; }
  .page-hero { padding:100px 16px 40px; }
  .step-row { grid-template-columns:1fr; gap:20px; }
  .step-row--reverse { direction:ltr; }
  .security-grid { grid-template-columns:1fr; }
  .pricing-value-row { grid-template-columns:1fr; gap:12px; margin-bottom:32px; }
  .pricing-value-num { font-size:28px; }
  .pricing-grid { grid-template-columns:1fr; }
  .pricing-card { padding:24px; }
  .contact-grid { grid-template-columns:1fr; }
  .faq-q { font-size:15px; }
  .faq-a { font-size:13px; }
}