/* v9 — компьютер (data-layout="d"): герой в две колонки (текст слева, коробка справа),
   друзья — сетка 4×2, батькам — три колонки, раскрытие — карточка по центру. */

[data-layout="d"] body { font-size: 18px; }
[data-layout="d"] .top { padding-inline: max(var(--gut), calc((100vw - 1180px) / 2)); }
[data-layout="d"] .hero {
  max-width: 1180px; margin: 0 auto; padding: 28px 24px 0;
  display: grid; grid-template-columns: 1fr minmax(400px, 480px); gap: 56px; align-items: center;
}
[data-layout="d"] .play { width: 100%; max-width: 480px; justify-self: center; }
[data-layout="d"] .kin { font-size: clamp(3.2rem, 5.6vw, 4.6rem); }
[data-layout="d"] .lead { font-size: 20px; }
[data-layout="d"] .sec { max-width: 1180px; margin: 0 auto; padding: 80px 24px 8px; }
[data-layout="d"] .car { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
[data-layout="d"] .car-nav { display: none; }
[data-layout="d"] .fr-btn:hover { transform: translateY(-3px); }
[data-layout="d"] .fr-btn { transition: transform .2s; }
[data-layout="d"] .how-list { grid-template-columns: repeat(3, 1fr); gap: 16px; }
[data-layout="d"] .col-grid { grid-template-columns: repeat(8, 1fr); gap: 12px; }
[data-layout="d"] .name { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
[data-layout="d"] .sticker { margin: 0; max-width: 420px; }
[data-layout="d"] .par-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
[data-layout="d"] .cta { padding-bottom: 40px; }
[data-layout="d"] .foot { max-width: 1180px; margin: 0 auto; padding-inline: 24px; }

[data-layout="d"] .reveal { width: min(900px, 92vw); border-radius: 28px; overflow: hidden; }
[data-layout="d"] .rv-in { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; }
[data-layout="d"] .rv-copy { padding: 32px 32px 32px 28px; }
[data-layout="d"] .rv-copy h2 { font-size: 38px; }