/* Kaikaku Labs — modelo de PÁGINA DE PRODUTO (revisão 2, 2026-09-24).
   Parte da página aprovada product-contrato-claro.html: mesmas seções (.phero split2,
   .chap, .sec, .faq, .cta) e componentes de site.css. Aqui só o que o modelo acrescenta,
   com prefixo .pd-. Cores só dos tokens; laranja só onde uma pessoa age ou decide. */

/* hero */
.pd-back{display:inline-flex;gap:8px;align-items:center}
.pd-mark{font-family:var(--font-h);letter-spacing:0;margin-right:2px}
.pd-more{font-size:16px;color:var(--muted-d);max-width:62ch}
.pd-status{line-height:1.5}
.pd-status b{font-weight:600;color:#D6D4E4;margin-right:6px}

/* imagem de conceito com rótulo e legenda */
.pd-fig{margin:0;display:grid;gap:12px}
.pd-fig figcaption{font-size:13.5px;line-height:1.5;color:var(--muted-d)}
.pd-seal{display:inline-block;vertical-align:1px;margin-right:8px;font:600 11px/1 var(--font-b);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#E6E4F2;white-space:nowrap}

/* peças de conteúdo (formato vertical) */
.pd-pieces{display:flex;justify-content:center;gap:14px;padding:18px;background:#0E1B2D}
.pd-pieces img{width:auto;height:min(440px,62vw);border-radius:10px}

/* demonstração com dados de amostra (biblioteca) */
.pd-lib{background:#fff;color:var(--text-l);padding:18px 20px 20px}
.pd-lib-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line-l)}
.pd-chip{font:500 12.5px/1 var(--font-b);padding:7px 10px;border-radius:999px;background:rgba(63,163,122,.12);border:1px solid rgba(63,163,122,.4);color:#2E7D5B}
.pd-seal-d{margin:0 0 0 auto;background:var(--ink);border-color:var(--ink)}
.pd-lib-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}
.pd-lib-h{font:600 11.5px/1.3 var(--font-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-l);margin-bottom:10px}
.pd-tree,.pd-tree ul,.pd-rank{list-style:none;margin:0;padding:0}
.pd-tree>li>b{font:600 14.5px/1.4 var(--font-b);color:var(--ink)}
.pd-tree ul{margin:4px 0 10px 4px;padding-left:12px;border-left:1px solid var(--line-l)}
.pd-tree ul li{font-size:14px;line-height:1.65;color:var(--muted-l)}
.pd-rank{display:grid;gap:8px}
.pd-rank li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-l);border-radius:10px;font-size:14px}
.pd-rank .r,.pd-rank .s{font-variant-numeric:tabular-nums;color:var(--muted-l)}
.pd-rank .s{font-size:13px}
.pd-rank .c{display:grid;gap:6px;color:var(--text-l);font-weight:500}
.pd-rank .c i{display:block;height:4px;border-radius:4px;background:#8E8AAE}
@media (max-width:520px){.pd-lib-g{grid-template-columns:1fr;gap:18px}.pd-seal-d{margin-left:0}.pd-tree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pd-tree ul{margin:4px 0 0 2px;padding-left:9px}.pd-tree ul li{font-size:13px;white-space:nowrap}}

/* o problema: capítulo que se fecha sozinho */
.chap.pd-solo{padding-bottom:clamp(44px,5vw,72px)}

/* como funciona: os passos, com o marcador de decisão humana de site.css */
.pd-mech{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pd-mech.pd-four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.pd-mech,.pd-mech.pd-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.pd-mech,.pd-mech.pd-four{grid-template-columns:1fr}}
.pd-mech .box{gap:14px;padding:22px}
.pd-mh{display:flex;align-items:center;gap:4px}
.pd-mech .k{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font:600 14px/1 var(--font-b);letter-spacing:0;background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--head)}
.pd-mech .human{border-color:rgba(224,122,58,.45)}
.pd-mech .human .k{border-radius:50%;background:var(--orange);color:var(--ink);box-shadow:0 0 0 5px rgba(224,122,58,.18)}
.pd-mech .human .who{margin-left:12px}
.pd-mech .box p{color:var(--text);font-size:16.5px;line-height:1.55}