/* The SEO Minion pages (docs/site-redesign.md, mockup approved by the owner 2026-10-22): home, pricing and setup, FAQ, news.
   Loaded after ke-feature.css and ke-company.css (tokens, title bands, contents rail, FAQ, steps, buttons) and scoped to
   .ke-fp.ke-co.sm; the copy of the pages is unchanged. */
.ke-fp.ke-co.sm .title.prod .ph { display: flex; align-items: center; gap: 18px; margin-bottom: 0; }
.ke-fp.ke-co.sm .title.prod .ph h1 { margin: 0; min-width: 0; }
.ke-fp.ke-co.sm .title.prod .ph .logo { width: 64px; height: 64px; border-radius: 16px; background: var(--ground); border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; flex: 0 0 64px; }
.ke-fp.ke-co.sm .title.prod .ph .logo img { width: 40px; height: 40px; }
.ke-fp.ke-co.sm .title.prod h1 { font-size: 40px; line-height: 1.12; text-wrap: wrap; }
.ke-fp.ke-co.sm .title.prod .sub { font-size: 17.5px; margin-top: 12px; line-height: 1.55; }
.ke-fp.ke-co.sm .title.prod .note { margin-top: 10px; }
.ke-fp.ke-co.sm .title.prod .note a { text-decoration: underline; text-underline-offset: 3px; }
.ke-fp.ke-co.sm .stores { max-width: 760px; margin-top: 22px; }
.ke-fp.ke-co.sm .stores.two { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 480px; margin-top: 16px; }
.ke-fp.ke-co.sm .feats12 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ke-fp.ke-co.sm .fcard { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 22px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.ke-fp.ke-co.sm .fcard .fh { display: flex; align-items: center; gap: 12px; }
.ke-fp.ke-co.sm .fcard .ic { width: 40px; height: 40px; border-radius: 10px; background: var(--red-soft); color: var(--red); display: flex; align-items: center; justify-content: center; flex: 0 0 40px; }
.ke-fp.ke-co.sm .fcard h3 { font-size: 17.5px; }
.ke-fp.ke-co.sm .fcard p { font-size: 14.5px; line-height: 1.55; }
.ke-fp.ke-co.sm .quotes.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ke-fp.ke-co.sm .quote .by small { display: inline; font-weight: 400; color: var(--muted); margin-left: 4px; }
.ke-fp.ke-co.sm .shots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.ke-fp.ke-co.sm .shot { margin: 0; min-width: 0; }
.ke-fp.ke-co.sm .shot img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 12px; }
.ke-fp.ke-co.sm .shot figcaption { font-size: 14.5px; color: var(--text); margin-top: 10px; font-weight: 500; }
.ke-fp.ke-co.sm .steps3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.ke-fp.ke-co.sm .step3 { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 24px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.ke-fp.ke-co.sm .step3 .n { width: 34px; height: 34px; border-radius: 50%; background: var(--ink); color: #fff; font-family: var(--fh); font-weight: 700; font-size: 15px; display: flex; align-items: center; justify-content: center; }
.ke-fp.ke-co.sm .step3 h3 { font-size: 18px; }
.ke-fp.ke-co.sm .step3 p { font-size: 15px; line-height: 1.6; }
.ke-fp.ke-co.sm .step3 p a { text-decoration: underline; text-underline-offset: 3px; }
.ke-fp.ke-co.sm .ask { display: flex; align-items: center; justify-content: space-between; gap: 24px; background: var(--ground); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 26px 30px; flex-wrap: wrap; }
.ke-fp.ke-co.sm .ask h2 { font-size: 22px; margin-bottom: 4px; }
.ke-fp.ke-co.sm .ask p { font-size: 15px; color: var(--muted); }
.ke-fp.ke-co.sm .ask p a { text-decoration: underline; text-underline-offset: 3px; }
.ke-fp.ke-co.sm .setup .step { display: grid; grid-template-columns: minmax(0, 1fr) 480px; gap: 48px; align-items: center; padding: 44px 0; border-bottom: 1px solid var(--line-soft); }
.ke-fp.ke-co.sm .setup .step.flip { grid-template-columns: 480px minmax(0, 1fr); }
.ke-fp.ke-co.sm .setup .step:last-child { border-bottom: 0; }
.ke-fp.ke-co.sm .setup .step .n { font-family: var(--fh); font-weight: 700; font-size: 13px; letter-spacing: .08em; color: var(--muted); margin-bottom: 10px; }
.ke-fp.ke-co.sm .setup .step h2 { font-size: 26px; margin-bottom: 12px; }
.ke-fp.ke-co.sm .setup .step p { font-size: 16px; margin-bottom: 12px; line-height: 1.6; }
.ke-fp.ke-co.sm .setup .step p a { text-decoration: underline; text-underline-offset: 3px; }
.ke-fp.ke-co.sm .setup .frame { padding: 16px; }
.ke-fp.ke-co.sm .setup .frame img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.ke-fp.ke-co.sm .msgs p { font-size: 15.5px; margin-bottom: 10px; }
.ke-fp.ke-co.sm .msgs .frame { max-width: 760px; padding: 12px; margin-bottom: 18px; }
.ke-fp.ke-co.sm .msgs .frame img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.ke-fp.ke-co.sm .msgs .warn { border: 1px solid var(--line); background: var(--ground); border-radius: 10px; padding: 14px 18px; font-size: 15px; max-width: 760px; }
.ke-fp.ke-co.sm .toc .rel a { text-decoration: none; }
@media (max-width: 1000px) {
    .ke-fp.ke-co.sm .feats12, .ke-fp.ke-co.sm .shots, .ke-fp.ke-co.sm .steps3, .ke-fp.ke-co.sm .quotes.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ke-fp.ke-co.sm .setup .step, .ke-fp.ke-co.sm .setup .step.flip { grid-template-columns: 1fr; }
    .ke-fp.ke-co.sm .setup .step.flip .frame { order: 2; }
    .ke-fp.ke-co.sm .stores { grid-template-columns: 1fr; }
    .ke-fp.ke-co.sm .title.prod h1 { font-size: 32px; }
}
@media (max-width: 600px) {
    .ke-fp.ke-co.sm .feats12, .ke-fp.ke-co.sm .shots, .ke-fp.ke-co.sm .steps3, .ke-fp.ke-co.sm .quotes.two, .ke-fp.ke-co.sm .stores.two { grid-template-columns: 1fr; }
    .ke-fp.ke-co.sm .title.prod h1 { font-size: 27px; }
    .ke-fp.ke-co.sm .ask { padding: 20px; }
}