.production-component { margin: 3rem auto; }
.pc-inner { max-width: 1180px; margin: 0 auto; padding: 2rem; border: 1px solid #dfe6ec; border-radius: 18px; background: #fff; }
.pc-kicker { color: #d95d25; font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.pc-logo-wall { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 1rem; align-items: center; }
.pc-logo-wall span { padding: 1rem .5rem; text-align: center; color: #536574; font-weight: 750; border: 1px solid #dfe6ec; border-radius: 12px; }
.pc-video-placeholder { aspect-ratio: 16/7; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(135deg,#0b1f2e,#285d76); color: #fff; }
.production-component video { display:block; width:100%; max-height:620px; border-radius:14px; background:#0b1f2e; }
.pc-motion { animation: pc-rise .65s ease both; }
@keyframes pc-rise { from { opacity:0; transform:translateY(16px) } to { opacity:1; transform:none } }
@media (prefers-reduced-motion: reduce) { .pc-motion { animation:none; } }
.pc-faq details { border-bottom: 1px solid #dfe6ec; padding: 1rem 0; }
.pc-faq summary { cursor: pointer; font-weight: 750; }
.pc-wa { display:flex; align-items:center; justify-content:space-between; gap:2rem; background:#eef8f2; }
.pc-wa a { display:inline-flex; padding:.8rem 1rem; border-radius:999px; background:#128c4c; color:#fff; font-weight:750; text-decoration:none; }
.pc-compare { overflow-x:auto; }
.pc-compare table { width:100%; border-collapse:collapse; }
.pc-compare th,.pc-compare td { padding:.8rem; border:1px solid #dfe6ec; text-align:left; min-width:150px; }
.pc-cert { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.pc-cert span { padding:1rem; border-radius:12px; background:#edf2f5; font-weight:700; text-align:center; }
@media(max-width:700px){.pc-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-wa{display:block}.pc-wa a{margin-top:1rem}.pc-cert{grid-template-columns:1fr 1fr}}
