/* Growth landing pages (growth roadmap S8). Colours from tokens.css. */
.gp-page { padding: 48px 0 72px; }
.gp-page .container { max-width: 52rem; }
.gp-crumbs { font-size: .875rem; color: var(--slate-500); margin-bottom: 12px; }
.gp-crumbs a { color: var(--slate-600); }
.gp-title { font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; color: var(--slate-900); margin: 0 0 12px; }
.gp-answer { font-size: 1.125rem; line-height: 1.6; color: var(--slate-700); margin: 0 0 32px; }
.gp-block { margin: 0 0 32px; }
.gp-block h2 { font-size: 1.25rem; font-weight: 700; color: var(--slate-900); margin: 0 0 12px; }
.gp-table-wrap { overflow-x: auto; border: 1px solid var(--slate-200); border-radius: 10px; }
.gp-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.gp-table th, .gp-table td { padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--slate-200); white-space: nowrap; }
.gp-table thead th { background: var(--slate-50); font-weight: 600; color: var(--slate-700); }
.gp-table tbody tr:last-child th, .gp-table tbody tr:last-child td { border-bottom: 0; }
.gp-table tbody th { font-weight: 600; color: var(--slate-900); white-space: normal; min-width: 11rem; }
.gp-note { font-size: .875rem; color: var(--slate-500); margin: 10px 0 0; }
.gp-cta { margin: 0 0 40px; }
.gp-cta__btn { display: inline-block; padding: 12px 20px; border-radius: 10px; background: var(--blue-600); color: #fff; font-weight: 600; text-decoration: none; }
.gp-cta__btn:hover, .gp-cta__btn:focus-visible { background: var(--blue-700); color: #fff; }
.gp-faq { border-bottom: 1px solid var(--slate-200); padding: 12px 0; }
.gp-faq summary { font-weight: 600; cursor: pointer; color: var(--slate-900); }
.gp-faq p { margin: 8px 0 0; color: var(--slate-600); }
.gp-staff { border: 1px solid #f59e0b; background: #fffbeb; border-radius: 10px; padding: 12px 16px; margin-bottom: 20px; font-size: .9rem; }
.gp-staff ul { margin: 6px 0 0; padding-left: 18px; }