.prompt-hero{padding:2.3rem 0 2.6rem;background:#f4f6f8}
.prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:start}
.prompt-grid h1{font-size:clamp(1.25rem,3vw,1.65rem);font-weight:800;margin-bottom:.55rem}
.prompt-grid p{color:#5a6478;font-size:.92rem;margin-bottom:1rem;line-height:1.65}
.stack{display:flex;flex-direction:column;gap:.45rem}
.pr{background:#1a1f2e;color:#e2e8f0;padding:.65rem .85rem;font-size:.78rem;border-radius:6px;border-left:3px solid #6366f1}
.pr.user{background:#252b3d;border-left-color:#9aa3b8}
.pr.ai{border-left-color:#a855f7}
.pr b{font-size:.68rem;color:#a855f7;display:block;margin-bottom:.2rem}
.prompt-shot img{width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:.4rem}

.mod{display:flex;flex-direction:column;gap:.7rem}
.mod-item{display:grid;grid-template-columns:96px 1fr 120px;gap:1rem;align-items:center;background:#fff;border:1px solid #e2e8f0;padding:1rem 1.1rem;border-radius:8px}
.mod-id{font-size:.72rem;font-weight:800;color:#6366f1;line-height:1.35}
.mod-item h2{font-size:.92rem;font-weight:800;margin-bottom:.2rem}
.mod-item p{font-size:.84rem;color:#5a6478}
.mod-item img{width:100%;border:1px solid #e2e8f0;border-radius:4px}

.ft-fl{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.ft-s{background:#fff;border:1px solid #e2e8f0;padding:1rem;text-align:center;border-radius:8px}
.ft-s strong{display:block;font-size:.7rem;color:#a855f7;margin-bottom:.3rem}
.ft-s h3{font-size:.88rem;font-weight:800;margin-bottom:.25rem}
.ft-s p{font-size:.78rem;color:#5a6478}

.ft-ctx{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ft-ctx-c{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}
.ft-ctx-c h3{padding:.5rem .9rem;background:#1a1f2e;color:#a855f7;font-size:.84rem}
.ft-ctx-c ul{padding:.9rem 1rem}
.ft-ctx-c li{font-size:.82rem;color:#5a6478;padding:.26rem 0}

.ft-cta{text-align:center;padding:2.3rem 0;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}
.ft-cta h2{font-size:1.15rem;font-weight:800;margin-bottom:.4rem}
.ft-cta .btn-ai{background:#1a1f2e}

@media(max-width:768px){
  .prompt-grid,.ft-ctx,.ft-fl{grid-template-columns:1fr}
  .mod-item{grid-template-columns:1fr}
  .mod-item img{max-width:140px}
}