html{scroll-padding-top:16px}
.poc-grid,.poc-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.poc-card{display:block;overflow:hidden;border:1px solid var(--line);background:var(--panel);text-decoration:none;color:var(--ink)}
.poc-card:hover,.poc-card:focus-visible{border-color:var(--gold)}
.poc-card img{width:100%;height:auto;aspect-ratio:2.2;object-fit:cover;display:block}
.poc-card div{padding:13px 15px}
.poc-card strong{display:block;color:var(--gold);letter-spacing:.08em}
.poc-card p{font-size:.86rem;color:var(--muted);margin:4px 0}
.poc-intro h1{overflow-wrap:anywhere}
.poc-intro img{mask-image:radial-gradient(ellipse,#000 35%,transparent 82%)}
.poc-flow{padding:0;list-style:none}
.poc-flow li{min-width:0;padding:13px 15px;border-top:2px solid var(--gold);background:#090e16}
.poc-flow span{font-size:.72rem;letter-spacing:.09em;font-weight:700;color:var(--gold)}
.poc-flow p{margin:6px 0 0;font-size:.88rem}
.poc-link{display:inline-block;text-decoration:none}
.poc-link[hidden]{display:none}
#poc-actions button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold)}
@media(max-width:700px){.poc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poc-flow{grid-template-columns:1fr}.poc-intro img{mask-image:linear-gradient(90deg,transparent,#000 65%)}}
@media(max-width:380px){.poc-grid{grid-template-columns:1fr}}

.poc-card{transition:border-color .18s,transform .18s}
@media(hover:hover){.poc-card:hover{transform:translateY(-3px)}}
.poc-arrive{animation:poc-in .24s ease-out}
@keyframes poc-in{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.poc-card{transition:none}.poc-card:hover{transform:none}.poc-arrive{animation:none}}