/* Cards de blog e casos de uso, cabeçalhos de seção. Usa os tokens da marca (escuro). */
.pcs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:8px 0 56px}
@media(max-width:960px){.pcs{grid-template-columns:1fr 1fr}}@media(max-width:620px){.pcs{grid-template-columns:1fr}}
.pc{display:flex;flex-direction:column;background:var(--surf);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text);transition:border-color .2s,transform .25s cubic-bezier(.2,.7,.2,1)}
.pc:hover,.pc:focus-visible{border-color:var(--feixe);transform:translateY(-4px)}
.pc-img{aspect-ratio:16/9;overflow:hidden;background:#0D2A33;border-bottom:1px solid var(--line)}
.pc-img .cv,.post-cover .cv{display:block;width:100%;height:100%}
.pc .wd{transform-origin:left center;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pc:hover .wd{transform:scaleY(1.18)}
.pc-b{display:flex;flex-direction:column;gap:12px;padding:22px;flex:1}
.pc-m{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pill{display:inline-block;background:transparent;border:1px solid var(--line);color:var(--ftxt);border-radius:999px;padding:3px 12px;font:600 11px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.pc .mono{font:400 12px 'JetBrains Mono',monospace;color:var(--muted)}
.pc h3{font-size:21px;line-height:1.2;letter-spacing:-.02em;margin:0}
.pc p{margin:0;color:var(--muted);font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-l{margin-top:auto;color:var(--ftxt);font-weight:700;font-size:15px;display:inline-flex;gap:8px;align-items:center}
.pc-l i{font-style:normal;transition:transform .2s}.pc:hover .pc-l i{transform:translateX(4px)}
.hero-i{padding:96px 24px 32px}
.hero-i h1{font-size:clamp(36px,6vw,68px);max-width:16ch;margin:14px 0 16px}
.hero-i h1 em,.sec-h h2 em{font-style:normal;color:var(--ftxt)}
.hero-i p{color:var(--muted);font-size:20px;max-width:46ch;margin:0}
.post-cover{border:1px solid var(--line);border-radius:12px;overflow:hidden;aspect-ratio:16/9;margin:28px 0 8px}
.post header .pill{margin-bottom:6px}
.home-sec{padding:120px 0;border-top:1px solid var(--line)}
.more{margin:0;text-align:center}.more a{color:var(--ftxt);font-weight:700;text-decoration:none;display:inline-flex;gap:8px}.more a:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.pc,.pc .wd,.pc-l i{transition:none!important}}
.pc-img img.cv,.post-cover img.cv{object-fit:cover;width:100%;height:100%;display:block}
.pc:hover .pc-img img.cv{transform:scale(1.04)}.pc-img img.cv{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.credit{margin:6px 2px 0;font:400 11px 'JetBrains Mono',monospace;color:var(--muted)}