/* Cat AI Usage product pages: extras on top of home.css (peeking cats, answer box, store badges, comparison table, steps). */
:root{--peek:var(--peach)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--peek:#3A2A17}}
:root[data-theme="dark"]{--peek:#3A2A17}
.cat-peek{display:flex;justify-content:center;margin-top:28px;border-bottom:1px solid var(--line);background:linear-gradient(var(--peek),var(--peek)) bottom/100% 38% no-repeat;border-radius:20px 20px 0 0}
.cat-peek img{display:block;width:360px;max-width:80%;height:auto}
.badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px}
.badge{display:inline-block;line-height:0}
.badge.apple img{height:44px;width:auto}
.badge.play{margin-left:-2px}
.badge.play img{height:64px;width:auto}
.summary{margin:8px 0 0;padding:24px 26px;border-radius:18px;background:var(--honey-soft);display:grid;gap:10px}
.summary h2{font-size:var(--step-1);letter-spacing:-.01em;color:var(--honey)}
.summary p{margin:0;max-width:62ch}
.summary em{font-style:normal;font-weight:600}
.phone.card{border-radius:24px}
.block-lede{margin:0;color:var(--ink-2);max-width:62ch}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.compare{border-collapse:collapse;width:100%;min-width:640px;font-size:.9375rem}
.compare th,.compare td{padding:12px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.compare thead th{border-top:0;font:500 var(--step--1)/1.4 var(--font-body);color:var(--ink-3)}
.compare tbody th{font-weight:600}
.compare td{color:var(--ink-2)}
.compare tr.ours{background:var(--honey-soft)}
.compare tr.ours td{color:var(--ink)}
code{font:.875em/1 var(--font-mono);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:2px 5px;border-radius:5px}
.steps{margin:0;padding-left:22px;display:grid;gap:8px;color:var(--ink-2);max-width:62ch}
.steps a,.checks a,.summary a{color:var(--honey);text-decoration:none}
.steps strong{color:var(--ink)}
.updated{margin-top:0}
@media (max-width:720px){
  .cat-peek{margin-top:20px}
  .summary{padding:20px}
  .badge.apple img{height:40px}
  .badge.play img{height:58px}
}
.video{width:300px;max-width:100%;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:var(--surface);box-shadow:0 0 0 1px var(--line)}
.video iframe{display:block;width:100%;height:100%;border:0}
.video-block .note a{color:var(--honey);text-decoration:none}
.compare-src a,.block .note a{color:var(--honey);text-decoration:none}