/* piece 6: bot page, 3 layouts */
.p6{padding-top:32px;padding-bottom:80px}
.p6 h1{font:800 clamp(40px,7vw,80px)/.95 B;letter-spacing:-.02em;margin:0 0 14px;max-width:14ch}
.p6 h2{font:800 22px/1.15 B;margin:40px 0 14px}
.crumb{font:600 13px/1 D;color:var(--muted);margin:0 0 14px}.crumb a{color:var(--muted)}
.lede{font-size:18px;line-height:1.45;max-width:50ch;margin:0 0 24px}
.p6 .btn{gap:8px;white-space:nowrap;width:auto;margin:0}.p6 .btn svg{width:18px;height:18px;flex:none}
.p6 .btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.note{font:500 14px/1.4 D;color:var(--muted);margin:10px 0 0}
.pg.big{font:500 15px/1.45 D;padding:14px 16px;max-width:440px;box-shadow:4px 4px 0 var(--ink);background:var(--cream)}
.pg.big b,.pg.big span,.pg.big em{display:block}.pg.big b{font-weight:700;margin-bottom:4px}
.pg.big em{font-style:normal;color:var(--muted);font-size:13px;margin-top:8px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:520px}
.steps li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.45}
.steps li>span{flex:none;width:32px;height:32px;border-radius:50%;background:var(--sun);border:2px solid var(--ink);font:800 16px/28px B;text-align:center}
.steps b{font-weight:700}
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;max-width:760px}
.facts li{padding:12px 0;border-top:1.5px solid var(--ink);font-size:15px;line-height:1.4}
/* A ping first */
.pa-hero{display:grid;grid-template-columns:minmax(0,440px) auto;gap:40px;align-items:center}
/* B chat story */
.pb{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}
.pb .facts{grid-template-columns:1fr;margin-top:28px}
.chat{background:var(--box);border:2px solid var(--ink);border-radius:20px;box-shadow:4px 4px 0 var(--ink);padding:0 16px 16px;display:flex;flex-direction:column;gap:8px}
.cb{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1.5px solid var(--ink);margin-bottom:6px;font:700 15px/1 D}.cb img{width:24px;height:24px}.cb small{font:500 12px D;color:var(--muted)}
.chat p{margin:0;font:500 15px/1.4 D;padding:9px 12px;max-width:85%;border:1.5px solid var(--ink)}
.chat .bt{background:var(--cream);border-radius:12px 12px 12px 4px;align-self:flex-start}
.chat .me{background:var(--sun);border-radius:12px 12px 4px 12px;align-self:flex-end}
.chat .mono{font-family:ui-monospace,Menlo,monospace;font-size:14px}
.chat .yes{display:table;margin-top:8px;padding:4px 12px;border:1.5px solid var(--ink);border-radius:999px;background:var(--sun);font-weight:700}
.chat .sep{border:0;padding:2px 0;align-self:center;font:600 12px D;color:var(--muted)}
.chat .pp{border-width:2px;display:block}.chat .pp b{font-weight:700}
.chat .cap{border:0;padding:0;align-self:flex-start;font:500 12px D;color:var(--muted);max-width:none}
/* C button first */
.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media(max-width:899px){.pb{grid-template-columns:1fr;gap:32px}}
@media(max-width:719px){.p6{padding-top:24px}.lede{font-size:17px}.p6 .btn{width:100%}
 .pa-hero,.pc-grid{grid-template-columns:1fr;gap:20px}.facts{grid-template-columns:1fr}.p6 h2{margin-top:32px}}
.facts li b{font:700 15px/1.4 D;display:inline;letter-spacing:0;margin:0}