/* Внутренние страницы KinVoice: /vozmozhnosti, /premium, /cena, /vhod. Опирается на home.css. */

.page-hero {
  position: relative; overflow: hidden; isolation: isolate;
  padding: 168px 0 96px;
}
.page-hero .wrap { position: relative; z-index: 1; }
.page-hero .aura { opacity: 0.85; }
.page-hero h1 { margin-top: 20px; max-width: 680px; }
.page-hero .lead { margin-top: 20px; max-width: 580px; font-size: 18px; line-height: 28px; color: var(--muted); }
.page-hero .hero-actions { margin-top: 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }

.crumbs { font-size: 13px; line-height: 18px; color: var(--muted); font-weight: 500; }
.crumbs a { color: var(--muted); text-decoration: none; }
.crumbs a:hover { color: var(--ink); }

.section-tight { padding: 40px 0 0; }
.section-block { padding: 96px 0; }
.section-block .section-head { max-width: 680px; }
.section-block .section-head .body-3 { margin-top: 16px; font-size: 18px; line-height: 28px; }
.section-title { margin-top: 12px; }

/* Сетка возможностей */
.feature-grid { margin-top: 48px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.feature {
  background: var(--paper); border-radius: 24px; padding: 28px; box-shadow: inset 0 0 0 1px var(--line);
  transition: transform 600ms var(--ease), box-shadow 600ms var(--ease);
}
.feature:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px var(--line), 0 30px 60px -36px rgba(21, 22, 30, 0.35); }
.feature-icon {
  width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; margin-bottom: 20px;
  background: var(--accent-soft); color: var(--accent); font-size: 18px; font-weight: 600;
}
.feature:nth-child(2) .feature-icon { background: #fde9e4; color: #9a3a25; }
.feature:nth-child(3) .feature-icon { background: #e9f8f1; color: #1d6b4c; }
.feature:nth-child(4) .feature-icon { background: #fff4d6; color: #7a5400; }
.feature:nth-child(5) .feature-icon { background: #f1ecff; color: #4c2d9a; }
.feature:nth-child(6) .feature-icon { background: #e6f3ff; color: #1b4f8a; }
.feature h3 { margin: 0; }
.feature .body-6 { margin-top: 8px; font-size: 15px; line-height: 24px; }

/* Экран приложения рядом с текстом */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.split .shot-frame { display: grid; place-items: center; }
.shot {
  margin: 0; border-radius: 32px; overflow: hidden; background: var(--paper);
  box-shadow: 0 0 0 1px var(--line), 0 40px 80px -40px rgba(21, 22, 30, 0.5);
  max-width: 300px; width: 100%; transition: transform 800ms var(--ease);
}
.shot img { width: 100%; height: auto; }
.shot:hover { transform: translateY(-6px) rotate(-1deg); }
.check-list { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 14px; }
.check-list li { display: grid; grid-template-columns: 24px 1fr; gap: 12px; font-size: 16px; line-height: 24px; align-items: start; }
.tick {
  width: 24px; height: 24px; border-radius: 8px; background: var(--mint); position: relative; margin-top: 0;
}
.tick::after {
  content: ""; position: absolute; left: 8px; top: 6px; width: 7px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg);
}
.check-list strong { display: block; font-weight: 600; }
.check-list small { display: block; font-size: 14px; line-height: 20px; color: var(--muted); margin-top: 2px; }

/* Цена */
.price-card {
  position: relative; background: var(--night); color: #fff; border-radius: 36px; padding: 56px 48px; overflow: hidden; isolation: isolate;
  display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center;
}
.price-card .aura { opacity: 0.8; }
.price-card > div { position: relative; z-index: 1; }
.price-card .price-amount { color: #fff; font-size: 96px; line-height: 96px; font-weight: 600; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.price-card .price-amount small { display: block; font-size: 22px; line-height: 28px; font-weight: 500; letter-spacing: 0; margin: 12px 0 0; color: rgba(255, 255, 255, 0.72); }
.price-card p { color: rgba(255, 255, 255, 0.72); }
.price-card .btn { background: #fff; color: var(--ink); margin-top: 28px; }
.price-card .btn:hover { background: var(--sun); color: var(--ink); box-shadow: 0 16px 36px -14px rgba(245, 185, 66, 0.8); }
.price-card .caption-2 { color: rgba(255, 255, 255, 0.6); margin-top: 16px; }
.price-points { display: grid; gap: 12px; }
.price-points div { background: rgba(255, 255, 255, 0.06); border-radius: 18px; padding: 18px 20px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
.price-points strong { display: block; font-size: 16px; line-height: 24px; font-weight: 600; }
.price-points span { display: block; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.7); margin-top: 4px; }

/* Шаги входа */
.steps-simple { margin-top: 48px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; list-style: none; padding: 0; }
.steps-simple li { background: var(--paper); border-radius: 24px; padding: 28px; box-shadow: inset 0 0 0 1px var(--line); }
.steps-simple .step-num { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--ink); color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 20px; }
.steps-simple li:nth-child(2) .step-num { background: var(--coral); }
.steps-simple li:nth-child(3) .step-num { background: var(--mint); }
.steps-simple h3 { margin: 0; }
.steps-simple .body-6 { margin-top: 8px; font-size: 15px; line-height: 24px; }

.entry-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 40px; }

/* Таблица и FAQ переиспользуют стили из home.css; здесь только отступы */
.page-table { margin-top: 48px; }

/* Нижний блок с призывом */
.closing { margin: 40px 16px 24px; border-radius: 36px; background: var(--night); color: #fff; padding: 104px 24px; text-align: center; position: relative; overflow: hidden; isolation: isolate; }
.closing .aura { opacity: 0.9; }
.closing .wrap { position: relative; z-index: 1; max-width: 760px; }
.closing h2 { font-size: 52px; line-height: 56px; font-weight: 600; letter-spacing: -0.02em; }
.closing p { margin-top: 16px; font-size: 18px; line-height: 28px; color: rgba(255, 255, 255, 0.7); }
.closing .btn { margin-top: 32px; background: #fff; color: var(--ink); }
.closing .btn:hover { background: var(--sun); color: var(--ink); box-shadow: 0 16px 36px -14px rgba(245, 185, 66, 0.8); }

@media (max-width: 900px) {
  .feature-grid, .steps-simple { grid-template-columns: 1fr; }
  .split, .price-card { grid-template-columns: 1fr; gap: 40px; }
  .price-card { padding: 40px 28px; }
  .price-card .price-amount { font-size: 72px; line-height: 72px; }
  .split .shot-frame { order: -1; }
  .closing h2 { font-size: 38px; line-height: 42px; }
  .page-hero { padding: 132px 0 64px; }
}
@media (max-width: 560px) {
  .section-block { padding: 72px 0; }
  .closing { margin: 24px 8px; padding: 80px 20px; border-radius: 28px; }
  .limits th, .limits td { padding: 12px 14px; font-size: 14px; }
}